@things-factory/meta-ui 7.0.1-alpha.30 → 7.0.1-alpha.31

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.
@@ -201,8 +201,10 @@ export class MetaObjectSelectorPopup extends LitElement {
201
201
  </div>
202
202
  </div>
203
203
  </ox-grist>
204
- <div id="button-container" class="button-container">
204
+
205
+ <div id="button-container" class="button-container" style="margin-left:unset;">
205
206
  <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
207
+ <div filler></div>
206
208
  <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
207
209
  <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
208
210
  </div>
@@ -139,6 +139,7 @@ export class PersonalColumnSelector extends localize(i18next)(LitElement) {
139
139
  return html` <div id="container" class="container">
140
140
  <div class="container_detail">
141
141
  <ox-grist id="ox-grist" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchColumns.bind(this)}> </ox-grist>
142
+
142
143
  <div id="button-container" class="button-container" style="margin-left:unset">
143
144
  <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>
144
145
  <div filler></div>
@@ -1,7 +1,7 @@
1
1
  import '@material/web/icon/icon.js'
2
2
 
3
3
  import moment from 'moment-timezone'
4
- import { css, html } from 'lit'
4
+ import { css, html, render } from 'lit'
5
5
 
6
6
  import { getEditor, getRenderer } from '@operato/data-grist'
7
7
  import { getValueGenerators } from '@operato/time-calculator'
@@ -1148,14 +1148,18 @@ export class MetaUiUtil {
1148
1148
 
1149
1149
  const { raised, outlined, dense, danger, icon } = btnStyle.emphasis
1150
1150
 
1151
- let btnHtml = html`
1152
- <button ?dense=${dense} ?raised=${raised} ?outlined=${outlined} ?danger=${danger} ?filled=${filled}>
1153
- <md-icon>${icon || 'done_all'}</md-icon>
1154
- ${title}
1151
+ const template = html`
1152
+ <button ?dense=${dense} ?raised=${raised} ?outlined=${outlined} ?danger=${danger}>
1153
+ <md-icon>${icon || 'done'}</md-icon>
1154
+ ${buttonName}
1155
1155
  </button>
1156
1156
  `
1157
1157
 
1158
- return UiUtil.htmlToElement(btnHtml)
1158
+ const container = document.createElement('div')
1159
+ render(template, container)
1160
+
1161
+ const element = container.firstElementChild
1162
+ return container.removeChild(element)
1159
1163
  }
1160
1164
 
1161
1165
  /**
@@ -3151,7 +3155,7 @@ export class MetaUiUtil {
3151
3155
  : html``}
3152
3156
  ${MetaUiUtil.getGridViewOption(pageView)}
3153
3157
  <ox-record-creator id="add" ?hidden="${!useFilterAddButton}" .callback=${recordCreationCallback}>
3154
- <button>
3158
+ <button style="display: flex; justify-content: center">
3155
3159
  <md-icon>add</md-icon>
3156
3160
  </button>
3157
3161
  </ox-record-creator>
@@ -151,8 +151,10 @@ export class MetaObjectSelectorPopup extends LitElement {
151
151
  </div>
152
152
  </div>
153
153
  </ox-grist>
154
- <div id="button-container" class="button-container">
154
+
155
+ <div id="button-container" class="button-container" style="margin-left:unset;">
155
156
  <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
157
+ <div filler></div>
156
158
  <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
157
159
  <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
158
160
  </div>
@@ -1 +1 @@
1
- {"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,MAAM,OAAO,uBAAwB,SAAQ,UAAU;IAqBrD,KAAK,CAAC,iBAAiB;;QACrB,WAAW;QACX,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;QAEhJ,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAC5D,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;YAEjC,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;gBAC1B,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;aAC3E;YAED,OAAO;gBACL,IAAI;gBACJ,QAAQ;gBACR,KAAK;aACN,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,QAAQ;QACR,IAAI,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;QAErI,WAAW;QACX,IAAI,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY;YAC1C,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY;YAC3B,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,aAAa,0CAAE,MAAM,KAAI,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,aAAa,0CAAE,MAAM,CAAC,MAAM,IAAG,CAAC;gBACrF,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM;gBACnC,CAAC,CAAC,EAAE,CAAA;QAEN,SAAS;QACT,IAAI,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;QAErC,4DAA4D;QAC5D,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE;YAC7C,IAAI,aAAa,GAAG,SAAS,CAAA;YAE7B,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS;gBAAE,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAA;YAClE,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS;gBAAE,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAA;YAElE,IAAI,aAAa,EAAE;gBACjB,YAAY,CAAC,IAAI,CAAC;oBAChB,IAAI,EAAE,aAAa;oBACnB,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAA;aACH;SACF;QAED,IAAI,YAAY,GAAG,CAAC,GAAG,OAAO,CAAC,qBAAqB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;QAElE,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YACzC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBACjD,IAAI,EACF,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1B,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,SAAS,EACtB,UAAU,GAAG,SAAS,EACvB,GAAG,WAAW,CAAC,GAAG,CAAC,CAAA;gBAEpB,IAAI,UAAU;oBAAE,OAAO,GAAG,UAAU,CAAA;gBACpC,IAAI,UAAU;oBAAE,OAAO,GAAG,UAAU,CAAA;gBAEpC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBAChD,IAAI,GAAG,sBAAsB,CAAA;iBAC9B;qBAAM,IAAI,CAAC,wBAAwB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBACpD,IAAI,GAAG,oBAAoB,CAAA;iBAC5B;gBAED,IAAI,IAAI,IAAI,IAAI,EAAE;oBAChB,YAAY,CAAC,IAAI,CAAC;wBAChB,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,IAAI;wBACV,MAAM,EAAE,IAAI;qBACb,CAAC,CAAA;iBACH;qBAAM;oBACL,IAAI,IAAI,IAAI,aAAa,EAAE;wBACzB,IAAI,GAAG,SAAS,CAAA;qBACjB;oBAED,IAAI,YAAY,GAAG,OAAO,CAAC,qBAAqB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;oBAElJ,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,UAAU,CAAC,IAAI,EAAE;wBAC7D,OAAO,GAAG,MAAM,UAAU,CAAC,yBAAyB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;qBACpE;oBAED,IAAI,IAAI,KAAK,QAAQ,EAAE;wBACrB,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;4BAC1B,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;yBACtC;6BAAM;4BACL,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;gCAC3B,QAAQ;gCACR,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;6BACpH;iCAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE;gCACtC,OAAO;gCACP,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;6BAC9F;iCAAM,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,EAAE;gCACpC,MAAM;gCACN,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;6BAC9E;yBACF;qBACF;yBAAM,IAAI,IAAI,KAAK,sBAAsB,EAAE;wBAC1C,gBAAgB;wBAChB,YAAY,CAAC,MAAM,CAAC,OAAO,qBAAQ,OAAO,CAAE,CAAA;qBAC7C;yBAAM,IAAI,IAAI,IAAI,oBAAoB,EAAE;wBACvC,IAAI,OAAO,CAAC,SAAS,EAAE;4BACrB,OAAO,CAAC,KAAK,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;yBAC3D;wBAED,YAAY,CAAC,MAAM,CAAC,OAAO,qBAAQ,OAAO,CAAE,CAAA;qBAC7C;oBAED,YAAY,CAAC,MAAM,GAAG,MAAM,CAAA;oBAE5B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;iBAChC;aACF;SACF;aAAM;YACL,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;YAEpI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;gBAC1B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;aACrI;SACF;QAED,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvB,IAAI,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;YAEhG,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjC,CAAC,CAAC,MAAM,GAAG,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;aAClE;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,UAAU,GAAG;YACf,IAAI,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,CAAC;YAC7C,UAAU,EAAE,OAAO,CAAC,2BAA2B,EAAE;YACjD,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;SACzB,CAAA;QAED,UAAU,CAAC,IAAI,CAAC,QAAQ,GAAG;YACzB,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;gBAC3D,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;YAC3B,CAAC;SACF,CAAA;QAED,UAAU,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QAElC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAE5B,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;wCACyB,IAAI,CAAC,UAAU,UAAU,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,6BAA6B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;yBAQnI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,8CAA8C,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;yBAClG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;yBACnF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;;KAErG,CAAA;IACH,CAAC;IAED;;;;OAIG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IACnD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE;QACpE,IAAI,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAE9C,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAClB,IAAI,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;YACvD,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;gBACrC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;aACzB;YAED,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACnB,CAAC,CAAC,CAAA;QAEF,IAAI,mBAAmB,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAClJ,IAAI,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAA;QAE7D,gBAAgB;QAChB,IAAI,YAAY,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAEpH,QAAQ;QACR,IAAI,MAAM,GAAG,MAAM,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;QAEpH,OAAO,MAAM,CAAA;IACf,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,UAAU,CAAC,CAAC;QAChB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;QAElC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE;YACrC,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;YAC9D,OAAM;SACP;QAED,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,MAAM;QACvB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;QACpD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AArRM,8BAAM,GAAG;IACd,iBAAiB;IACjB,qBAAqB;IACrB,GAAG,CAAA;;;;;;;;;;;;;;KAcF;CACF,CAAA;AAsQH,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,uBAAuB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\nimport { isMobileDevice } from '@operato/utils'\nimport { closePopup } from '@operato/popup'\n\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n // 숨김 검색 조건\n this.search_hidden_fields = this.options.filters ? this.options.filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.search_hidden_fields = this.search_hidden_fields.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = this.options.sorters ? this.options.sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = this.options.filterFields\n ? this.options.filterFields\n : this.options.menu_template?.search && this.options.menu_template?.search.length > 0\n ? this.options.menu_template.search\n : []\n\n // 그리드 컬럼\n let gridColumns = this.options.select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields || filterFields.length == 0) {\n let defaultFilter = undefined\n\n if (this.options.codeField) defaultFilter = this.options.codeField\n if (this.options.nameField) defaultFilter = this.options.nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, width)\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name)\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.codeField, this.options.codeField, 'left', false, true, 180))\n\n if (this.options.dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.dispField, this.options.dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${isMobileDevice() ? 'LIST' : 'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n <div id=\"button-container\" class=\"button-container\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>\n </div>\n `\n }\n\n /**\n * @description 그리드 리턴\n **************************\n * @returns {Object} 그리드\n */\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /**\n * @description 컬럼 조회\n ***************************\n * @returns\n */\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {\n let resFilter = [...this.search_hidden_fields]\n\n filters.forEach(x => {\n let dupFilter = resFilter.filter(y => x.name == y.name)\n if (dupFilter && dupFilter.length > 0) {\n delete resFilter[x.name]\n }\n\n resFilter.push(x)\n })\n\n let queryAfterSetFields = ValueUtil.getParams(this.options.menu_template ? this.options.menu_template.gql || {} : {}, 'query', 'after_set_fields')\n let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(this.options.queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /**\n * @description 비우기\n ***************************\n * @returns\n */\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /**\n * @description 취소\n ***************************\n * @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n /**\n * @description 선택\n ***************************\n * @returns\n */\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected || selected.length == 0) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /**\n * @description 확정\n ***************************\n * @param {*} record\n */\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n\ncustomElements.define('meta-object-selector-popup', MetaObjectSelectorPopup)\n"]}
1
+ {"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\nimport { isMobileDevice } from '@operato/utils'\nimport { closePopup } from '@operato/popup'\n\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n // 숨김 검색 조건\n this.search_hidden_fields = this.options.filters ? this.options.filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.search_hidden_fields = this.search_hidden_fields.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = this.options.sorters ? this.options.sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = this.options.filterFields\n ? this.options.filterFields\n : this.options.menu_template?.search && this.options.menu_template?.search.length > 0\n ? this.options.menu_template.search\n : []\n\n // 그리드 컬럼\n let gridColumns = this.options.select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields || filterFields.length == 0) {\n let defaultFilter = undefined\n\n if (this.options.codeField) defaultFilter = this.options.codeField\n if (this.options.nameField) defaultFilter = this.options.nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, width)\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name)\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.codeField, this.options.codeField, 'left', false, true, 180))\n\n if (this.options.dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.dispField, this.options.dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${isMobileDevice() ? 'LIST' : 'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset;\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>\n </div>\n `\n }\n\n /**\n * @description 그리드 리턴\n **************************\n * @returns {Object} 그리드\n */\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /**\n * @description 컬럼 조회\n ***************************\n * @returns\n */\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {\n let resFilter = [...this.search_hidden_fields]\n\n filters.forEach(x => {\n let dupFilter = resFilter.filter(y => x.name == y.name)\n if (dupFilter && dupFilter.length > 0) {\n delete resFilter[x.name]\n }\n\n resFilter.push(x)\n })\n\n let queryAfterSetFields = ValueUtil.getParams(this.options.menu_template ? this.options.menu_template.gql || {} : {}, 'query', 'after_set_fields')\n let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(this.options.queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /**\n * @description 비우기\n ***************************\n * @returns\n */\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /**\n * @description 취소\n ***************************\n * @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n /**\n * @description 선택\n ***************************\n * @returns\n */\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected || selected.length == 0) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /**\n * @description 확정\n ***************************\n * @param {*} record\n */\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n\ncustomElements.define('meta-object-selector-popup', MetaObjectSelectorPopup)\n"]}
@@ -130,6 +130,7 @@ export class PersonalColumnSelector extends localize(i18next)(LitElement) {
130
130
  return html ` <div id="container" class="container">
131
131
  <div class="container_detail">
132
132
  <ox-grist id="ox-grist" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchColumns.bind(this)}> </ox-grist>
133
+
133
134
  <div id="button-container" class="button-container" style="margin-left:unset">
134
135
  <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>
135
136
  <div filler></div>
@@ -1 +1 @@
1
- {"version":3,"file":"personal-column-selector.js","sourceRoot":"","sources":["../../../client/pages/personalize/personal-column-selector.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\n\nimport { i18next, localize } from '@things-factory/i18n-base'\nimport { ScrollbarStyles, CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Yang <wryang@hatiolab.com>\n * @description 사용자 그리드 컬럼 개인화 팝업\n */\nexport class PersonalColumnSelector extends localize(i18next)(LitElement) {\n /**\n * @description 스타일 정의\n ***********************************\n * @returns {Object} 화면의 스타일 정의\n */\n static get styles() {\n let styles = [\n ScrollbarStyles,\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-x: auto;\n }\n .container {\n flex: 1;\n display: grid;\n overflow: hidden;\n }\n .container_detail {\n background-color: var(--main-section-background-color);\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n\n h2 {\n padding: var(--subtitle-padding);\n font: var(--subtitle-font);\n color: var(--subtitle-text-color);\n border-bottom: var(--subtitle-border-bottom);\n }\n\n .container_detail h2 {\n margin: var(--grist-title-margin);\n border: var(--grist-title-border);\n font: var(--grist-title-font);\n color: var(--secondary-color);\n }\n\n .container_detail h2 md-icon {\n --md-icon-size: var(--grist-title-icon-size);\n vertical-align: middle;\n margin: var(--grist-title-icon-margin);\n color: var(--grist-title-icon-color);\n }\n\n h2 {\n padding-bottom: var(--grist-title-with-grid-padding);\n }\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n search-form {\n overflow: visible;\n }\n `\n ]\n return styles\n }\n\n /**\n * @description 프로퍼티 정의\n ***********************************\n * @returns {Object} 화면의 프로퍼티 정의\n */\n static get properties() {\n return {\n /**\n * @description 선택된 그리드\n ****************************\n * @type {Object}\n */\n configGrist: {\n type: Object\n },\n\n /**\n * @description 메뉴 ID\n ******************************\n * @type {String}\n */\n menuId: {\n type: String\n }\n }\n }\n\n /**\n * @description 라이트 사이클\n ***************************\n */\n async connectedCallback() {\n // 메뉴 그룹 그리드 설정\n this.gridConfig = {\n rows: { selectable: false, appendable: false },\n pagination: { infinite: true },\n columns: [\n ...MetaApi.getGristGuttersConfig(false, false),\n MetaApi.getGristColumnConfig('integer', 'rank', 'center', true, false, 80),\n MetaApi.getGristColumnConfig('string', 'name', 'left', false, false, 180),\n MetaApi.getGristColumnConfig2('string', 'header', 'display', 'left', false, false, 180),\n MetaApi.getGristColumnConfig('boolean', 'hidden', 'center', true, false, 60)\n ]\n }\n\n if (super.connectedCallback) {\n await super.connectedCallback()\n }\n }\n\n /**\n * @description 라이프 사이클\n ***************************\n */\n render() {\n return html` <div id=\"container\" class=\"container\">\n <div class=\"container_detail\">\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchColumns.bind(this)}> </ox-grist>\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset\">\n <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>\n <div filler></div>\n <button @click=${this.save.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n <button danger @click=${this.delete.bind(this)}><md-icon>delete</md-icon>${TermsUtil.tButton('delete')}</button>\n </div>\n </div>\n </div>`\n }\n\n /**\n * @description 그리드 리턴\n **************************\n * @returns {Object} 그리드\n */\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /**\n * @description 컬럼 조회\n ***************************\n * @returns\n */\n async fetchColumns() {\n // 팝업 오프너에서 받아온 그리스트의 설정으로 보여준다\n let cols = this.configGrist.config.columns\n let filterCols = cols.filter(x => x.type != 'gutter' && x.name != 'id' && x.unusable !== true)\n let rank = 0\n\n let items = filterCols.map(x => {\n rank = rank + 10\n x.rank = rank\n return x\n })\n\n return { total: 0, records: items }\n }\n\n /**\n * @description 개인화 데이터 삭제\n ***************************\n * @returns\n */\n async delete(e) {\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined } = personal\n\n if (id) {\n let result = await ServiceUtil.deleteListByIds([id], 'deleteGridPersonalizes')\n if (result == true) {\n history.back()\n }\n } else {\n await MetaApi.showToast('info', 'there_is_nothing_to_delete')\n }\n }\n\n /**\n * @description 개인화 그리드 초기화\n ************************************************\n */\n async reset(e) {\n await this.grist.fetch()\n }\n\n /**\n * @description 컬럼 변경 사항 저장\n ************************************************\n */\n async save(e) {\n // 변경 체크\n MetaApi.patchesForUpdateMultiple(this.grist)\n\n // 기존 데이터 조회\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined, template = {} } = personal\n\n let tempName = 'master'\n if (this.configGrist.configName) {\n tempName = this.configGrist.configName\n }\n\n // 기존 데이터 삭제\n if (template[tempName]) {\n delete template[tempName]\n }\n\n // 그리드 설정 데이터 숨김 필드 제외 후 정렬\n let records = this.grist.dirtyData.records\n let data = records.filter(x => x.hidden == false)\n data.sort((a, b) => {\n return a.rank - b.rank\n })\n template[tempName] = data.map(x => {\n return x.name\n })\n\n let patch = { template: JSON.stringify(template) }\n\n // 기존에 ID 가 있으면 update\n if (id) {\n patch.id = id\n patch.cuFlag = 'M'\n } else {\n patch.menu = {\n id: this.menuId\n }\n patch.cuFlag = '+'\n }\n await MetaApi.updateMultiple('updateMultipleGridpersonalize', [patch])\n\n MetaApi.showToast('info', TermsUtil.tText('success to save'))\n history.back()\n }\n}\n\ncustomElements.define('personal-column-selector', PersonalColumnSelector)\n"]}
1
+ {"version":3,"file":"personal-column-selector.js","sourceRoot":"","sources":["../../../client/pages/personalize/personal-column-selector.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\n\nimport { i18next, localize } from '@things-factory/i18n-base'\nimport { ScrollbarStyles, CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Yang <wryang@hatiolab.com>\n * @description 사용자 그리드 컬럼 개인화 팝업\n */\nexport class PersonalColumnSelector extends localize(i18next)(LitElement) {\n /**\n * @description 스타일 정의\n ***********************************\n * @returns {Object} 화면의 스타일 정의\n */\n static get styles() {\n let styles = [\n ScrollbarStyles,\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-x: auto;\n }\n .container {\n flex: 1;\n display: grid;\n overflow: hidden;\n }\n .container_detail {\n background-color: var(--main-section-background-color);\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n\n h2 {\n padding: var(--subtitle-padding);\n font: var(--subtitle-font);\n color: var(--subtitle-text-color);\n border-bottom: var(--subtitle-border-bottom);\n }\n\n .container_detail h2 {\n margin: var(--grist-title-margin);\n border: var(--grist-title-border);\n font: var(--grist-title-font);\n color: var(--secondary-color);\n }\n\n .container_detail h2 md-icon {\n --md-icon-size: var(--grist-title-icon-size);\n vertical-align: middle;\n margin: var(--grist-title-icon-margin);\n color: var(--grist-title-icon-color);\n }\n\n h2 {\n padding-bottom: var(--grist-title-with-grid-padding);\n }\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n search-form {\n overflow: visible;\n }\n `\n ]\n return styles\n }\n\n /**\n * @description 프로퍼티 정의\n ***********************************\n * @returns {Object} 화면의 프로퍼티 정의\n */\n static get properties() {\n return {\n /**\n * @description 선택된 그리드\n ****************************\n * @type {Object}\n */\n configGrist: {\n type: Object\n },\n\n /**\n * @description 메뉴 ID\n ******************************\n * @type {String}\n */\n menuId: {\n type: String\n }\n }\n }\n\n /**\n * @description 라이트 사이클\n ***************************\n */\n async connectedCallback() {\n // 메뉴 그룹 그리드 설정\n this.gridConfig = {\n rows: { selectable: false, appendable: false },\n pagination: { infinite: true },\n columns: [\n ...MetaApi.getGristGuttersConfig(false, false),\n MetaApi.getGristColumnConfig('integer', 'rank', 'center', true, false, 80),\n MetaApi.getGristColumnConfig('string', 'name', 'left', false, false, 180),\n MetaApi.getGristColumnConfig2('string', 'header', 'display', 'left', false, false, 180),\n MetaApi.getGristColumnConfig('boolean', 'hidden', 'center', true, false, 60)\n ]\n }\n\n if (super.connectedCallback) {\n await super.connectedCallback()\n }\n }\n\n /**\n * @description 라이프 사이클\n ***************************\n */\n render() {\n return html` <div id=\"container\" class=\"container\">\n <div class=\"container_detail\">\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchColumns.bind(this)}> </ox-grist>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset\">\n <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>\n <div filler></div>\n <button @click=${this.save.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n <button danger @click=${this.delete.bind(this)}><md-icon>delete</md-icon>${TermsUtil.tButton('delete')}</button>\n </div>\n </div>\n </div>`\n }\n\n /**\n * @description 그리드 리턴\n **************************\n * @returns {Object} 그리드\n */\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /**\n * @description 컬럼 조회\n ***************************\n * @returns\n */\n async fetchColumns() {\n // 팝업 오프너에서 받아온 그리스트의 설정으로 보여준다\n let cols = this.configGrist.config.columns\n let filterCols = cols.filter(x => x.type != 'gutter' && x.name != 'id' && x.unusable !== true)\n let rank = 0\n\n let items = filterCols.map(x => {\n rank = rank + 10\n x.rank = rank\n return x\n })\n\n return { total: 0, records: items }\n }\n\n /**\n * @description 개인화 데이터 삭제\n ***************************\n * @returns\n */\n async delete(e) {\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined } = personal\n\n if (id) {\n let result = await ServiceUtil.deleteListByIds([id], 'deleteGridPersonalizes')\n if (result == true) {\n history.back()\n }\n } else {\n await MetaApi.showToast('info', 'there_is_nothing_to_delete')\n }\n }\n\n /**\n * @description 개인화 그리드 초기화\n ************************************************\n */\n async reset(e) {\n await this.grist.fetch()\n }\n\n /**\n * @description 컬럼 변경 사항 저장\n ************************************************\n */\n async save(e) {\n // 변경 체크\n MetaApi.patchesForUpdateMultiple(this.grist)\n\n // 기존 데이터 조회\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined, template = {} } = personal\n\n let tempName = 'master'\n if (this.configGrist.configName) {\n tempName = this.configGrist.configName\n }\n\n // 기존 데이터 삭제\n if (template[tempName]) {\n delete template[tempName]\n }\n\n // 그리드 설정 데이터 숨김 필드 제외 후 정렬\n let records = this.grist.dirtyData.records\n let data = records.filter(x => x.hidden == false)\n data.sort((a, b) => {\n return a.rank - b.rank\n })\n template[tempName] = data.map(x => {\n return x.name\n })\n\n let patch = { template: JSON.stringify(template) }\n\n // 기존에 ID 가 있으면 update\n if (id) {\n patch.id = id\n patch.cuFlag = 'M'\n } else {\n patch.menu = {\n id: this.menuId\n }\n patch.cuFlag = '+'\n }\n await MetaApi.updateMultiple('updateMultipleGridpersonalize', [patch])\n\n MetaApi.showToast('info', TermsUtil.tText('success to save'))\n history.back()\n }\n}\n\ncustomElements.define('personal-column-selector', PersonalColumnSelector)\n"]}