@things-factory/menu-ui 9.0.0-beta.8 → 9.0.2
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/dist-client/apptools/favorite-tool.js +11 -11
- package/dist-client/apptools/favorite-tool.js.map +1 -1
- package/dist-client/bootstrap.js +1 -2
- package/dist-client/bootstrap.js.map +1 -1
- package/dist-client/components/child-menus-selector.js +48 -48
- package/dist-client/components/child-menus-selector.js.map +1 -1
- package/dist-client/components/role-select-popup.js +31 -32
- package/dist-client/components/role-select-popup.js.map +1 -1
- package/dist-client/pages/menu-list-page.js +20 -20
- package/dist-client/pages/menu-list-page.js.map +1 -1
- package/dist-client/pages/menu-management-detail.js +43 -43
- package/dist-client/pages/menu-management-detail.js.map +1 -1
- package/dist-client/pages/menu-management.js +29 -21
- package/dist-client/pages/menu-management.js.map +1 -1
- package/dist-client/pages/role-menus-management.js +52 -54
- package/dist-client/pages/role-menus-management.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/menu-bar.js +42 -42
- package/dist-client/viewparts/menu-bar.js.map +1 -1
- package/dist-client/viewparts/menu-tile-list.js +71 -71
- package/dist-client/viewparts/menu-tile-list.js.map +1 -1
- package/dist-client/viewparts/menu-tree-bar.js +121 -122
- package/dist-client/viewparts/menu-tree-bar.js.map +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-management-detail.js","sourceRoot":"","sources":["../../client/pages/menu-management-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/form-ui'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { gqlBuilder } from '@things-factory/utils'\n\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('menu-management-detail')\nclass MenuManagementDetail extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background-color: var(--md-sys-color-surface);\n }\n search-form {\n overflow: visible;\n }\n .grist {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n ox-grist {\n overflow-y: hidden;\n flex: 1;\n }\n .button-container {\n padding: 10px 0 12px 0;\n text-align: center;\n }\n .button-container > button {\n background-color: var(--button-background-color);\n border: var(--button-border);\n border-radius: var(--button-border-radius);\n margin: var(--button-margin);\n padding: var(--button-padding);\n color: var(--button-color);\n font: var(--button-font);\n text-transform: var(--button-text-transform);\n }\n .button-container > button:hover,\n .button-container > button:active {\n background-color: var(--button-background-focus-color);\n }\n `\n ]\n\n @property({ type: String }) menuId?: string\n @property({ type: Object }) searchFields: any\n @property({ type: Object }) config: any\n\n @query('ox-grist') dataGrist!: DataGrist\n @query('search-form') searchForm!: HTMLFormElement\n\n render() {\n return html`\n <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>\n\n <div class=\"grist\">\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.config}\n .fetchHandler=${this.fetchHandler.bind(this)}\n ></ox-grist>\n </div>\n\n <div class=\"button-container\">\n <button @click=${this.save}>${i18next.t('button.save')}</button>\n <button @click=${this.delete}>${i18next.t('button.delete')}</button>\n </div>\n `\n }\n\n firstUpdated() {\n this.searchFields = [\n {\n name: 'name',\n label: i18next.t('field.name'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'description',\n label: i18next.t('field.description'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'template',\n label: i18next.t('field.template'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'category',\n label: i18next.t('field.category'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'resourceUrl',\n label: i18next.t('field.resource_url'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'hiddenFlag',\n label: i18next.t('field.hidden_flag'),\n type: 'checkbox',\n props: { searchOper: 'eq' },\n attrs: ['indeterminate']\n }\n ]\n\n this.config = {\n rows: { selectable: { multiple: true } },\n pagination: { infinite: true },\n columns: [\n { type: 'gutter', gutterName: 'dirty' },\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 150\n },\n {\n type: 'integer',\n name: 'rank',\n header: i18next.t('field.rank'),\n record: { editable: true },\n sortable: true,\n width: 80\n },\n {\n type: 'select',\n name: 'resourceType',\n header: i18next.t('field.type'),\n record: {\n editable: true,\n options: ['', 'board']\n },\n width: 80\n },\n {\n type: 'string',\n name: 'resourceId',\n header: i18next.t('field.value'),\n record: {\n editable: true,\n editor: function (value, column, record, rowIndex, field) {\n const type = record.resourceType || 'string'\n if (value && type !== 'board') {\n delete record.resourceId\n value = ''\n }\n return getEditor(type)(value, column, record, rowIndex, field)\n },\n renderer: function (value, column, record, rowIndex, field) {\n const type = record.resourceType || 'string'\n if (value && type !== 'board') {\n delete record.resourceId\n value = ''\n }\n return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n width: 140\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 200\n },\n {\n type: 'string',\n name: 'template',\n header: i18next.t('field.template'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 160\n },\n {\n type: 'string',\n name: 'resourceUrl',\n header: i18next.t('field.resource_url'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 160\n },\n {\n type: 'boolean',\n name: 'hiddenFlag',\n header: i18next.t('field.hidden_flag'),\n record: { editable: true },\n sortable: true,\n width: 80\n },\n {\n type: 'resource-object',\n name: 'role',\n label: true,\n header: i18next.t('field.required role'),\n record: {\n editable: true,\n options: {\n title: i18next.t('title.lookup role'),\n queryName: 'roles'\n }\n },\n width: 200\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: { editable: false },\n sortable: true,\n width: 150\n },\n {\n type: 'object',\n name: 'updater',\n header: i18next.t('field.updater'),\n record: { editable: false },\n sortable: true,\n width: 150\n }\n ]\n }\n }\n\n async fetchHandler({ page, limit, sorters = [{ name: 'rank' }, { name: 'name' }] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query {\n menus(${gqlBuilder.buildArgs({\n filters: [...this.searchForm.queryFilters, { name: 'parentId', operator: 'eq', value: this.menuId }],\n pagination: { page, limit },\n sortings: sorters\n })}) {\n items {\n id\n name\n rank\n description\n category\n template\n resourceUrl\n resourceType\n resourceId\n hiddenFlag\n role {\n id\n name\n description\n }\n updatedAt\n updater{\n id\n name\n description\n }\n }\n total\n }\n }\n `\n })\n\n return {\n total: response.data.menus.total || 0,\n records: response.data.menus.items || []\n }\n }\n\n async save() {\n const patches = this.getPatches()\n if (patches && patches.length) {\n const response = await client.query({\n query: gql`\n mutation {\n updateMultipleMenu(${gqlBuilder.buildArgs({\n patches\n })}) {\n name\n }\n }\n `\n })\n\n if (!response.errors) this.dataGrist.fetch()\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_changed'),\n text: i18next.t('text.there_is_nothing_to_save')\n })\n }\n }\n\n async delete() {\n const ids = this.dataGrist.selected.map(record => record.id)\n if (ids && ids.length > 0) {\n if (\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.are_you_sure'),\n confirmButton: { text: i18next.t('button.delete') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.query({\n query: gql`\n mutation {\n deleteMenus(${gqlBuilder.buildArgs({ ids })})\n }\n `\n })\n\n if (!response.errors) {\n this.dataGrist.fetch()\n }\n }\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_selected'),\n text: i18next.t('text.there_is_nothing_to_delete')\n })\n }\n }\n\n getPatches() {\n let patches = this.dataGrist.dirtyRecords\n if (patches && patches.length) {\n patches = patches.map(menu => {\n let patchField: any = menu.id ? { id: menu.id } : {}\n patchField = { ...patchField, routingType: menu.routingType, menuType: menu.menuType }\n const dirtyFields = menu.__dirtyfields__\n for (let key in dirtyFields) {\n patchField[key] = dirtyFields[key].after\n }\n patchField.parent = { id: this.menuId }\n patchField.routingType = patchField.routingType || 'STATIC'\n patchField.menuType = patchField.menuType || 'SCREEN'\n patchField.cuFlag = menu.__dirty__\n\n return patchField\n })\n }\n\n return patches\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"menu-management-detail.js","sourceRoot":"","sources":["../../client/pages/menu-management-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/form-ui'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { gqlBuilder } from '@things-factory/utils'\n\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('menu-management-detail')\nclass MenuManagementDetail extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background-color: var(--md-sys-color-surface);\n }\n search-form {\n overflow: visible;\n }\n .grist {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n ox-grist {\n overflow-y: hidden;\n flex: 1;\n }\n .button-container {\n padding: 10px 0 12px 0;\n text-align: center;\n }\n .button-container > button {\n background-color: var(--button-background-color);\n border: var(--button-border);\n border-radius: var(--button-border-radius);\n margin: var(--button-margin);\n padding: var(--button-padding);\n color: var(--button-color);\n font: var(--button-font);\n text-transform: var(--button-text-transform);\n }\n .button-container > button:hover,\n .button-container > button:active {\n background-color: var(--button-background-focus-color);\n }\n `\n ]\n\n @property({ type: String }) menuId?: string\n @property({ type: Object }) searchFields: any\n @property({ type: Object }) config: any\n\n @query('ox-grist') dataGrist!: DataGrist\n @query('search-form') searchForm!: HTMLFormElement\n\n render() {\n return html`\n <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>\n\n <div class=\"grist\">\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.config}\n .fetchHandler=${this.fetchHandler.bind(this)}\n ></ox-grist>\n </div>\n\n <div class=\"button-container\">\n <button @click=${this.save}>${i18next.t('button.save')}</button>\n <button @click=${this.delete}>${i18next.t('button.delete')}</button>\n </div>\n `\n }\n\n firstUpdated() {\n this.searchFields = [\n {\n name: 'name',\n label: i18next.t('field.name'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'description',\n label: i18next.t('field.description'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'template',\n label: i18next.t('field.template'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'category',\n label: i18next.t('field.category'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'resourceUrl',\n label: i18next.t('field.resource_url'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'hiddenFlag',\n label: i18next.t('field.hidden_flag'),\n type: 'checkbox',\n props: { searchOper: 'eq' },\n attrs: ['indeterminate']\n }\n ]\n\n this.config = {\n rows: { selectable: { multiple: true } },\n pagination: { infinite: true },\n columns: [\n { type: 'gutter', gutterName: 'dirty' },\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 150\n },\n {\n type: 'integer',\n name: 'rank',\n header: i18next.t('field.rank'),\n record: { editable: true },\n sortable: true,\n width: 80\n },\n {\n type: 'select',\n name: 'resourceType',\n header: i18next.t('field.type'),\n record: {\n editable: true,\n options: ['', 'board']\n },\n width: 80\n },\n {\n type: 'string',\n name: 'resourceId',\n header: i18next.t('field.value'),\n record: {\n editable: true,\n editor: function (value, column, record, rowIndex, field) {\n const type = record.resourceType || 'string'\n if (value && type !== 'board') {\n delete record.resourceId\n value = ''\n }\n return getEditor(type)(value, column, record, rowIndex, field)\n },\n renderer: function (value, column, record, rowIndex, field) {\n const type = record.resourceType || 'string'\n if (value && type !== 'board') {\n delete record.resourceId\n value = ''\n }\n return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n width: 140\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 200\n },\n {\n type: 'string',\n name: 'template',\n header: i18next.t('field.template'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 160\n },\n {\n type: 'string',\n name: 'resourceUrl',\n header: i18next.t('field.resource_url'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 160\n },\n {\n type: 'boolean',\n name: 'hiddenFlag',\n header: i18next.t('field.hidden_flag'),\n record: { editable: true },\n sortable: true,\n width: 80\n },\n {\n type: 'resource-object',\n name: 'role',\n label: true,\n header: i18next.t('field.required role'),\n record: {\n editable: true,\n options: {\n title: i18next.t('title.lookup role'),\n queryName: 'roles'\n }\n },\n width: 200\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: { editable: false },\n sortable: true,\n width: 150\n },\n {\n type: 'object',\n name: 'updater',\n header: i18next.t('field.updater'),\n record: { editable: false },\n sortable: true,\n width: 150\n }\n ]\n }\n }\n\n async fetchHandler({ page, limit, sorters = [{ name: 'rank' }, { name: 'name' }] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query {\n menus(${gqlBuilder.buildArgs({\n filters: [...this.searchForm.queryFilters, { name: 'parentId', operator: 'eq', value: this.menuId }],\n pagination: { page, limit },\n sortings: sorters\n })}) {\n items {\n id\n name\n rank\n description\n category\n template\n resourceUrl\n resourceType\n resourceId\n hiddenFlag\n role {\n id\n name\n description\n }\n updatedAt\n updater{\n id\n name\n description\n }\n }\n total\n }\n }\n `\n })\n\n return {\n total: response.data.menus.total || 0,\n records: response.data.menus.items || []\n }\n }\n\n async save() {\n const patches = this.getPatches()\n if (patches && patches.length) {\n const response = await client.query({\n query: gql`\n mutation {\n updateMultipleMenu(${gqlBuilder.buildArgs({\n patches\n })}) {\n name\n }\n }\n `\n })\n\n if (!response.errors) this.dataGrist.fetch()\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_changed'),\n text: i18next.t('text.there_is_nothing_to_save')\n })\n }\n }\n\n async delete() {\n const ids = this.dataGrist.selected.map(record => record.id)\n if (ids && ids.length > 0) {\n if (\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.are_you_sure'),\n confirmButton: { text: i18next.t('button.delete') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.query({\n query: gql`\n mutation {\n deleteMenus(${gqlBuilder.buildArgs({ ids })})\n }\n `\n })\n\n if (!response.errors) {\n this.dataGrist.fetch()\n }\n }\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_selected'),\n text: i18next.t('text.there_is_nothing_to_delete')\n })\n }\n }\n\n getPatches() {\n let patches = this.dataGrist.dirtyRecords\n if (patches && patches.length) {\n patches = patches.map(menu => {\n let patchField: any = menu.id ? { id: menu.id } : {}\n patchField = { ...patchField, routingType: menu.routingType, menuType: menu.menuType }\n const dirtyFields = menu.__dirtyfields__\n for (let key in dirtyFields) {\n patchField[key] = dirtyFields[key].after\n }\n patchField.parent = { id: this.menuId }\n patchField.routingType = patchField.routingType || 'STATIC'\n patchField.menuType = patchField.menuType || 'SCREEN'\n patchField.cuFlag = menu.__dirty__\n\n return patchField\n })\n }\n\n return patches\n }\n}\n"]}
|
|
@@ -18,6 +18,25 @@ let MenuManagement = class MenuManagement extends localize(i18next)(PageView) {
|
|
|
18
18
|
super(...arguments);
|
|
19
19
|
this.searchFields = [];
|
|
20
20
|
}
|
|
21
|
+
static { this.styles = [
|
|
22
|
+
ScrollbarStyles,
|
|
23
|
+
css `
|
|
24
|
+
:host {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
search-form {
|
|
31
|
+
overflow: visible;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
ox-grist {
|
|
35
|
+
overflow-y: auto;
|
|
36
|
+
flex: 1;
|
|
37
|
+
}
|
|
38
|
+
`
|
|
39
|
+
]; }
|
|
21
40
|
render() {
|
|
22
41
|
return html `
|
|
23
42
|
<search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
|
|
@@ -33,8 +52,16 @@ let MenuManagement = class MenuManagement extends localize(i18next)(PageView) {
|
|
|
33
52
|
return {
|
|
34
53
|
title: i18next.t('title.menu_management'),
|
|
35
54
|
actions: [
|
|
36
|
-
|
|
37
|
-
|
|
55
|
+
{
|
|
56
|
+
title: i18next.t('button.save'),
|
|
57
|
+
action: this.save.bind(this),
|
|
58
|
+
...CommonButtonStyles.save
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
title: i18next.t('button.delete'),
|
|
62
|
+
action: this.delete.bind(this),
|
|
63
|
+
...CommonButtonStyles.delete
|
|
64
|
+
}
|
|
38
65
|
]
|
|
39
66
|
};
|
|
40
67
|
}
|
|
@@ -235,25 +262,6 @@ let MenuManagement = class MenuManagement extends localize(i18next)(PageView) {
|
|
|
235
262
|
});
|
|
236
263
|
}
|
|
237
264
|
};
|
|
238
|
-
MenuManagement.styles = [
|
|
239
|
-
ScrollbarStyles,
|
|
240
|
-
css `
|
|
241
|
-
:host {
|
|
242
|
-
display: flex;
|
|
243
|
-
flex-direction: column;
|
|
244
|
-
overflow: hidden;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
search-form {
|
|
248
|
-
overflow: visible;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
ox-grist {
|
|
252
|
-
overflow-y: auto;
|
|
253
|
-
flex: 1;
|
|
254
|
-
}
|
|
255
|
-
`
|
|
256
|
-
];
|
|
257
265
|
__decorate([
|
|
258
266
|
property({ type: Array }),
|
|
259
267
|
__metadata("design:type", Array)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-management.js","sourceRoot":"","sources":["../../client/pages/menu-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/form-ui'\nimport '@operato/data-grist'\nimport './menu-management-detail'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { openPopup } from '@operato/layout'\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { client, PageView } from '@things-factory/shell/client'\nimport { gqlBuilder } from '@things-factory/utils/src'\n\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\n\n@customElement('menu-management')\nclass MenuManagement extends localize(i18next)(PageView) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n search-form {\n overflow: visible;\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @property({ type: Array }) searchFields: any[] = []\n @property({ type: Object }) config: any\n @property({ type: Object }) data: any\n\n @query('ox-grist') dataGrist!: DataGrist\n @query('search-form') searchForm!: HTMLFormElement\n\n render() {\n return html`\n <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>\n\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.config}\n .fetchHandler=\"${this.fetchHandler.bind(this)}\"\n ></ox-grist>\n `\n }\n\n get context() {\n return {\n title: i18next.t('title.menu_management'),\n actions: [\n {\n title: i18next.t('button.save'),\n action: this.save.bind(this),\n ...CommonButtonStyles.save\n },\n {\n title: i18next.t('button.delete'),\n action: this.delete.bind(this),\n ...CommonButtonStyles.delete\n }\n ]\n }\n }\n\n pageUpdated(_changes, _lifecycle) {\n if (this.active) {\n this.dataGrist.fetch()\n }\n }\n\n pageInitialized() {\n this.searchFields = [\n {\n name: 'name',\n label: i18next.t('label.name'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'description',\n label: i18next.t('label.description'),\n type: 'text',\n props: { searchOper: 'i_like' }\n }\n ]\n\n this.config = {\n rows: { selectable: { multiple: true } },\n columns: [\n { type: 'gutter', gutterName: 'dirty' },\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'reorder',\n handlers: {\n click: (_columns, _data, _column, record, _rowIndex) => {\n if (record.id && record.name) this.openMenuDetail(record.id, record.name)\n }\n }\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 150\n },\n {\n type: 'integer',\n name: 'rank',\n header: i18next.t('field.rank'),\n record: { editable: true },\n sortable: true,\n width: 80\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 200\n },\n {\n type: 'boolean',\n name: 'hiddenFlag',\n header: i18next.t('field.hidden_flag'),\n record: { editable: false },\n sortable: true,\n width: 80\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: { editable: false },\n sortable: true,\n width: 150\n },\n {\n type: 'object',\n name: 'updater',\n header: i18next.t('field.updater'),\n record: { editable: false },\n sortable: true,\n width: 150\n }\n ]\n }\n }\n\n async fetchHandler({ page, limit, sorters = [{ name: 'rank' }, { name: 'name' }] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query {\n menus(${gqlBuilder.buildArgs({\n filters: [...this.searchForm.queryFilters, { name: 'menuType', operator: 'eq', value: 'MENU' }],\n pagination: { page, limit },\n sortings: sorters\n })}) {\n items {\n id\n name\n rank\n description\n hiddenFlag\n updatedAt\n updater{\n id\n name\n description\n }\n }\n total\n }\n }\n `\n })\n\n return {\n total: response.data.menus.total || 0,\n records: response.data.menus.items || []\n }\n }\n\n async save() {\n const patches = this.getPatches()\n if (patches && patches.length) {\n const response = await client.query({\n query: gql`\n mutation {\n updateMultipleMenu(${gqlBuilder.buildArgs({\n patches\n })}) {\n name\n }\n }\n `\n })\n\n if (!response.errors) this.dataGrist.fetch()\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_changed'),\n text: i18next.t('text.there_is_nothing_to_save')\n })\n }\n }\n\n async delete() {\n const ids = this.dataGrist.selected.map(record => record.id)\n if (ids && ids.length > 0) {\n if (\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.are_you_sure'),\n confirmButton: { text: i18next.t('button.delete') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.query({\n query: gql`\n mutation {\n deleteMenus(${gqlBuilder.buildArgs({ ids })})\n }\n `\n })\n\n if (!response.errors) {\n this.dataGrist.fetch()\n }\n }\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_selected'),\n text: i18next.t('text.there_is_nothing_to_delete')\n })\n }\n }\n\n getPatches() {\n let patches = this.dataGrist.dirtyRecords\n\n if (patches && patches.length) {\n patches = patches.map(menu => {\n let patchField: any = menu.id ? { id: menu.id } : {}\n const dirtyFields = menu.__dirtyfields__\n for (let key in dirtyFields) {\n patchField[key] = dirtyFields[key].after\n }\n\n patchField.cuFlag = menu.__dirty__\n patchField.menuType = 'MENU'\n\n return patchField\n })\n }\n\n return patches\n }\n\n openMenuDetail(menuId, menuName) {\n openPopup(html` <menu-management-detail .menuId=${menuId}></menu-management-detail> `, {\n backdrop: true,\n size: 'large',\n title: `${i18next.t('title.menu_management_detail')} - ${menuName}`\n })\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"menu-management.js","sourceRoot":"","sources":["../../client/pages/menu-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/form-ui'\nimport '@operato/data-grist'\nimport './menu-management-detail'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { openPopup } from '@operato/layout'\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { client, PageView } from '@things-factory/shell/client'\nimport { gqlBuilder } from '@things-factory/utils/src'\n\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\n\n@customElement('menu-management')\nclass MenuManagement extends localize(i18next)(PageView) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n search-form {\n overflow: visible;\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @property({ type: Array }) searchFields: any[] = []\n @property({ type: Object }) config: any\n @property({ type: Object }) data: any\n\n @query('ox-grist') dataGrist!: DataGrist\n @query('search-form') searchForm!: HTMLFormElement\n\n render() {\n return html`\n <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>\n\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.config}\n .fetchHandler=\"${this.fetchHandler.bind(this)}\"\n ></ox-grist>\n `\n }\n\n get context() {\n return {\n title: i18next.t('title.menu_management'),\n actions: [\n {\n title: i18next.t('button.save'),\n action: this.save.bind(this),\n ...CommonButtonStyles.save\n },\n {\n title: i18next.t('button.delete'),\n action: this.delete.bind(this),\n ...CommonButtonStyles.delete\n }\n ]\n }\n }\n\n pageUpdated(_changes, _lifecycle) {\n if (this.active) {\n this.dataGrist.fetch()\n }\n }\n\n pageInitialized() {\n this.searchFields = [\n {\n name: 'name',\n label: i18next.t('label.name'),\n type: 'text',\n props: { searchOper: 'i_like' }\n },\n {\n name: 'description',\n label: i18next.t('label.description'),\n type: 'text',\n props: { searchOper: 'i_like' }\n }\n ]\n\n this.config = {\n rows: { selectable: { multiple: true } },\n columns: [\n { type: 'gutter', gutterName: 'dirty' },\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'reorder',\n handlers: {\n click: (_columns, _data, _column, record, _rowIndex) => {\n if (record.id && record.name) this.openMenuDetail(record.id, record.name)\n }\n }\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 150\n },\n {\n type: 'integer',\n name: 'rank',\n header: i18next.t('field.rank'),\n record: { editable: true },\n sortable: true,\n width: 80\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { editable: true, align: 'left' },\n sortable: true,\n width: 200\n },\n {\n type: 'boolean',\n name: 'hiddenFlag',\n header: i18next.t('field.hidden_flag'),\n record: { editable: false },\n sortable: true,\n width: 80\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: { editable: false },\n sortable: true,\n width: 150\n },\n {\n type: 'object',\n name: 'updater',\n header: i18next.t('field.updater'),\n record: { editable: false },\n sortable: true,\n width: 150\n }\n ]\n }\n }\n\n async fetchHandler({ page, limit, sorters = [{ name: 'rank' }, { name: 'name' }] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query {\n menus(${gqlBuilder.buildArgs({\n filters: [...this.searchForm.queryFilters, { name: 'menuType', operator: 'eq', value: 'MENU' }],\n pagination: { page, limit },\n sortings: sorters\n })}) {\n items {\n id\n name\n rank\n description\n hiddenFlag\n updatedAt\n updater{\n id\n name\n description\n }\n }\n total\n }\n }\n `\n })\n\n return {\n total: response.data.menus.total || 0,\n records: response.data.menus.items || []\n }\n }\n\n async save() {\n const patches = this.getPatches()\n if (patches && patches.length) {\n const response = await client.query({\n query: gql`\n mutation {\n updateMultipleMenu(${gqlBuilder.buildArgs({\n patches\n })}) {\n name\n }\n }\n `\n })\n\n if (!response.errors) this.dataGrist.fetch()\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_changed'),\n text: i18next.t('text.there_is_nothing_to_save')\n })\n }\n }\n\n async delete() {\n const ids = this.dataGrist.selected.map(record => record.id)\n if (ids && ids.length > 0) {\n if (\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.are_you_sure'),\n confirmButton: { text: i18next.t('button.delete') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.query({\n query: gql`\n mutation {\n deleteMenus(${gqlBuilder.buildArgs({ ids })})\n }\n `\n })\n\n if (!response.errors) {\n this.dataGrist.fetch()\n }\n }\n } else {\n OxPrompt.open({\n title: i18next.t('text.nothing_selected'),\n text: i18next.t('text.there_is_nothing_to_delete')\n })\n }\n }\n\n getPatches() {\n let patches = this.dataGrist.dirtyRecords\n\n if (patches && patches.length) {\n patches = patches.map(menu => {\n let patchField: any = menu.id ? { id: menu.id } : {}\n const dirtyFields = menu.__dirtyfields__\n for (let key in dirtyFields) {\n patchField[key] = dirtyFields[key].after\n }\n\n patchField.cuFlag = menu.__dirty__\n patchField.menuType = 'MENU'\n\n return patchField\n })\n }\n\n return patches\n }\n\n openMenuDetail(menuId, menuName) {\n openPopup(html` <menu-management-detail .menuId=${menuId}></menu-management-detail> `, {\n backdrop: true,\n size: 'large',\n title: `${i18next.t('title.menu_management_detail')} - ${menuName}`\n })\n }\n}\n"]}
|
|
@@ -14,6 +14,55 @@ let RoleMenusManagement = class RoleMenusManagement extends localize(i18next)(Pa
|
|
|
14
14
|
super(...arguments);
|
|
15
15
|
this.parentMenus = [];
|
|
16
16
|
}
|
|
17
|
+
static { this.styles = [
|
|
18
|
+
css `
|
|
19
|
+
:host {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
background-color: var(--md-sys-color-background);
|
|
23
|
+
padding: var(--spacing-large);
|
|
24
|
+
overflow: auto;
|
|
25
|
+
}
|
|
26
|
+
[input-container] {
|
|
27
|
+
display: flex;
|
|
28
|
+
background-color: var(--md-sys-color-surface);
|
|
29
|
+
margin: var(--spacing-large) 0;
|
|
30
|
+
padding: var(--spacing-large);
|
|
31
|
+
border-radius: var(--border-radius);
|
|
32
|
+
box-shadow: var(--box-shadow);
|
|
33
|
+
clear: both;
|
|
34
|
+
gap: 10px;
|
|
35
|
+
}
|
|
36
|
+
mwc-buton {
|
|
37
|
+
margin: auto;
|
|
38
|
+
}
|
|
39
|
+
h2 {
|
|
40
|
+
margin: var(--title-margin);
|
|
41
|
+
font: var(--title-font);
|
|
42
|
+
color: var(--title-text-color);
|
|
43
|
+
}
|
|
44
|
+
[subtitle] {
|
|
45
|
+
padding: var(--subtitle-padding);
|
|
46
|
+
font: var(--subtitle-font);
|
|
47
|
+
color: var(--subtitle-text-color);
|
|
48
|
+
}
|
|
49
|
+
input {
|
|
50
|
+
border: var(--border-dim-color);
|
|
51
|
+
border-radius: var(--border-radius);
|
|
52
|
+
padding: var(--input-padding);
|
|
53
|
+
min-width: 250px;
|
|
54
|
+
font: var(--input-font);
|
|
55
|
+
}
|
|
56
|
+
label {
|
|
57
|
+
display: flex;
|
|
58
|
+
}
|
|
59
|
+
@media screen and (max-width: 480px) {
|
|
60
|
+
input {
|
|
61
|
+
min-width: 0;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
`
|
|
65
|
+
]; }
|
|
17
66
|
get context() {
|
|
18
67
|
return {
|
|
19
68
|
title: i18next.t('title.role_menus_management')
|
|
@@ -59,7 +108,6 @@ let RoleMenusManagement = class RoleMenusManagement extends localize(i18next)(Pa
|
|
|
59
108
|
}
|
|
60
109
|
}
|
|
61
110
|
async refresh() {
|
|
62
|
-
var _a;
|
|
63
111
|
const response = await client.query({
|
|
64
112
|
query: gql `
|
|
65
113
|
query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
|
|
@@ -83,13 +131,12 @@ let RoleMenusManagement = class RoleMenusManagement extends localize(i18next)(Pa
|
|
|
83
131
|
sortings: [{ name: 'name' }]
|
|
84
132
|
}
|
|
85
133
|
});
|
|
86
|
-
if (!
|
|
134
|
+
if (!response.errors?.length) {
|
|
87
135
|
const menus = response.data.menus.items || [];
|
|
88
|
-
this.parentMenus = menus.filter(menu =>
|
|
136
|
+
this.parentMenus = menus.filter(menu => menu.children?.length);
|
|
89
137
|
}
|
|
90
138
|
}
|
|
91
139
|
async getMenus(targetRole) {
|
|
92
|
-
var _a;
|
|
93
140
|
const response = await client.query({
|
|
94
141
|
query: gql `
|
|
95
142
|
query ($roleId: String!) {
|
|
@@ -110,7 +157,7 @@ let RoleMenusManagement = class RoleMenusManagement extends localize(i18next)(Pa
|
|
|
110
157
|
roleId: targetRole.id
|
|
111
158
|
}
|
|
112
159
|
});
|
|
113
|
-
if (!
|
|
160
|
+
if (!response.errors?.length) {
|
|
114
161
|
this.roleMenus = response.data.roleMenus.items || [];
|
|
115
162
|
this.menuSet = (this.roleMenus || []).reduce((menuSet, menu) => {
|
|
116
163
|
const parentMenu = menu.parent.name;
|
|
@@ -140,55 +187,6 @@ let RoleMenusManagement = class RoleMenusManagement extends localize(i18next)(Pa
|
|
|
140
187
|
document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
|
|
141
188
|
}
|
|
142
189
|
};
|
|
143
|
-
RoleMenusManagement.styles = [
|
|
144
|
-
css `
|
|
145
|
-
:host {
|
|
146
|
-
display: flex;
|
|
147
|
-
flex-direction: column;
|
|
148
|
-
background-color: var(--md-sys-color-background);
|
|
149
|
-
padding: var(--spacing-large);
|
|
150
|
-
overflow: auto;
|
|
151
|
-
}
|
|
152
|
-
[input-container] {
|
|
153
|
-
display: flex;
|
|
154
|
-
background-color: var(--md-sys-color-surface);
|
|
155
|
-
margin: var(--spacing-large) 0;
|
|
156
|
-
padding: var(--spacing-large);
|
|
157
|
-
border-radius: var(--border-radius);
|
|
158
|
-
box-shadow: var(--box-shadow);
|
|
159
|
-
clear: both;
|
|
160
|
-
gap: 10px;
|
|
161
|
-
}
|
|
162
|
-
mwc-buton {
|
|
163
|
-
margin: auto;
|
|
164
|
-
}
|
|
165
|
-
h2 {
|
|
166
|
-
margin: var(--title-margin);
|
|
167
|
-
font: var(--title-font);
|
|
168
|
-
color: var(--title-text-color);
|
|
169
|
-
}
|
|
170
|
-
[subtitle] {
|
|
171
|
-
padding: var(--subtitle-padding);
|
|
172
|
-
font: var(--subtitle-font);
|
|
173
|
-
color: var(--subtitle-text-color);
|
|
174
|
-
}
|
|
175
|
-
input {
|
|
176
|
-
border: var(--border-dim-color);
|
|
177
|
-
border-radius: var(--border-radius);
|
|
178
|
-
padding: var(--input-padding);
|
|
179
|
-
min-width: 250px;
|
|
180
|
-
font: var(--input-font);
|
|
181
|
-
}
|
|
182
|
-
label {
|
|
183
|
-
display: flex;
|
|
184
|
-
}
|
|
185
|
-
@media screen and (max-width: 480px) {
|
|
186
|
-
input {
|
|
187
|
-
min-width: 0;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
`
|
|
191
|
-
];
|
|
192
190
|
__decorate([
|
|
193
191
|
property({ type: Object }),
|
|
194
192
|
__metadata("design:type", Object)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"role-menus-management.js","sourceRoot":"","sources":["../../client/pages/role-menus-management.ts"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,8BAA8B,CAAA;AACrC,OAAO,iCAAiC,CAAA;AACxC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAG/D,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAA7D;;QAoD6B,gBAAW,GAAU,EAAE,CAAA;IA8IpD,CAAC;
|
|
1
|
+
{"version":3,"file":"role-menus-management.js","sourceRoot":"","sources":["../../client/pages/role-menus-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-button'\nimport '@things-factory/component-ui'\nimport '../components/role-select-popup'\nimport '../components/child-menus-selector'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { openPopup } from '@operato/layout'\nimport { i18next, localize } from '@operato/i18n'\nimport { client, PageView } from '@things-factory/shell/client'\n\n@customElement('role-menus-management')\nclass RoleMenusManagement extends localize(i18next)(PageView) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-background);\n padding: var(--spacing-large);\n overflow: auto;\n }\n [input-container] {\n display: flex;\n background-color: var(--md-sys-color-surface);\n margin: var(--spacing-large) 0;\n padding: var(--spacing-large);\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n clear: both;\n gap: 10px;\n }\n mwc-buton {\n margin: auto;\n }\n h2 {\n margin: var(--title-margin);\n font: var(--title-font);\n color: var(--title-text-color);\n }\n [subtitle] {\n padding: var(--subtitle-padding);\n font: var(--subtitle-font);\n color: var(--subtitle-text-color);\n }\n input {\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n padding: var(--input-padding);\n min-width: 250px;\n font: var(--input-font);\n }\n label {\n display: flex;\n }\n @media screen and (max-width: 480px) {\n input {\n min-width: 0;\n }\n }\n `\n ]\n\n @property({ type: Object }) selectedRole: any\n @property({ type: Array }) parentMenus: any[] = []\n @property({ type: Array }) roleMenus: any\n @property({ type: Object }) menuSet: any\n @property({ type: Object }) targetRole: any\n\n get context() {\n return {\n title: i18next.t('title.role_menus_management')\n }\n }\n\n render() {\n const data = { menus: this.parentMenus || [] }\n const menuSet = this.menuSet || {}\n\n return html`\n <h2>${i18next.t('title.menus_by_role')}</h2>\n <div subtitle>${i18next.t('field.role')}</div>\n <div input-container>\n <label><input name=\"name\" type=\"text\" disabled /></label>\n <mwc-button @click=${() => this.onSelectRole()} label=\"${i18next.t('button.select')}\" raised></mwc-button>\n </div>\n\n <div subtitle>${i18next.t('title.menus')}</div>\n <div id=\"children-menus\">\n <div>\n <quick-find-list\n .data=\"${data}\"\n .contentRenderer=\"${(item, tabKey) =>\n this.targetRole\n ? html`<child-menus-selector\n @updateRoleMenus=\"${async () => {\n await this.getMenus(this.targetRole)\n }}\"\n .parentMenu=${item}\n .roleMenus=${menuSet[item.name]}\n .targetRole=${this.targetRole}\n ></child-menus-selector>`\n : this.showToast(i18next.t('error.value is empty', { value: i18next.t('field.role') }))}\"\n ></quick-find-list>\n </div>\n </div>\n `\n }\n\n get roleInput() {\n return this.renderRoot.querySelector('input') as HTMLInputElement\n }\n\n async pageUpdated(changes) {\n if (this.active) {\n this.refresh()\n }\n }\n\n async refresh() {\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n menus(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n name\n description\n children {\n id\n name\n }\n }\n total\n }\n }\n `,\n variables: {\n filters: [],\n pagination: {},\n sortings: [{ name: 'name' }]\n }\n })\n\n if (!response.errors?.length) {\n const menus = response.data.menus.items || []\n this.parentMenus = menus.filter(menu => menu.children?.length)\n }\n }\n\n async getMenus(targetRole) {\n const response = await client.query({\n query: gql`\n query ($roleId: String!) {\n roleMenus(roleId: $roleId) {\n items {\n id\n name\n description\n parent {\n id\n name\n }\n }\n }\n }\n `,\n variables: {\n roleId: targetRole.id\n }\n })\n\n if (!response.errors?.length) {\n this.roleMenus = response.data.roleMenus.items || []\n this.menuSet = (this.roleMenus || []).reduce((menuSet, menu) => {\n const parentMenu = menu.parent.name\n if (!menuSet[parentMenu]) menuSet[parentMenu] = []\n menuSet[parentMenu].push(menu)\n\n return menuSet\n }, {})\n }\n }\n\n onSelectRole() {\n openPopup(\n html`\n <role-select-popup\n @selected=\"${e => {\n this.selectedRole = e.detail\n this.roleInput.value = this.selectedRole.name\n this.targetRole = this.selectedRole || {}\n this.getMenus(this.targetRole)\n }}\"\n ></role-select-popup>\n `,\n {\n size: 'large',\n title: `${i18next.t('title.role_select')}`\n }\n )\n }\n\n showToast(message) {\n document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n }\n}\n"]}
|