@things-factory/meta-ui 7.0.1-alpha.44 → 7.0.1-alpha.46

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.
@@ -40,21 +40,6 @@ class ConfigTerminology extends localize(i18next)(PageView) {
40
40
  <div class="filters">
41
41
  <ox-filters-form></ox-filters-form>
42
42
  </div>
43
- <div id="sorters">
44
- <md-icon
45
- @click=${e => {
46
- const target = e.currentTarget
47
- target.nextElementSibling.open({
48
- right: 0,
49
- top: target.offsetTop + target.offsetHeight
50
- })
51
- }}
52
- >sort</md-icon
53
- >
54
- <ox-popup id="sorter-control">
55
- <ox-sorters-control></ox-sorters-control>
56
- </ox-popup>
57
- </div>
58
43
  </div>
59
44
  </ox-grist>
60
45
  `
@@ -1986,8 +1986,12 @@ export class MetaUiUtil {
1986
1986
  return [
1987
1987
  css`
1988
1988
  [slot='setting'] {
1989
- --md-icon-size: 18px;
1990
- color: rgba(var(--secondary-color-rgb), 0.8);
1989
+ --md-icon-size: 14px;
1990
+ width: 16px;
1991
+ height: 16px;
1992
+ background-color: rgba(var(--secondary-color-rgb), 0.6);
1993
+ border-radius: 0px 0px 7px 7px;
1994
+ color: var(--theme-white-color);
1991
1995
  cursor: pointer;
1992
1996
  }
1993
1997
 
@@ -31,21 +31,6 @@ class ConfigTerminology extends localize(i18next)(PageView) {
31
31
  <div class="filters">
32
32
  <ox-filters-form></ox-filters-form>
33
33
  </div>
34
- <div id="sorters">
35
- <md-icon
36
- @click=${e => {
37
- const target = e.currentTarget;
38
- target.nextElementSibling.open({
39
- right: 0,
40
- top: target.offsetTop + target.offsetHeight
41
- });
42
- }}
43
- >sort</md-icon
44
- >
45
- <ox-popup id="sorter-control">
46
- <ox-sorters-control></ox-sorters-control>
47
- </ox-popup>
48
- </div>
49
34
  </div>
50
35
  </ox-grist>
51
36
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"config-terminology.js","sourceRoot":"","sources":["../../../client/pages/terms/config-terminology.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html } from 'lit'\n\nimport { CommonButtonStyles } from '@operato/styles'\nimport { PageView } from '@things-factory/shell'\nimport { i18next, localize } from '@things-factory/i18n-base'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\n\nclass ConfigTerminology extends localize(i18next)(PageView) {\n static get properties() {\n return {\n gristId: String,\n gridConfig: Object\n }\n }\n\n static get styles() {\n return MetaApi.getBasicGristStyles()\n }\n\n constructor() {\n super()\n\n this.gristId = 'ox-grist'\n }\n\n connectedCallback() {\n if (super.connectedCallback) {\n super.connectedCallback()\n }\n }\n\n render() {\n return html`\n <ox-grist auto-fetch id=\"ox-grist\" .config=${this.gridConfig} .mode=${this.gridMode} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n <div id=\"sorters\">\n <md-icon\n @click=${e => {\n const target = e.currentTarget\n target.nextElementSibling.open({\n right: 0,\n top: target.offsetTop + target.offsetHeight\n })\n }}\n >sort</md-icon\n >\n <ox-popup id=\"sorter-control\">\n <ox-sorters-control></ox-sorters-control>\n </ox-popup>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n get context() {\n return {\n title: TermsUtil.tTitle('terminology'),\n actions: [\n {\n title: TermsUtil.tButton('save'),\n action: this.save.bind(this),\n ...CommonButtonStyles.save\n },\n {\n title: TermsUtil.tButton('delete'),\n action: this.delete.bind(this),\n ...CommonButtonStyles.delete\n }\n ]\n }\n }\n\n get grist() {\n return this.shadowRoot.querySelector(this.gristId)\n }\n\n async fetchHandler({ page, limit, sorters = [], filters = [] }) {\n /*let selectFields = `\n id\n category\n locale\n name\n display\n updater {\n id\n name\n }\n updatedAt\n `*/\n let selectFields = `\n id\n category\n locale\n name\n display\n updatedAt\n `\n return await MetaApi.searchByPagination('terminologies', filters, sorters, page, limit, selectFields)\n }\n\n async save() {\n await MetaApi.updateMultipleData(this.grist, 'updateMultipleTerminologies')\n }\n\n async delete() {\n await MetaApi.deleteListByGristSelected(this.grist, 'deleteTerminologies')\n }\n\n async pageInitialized() {\n let locales = await MetaApi.getCodeSelectorData('LOCALE')\n let termsCategories = await MetaApi.getCodeSelectorData('TERMS_CATEGORY')\n\n // 그리드 뷰 옵션\n this.grid_view_options = ['LIST', 'GRID', 'CARD']\n\n // 그리드 모드 설정\n this.gridMode = MetaApi.isMobileEnv() ? 'LIST' : 'GRID'\n\n // 그리드 설정\n this.gridConfig = {\n option: { view_mode: this.grid_view_options },\n rows: MetaApi.getGristSelectableConfig(true),\n pagination: MetaApi.getGristPagination100Config(),\n sorters: [\n { name: 'name', desc: false },\n { name: 'category', desc: true }\n ],\n appendable: true,\n columns: [\n ...MetaApi.getGristGuttersConfig(true, true),\n {\n type: 'string',\n name: 'id',\n sortable: false,\n hidden: true\n },\n {\n type: 'select',\n name: 'category',\n header: TermsUtil.tLabel('category'),\n record: { align: 'left', editable: true, mandatory: true, options: termsCategories },\n sortable: true,\n width: 110,\n filter: {\n operator: 'eq'\n }\n },\n {\n type: 'select',\n name: 'locale',\n header: TermsUtil.tLabel('locale'),\n record: { align: 'left', editable: true, mandatory: true, options: locales },\n sortable: true,\n width: 85,\n filter: {\n operator: 'eq'\n }\n },\n {\n type: 'string',\n name: 'name',\n header: TermsUtil.tLabel('name'),\n record: {\n editable: true,\n mandatory: true,\n align: 'left'\n },\n sortable: true,\n width: 300,\n filter: 'search'\n },\n {\n type: 'string',\n name: 'display',\n header: TermsUtil.tLabel('display'),\n record: {\n editable: true,\n mandatory: true,\n align: 'left'\n },\n sortable: true,\n width: 500,\n filter: 'search'\n },\n /*{\n name: 'updater',\n header: TermsUtil.tLabel('updater'),\n type: 'object',\n width: 100,\n sortable: true,\n record: {\n align: 'left',\n mandatory: false,\n editable: true\n },\n hidden: false\n },*/\n {\n type: 'datetime',\n width: 180,\n name: 'updatedAt',\n header: TermsUtil.tLabel('updated_at'),\n record: { editable: false, align: 'center' },\n sortable: true\n }\n ]\n }\n }\n}\n\ncustomElements.define('config-terminology', ConfigTerminology)\n"]}
1
+ {"version":3,"file":"config-terminology.js","sourceRoot":"","sources":["../../../client/pages/terms/config-terminology.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html } from 'lit'\n\nimport { CommonButtonStyles } from '@operato/styles'\nimport { PageView } from '@things-factory/shell'\nimport { i18next, localize } from '@things-factory/i18n-base'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\n\nclass ConfigTerminology extends localize(i18next)(PageView) {\n static get properties() {\n return {\n gristId: String,\n gridConfig: Object\n }\n }\n\n static get styles() {\n return MetaApi.getBasicGristStyles()\n }\n\n constructor() {\n super()\n\n this.gristId = 'ox-grist'\n }\n\n connectedCallback() {\n if (super.connectedCallback) {\n super.connectedCallback()\n }\n }\n\n render() {\n return html`\n <ox-grist auto-fetch id=\"ox-grist\" .config=${this.gridConfig} .mode=${this.gridMode} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n get context() {\n return {\n title: TermsUtil.tTitle('terminology'),\n actions: [\n {\n title: TermsUtil.tButton('save'),\n action: this.save.bind(this),\n ...CommonButtonStyles.save\n },\n {\n title: TermsUtil.tButton('delete'),\n action: this.delete.bind(this),\n ...CommonButtonStyles.delete\n }\n ]\n }\n }\n\n get grist() {\n return this.shadowRoot.querySelector(this.gristId)\n }\n\n async fetchHandler({ page, limit, sorters = [], filters = [] }) {\n /*let selectFields = `\n id\n category\n locale\n name\n display\n updater {\n id\n name\n }\n updatedAt\n `*/\n let selectFields = `\n id\n category\n locale\n name\n display\n updatedAt\n `\n return await MetaApi.searchByPagination('terminologies', filters, sorters, page, limit, selectFields)\n }\n\n async save() {\n await MetaApi.updateMultipleData(this.grist, 'updateMultipleTerminologies')\n }\n\n async delete() {\n await MetaApi.deleteListByGristSelected(this.grist, 'deleteTerminologies')\n }\n\n async pageInitialized() {\n let locales = await MetaApi.getCodeSelectorData('LOCALE')\n let termsCategories = await MetaApi.getCodeSelectorData('TERMS_CATEGORY')\n\n // 그리드 뷰 옵션\n this.grid_view_options = ['LIST', 'GRID', 'CARD']\n\n // 그리드 모드 설정\n this.gridMode = MetaApi.isMobileEnv() ? 'LIST' : 'GRID'\n\n // 그리드 설정\n this.gridConfig = {\n option: { view_mode: this.grid_view_options },\n rows: MetaApi.getGristSelectableConfig(true),\n pagination: MetaApi.getGristPagination100Config(),\n sorters: [\n { name: 'name', desc: false },\n { name: 'category', desc: true }\n ],\n appendable: true,\n columns: [\n ...MetaApi.getGristGuttersConfig(true, true),\n {\n type: 'string',\n name: 'id',\n sortable: false,\n hidden: true\n },\n {\n type: 'select',\n name: 'category',\n header: TermsUtil.tLabel('category'),\n record: { align: 'left', editable: true, mandatory: true, options: termsCategories },\n sortable: true,\n width: 110,\n filter: {\n operator: 'eq'\n }\n },\n {\n type: 'select',\n name: 'locale',\n header: TermsUtil.tLabel('locale'),\n record: { align: 'left', editable: true, mandatory: true, options: locales },\n sortable: true,\n width: 85,\n filter: {\n operator: 'eq'\n }\n },\n {\n type: 'string',\n name: 'name',\n header: TermsUtil.tLabel('name'),\n record: {\n editable: true,\n mandatory: true,\n align: 'left'\n },\n sortable: true,\n width: 300,\n filter: 'search'\n },\n {\n type: 'string',\n name: 'display',\n header: TermsUtil.tLabel('display'),\n record: {\n editable: true,\n mandatory: true,\n align: 'left'\n },\n sortable: true,\n width: 500,\n filter: 'search'\n },\n /*{\n name: 'updater',\n header: TermsUtil.tLabel('updater'),\n type: 'object',\n width: 100,\n sortable: true,\n record: {\n align: 'left',\n mandatory: false,\n editable: true\n },\n hidden: false\n },*/\n {\n type: 'datetime',\n width: 180,\n name: 'updatedAt',\n header: TermsUtil.tLabel('updated_at'),\n record: { editable: false, align: 'center' },\n sortable: true\n }\n ]\n }\n }\n}\n\ncustomElements.define('config-terminology', ConfigTerminology)\n"]}