diff --git a/frontend/src/components/ActionSelect.vue b/frontend/src/components/ActionSelect.vue index 0c351d0..c3f8eec 100644 --- a/frontend/src/components/ActionSelect.vue +++ b/frontend/src/components/ActionSelect.vue @@ -82,7 +82,7 @@ export default { if(store.selectedEvent ){ eventId=store.selectedEvent.header!=='DELETABLE'? store.selectedEvent.eventId : store.selectedEvent.parentId; } - const res =await api.get(`api/eventactions/${store.selectedEvent.eventId}`); + const res =await api.get(`api/eventactions/${eventId}`); actionData= res.data; const categoryNames = Array.from(new Set(actionData.map(x=>x.categoryname))); categorys.value=categoryNames; diff --git a/plugin/kintone-addins/src/actions/style-field.ts b/plugin/kintone-addins/src/actions/style-field.ts index 73d6b9c..836a017 100644 --- a/plugin/kintone-addins/src/actions/style-field.ts +++ b/plugin/kintone-addins/src/actions/style-field.ts @@ -59,10 +59,16 @@ export class StyleFieldAction implements IAction{ } this.props = actionNode.ActionValue as IStyleFieldProps; //書式設定 - if(event.type==="app.record.index.show"){ - this.setStyleForView(event,this.props,context); - }else if(event.type==="app.record.detail.show"){ - this.setStyleForDetail(event,this.props,context); + console.log(event.type) + if (event.type === "app.record.index.show") { + this.setStyleForView(event, this.props, context); + } else if (event.type === "app.record.detail.show") { + this.setStyleForDetail(event, this.props, context); + } else if ( + event.type.includes("app.record.create.change.") || + event.type.includes("app.record.edit.change.") + ) { + this.setStyleForEdit(event, this.props, context); } result= { canNext:true, @@ -77,6 +83,36 @@ export class StyleFieldAction implements IAction{ } + setStyleForEdit(event:any,props:IStyleFieldProps,context:IContext){ + const recordTable = document.getElementById('record-gaia'); + if (recordTable) { + Array.from( + recordTable.getElementsByTagName("span") + ) + .filter((span) => span.innerText === props.field.code) + .map((span) => + span.parentElement?.nextElementSibling + ?.querySelector(".input-text-outer-cybozu") + ?.firstElementChild as HTMLElement | null + ) + .filter((inputElement): inputElement is HTMLElement => !!inputElement) + .forEach((inputElement) => { + const conditionResult = this.getConditionResult( + this.getCondition(props.condition), + context + ); + + if (conditionResult) { + this.setFieldStyle(props, inputElement); + } else { + inputElement.removeAttribute('style'); + } + }); + } + } + + + /** * 詳細表示時のスタイル設定 * @param event