@things-factory/operato-tools 6.2.121 → 6.2.125
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/actions/main.js +1 -1
- package/client/pages/generator/button-config-tab-mixin.js +4 -4
- package/client/pages/generator/column-config-tab-mixin.js +4 -4
- package/client/pages/generator/etc-config-tab-mixin.js +4 -4
- package/client/pages/generator/form-config-tab-mixin.js +4 -4
- package/client/pages/generator/graphql-config-tab-mixin.js +24 -24
- package/client/pages/generator/grid-config-tab-mixin.js +38 -27
- package/client/pages/generator/grid-emphasized-config-tab-mixin.js +8 -8
- package/client/pages/generator/menu-config-tab-mixin.js +12 -12
- package/client/pages/generator/meta-generator-page.js +13 -13
- package/client/pages/generator/search-config-tab-mixin.js +4 -4
- package/client/pages/generator/tab-config-tab-mixin.js +4 -4
- package/client/pages/main.js +4 -4
- package/client/reducers/main.js +1 -1
- package/package.json +4 -4
- package/translations/en.json +2 -0
- package/translations/ko.json +2 -0
- package/translations/ms.json +2 -0
- package/translations/zh.json +2 -0
package/client/actions/main.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export const UPDATE_OPERATO_TOOLS="UPDATE_OPERATO_TOOLS";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
<ox-grist auto-fetch id="button-tab-grid" .config=${this
|
|
3
|
-
.fetchHandler=${this
|
|
1
|
+
import{html}from"lit-element";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";import{getRenderer}from"@operato/data-grist";export const ButtonConfigTabMixin=e=>class extends e{setButtonConfigTabValues(e){e?.forEach(((e,t)=>{let i=t+1;if(e.rank=10*i,e.id=i,e.logic&&!e.logic.logic){let t=JSON.stringify(e.logic,null,2);e.logic={},e.logic.logic=t}e.style&&Array.isArray(e.style)&&(e.style=JSON.stringify(e.style,null,2))})),this.viewButtonData=e,this.buttonTabGrist?.fetch()}getButtonConfigTabValues(){let e={button:[],grid:{button:[]}},t=this.getElementValueById("button-tab-grid");return this.sortRecordByRank(t)?.forEach((t=>{var{name:i,label:a,style:l,type:r="basic",logic:n,auth:o}=t;if(!i)return;let s={name:i,type:r.replaceAll("grid-",""),label:a||i,auth:o};n&&("string"==typeof n&&(n=JSON.parse(n)),n.logic&&(s.logic=JSON.parse(n.logic))),r.startsWith("grid")?(l&&((l=l.trim()).startsWith("[")&&(l=JSON.parse(l)),s.icon=l),e.grid.button.push(s)):(l&&(s.style=l),e.button.push(s))})),e}renderButtonConfigTab(){return html`
|
|
2
|
+
<ox-grist auto-fetch id="button-tab-grid" .config=${this.buttonTabGridConfig} .mode='GRID'
|
|
3
|
+
.fetchHandler=${this.fetchButtonConfigTabHandler.bind(this)}>
|
|
4
4
|
</ox-grist>
|
|
5
|
-
|
|
5
|
+
`}get buttonTabGrist(){return this.shadowRoot.querySelector("#button-tab-grid")}async fetchButtonConfigTabHandler(){return{total:0,records:this.viewButtonData||[]}}setButtonConfigTabConfig(){this.buttonTabGridConfig={rows:MetaApi.getGristSelectableConfig(!0),pagination:{infinite:!0},sorters:[{name:"rank",desc:!1}],appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(e,t,i,a,l)=>{a.id&&this.deleteRow(this.buttonTabGrist,a)}}},{type:"string",name:"id",hidden:!0},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:55,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"name",header:TermsUtil.tLabel("name"),sortable:!1,width:150,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"label",header:TermsUtil.tLabel("label"),sortable:!1,width:150,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"display",header:TermsUtil.tLabel("display"),sortable:!1,width:150,record:{align:"left",editable:!1,mandatory:!1,renderer:(e,t,i,a,l)=>{let r=i.label?i.label:i.name;return TermsUtil.tButton(r)}}},{type:"select",name:"type",header:TermsUtil.tLabel("type"),sortable:!1,width:100,record:{align:"left",editable:!0,mandatory:!0,options:["","basic","custom","grid-basic","grid-custom"]}},{type:"string",name:"style",header:TermsUtil.tLabel("style"),sortable:!1,width:100,record:{align:"left",editable:!0,mandatory:!1}},{type:"select",name:"auth",header:TermsUtil.tLabel("auth"),sortable:!1,width:80,record:{align:"left",editable:!0,mandatory:!0,options:[{value:"",display:""},{value:"R",display:"SELECT"},{value:"C",display:"CREATE"},{value:"U",display:"UPDATE"},{value:"D",display:"DELETE"}]}},{type:"parameters",name:"logic",header:TermsUtil.tLabel("logic"),sortable:!1,width:390,record:{align:"left",editable:!0,mandatory:!1,renderer:(e,t,i,a,l)=>{if(i.logic)"basic"===i.type&&(i.logic=void 0);else if("basic"===i.type)delete i.logic;else if("custom"===i.type){let e={logic:JSON.stringify({open_popup:{title:"menu.variables",title_detail:"name",type:"popup",menu:"menu-routing",tagname:"meta-grist-element",location:"pages/meta-grist-element.js",size:"large",popup_field:"param_field",parent_field:"id",param:["filter","grist_one","grist_selected","grist_changed"]},call_scenario:{type:"scenario",name:"testScenario",after:"fetch",param:["filter","grist_all","grist_selected"]}},null,2)};i.logic=e}else if("grid-basic"===i.type){let e={logic:'"record-view"'};i.logic=e}else if("grid-custom"===i.type){let e={logic:JSON.stringify({open_popup:{title:"menu.variables",title_detail:"name",type:"popup",menu:"menu-routing",tagname:"meta-grist-element",location:"pages/meta-grist-element.js",size:"large",popup_field:"param_field",parent_field:"id"},open_form_popup:{type:"form",title:"title.detail",title_detail:"name",size:"large",menu:"operation-master"},call_scenario:{type:"scenario",name:"testScenario",after:"fetch"}},null,2)};i.logic=e}else i.logic=void 0;return getRenderer("json5")(e,t,i,a,l)},options:(e,t,i,a,l)=>{var{name:r,help:n}={name:TermsUtil.tLabel("logic"),help:""};return{name:r,spec:[{label:"script",name:"logic",type:"textarea"}],help:n,context:this.buttonTabGrist}}}}]}}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
<ox-grist auto-fetch id="column-tab-grid" .config=${this
|
|
3
|
-
.fetchHandler=${this
|
|
4
|
-
</ox-grist
|
|
1
|
+
import{html}from"lit-element";import"@things-factory/component-ui/client/quick-find/quick-find-tabs";import"@things-factory/form-ui";import{getRenderer}from"@operato/data-grist";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";const objectTypes=["object","resource-object","resource-code-selector","meta-object-selector","meta-code-selector"],jsonConfigTypes=["object","select","resource-object","resource-code-selector","meta-object-selector","meta-code-selector"],typeConfigGuides={object:{queryName:"",referenceField:"Object Mapping Entity reference Field Name",nameField:"",descriptionField:"",select:[{name:"",hidden:!0},{name:"",hidden:!1}],list:{fields:["",""]}},"resource-object":{queryName:"GraphQL query Name",referenceField:"Object Mapping Entity reference Field Name",nameField:"",descriptionField:"",select:[{name:"",hidden:!0},{name:"",hidden:!1}],list:{fields:["",""]}},"resource-code-selector":{queryName:"graphQL Query",selectorName:"popup Title",codeField:"code Field",dispField:"disp Field",filterFields:'["code","display"] or [{"name":"code1","operator":"eq"},{"name":"display","operator":"eq"}]',select:[{name:"",hidden:!0},{name:"",hidden:!1}],filters:'filter values [{"name": "parentId", "operator": "eq", "value": "506134f8-8655-47ee-afdc-248b0de2f31c"}]',sorters:'sort field [{"name": "boxTypeCd", "desc": false}]'},select:{type:"code or scenario or entity",name:"codeName or scenario Name",values:'code type display select Array [{"code1","code2"}] OR [{"value":"code1","display":"CODE1"}, {"value":"code2","display":"CODE2"}]',args:{queryName:"entity type graphQL Query",codeField:"entity type code Field",dispField:"entity type disp Field",filters:'entity type filter values [{"name": "parentId", "operator": "eq", "value": "506134f8-8655-47ee-afdc-248b0de2f31c"}]',sorters:'entity type sort field [{"name": "boxTypeCd", "desc": false}]'}},"meta-object-selector":{case_custom:{queryName:"GraphQL query Name",selectorName:"popup Title",referenceField:"Object Mapping Entity reference Field Name",nameField:"",filterFields:'["code","display"] or [{"name":"code1","operator":"eq"},{"name":"display","operator":"eq"}]',select:[{name:"",hidden:!0},{name:"",hidden:!1}],filters:'filter values [{"name": "parentId", "operator": "eq", "value": "506134f8-8655-47ee-afdc-248b0de2f31c"}]',sorters:'sort field [{"name": "boxTypeCd", "desc": false}]',fieldMap:{sourceField1:"targetField1",sourceField2:"targetField2",sourceField3:"targetField3"}},case_menu:{menu:"route_name",referenceField:"Object Mapping Entity reference Field Name",fieldMap:{sourceField1:"targetField1",sourceField2:"targetField2",sourceField3:"targetField3"}}},"meta-code-selector":{case_custom:{queryName:"graphQL Query",selectorName:"popup Title",codeField:"code Field",dispField:"disp Field",filterFields:'["code","display"] or [{"name":"code1","operator":"eq"},{"name":"display","operator":"eq"}]',select:[{name:"",hidden:!0},{name:"",hidden:!1}],filters:'filter values [{"name": "parentId", "operator": "eq", "value": "506134f8-8655-47ee-afdc-248b0de2f31c"}]',sorters:'sort field [{"name": "boxTypeCd", "desc": false}]',fieldMap:{sourceField1:"targetField1",sourceField2:"targetField2",sourceField3:"targetField3"}},case_menu:{menu:"route_name",fieldMap:{sourceField1:"targetField1",sourceField2:"targetField2",sourceField3:"targetField3"}}}};export const ColumnConfigTabMixin=e=>class extends e{setColumnConfigTabValues(e){e?.forEach(((e,t)=>{let a=t+1;if(e.rank=10*a,e.id=a,objectTypes.includes(e.type)){if(e.object_opt&&!e.selector_args){let t=JSON.stringify(e.object_opt,null,2);e.selector_args={option:t}}}else if("select"==e.type&&e.select_opt&&!e.selector_args){let t=JSON.stringify(e.select_opt,null,2);e.selector_args={option:t}}})),this.viewColumnData=e,this.columnTabGrist?.fetch()}getColumnConfigTabValues(){let e={grid_column:[],grid:{list:{fields:[],details:[],thumbnail:""},option:{sorters:[]}}},t=this.getElementValueById("column-tab-grid");return t&&(this.sortRecordByRank(t)?.forEach((t=>{let{name:a,header:r,type:l="string",editable:i=!1,sortable:o=!1,mandatory:d=!1,exportable:n=!1,rep_field:s=!1,detail_field:c=!1,thumbnail_field:m=!1,hidden:p=!1,accumulator:b,align:u="left",width:h=0,format:g,change_event_handler:y,default_value:f,selector_args:_,fixed:F=!1}=t;if(!a)return;let T={name:a,header:r||a,type:l,editable:i,sortable:o,mandatory:d,exportable:n,hidden:p,align:u,width:h,format:g,change_event_handler:y,default_value:f,fixed:F};b&&(T.accumulator=b),_&&"string"==typeof _&&(_=JSON.parse(_)),jsonConfigTypes.includes(l)&&_&&_.option&&(T["select"==l?"select_opt":"object_opt"]=JSON.parse(_.option)),e.grid_column.push(T),s&&e.grid.list.fields.push(a),c&&e.grid.list.details.push(a),m&&(e.grid.list.thumbnail=a)})),this.sortRecordByField(t.filter((e=>e.sort_rank&&e.sort_rank>0)),"sort_rank").forEach((t=>{let{name:a,sort_desc:r=!1}=t;a&&e.grid.option.sorters.push({name:a,desc:r})}))),e}renderColumnConfigTab(){return html`
|
|
2
|
+
<ox-grist auto-fetch id="column-tab-grid" .config=${this.columnTabGridConfig} .mode='GRID'
|
|
3
|
+
.fetchHandler=${this.fetchColumnTabHandler.bind(this)}>
|
|
4
|
+
</ox-grist>`}get columnTabGrist(){return this.shadowRoot.querySelector("#column-tab-grid")}async fetchColumnTabHandler(){return{total:0,records:this.viewColumnData||[]}}async setColumnConfigTabConfig(){let e=await MetaApi.getCodeSelectorData("GRIST_COLUMN_TYPES");this.columnTabGridConfig={rows:MetaApi.getGristSelectableConfig(!0),pagination:{infinite:!0},sorters:[{name:"rank",desc:!1}],appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(e,t,a,r,l)=>{r.id&&this.deleteRow(this.columnTabGrist,r)}}},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:50,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"id",hidden:!0},{type:"string",name:"name",header:TermsUtil.tLabel("name"),sortable:!1,width:135,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"header",header:TermsUtil.tLabel("header"),sortable:!1,width:135,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"display",header:TermsUtil.tLabel("display"),sortable:!1,width:135,record:{align:"left",editable:!1,mandatory:!1,renderer:(e,t,a,r,l)=>a&&a.header?TermsUtil.tLabel(a.header):""}},{type:"select",name:"type",header:TermsUtil.tLabel("type"),sortable:!1,width:100,record:{align:"left",editable:!0,mandatory:!0,options:e}},{type:"boolean",name:"editable",header:TermsUtil.tLabel("editable"),sortable:!1,width:80,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"sortable",header:TermsUtil.tLabel("sortable"),sortable:!1,width:80,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"mandatory",header:TermsUtil.tLabel("mandatory"),sortable:!1,width:85,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"exportable",header:TermsUtil.tLabel("exportable"),sortable:!1,width:90,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"rep_field",header:TermsUtil.tLabel("rep_field"),sortable:!1,width:80,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"detail_field",header:TermsUtil.tLabel("detail_field"),sortable:!1,width:80,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"fixed",header:TermsUtil.tLabel("fixed_column"),sortable:!1,width:80,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"thumbnail_field",header:TermsUtil.tLabel("thumbnail_field"),sortable:!1,width:70,record:{align:"center",mandatory:!1,editable:!0}},{type:"boolean",name:"hidden",header:TermsUtil.tLabel("hidden"),sortable:!1,width:55,record:{align:"center",mandatory:!1,editable:!0}},{type:"select",name:"accumulator",header:TermsUtil.tLabel("accumulator"),sortable:!1,width:70,record:{align:"center",editable:!0,mandatory:!1,options:["","sum","avg","count","min","max"]}},{type:"select",name:"align",header:TermsUtil.tLabel("align"),sortable:!1,width:55,record:{align:"left",editable:!0,mandatory:!1,options:["","left","center","right"]}},{type:"integer",name:"width",header:TermsUtil.tLabel("width"),sortable:!1,width:55,record:{editable:!0,mandatory:!0,align:"right"}},{type:"integer",name:"sort_rank",header:TermsUtil.tLabel("sort_rank"),sortable:!1,width:80,record:{editable:!0,mandatory:!0,align:"right"}},{type:"boolean",name:"sort_desc",header:TermsUtil.tLabel("reverse_sort"),sortable:!1,width:65,record:{align:"center",mandatory:!1,editable:!0}},{type:"string",name:"format",header:TermsUtil.tLabel("format"),sortable:!1,width:135,record:{align:"left",editable:!0,mandatory:!1}},{type:"string",name:"default_value",header:TermsUtil.tLabel("default_value"),sortable:!1,width:135,record:{align:"left",editable:!0,mandatory:!1}},{type:"string",name:"change_event_handler",header:TermsUtil.tLabel("change-event-handler"),sortable:!1,width:150,record:{align:"left",mandatory:!1,editable:!0}},{type:"parameters",name:"selector_args",header:TermsUtil.tLabel("selector_args"),sortable:!1,width:150,record:{align:"left",editable:!0,mandatory:!1,renderer:(e,t,a,r,l)=>{if(!a.selector_args){let e=typeConfigGuides[a.type];e?a.selector_args={option:JSON.stringify(e,null,2)}:0==jsonConfigTypes.includes(a.type)&&(a.selector_args=void 0)}return getRenderer("json5")(e,t,a,r,l)},options:(e,t,a,r,l)=>{let{name:i,help:o}={name:TermsUtil.tLabel("selector_args"),help:""};return{name:i,spec:[{label:"script",name:"option",type:"textarea"}],help:o,context:this.columnTabGrist}}}}]}}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
<ox-grist auto-fetch id="etc-tab-grid" .config=${this
|
|
3
|
-
.fetchHandler=${this
|
|
4
|
-
</ox-grist
|
|
1
|
+
import{html}from"lit-element";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";export const EtcConfigTabMixin=t=>class extends t{setEtcConfigTabValues(t){let e=1,i=Object.keys(t||{}).map((i=>{let a={};return a.id=100*e,a.key=i,a.value=t[i],e+=1,a}));this.viewEtcData=i||[],this.etcTabGrist?.fetch()}getEtcConfigTabValues(){let t={etc:{}};return this.getElementValueById("etc-tab-grid")?.forEach((e=>{var{key:i,value:a}=e;i&&a&&(t.etc[i]=a)})),t}renderEtcConfigTab(){return html`
|
|
2
|
+
<ox-grist auto-fetch id="etc-tab-grid" .config=${this.etcTabGridConfig} .mode='GRID'
|
|
3
|
+
.fetchHandler=${this.fetchEtcTabHandler.bind(this)}>
|
|
4
|
+
</ox-grist>`}get etcTabGrist(){return this.shadowRoot.querySelector("#etc-tab-grid")}async fetchEtcTabHandler(){return{total:0,records:this.viewEtcData||[]}}async setEtcConfigTabConfig(){this.etcTabGridConfig={rows:MetaApi.getGristSelectableConfig(!0),pagination:{infinite:!0},appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(t,e,i,a,r)=>{a.id&&this.deleteRow(this.etcTabGrist,a)}}},{type:"string",name:"id",hidden:!0},{type:"string",name:"key",header:TermsUtil.tLabel("key"),sortable:!1,width:225,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"value",header:TermsUtil.tLabel("value"),sortable:!1,width:945,record:{align:"left",editable:!0,mandatory:!0}}]}}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
<ox-grist auto-fetch id="form-tab-grid" .config=${this
|
|
3
|
-
.fetchHandler=${this
|
|
4
|
-
</ox-grist
|
|
1
|
+
import{html}from"lit-element";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";export const FormConfigTabMixin=t=>class extends t{setFormConfigTabValues(t){let e=t?.map(((t,e)=>{let r=e+1,i={};return i.rank=10*r,i.id=r,i.category=t.category,i.display=t.display,i.column=t.column,i.column_list=t.column_list.join(","),i}));this.viewFormData=e||[],this.formTabGrist?.fetch()}getFormConfigTabValues(){let t={form:[]},e=this.getElementValueById("form-tab-grid");return this.sortRecordByRank(e)?.forEach((e=>{var{category:r,display:i,column:a=1,column_list:o}=e;r&&o&&(i||(i=r),o=o.split(","),t.form.push({category:r,display:i,column:a,column_list:o}))})),t}renderFormConfigTab(){return html`
|
|
2
|
+
<ox-grist auto-fetch id="form-tab-grid" .config=${this.formTabGridConfig} .mode='GRID'
|
|
3
|
+
.fetchHandler=${this.fetchFormTabHandler.bind(this)}>
|
|
4
|
+
</ox-grist>`}get formTabGrist(){return this.shadowRoot.querySelector("#form-tab-grid")}async fetchFormTabHandler(){return{total:0,records:this.viewFormData||[]}}async setFormConfigTabConfig(){this.formTabGridConfig={rows:MetaApi.getGristSelectableConfig(!0),pagination:{infinite:!0},sorters:[{name:"rank",desc:!1}],appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(t,e,r,i,a)=>{i.id&&this.deleteRow(this.formTabGrist,i)}}},{type:"string",name:"id",hidden:!0},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:50,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"category",header:TermsUtil.tLabel("category"),sortable:!1,width:155,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"display",header:TermsUtil.tLabel("display"),sortable:!1,width:155,record:{align:"left",editable:!0,mandatory:!0}},{type:"integer",name:"column",header:TermsUtil.tLabel("column_cnt"),sortable:!0,width:65,record:{align:"right",editable:!0}},{type:"string",name:"column_list",header:TermsUtil.tLabel("grid_column_list"),sortable:!1,width:735,record:{align:"left",editable:!0,mandatory:!0}}]}}};
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
|
|
1
|
+
import{html}from"lit-element";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";export const GraphQlConfigTabMixin=t=>class extends t{setGraphqlConfigTabValues(t){if(t){var e={query:t.query||{},multiple:t.mutation?.multiple||{},delete:t.mutation?.delete||{}};this.viewGraphqlData={query_list:e.query.list_func||"",query_find:e.query.find_one_func||"",query_parent_id:e.query.parent_id||"",after_set_fields_data:e.query.after_set_fields||[],mutation_multiple:e.multiple.func||"",mutation_multiple_type:e.multiple.type||"",mutation_multiple_parent_id:e.multiple.parent_id||"",skip_fields_data:e.multiple.skip_fields||[],mutation_delete:e.delete.func||""};let i=1;this.viewGraphqlData.after_set_fields_data=Object.keys(this.viewGraphqlData.after_set_fields_data).map((t=>({id:i++,set_field:t,get_field:this.viewGraphqlData.after_set_fields_data[t]}))),this.viewGraphqlData.skip_fields_data=this.viewGraphqlData.skip_fields_data.map((t=>({id:i++,except_field:t}))),this.graphqlTabAfterSetFieldGrist?.fetch(),this.graphqlTabSkipFieldGrist?.fetch()}else this.setGraphqlConfigTabDefaultValues()}getGraphqlConfigTabValues(){let t={},e=this.getElementValueById("query_list"),i=this.getElementValueById("query_find"),l=this.getElementValueById("mutation_multiple"),a=this.getElementValueById("mutation_multiple_type"),d=this.getElementValueById("mutation_delete"),r=this.getElementValueById("query_parent_id"),s=this.getElementValueById("mutation_multiple_parent_id"),u=this.getElementValueById("after-set-fields-grist"),n=this.getElementValueById("skip-fields-grist");e&&(t.query_list=e),i&&(t.query_find=i),r&&(t.query_parent_id=r),u&&(t.query_after_set_fields_data=u),l&&(t.mutation_multiple=l),a&&(t.mutation_multiple_type=a),s&&(t.mutation_multiple_parent_id=s),n&&(t.mutation_multiple_skip_fields_data=n),d&&(t.mutation_delete=d);let _={gql:{}},p=Object.keys(t);return p.filter((t=>t.startsWith("query")))&&(_.gql.query={},t.query_list&&(_.gql.query.list_func=t.query_list),t.query_find&&(_.gql.query.find_one_func=t.query_find),t.query_parent_id&&(_.gql.query.parent_id=t.query_parent_id),t.query_after_set_fields_data&&(_.gql.query.after_set_fields={},t.query_after_set_fields_data.forEach((t=>{_.gql.query.after_set_fields[t.set_field]=t.get_field})))),p.filter((t=>t.startsWith("mutation")))&&(_.gql.mutation={},p.filter((t=>t.startsWith("mutation_multiple")))&&(_.gql.mutation.multiple={},t.mutation_multiple&&(_.gql.mutation.multiple.func=t.mutation_multiple),t.mutation_multiple_type&&(_.gql.mutation.multiple.type=t.mutation_multiple_type),t.mutation_multiple_parent_id&&(_.gql.mutation.multiple.parent_id=t.mutation_multiple_parent_id),t.mutation_multiple_skip_fields_data&&(_.gql.mutation.multiple.skip_fields=t.mutation_multiple_skip_fields_data.map((t=>t.except_field)))),p.filter((t=>t.startsWith("mutation_delete")))&&(_.gql.mutation.delete={},t.mutation_delete&&(_.gql.mutation.delete.func=t.mutation_delete))),_}get graphqlTabAfterSetFieldGrist(){return this.shadowRoot.querySelector("#after-set-fields-grist")}get graphqlTabSkipFieldGrist(){return this.shadowRoot.querySelector("#skip-fields-grist")}setGraphqlConfigTabConfig(){this.afterSetFieldsConfig={rows:MetaApi.getGristSelectableConfig(!1),pagination:{infinite:!0},appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(t,e,i,l,a)=>{l.id&&this.deleteRow(this.graphqlTabAfterSetFieldGrist,l)}}},{type:"string",name:"id",hidden:!0},{type:"string",name:"set_field",header:TermsUtil.tLabel("set_field_name"),record:{align:"left",editable:!0,mandatory:!0},width:150},{type:"string",name:"get_field",header:TermsUtil.tLabel("get_field_name"),record:{align:"left",editable:!0,mandatory:!0},width:150}]},this.skipFieldsConfig={rows:MetaApi.getGristSelectableConfig(!1),pagination:{infinite:!0},appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(t,e,i,l,a)=>{l.id&&this.deleteRow(this.graphqlTabSkipFieldGrist,l)}}},{type:"string",name:"id",hidden:!0},{type:"string",name:"except_field",header:TermsUtil.tLabel("field_name"),record:{align:"left",editable:!0,mandatory:!0},width:250}]}}setGraphqlConfigTabDefaultValues(){this.viewGraphqlData||(this.viewGraphqlData={query_list:"",query_find:"",mutation_multiple:"",mutation_multiple_type:"",mutation_delete:"",query_parent_id:"",mutation_multiple_parent_id:"",after_set_fields_data:[],skip_fields_data:[]})}renderGraphqlConfigTab(){return this.setGraphqlConfigTabDefaultValues(),html`
|
|
2
2
|
<div field-2column>
|
|
3
3
|
<div field>
|
|
4
|
-
<label>${TermsUtil
|
|
5
|
-
<input id="query_list" name="query_list" type="text" value=${this
|
|
4
|
+
<label>${TermsUtil.tLabel("query_list_function")}
|
|
5
|
+
<input id="query_list" name="query_list" type="text" value=${this.viewGraphqlData.query_list} />
|
|
6
6
|
</label>
|
|
7
7
|
</div>
|
|
8
8
|
<div field>
|
|
9
|
-
<label>${TermsUtil
|
|
10
|
-
<input id="query_find" name="query_find" type="text" value=${this
|
|
9
|
+
<label>${TermsUtil.tLabel("query_find_function")}
|
|
10
|
+
<input id="query_find" name="query_find" type="text" value=${this.viewGraphqlData.query_find} />
|
|
11
11
|
</label>
|
|
12
12
|
</div>
|
|
13
13
|
<div field>
|
|
14
|
-
<label>${TermsUtil
|
|
14
|
+
<label>${TermsUtil.tLabel("multiple_update_function")}
|
|
15
15
|
<input id="mutation_multiple" name="mutation_multiple" type="text"
|
|
16
|
-
value=${this
|
|
16
|
+
value=${this.viewGraphqlData.mutation_multiple} />
|
|
17
17
|
</label>
|
|
18
18
|
</div>
|
|
19
19
|
<div field>
|
|
20
|
-
<label>${TermsUtil
|
|
20
|
+
<label>${TermsUtil.tLabel("multiple_update_type")}
|
|
21
21
|
<input id="mutation_multiple_type" name="mutation_multiple_type" type="text"
|
|
22
|
-
value=${this
|
|
22
|
+
value=${this.viewGraphqlData.mutation_multiple_type} />
|
|
23
23
|
</label>
|
|
24
24
|
</div>
|
|
25
25
|
<div field>
|
|
26
|
-
<label>${TermsUtil
|
|
27
|
-
<input id="mutation_delete" name="mutation_delete" type="text" value=${this
|
|
26
|
+
<label>${TermsUtil.tLabel("delete_function")}
|
|
27
|
+
<input id="mutation_delete" name="mutation_delete" type="text" value=${this.viewGraphqlData.mutation_delete} />
|
|
28
28
|
</label>
|
|
29
29
|
</div>
|
|
30
30
|
<div field>
|
|
31
31
|
</div>
|
|
32
32
|
<div field>
|
|
33
33
|
<h2>
|
|
34
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
34
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("query_option")}
|
|
35
35
|
</h2>
|
|
36
36
|
<div subfield>
|
|
37
|
-
<label>${TermsUtil
|
|
38
|
-
<input id="query_parent_id" name="query_parent_id" type="text" value=${this
|
|
37
|
+
<label>${TermsUtil.tLabel("parent_id")}
|
|
38
|
+
<input id="query_parent_id" name="query_parent_id" type="text" value=${this.viewGraphqlData.query_parent_id} />
|
|
39
39
|
</label>
|
|
40
40
|
|
|
41
|
-
<label>${TermsUtil
|
|
41
|
+
<label>${TermsUtil.tLabel("after_set_fields")}
|
|
42
42
|
<div style="display:flex;height:200px">
|
|
43
|
-
<ox-grist id="after-set-fields-grist" .config=${this
|
|
44
|
-
.fetchHandler=${this
|
|
43
|
+
<ox-grist id="after-set-fields-grist" .config=${this.afterSetFieldsConfig} .mode=${"GRID"} auto-fetch
|
|
44
|
+
.fetchHandler=${this.fetchAfterSetFields.bind(this)}></ox-grist>
|
|
45
45
|
</div>
|
|
46
46
|
</label>
|
|
47
47
|
</div>
|
|
48
48
|
</div>
|
|
49
49
|
<div field>
|
|
50
50
|
<h2>
|
|
51
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
51
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("multiple_update_option")}
|
|
52
52
|
</h2>
|
|
53
53
|
<div subfield>
|
|
54
|
-
<label>${TermsUtil
|
|
54
|
+
<label>${TermsUtil.tLabel("parent_id")}
|
|
55
55
|
<input id="mutation_multiple_parent_id" name="mutation_multiple_parent_id" type="text"
|
|
56
|
-
value=${this
|
|
56
|
+
value=${this.viewGraphqlData.mutation_multiple_parent_id} />
|
|
57
57
|
</label>
|
|
58
58
|
|
|
59
|
-
<label>${TermsUtil
|
|
59
|
+
<label>${TermsUtil.tLabel("skip_fields")}
|
|
60
60
|
<div style="display:flex;height:200px">
|
|
61
|
-
<ox-grist id="skip-fields-grist" .config=${this
|
|
62
|
-
.fetchHandler=${this
|
|
61
|
+
<ox-grist id="skip-fields-grist" .config=${this.skipFieldsConfig} .mode=${"GRID"} auto-fetch
|
|
62
|
+
.fetchHandler=${this.fetchSkipFields.bind(this)}></ox-grist>
|
|
63
63
|
</div>
|
|
64
64
|
</label>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
</div>
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
`}async fetchAfterSetFields(){return{records:this.viewGraphqlData.after_set_fields_data,total:0}}async fetchSkipFields(){return{records:this.viewGraphqlData.skip_fields_data,total:0}}};
|
|
@@ -1,91 +1,102 @@
|
|
|
1
|
-
|
|
1
|
+
import{html}from"lit-element";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";export const GridConfigTabMixin=e=>class extends e{setGridConfigTabValues(e){if(e){let{mobile_mode:i="",desk_mode:t="",pages:a=[],use_row_checker:r=!0,view_mode:d=[]}=e.option||{},l=(e.row||{multiple_select:!1}).multiple_select,s="unlimited"==a?"grid_term_unlimited":0==a.length?"":20==a[0]?"grid_term_default":`grid_term_${a[0]}`;this.viewGridData={mobile_mode:i,desk_mode:t,use_row_checker:r,pages:s,view_mode:d,multiple_select:l,use_filter_form:e.use_filter_form,grid_refresh_when_page_activated:e.grid_refresh_when_page_activated}}else this.setGridConfigTabDetaultValues()}getGridConfigTabValues(){let e={grid:{option:{},row:{click:"select-row-toggle"}}},i=this.getElementValueById("grid_row_check_use"),t=this.getElementValueById("grid_multi_select"),a=this.getElementValueById("grid_desk_view"),r=this.getElementValueById("grid_mobile_view"),d=this.getElementValueById("grid_use_filter"),l=this.getElementValueById("grid_refresh_when_page_activated"),s=this.getElementValueById("grid_pagination"),_=this.getElementValueById("grid_view_use"),o=this.getElementValueById("list_view_use"),n=this.getElementValueById("card_view_use");return e.grid.use_filter_form="true"==d,e.grid.grid_refresh_when_page_activated="true"==l,e.grid.row.multiple_select="true"==t,e.grid.option.use_row_checker="true"==i,e.grid.option.mobile_mode=r,e.grid.option.desk_mode=a,"grid_term_default"==s?e.grid.option.pages=[20,30,50,100]:"grid_term_50"==s?e.grid.option.pages=[50,100,500,1e3]:"grid_term_100"==s?e.grid.option.pages=[100,500,1e3,5e3]:"grid_term_1000"==s?e.grid.option.pages=[1e3,5e3,1e4,5e4,1e5]:"grid_term_unlimited"==s&&(e.grid.option.pages="unlimited"),e.grid.option.view_mode=[],"true"==_&&e.grid.option.view_mode.push("GRID"),"true"==o&&e.grid.option.view_mode.push("LIST"),"true"==n&&e.grid.option.view_mode.push("CARD"),e}async setGridConfigTabConfig(){let e=await MetaApi.codeItems("GRID_PAGE_OPTIONS"),i=await MetaApi.codeItems("GRID_VIEW_MODE");this.gridViewModes=i,this.gridPageOptions=e}setGridConfigTabDetaultValues(){this.viewGridData||(this.viewGridData={mobile_mode:this.gridViewModes?this.gridViewModes[1]:"LIST",desk_mode:this.gridViewModes?this.gridViewModes[0]:"GRID",use_row_checker:!0,pages:"grid_term_default",view_mode:[...this.gridViewModes?this.gridViewModes:["GRID","LIST","CARD"]],multiple_select:!0,use_filter_form:!0,grid_refresh_when_page_activated:!1})}renderGridConfigTab(){return this.setGridConfigTabDetaultValues(),html`
|
|
2
2
|
<div field-2column>
|
|
3
3
|
<div field>
|
|
4
4
|
<h2>
|
|
5
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
5
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_use_row_check")}
|
|
6
6
|
</h2>
|
|
7
7
|
<label>
|
|
8
8
|
<span>
|
|
9
9
|
<input type="radio" id="grid_row_check_use" name="grid_row_check_use" value="true"
|
|
10
|
-
?checked=${this
|
|
10
|
+
?checked=${this.viewGridData.use_row_checker}>${TermsUtil.tLabel("use")}</input>
|
|
11
11
|
<input type="radio" id="grid_row_check_use" name="grid_row_check_use" value="false"
|
|
12
|
-
?checked=${!this
|
|
12
|
+
?checked=${!this.viewGridData.use_row_checker}>${TermsUtil.tLabel("unuse")}</input>
|
|
13
13
|
</span>
|
|
14
14
|
</label>
|
|
15
15
|
</div>
|
|
16
16
|
<div field>
|
|
17
17
|
<h2>
|
|
18
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
18
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_support_multi_select")}
|
|
19
19
|
</h2>
|
|
20
20
|
<label>
|
|
21
21
|
<span>
|
|
22
22
|
<input type="radio" id="grid_multi_select" name="grid_multi_select" value="true"
|
|
23
|
-
?checked=${this
|
|
23
|
+
?checked=${this.viewGridData.multiple_select}>${TermsUtil.tLabel("support")}</input>
|
|
24
24
|
<input type="radio" id="grid_multi_select" name="grid_multi_select" value="false"
|
|
25
|
-
?checked=${!this
|
|
25
|
+
?checked=${!this.viewGridData.multiple_select}>${TermsUtil.tLabel("unsupport")}</input>
|
|
26
26
|
</span>
|
|
27
27
|
</label>
|
|
28
28
|
</div>
|
|
29
29
|
<div field>
|
|
30
30
|
<h2>
|
|
31
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
31
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_use_filter")}
|
|
32
32
|
</h2>
|
|
33
33
|
<label>
|
|
34
34
|
<span>
|
|
35
35
|
<input type="radio" id="grid_use_filter" name="grid_use_filter" value="true"
|
|
36
|
-
?checked=${this
|
|
36
|
+
?checked=${this.viewGridData.use_filter_form}>${TermsUtil.tLabel("use")}</input>
|
|
37
37
|
<input type="radio" id="grid_use_filter" name="grid_use_filter" value="false"
|
|
38
|
-
?checked=${!this
|
|
38
|
+
?checked=${!this.viewGridData.use_filter_form}>${TermsUtil.tLabel("unuse")}</input>
|
|
39
39
|
</span>
|
|
40
40
|
</label>
|
|
41
41
|
</div>
|
|
42
|
-
<div></div>
|
|
43
42
|
<div field>
|
|
44
43
|
<h2>
|
|
45
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
44
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_refresh_when_page_activated")}
|
|
45
|
+
</h2>
|
|
46
|
+
<label>
|
|
47
|
+
<span>
|
|
48
|
+
<input type="radio" id="grid_refresh_when_page_activated" name="grid_refresh_when_page_activated" value="true"
|
|
49
|
+
?checked=${this.viewGridData.grid_refresh_when_page_activated}>${TermsUtil.tLabel("use")}</input>
|
|
50
|
+
<input type="radio" id="grid_refresh_when_page_activated" name="grid_refresh_when_page_activated" value="false"
|
|
51
|
+
?checked=${!this.viewGridData.grid_refresh_when_page_activated}>${TermsUtil.tLabel("unuse")}</input>
|
|
52
|
+
</span>
|
|
53
|
+
</label>
|
|
54
|
+
</div>
|
|
55
|
+
<div field>
|
|
56
|
+
<h2>
|
|
57
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_desk_view")}
|
|
46
58
|
</h2>
|
|
47
59
|
<label>
|
|
48
60
|
<select id="grid_desk_view" name="grid_desk_view">
|
|
49
|
-
${this
|
|
61
|
+
${this.gridViewModes?.map((e=>html`<option value=${e.name} ?selected=${this.viewGridData.desk_mode==e.name}>${e.description}</option>`))}
|
|
50
62
|
</select>
|
|
51
63
|
</label>
|
|
52
64
|
</div>
|
|
53
65
|
<div field>
|
|
54
66
|
<h2>
|
|
55
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
67
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_mobile_view")}
|
|
56
68
|
</h2>
|
|
57
69
|
<label>
|
|
58
70
|
<select id="grid_mobile_view" name="grid_mobile_view">
|
|
59
|
-
${this
|
|
71
|
+
${this.gridViewModes?.map((e=>html`<option value=${e.name} ?selected=${this.viewGridData.mobile_mode==e.name}>${e.description}</option>`))}
|
|
60
72
|
</select>
|
|
61
73
|
</label>
|
|
62
74
|
</div>
|
|
63
75
|
<div field>
|
|
64
76
|
<h2>
|
|
65
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
77
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_support_view")}
|
|
66
78
|
</h2>
|
|
67
79
|
<label>
|
|
68
|
-
${this
|
|
69
|
-
<span>${
|
|
70
|
-
<input type="radio" name=${
|
|
71
|
-
<input type="radio" name=${
|
|
80
|
+
${this.gridViewModes?.map((e=>html`
|
|
81
|
+
<span>${e.name}
|
|
82
|
+
<input type="radio" name=${e.name.toLowerCase()+"_view_use"} id=${e.name.toLowerCase()+"_view_use"} ?checked=${this.viewGridData.view_mode.includes(e.name)} value="true">${TermsUtil.tLabel("use")}</input>
|
|
83
|
+
<input type="radio" name=${e.name.toLowerCase()+"_view_use"} id=${e.name.toLowerCase()+"_view_use"} ?checked=${!this.viewGridData.view_mode.includes(e.name)} value="false">${TermsUtil.tLabel("unuse")}</input>
|
|
72
84
|
</span>
|
|
73
|
-
`)}
|
|
85
|
+
`))}
|
|
74
86
|
</label>
|
|
75
87
|
</div>
|
|
76
88
|
<div field>
|
|
77
89
|
<h2>
|
|
78
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
90
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_pagination")}
|
|
79
91
|
</h2>
|
|
80
92
|
<label>
|
|
81
|
-
${this
|
|
93
|
+
${this.gridPageOptions?.map((e=>html`
|
|
82
94
|
<span>
|
|
83
|
-
<input type="radio" name="grid_pagination" id="grid_pagination" value=${
|
|
95
|
+
<input type="radio" name="grid_pagination" id="grid_pagination" value=${e.name} ?checked=${this.viewGridData.pages==e.name}>${TermsUtil.tLabel(e.name)}</input>
|
|
84
96
|
</span>
|
|
85
|
-
`)}
|
|
97
|
+
`))}
|
|
86
98
|
</label>
|
|
87
99
|
</div>
|
|
88
100
|
</div>
|
|
89
101
|
</div>
|
|
90
|
-
|
|
91
|
-
`;}};
|
|
102
|
+
`}};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import{html}from"lit-element";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";export const GridEmphasizedConfigTabMixin=e=>class extends e{setGridEmphasizedConfigTabValues(e){if(e){this.viewEmphasizedData={rowEmphasizedData:[],columnEmphasizedData:[]};let i=1;this.viewEmphasizedData.rowEmphasizedData=(e.row||[]).map((e=>({id:i,rank:i++,backgroundColor:e.backgroundColor||"",fontColor:e.fontColor||"",logic:e.logic||""}))),i=1;let t=e.column||[];Object.keys(t).forEach((e=>{let a=t[e]||[],o=1;a.forEach((t=>{this.viewEmphasizedData.columnEmphasizedData.push({id:i++,rank:o++,column:e,backgroundColor:t.backgroundColor||"",fontColor:t.fontColor||"",logic:t.logic||""})}))})),this.emphasizedConfigTabColumnEmphasizedGrist?.fetch(),this.emphasizedConfigTabRowEmphasizedGrist?.fetch()}else this.setGridEmphasizedConfigTabDefaultValues()}getGridEmphasizedConfigTabValues(){let e=this.getElementValueById("row-emphasized-grist"),i=this.getElementValueById("column-emphasized-grist"),t=[];this.sortRecordByRank(e)?.forEach((e=>{t.push({backgroundColor:e.backgroundColor,fontColor:e.fontColor,logic:e.logic})}));let a={};return this.sortRecordByRank(i)?.forEach((e=>{a[e.column]||(a[e.column]=[]),a[e.column].push({backgroundColor:e.backgroundColor,fontColor:e.fontColor,logic:e.logic})})),{gridEmphasized:{row:t||[],column:a||{}}}}get emphasizedConfigTabRowEmphasizedGrist(){return this.shadowRoot.querySelector("#row-emphasized-grist")}get emphasizedConfigTabColumnEmphasizedGrist(){return this.shadowRoot.querySelector("#column-emphasized-grist")}setGridEmphasizedConfigTabConfig(){this.rowEmphasizedConfig={rows:MetaApi.getGristSelectableConfig(!1),pagination:{infinite:!0},appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(e,i,t,a,o)=>{a.id&&this.deleteRow(this.emphasizedConfigTabRowEmphasizedGrist,a)}}},{type:"string",name:"id",hidden:!0},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:55,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"backgroundColor",header:TermsUtil.tLabel("background-color"),record:{align:"left",editable:!0,mandatory:!0},width:130},{type:"string",name:"fontColor",header:TermsUtil.tLabel("font-color"),record:{align:"left",editable:!0,mandatory:!0},width:130},{type:"code-input",name:"logic",header:TermsUtil.tLabel("logic"),record:{align:"left",editable:!0,mandatory:!0},width:850}]},this.columnEmphasizedConfig={rows:MetaApi.getGristSelectableConfig(!1),pagination:{infinite:!0},appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(e,i,t,a,o)=>{a.id&&this.deleteRow(this.emphasizedConfigTabColumnEmphasizedGrist,a)}}},{type:"string",name:"id",hidden:!0},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:55,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"column",header:TermsUtil.tLabel("column"),record:{align:"left",editable:!0,mandatory:!0},width:130},{type:"string",name:"backgroundColor",header:TermsUtil.tLabel("background-color"),record:{align:"left",editable:!0,mandatory:!0},width:130},{type:"string",name:"fontColor",header:TermsUtil.tLabel("font-color"),record:{align:"left",editable:!0,mandatory:!0},width:130},{type:"code-input",name:"logic",header:TermsUtil.tLabel("logic"),record:{align:"left",editable:!0,mandatory:!0},width:725}]}}setGridEmphasizedConfigTabDefaultValues(){this.viewEmphasizedData||(this.viewEmphasizedData={rowEmphasizedData:[],columnEmphasizedData:[]})}renderGridEmphasizedConfigTab(){return this.setGridEmphasizedConfigTabDefaultValues(),html`
|
|
2
2
|
<div style='grid-template-rows: 50% 50%;display:grid;flex:1;'>
|
|
3
3
|
<div field >
|
|
4
4
|
<h2>
|
|
5
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
5
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_row_emphasized_config")}
|
|
6
6
|
</h2>
|
|
7
|
-
<ox-grist id="row-emphasized-grist" .config=${this
|
|
8
|
-
.fetchHandler=${this
|
|
7
|
+
<ox-grist id="row-emphasized-grist" .config=${this.rowEmphasizedConfig} .mode=${"GRID"} auto-fetch
|
|
8
|
+
.fetchHandler=${this.fetchRowEmphasized.bind(this)}></ox-grist>
|
|
9
9
|
</div>
|
|
10
10
|
<div field >
|
|
11
11
|
<h2>
|
|
12
|
-
<mwc-icon>list_alt</mwc-icon>${TermsUtil
|
|
12
|
+
<mwc-icon>list_alt</mwc-icon>${TermsUtil.tLabel("grid_column_emphasized_config")}
|
|
13
13
|
</h2>
|
|
14
|
-
<ox-grist id="column-emphasized-grist" .config=${this
|
|
15
|
-
.fetchHandler=${this
|
|
14
|
+
<ox-grist id="column-emphasized-grist" .config=${this.columnEmphasizedConfig} .mode=${"GRID"} auto-fetch
|
|
15
|
+
.fetchHandler=${this.fetchColumnEmphasized.bind(this)}></ox-grist>
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
|
18
|
-
|
|
18
|
+
`}async fetchRowEmphasized(){return{records:this.viewEmphasizedData.rowEmphasizedData,total:0}}async fetchColumnEmphasized(){return{records:this.viewEmphasizedData.columnEmphasizedData,total:0}}};
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
import{html}from"lit-element";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";export const MenuConfigTabMixin=e=>class extends e{setMenuConfigTabValues(e){if(e){var{title:t="",name:l="",desc:i="",help:a=""}=e||{};this.viewMenuData={title:t,name:l,desc:i,help_doc:a},this.getElementById("title").value=t,this.getElementById("name").value=l,this.getElementById("desc").value=i,this.getElementById("help_doc").value=a}else this.setMenuConfigTabDefaultValue()}getMenuConfigTabValues(){let e={menu:{}},t=this.getElementValueById("title"),l=this.getElementValueById("name"),i=this.getElementValueById("desc"),a=this.getElementValueById("help_doc");return t&&(e.menu.title=t),l&&(e.menu.name=l),i&&(e.menu.desc=i),a&&(e.menu.help=a),e}setMenuConfigTabDefaultValue(){this.viewMenuData||(this.viewMenuData={title:"",name:"name",desc:"description",help_doc:""})}menuTitleChange(e){let t=this.getElementById("display");t&&(t.value=TermsUtil.tTitle(e.target.value))}renderMenuConfigTab(){return this.setMenuConfigTabDefaultValue(),html`
|
|
2
2
|
<div field-2column>
|
|
3
3
|
<div field>
|
|
4
|
-
<label>${TermsUtil
|
|
5
|
-
<input id="title" name="title" type="text" value=${this
|
|
4
|
+
<label>${TermsUtil.tLabel("menu_title")}
|
|
5
|
+
<input id="title" name="title" type="text" value=${this.viewMenuData.title} @change=${e=>this.menuTitleChange(e)}/>
|
|
6
6
|
</label>
|
|
7
7
|
</div>
|
|
8
8
|
<div field>
|
|
9
|
-
<label>${TermsUtil
|
|
10
|
-
<input id="display" name="display" value=${TermsUtil
|
|
9
|
+
<label>${TermsUtil.tLabel("display")}
|
|
10
|
+
<input id="display" name="display" value=${TermsUtil.tTitle(this.viewMenuData.title)} type="text" readonly
|
|
11
11
|
disabled />
|
|
12
12
|
</label>
|
|
13
13
|
</div>
|
|
14
14
|
<div field>
|
|
15
|
-
<label>${TermsUtil
|
|
16
|
-
<input id="name" name="name" type="text" value=${this
|
|
15
|
+
<label>${TermsUtil.tLabel("menu_name_field")}
|
|
16
|
+
<input id="name" name="name" type="text" value=${this.viewMenuData.name} />
|
|
17
17
|
</label>
|
|
18
18
|
</div>
|
|
19
19
|
<div field>
|
|
20
|
-
<label>${TermsUtil
|
|
21
|
-
<input id="desc" name="desc" type="text" value=${this
|
|
20
|
+
<label>${TermsUtil.tLabel("menu_desc_field")}
|
|
21
|
+
<input id="desc" name="desc" type="text" value=${this.viewMenuData.desc} />
|
|
22
22
|
</label>
|
|
23
23
|
</div>
|
|
24
24
|
<div field>
|
|
25
|
-
<label>${TermsUtil
|
|
26
|
-
<input id="help_doc" name="help_doc" type="text" value=${this
|
|
25
|
+
<label>${TermsUtil.tLabel("help_doc")}
|
|
26
|
+
<input id="help_doc" name="help_doc" type="text" value=${this.viewMenuData.help_doc} />
|
|
27
27
|
</label>
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
|
-
|
|
30
|
+
`}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import{html,css}from"lit-element";import{merge}from"lodash";import gql from"graphql-tag";import{i18next,localize}from"@things-factory/i18n-base";import{PageView}from"@things-factory/shell";import{client}from"@operato/graphql";import{store}from"@operato/shell";import{CommonButtonStyles}from"@operato/styles";import{ButtonConfigTabMixin}from"./button-config-tab-mixin";import{MenuConfigTabMixin}from"./menu-config-tab-mixin";import{SearchConfigTabMixin}from"./search-config-tab-mixin";import{GridConfigTabMixin}from"./grid-config-tab-mixin";import{ColumnConfigTabMixin}from"./column-config-tab-mixin";import{GraphQlConfigTabMixin}from"./graphql-config-tab-mixin";import{FormConfigTabMixin}from"./form-config-tab-mixin";import{TabConfigTabMixin}from"./tab-config-tab-mixin";import{EtcConfigTabMixin}from"./etc-config-tab-mixin";import{GridEmphasizedConfigTabMixin}from"./grid-emphasized-config-tab-mixin";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{MetaCrypto}from"@things-factory/meta-ui/client/utils/meta-crypto";class MetaGeneratorPage extends(MenuConfigTabMixin(GraphQlConfigTabMixin(GridConfigTabMixin(ColumnConfigTabMixin(ButtonConfigTabMixin(SearchConfigTabMixin(FormConfigTabMixin(TabConfigTabMixin(EtcConfigTabMixin(GridEmphasizedConfigTabMixin(localize(i18next)(PageView)))))))))))){static get styles(){return[css`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -139,24 +139,24 @@ const a0_0x3c6759=a0_0x150a;(function(_0x289216,_0x47f88b){const _0x39ce83=a0_0x
|
|
|
139
139
|
ox-grist {
|
|
140
140
|
overflow-y: auto;
|
|
141
141
|
flex: 1;
|
|
142
|
-
}`]
|
|
142
|
+
}`]}static get properties(){return{menuId:String,menuName:String,metaTemplate:Object,currentTabKey:String,tabData:Object,dataStorage:Object,viewMenuData:Object,afterSetFieldsConfig:Object,skipFieldsConfig:Object,viewGraphqlData:Object,gridPageOptions:Array,gridViewModes:Array,viewGridData:Object,columnTabGridConfig:Object,viewColumnData:Array,buttonTabGridConfig:Object,viewButtonData:Array,searchTabGridConfig:Object,viewSearchData:Array}}get context(){return{title:TermsUtil.tTitle("meta_generator"),actions:[{title:TermsUtil.tButton("save"),action:this.save.bind(this),...CommonButtonStyles.save},{title:TermsUtil.tButton("back"),action:this.backToMenu.bind(this),...CommonButtonStyles.back},{title:TermsUtil.tButton("refresh"),action:this.refresh.bind(this),...CommonButtonStyles.refresh}]}}deleteRow(t,e){let a=t.dirtyData;a.records=a.records.filter((t=>t.id!=e.id)),t.data=a}async save(){if(0==store.getState().operatoTools.studioPermission)return void document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:i18next.t("error.invalid license key")}}));if((await client.query({query:gql`
|
|
143
143
|
query ($id: String!) {
|
|
144
144
|
studioTemplateIsOverLimit(id: $id)
|
|
145
145
|
}
|
|
146
|
-
`,
|
|
147
|
-
<h1>${this
|
|
146
|
+
`,variables:{id:this.menuId}})).errors)return;let t={},e={};Object.keys(this.tabData).forEach((a=>{let r=this.convertFirstCharUpperCase(a);t[a]=this[`get${r}ConfigTabValues`](),e=merge(e,t[a])})),e=JSON.stringify(e),e=MetaCrypto.enc(e),await MetaApi.updateMultiple("updateMultipleMenu",[{id:this.menuId,template:e,cuFlag:"M"}])&&await this.initData()}clear(){this.setTabData(),this.dataStorage={menu:{},graphql:{},button:[],column:[],grid:{},search:[],form:[],tab:[],etc:{},gridEmphasized:{}},Object.keys(this.tabData).forEach((t=>{let e=this.convertFirstCharUpperCase(t);if(this[`set${e}ConfigTabValues`])return this[`set${e}ConfigTabValues`](this.dataStorage[t])}))}async refresh(){this.clear(),await this.initData()}backToMenu(){history.back()}async initData(){let{menuId:t=""}=this.lifecycle?.params?this.lifecycle.params:{};if(this.menuId=t,!t||""==t)return void this.clear();let e=await MetaApi.findOne("menu",t,"\n id\n name\n template\n ");if(!e)return;try{JSON.parse(MetaCrypto.dec(e.template))}catch(t){return}this.menuName=TermsUtil.tMenu(e.name),this.metaTemplate=e.template?JSON.parse(MetaCrypto.dec(e.template)):{};let{menu:a={},gql:r={},button:i=[],grid_column:o=[],grid:n={},search:s=[],form:l=[],tab:d=[],etc:c={},gridEmphasized:m=[]}=this.metaTemplate?this.metaTemplate:{};this.setTabData(),this.dataStorage={},this.dataStorage.menu=a,this.dataStorage.graphql=r,this.dataStorage.grid=n,this.dataStorage.form=l,this.dataStorage.tab=d,this.dataStorage.etc=c,this.dataStorage.gridEmphasized=m,(n.option?.sorters||[]).forEach(((t,e)=>{t.rank=10*(e+1)})),this.dataStorage.column=o.map((t=>{let e=(n.option?.sorters||[]).filter((e=>e.name==t.name));return e&&e.length>0?(t.sort_rank=e[0].rank,t.sort_desc=!!e[0].desc&&e[0].desc):t.sort_rank=0,t.rep_field=(n.list?.fields||[]).includes(t.name),t.detail_field=(n.list?.details||[]).includes(t.name),t.thumbnail_field=n.list?.thumbnail==t.name,t})),s.push(...(r.query?.filters||[]).map((t=>(t.hidden=!0,t)))),this.dataStorage.search=s,i.push(...(n.button||[]).map((t=>(t.type=`grid-${t.type}`,t.style=t.icon,t)))),this.dataStorage.button=i,Object.keys(this.tabData).forEach((t=>{let e=this.convertFirstCharUpperCase(t);if(this[`set${e}ConfigTabValues`])return this[`set${e}ConfigTabValues`](this.dataStorage[t])}))}async pageInitialized(){this.setTabData();let t=Object.keys(this.tabData);for(let e=0;e<t.length;e++){let a=this.convertFirstCharUpperCase(t[e]);this[`set${a}ConfigTabConfig`]&&await this[`set${a}ConfigTabConfig`]()}}async pageUpdated(t,e,a){!0===this.active?(this.setTabData(),await this.initData(),this.setTabData()):(this.clear(),this.remove())}setTabData(){this.tabData||(this.tabData={menu:TermsUtil.tLabel("menu_config"),graphql:TermsUtil.tLabel("graphql_config"),grid:TermsUtil.tLabel("grid_config"),column:TermsUtil.tLabel("column_config"),gridEmphasized:TermsUtil.tLabel("grid_emphasized_config"),button:TermsUtil.tLabel("button_config"),search:TermsUtil.tLabel("search_config"),form:TermsUtil.tLabel("form_config"),tab:TermsUtil.tLabel("tab_config"),etc:TermsUtil.tLabel("etc_config")})}render(){this.currentTabKey||(this.currentTabKey="menu"),this.setTabData();let t=Object.keys(this.tabData);this.tabData[this.currentTabKey]?this.currentTabKey:t[0];return html`
|
|
147
|
+
<h1>${this.menuName}</h1>
|
|
148
148
|
<div class="tabs">
|
|
149
|
-
${
|
|
150
|
-
<div class="tab" ?activate="${
|
|
151
|
-
<span>${
|
|
149
|
+
${t.map((t=>{let e=this.tabData[t];return html`
|
|
150
|
+
<div class="tab" ?activate="${t===this.currentTabKey}" @click="${()=>this.currentTabKey=t}">
|
|
151
|
+
<span>${e}</span>
|
|
152
152
|
</div>
|
|
153
|
-
|
|
153
|
+
`}))}
|
|
154
154
|
</div>
|
|
155
155
|
<div class="content-container">
|
|
156
|
-
${
|
|
157
|
-
<div class='tab-contents' style="${
|
|
158
|
-
${this
|
|
156
|
+
${t.map((t=>{let e="display:none";return t==this.currentTabKey&&(e="display:flex"),html`
|
|
157
|
+
<div class='tab-contents' style="${e}">
|
|
158
|
+
${this.getConfigTab(t)}
|
|
159
159
|
</div>
|
|
160
|
-
|
|
160
|
+
`}))}
|
|
161
161
|
</div>
|
|
162
|
-
|
|
162
|
+
`}getConfigTab(t){let e=this.convertFirstCharUpperCase(t);return this[`render${e}ConfigTab`]?this[`render${e}ConfigTab`]():html``}convertFirstCharUpperCase(t){return t.charAt(0).toUpperCase()+t.slice(1)}getElementById(t){return this.shadowRoot.querySelector(`#${t}`)}getElementValueById(t){let e=this.shadowRoot.querySelector(`#${t}`);if(!e)return;let a="";if("select"==e.tagName.toLowerCase()){if(!e.options||0==e.options.length)return;a=e.options[e.selectedIndex].value}else{if("ox-grist"==e.tagName.toLowerCase()){if(!e.dirtyData)return;if(!e.dirtyData.records)return;if(0==e.dirtyData.records.length)return;return e.dirtyData.records}if("ox-input-code"==e.tagName.toLowerCase())return e.value;if("radio"==e.type.toLowerCase()){let e=this.shadowRoot.querySelector(`#${t}:checked`);if(!e)return;return e.value}a=e.value}return a&&""!=a?a:void 0}sortRecordByRank(t){return t?this.sortRecordByField(t,"rank"):t}sortRecordByField(t,e){return t.sort(((t,a)=>t[e]-a[e])),t}}customElements.define("meta-generator-page",MetaGeneratorPage);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
<ox-grist auto-fetch id="search-tab-grid" .config=${this
|
|
3
|
-
.fetchHandler=${this
|
|
4
|
-
</ox-grist
|
|
1
|
+
import{html}from"lit-element";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";export const SearchConfigTabMixin=e=>class extends e{setSearchConfigTabValues(e){let t=e?.map(((e,t)=>{let a=t+1,r={};return"object"==typeof e?Object.assign(r,e):(r.name=e,r.operator="filter"),r.rank=10*a,r.id=a,r}));this.viewSearchData=t||[],this.searchTabGrist?.fetch()}getSearchConfigTabValues(){let e={search:[],gql:{query:{filters:[]}}},t=this.getElementValueById("search-tab-grid");return this.sortRecordByRank(t)?.forEach((t=>{var{name:a,operator:r="eq",hidden:i=!1,value:n}=t;if(a)if("filter"==r)e.search.push(a);else{let t={name:a,operator:r};1==i?(t.value=n,e.gql.query.filters.push(t)):(t.value=n,e.search.push(t))}})),e}renderSearchConfigTab(){return html`
|
|
2
|
+
<ox-grist auto-fetch id="search-tab-grid" .config=${this.searchTabGridConfig} .mode='GRID'
|
|
3
|
+
.fetchHandler=${this.fetchSearchTabHandler.bind(this)}>
|
|
4
|
+
</ox-grist>`}get searchTabGrist(){return this.shadowRoot.querySelector("#search-tab-grid")}async fetchSearchTabHandler(){return{total:0,records:this.viewSearchData||[]}}async setSearchConfigTabConfig(){let e=await MetaApi.getCodeSelectorData("FILTER_OPERATORS");this.searchTabGridConfig={rows:MetaApi.getGristSelectableConfig(!0),pagination:{infinite:!0},sorters:[{name:"rank",desc:!1}],appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(e,t,a,r,i)=>{r.id&&this.deleteRow(this.searchTabGrist,r)}}},{type:"string",name:"id",hidden:!0},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:50,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"name",header:TermsUtil.tLabel("name"),sortable:!1,width:200,record:{align:"left",editable:!0,mandatory:!0}},{type:"select",name:"operator",header:TermsUtil.tLabel("search_operator"),sortable:!1,width:100,record:{align:"left",editable:!0,mandatory:!1,options:e}},{type:"boolean",name:"hidden",header:TermsUtil.tLabel("hidden"),sortable:!1,width:55,record:{align:"center",mandatory:!1,editable:!0}},{type:"string",name:"value",header:TermsUtil.tLabel("default_value"),sortable:!1,width:750,record:{align:"left",editable:!0,mandatory:!1}}]}}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
<ox-grist auto-fetch id="tab-tab-grid" .config=${this
|
|
3
|
-
.fetchHandler=${this
|
|
4
|
-
</ox-grist
|
|
1
|
+
import{html}from"lit-element";import{MetaApi}from"@things-factory/meta-ui/client/utils/meta-api";import{TermsUtil}from"@things-factory/meta-ui/client/utils/terms-util";export const TabConfigTabMixin=e=>class extends e{setTabConfigTabValues(e){let t=e?.map(((e,t)=>{let a=t+1,i={};return i.rank=10*a,i.id=a,i.name=e.name,i.display=e.display,i.tagname=e.tagname,i.icon=e.icon,i.location=e.location,i.parent_field=e.parent_field,i.param_field=e.param_field,i.menu=e.menu,i}));this.viewTabData=t||[],this.tabTabGrist?.fetch()}getTabConfigTabValues(){let e={tab:[]},t=this.getElementValueById("tab-tab-grid");return this.sortRecordByRank(t)?.forEach((t=>{var{name:a,display:i,tagname:r,location:n,parent_field:l,param_field:d,menu:o,icon:s}=t;a&&r&&n&&o&&(i||(i=a),l||(l="id"),d||(d="param_field"),e.tab.push({name:a,display:i,tagname:r,location:n,parent_field:l,param_field:d,menu:o,icon:s}))})),e}renderTabConfigTab(){return html`
|
|
2
|
+
<ox-grist auto-fetch id="tab-tab-grid" .config=${this.tabTabGridConfig} .mode='GRID'
|
|
3
|
+
.fetchHandler=${this.fetchTabTabHandler.bind(this)}>
|
|
4
|
+
</ox-grist>`}get tabTabGrist(){return this.shadowRoot.querySelector("#tab-tab-grid")}async fetchTabTabHandler(){return{total:0,records:this.viewTabData||[]}}async setTabConfigTabConfig(){this.tabTabGridConfig={rows:MetaApi.getGristSelectableConfig(!0),pagination:{infinite:!0},sorters:[{name:"rank",desc:!1}],appendable:!0,columns:[...MetaApi.getGristGuttersConfig(!1,!1),{type:"gutter",gutterName:"button",icon:"delete",handlers:{click:(e,t,a,i,r)=>{i.id&&this.deleteRow(this.tabTabGrist,i)}}},{type:"string",name:"id",hidden:!0},{type:"integer",name:"rank",header:TermsUtil.tLabel("rank"),sortable:!1,width:50,record:{align:"right",editable:!0,mandatory:!0}},{type:"string",name:"name",header:TermsUtil.tLabel("name"),sortable:!1,width:110,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"display",header:TermsUtil.tLabel("display"),sortable:!1,width:110,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"icon",header:TermsUtil.tLabel("icon"),sortable:!0,width:85,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"menu",header:TermsUtil.tLabel("routing"),sortable:!1,width:150,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"tagname",header:TermsUtil.tLabel("tag"),sortable:!1,width:150,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"location",header:TermsUtil.tLabel("page_location"),sortable:!1,width:325,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"parent_field",header:TermsUtil.tLabel("parent_id"),sortable:!1,width:100,record:{align:"left",editable:!0,mandatory:!0}},{type:"string",name:"param_field",header:TermsUtil.tLabel("params"),sortable:!1,width:90,record:{align:"left",editable:!0,mandatory:!0}}]}}};
|
package/client/pages/main.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import{html,css}from"lit-element";import{connect}from"pwa-helpers/connect-mixin.js";import{store,PageView}from"@things-factory/shell";import{TermsUtil}from"@things-factory/meta-ui";class OperatoToolsMain extends(connect(store)(PageView)){static get styles(){return[css`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
background-color: var(--main-section-background-color);
|
|
@@ -41,11 +41,11 @@ var a0_0x392be1=a0_0x5b3b;function a0_0x49b1(){var _0x593d66=['5710544UNMGls','1
|
|
|
41
41
|
display: none;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
`]
|
|
44
|
+
`]}get context(){return{title:"Operato Tools",actions:[]}}render(){return html`
|
|
45
45
|
<h2>Operato Tools</h2>
|
|
46
46
|
<p page-description>
|
|
47
|
-
${TermsUtil
|
|
47
|
+
${TermsUtil.tText("tool start msg")}
|
|
48
48
|
</p>
|
|
49
49
|
|
|
50
50
|
<img src="/assets/images/operato-tools.png" />
|
|
51
|
-
|
|
51
|
+
`}}window.customElements.define("operato-tools-main",OperatoToolsMain);
|
package/client/reducers/main.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import gql from"graphql-tag";import{i18next}from"@operato/i18n";import{store}from"@operato/shell";import{client,gqlContext}from"@operato/graphql";import{UPDATE_OPERATO_TOOLS}from"../actions/main";const INITIAL_STATE={operatoTools:"ABC",studioPermission:!1};export const UPDATE_OPERATO_TOOLS_PERMISSION="UPDATE_OPERATO_TOOLS_PERMISSION";(async()=>{var o=await client.query({query:gql`{studioPermission}`});let t=!1;o.errors||(t=o.data.studioPermission),store.dispatch({type:UPDATE_OPERATO_TOOLS_PERMISSION,state:{studioPermission:t}})})();const operatoTools=(o=INITIAL_STATE,t)=>{switch(t.type){case UPDATE_OPERATO_TOOLS:return{...o};case UPDATE_OPERATO_TOOLS_PERMISSION:return{...INITIAL_STATE,...t.state};default:return o}};export default operatoTools;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@things-factory/operato-tools",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.125",
|
|
4
4
|
"main": "server/index.js",
|
|
5
5
|
"browser": "client/index.js",
|
|
6
6
|
"things-factory": true,
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
"docker:run": "docker run -it -p 4000:3000 hatiolab/operato-tools:latest"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@things-factory/meta-ui": "^6.2.
|
|
32
|
+
"@things-factory/meta-ui": "^6.2.125",
|
|
33
33
|
"@things-factory/operato-license-checker": "^4.0.4"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@things-factory/builder": "^6.2.
|
|
36
|
+
"@things-factory/builder": "^6.2.122",
|
|
37
37
|
"@things-factory/meta-ui": "^6.1.127"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "7d694035e7e886593088face69dfefe70b8c0486"
|
|
40
40
|
}
|
package/translations/en.json
CHANGED
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"label.menu_desc_field": "description field",
|
|
51
51
|
"label.help_doc": "help doc",
|
|
52
52
|
"label.grid_use_filter": "use filter form",
|
|
53
|
+
"label.grid_refresh_when_page_activated": "grid refresh when page activated",
|
|
53
54
|
"label.set_field_name": "change field",
|
|
54
55
|
"label.get_field_name": "data field",
|
|
55
56
|
"label.field_name": "field name",
|
|
@@ -74,6 +75,7 @@
|
|
|
74
75
|
"label.thumbnail_field": "thumbnail",
|
|
75
76
|
"label.hidden": "hidden",
|
|
76
77
|
"label.accumulator": "accumulator",
|
|
78
|
+
"label.fixed_column": "Column Fix",
|
|
77
79
|
"label.align": "alignment",
|
|
78
80
|
"label.width": "width",
|
|
79
81
|
"label.sort_rank": "sort rank",
|
package/translations/ko.json
CHANGED
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"label.menu_desc_field": "설명 필드",
|
|
51
51
|
"label.help_doc": "도움말 문서",
|
|
52
52
|
"label.grid_use_filter": "필터폼 사용 여부",
|
|
53
|
+
"label.grid_refresh_when_page_activated": "페이지 활성화 시 리프레쉬 사용 여부",
|
|
53
54
|
"label.set_field_name": "변경 필드",
|
|
54
55
|
"label.get_field_name": "데이터 필드",
|
|
55
56
|
"label.field_name": "필드명",
|
|
@@ -74,6 +75,7 @@
|
|
|
74
75
|
"label.thumbnail_field": "썸네일",
|
|
75
76
|
"label.hidden": "숨김",
|
|
76
77
|
"label.accumulator": "누적 계산",
|
|
78
|
+
"label.fixed_column": "틀 고정",
|
|
77
79
|
"label.align": "정렬",
|
|
78
80
|
"label.width": "너비",
|
|
79
81
|
"label.sort_rank": "정렬 순위",
|
package/translations/ms.json
CHANGED
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"label.menu_desc_field": "설명 필드",
|
|
51
51
|
"label.help_doc": "도움말 문서",
|
|
52
52
|
"label.grid_use_filter": "필터폼 사용 여부",
|
|
53
|
+
"label.grid_refresh_when_page_activated": "grid refresh when page activated",
|
|
53
54
|
"label.set_field_name": "변경 필드",
|
|
54
55
|
"label.get_field_name": "데이터 필드",
|
|
55
56
|
"label.field_name": "필드명",
|
|
@@ -74,6 +75,7 @@
|
|
|
74
75
|
"label.thumbnail_field": "썸네일",
|
|
75
76
|
"label.hidden": "숨김",
|
|
76
77
|
"label.accumulator": "누적 계산",
|
|
78
|
+
"label.fixed_column": "Column Fix",
|
|
77
79
|
"label.align": "정렬",
|
|
78
80
|
"label.width": "너비",
|
|
79
81
|
"label.sort_rank": "정렬 순위",
|
package/translations/zh.json
CHANGED
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"label.menu_desc_field": "설명 필드",
|
|
51
51
|
"label.help_doc": "도움말 문서",
|
|
52
52
|
"label.grid_use_filter": "필터폼 사용 여부",
|
|
53
|
+
"label.grid_refresh_when_page_activated": "grid refresh when page activated",
|
|
53
54
|
"label.set_field_name": "변경 필드",
|
|
54
55
|
"label.get_field_name": "데이터 필드",
|
|
55
56
|
"label.field_name": "필드명",
|
|
@@ -74,6 +75,7 @@
|
|
|
74
75
|
"label.thumbnail_field": "썸네일",
|
|
75
76
|
"label.hidden": "숨김",
|
|
76
77
|
"label.accumulator": "누적 계산",
|
|
78
|
+
"label.fixed_column": "Column Fix",
|
|
77
79
|
"label.align": "정렬",
|
|
78
80
|
"label.width": "너비",
|
|
79
81
|
"label.sort_rank": "정렬 순위",
|