@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
|
@@ -13,6 +13,17 @@ let FavoriteTool = class FavoriteTool extends connect(store)(LitElement) {
|
|
|
13
13
|
this.routingTypes = [];
|
|
14
14
|
this.blackList = [];
|
|
15
15
|
}
|
|
16
|
+
static { this.styles = css `
|
|
17
|
+
:host {
|
|
18
|
+
display: inline-block;
|
|
19
|
+
vertical-align: middle;
|
|
20
|
+
line-height: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
[favorable] {
|
|
24
|
+
opacity: 0.5;
|
|
25
|
+
}
|
|
26
|
+
`; }
|
|
16
27
|
render() {
|
|
17
28
|
var renderable = (this.blackList || []).indexOf(this.page) == -1;
|
|
18
29
|
return renderable
|
|
@@ -93,17 +104,6 @@ let FavoriteTool = class FavoriteTool extends connect(store)(LitElement) {
|
|
|
93
104
|
return routingType ? `${this.page}/${this.resourceId}` : this.page;
|
|
94
105
|
}
|
|
95
106
|
};
|
|
96
|
-
FavoriteTool.styles = css `
|
|
97
|
-
:host {
|
|
98
|
-
display: inline-block;
|
|
99
|
-
vertical-align: middle;
|
|
100
|
-
line-height: 0;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
[favorable] {
|
|
104
|
-
opacity: 0.5;
|
|
105
|
-
}
|
|
106
|
-
`;
|
|
107
107
|
__decorate([
|
|
108
108
|
property({ type: Array }),
|
|
109
109
|
__metadata("design:type", Object)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"favorite-tool.js","sourceRoot":"","sources":["../../client/apptools/favorite-tool.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAG3D,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAArD;;QAiBwB,YAAO,GAAY,KAAK,CAAA;QAC1B,iBAAY,GAAU,EAAE,CAAA;QACxB,cAAS,GAAa,EAAE,CAAA;IA6FrD,CAAC;
|
|
1
|
+
{"version":3,"file":"favorite-tool.js","sourceRoot":"","sources":["../../client/apptools/favorite-tool.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\n\nimport { store, client } from '@things-factory/shell/client'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base/client'\n\n@customElement('favorite-tool')\nexport class FavoriteTool extends connect(store)(LitElement) {\n static styles = css`\n :host {\n display: inline-block;\n vertical-align: middle;\n line-height: 0;\n }\n\n [favorable] {\n opacity: 0.5;\n }\n `\n\n @property({ type: Array }) favorites: any\n @property({ type: Object }) user: any\n @property({ type: String }) page?: string\n @property({ type: String }) resourceId?: string\n @property({ type: Boolean }) favored: boolean = false\n @property({ type: Array }) routingTypes: any[] = []\n @property({ type: Array }) blackList: string[] = []\n\n render() {\n var renderable = (this.blackList || []).indexOf(this.page!) == -1\n\n return renderable\n ? html`\n <md-icon @click=${this.onClick.bind(this)} ?favorable=${!this.favored}\n >${this.favored ? 'star' : 'star_border'}</md-icon\n >\n `\n : html``\n }\n\n updated(changes) {\n if (changes.has('user')) {\n this.refreshFavorites()\n }\n\n this.favored = (this.favorites || []).includes(this.getFullRouting())\n }\n\n stateChanged(state) {\n this.favorites = state.favorite.favorites\n this.user = state.auth.user\n this.page = state.route.page\n this.resourceId = state.route.resourceId\n this.routingTypes = state.menu.routingTypes\n }\n\n onClick(event) {\n if (this.favored) {\n this.removeFavorite(this.getFullRouting())\n } else {\n this.addFavorite(this.getFullRouting())\n }\n }\n\n async refreshFavorites() {\n if (!this.user || !this.user.email) {\n return\n }\n\n const response = await client.query({\n query: gql`\n query {\n myFavorites {\n id\n routing\n }\n }\n `\n })\n\n store.dispatch({\n type: UPDATE_FAVORITES,\n favorites: response.data.myFavorites.map(favorite => favorite.routing)\n })\n }\n\n async removeFavorite(routing) {\n await client.query({\n query: gql`\n mutation {\n deleteFavorite(routing: \"${routing}\")\n }\n `\n })\n\n this.refreshFavorites()\n }\n\n async addFavorite(routing) {\n await client.query({\n query: gql`\n mutation {\n createFavorite(favorite: {\n routing: \"${routing}\"\n }) {\n id\n routing\n }\n }\n `\n })\n\n this.refreshFavorites()\n }\n\n getFullRouting() {\n var routingType = Object.values(this.routingTypes).find(type => type.page == this.page)\n return routingType ? `${this.page}/${this.resourceId}` : this.page\n }\n}\n"]}
|
package/dist-client/bootstrap.js
CHANGED
|
@@ -34,8 +34,7 @@ export default function bootstrap() {
|
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
function appendRoleMenusManagementMorenda() {
|
|
37
|
-
|
|
38
|
-
const useRoleByMenusManagementMenu = ((_b = (_a = store.getState()) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.useRoleByMenusManagementMenu) || false;
|
|
37
|
+
const useRoleByMenusManagementMenu = store.getState()?.menu?.useRoleByMenusManagementMenu || false;
|
|
39
38
|
if (useRoleByMenusManagementMenu) {
|
|
40
39
|
store.dispatch({
|
|
41
40
|
type: ADD_MORENDA,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AACtB,OAAO,0BAA0B,CAAA;AACjC,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;QACtB,cAAc,CAAC;YACb,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI,CAAA,mCAAmC;aAClD;YACD,QAAQ,EAAE,iBAAiB,CAAC,MAAM;SACnC,CAAC,CAAA;IACJ,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,IAAI,CAAA,8BAA8B,CAAC,WAAW,CAAC,oBAAoB;YAC7E,QAAQ,EAAE,aAAa,CAAC,IAAI;SAC7B;KACF,CAAC,CAAA;IAEF,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACpC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACrB,gCAAgC,EAAE,CAAA;QACpC,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gCAAgC
|
|
1
|
+
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AACtB,OAAO,0BAA0B,CAAA;AACjC,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;QACtB,cAAc,CAAC;YACb,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI,CAAA,mCAAmC;aAClD;YACD,QAAQ,EAAE,iBAAiB,CAAC,MAAM;SACnC,CAAC,CAAA;IACJ,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,IAAI,CAAA,8BAA8B,CAAC,WAAW,CAAC,oBAAoB;YAC7E,QAAQ,EAAE,aAAa,CAAC,IAAI;SAC7B;KACF,CAAC,CAAA;IAEF,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACpC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACrB,gCAAgC,EAAE,CAAA;QACpC,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gCAAgC;IACvC,MAAM,4BAA4B,GAAI,KAAK,CAAC,QAAQ,EAAU,EAAE,IAAI,EAAE,4BAA4B,IAAI,KAAK,CAAA;IAE3G,IAAI,4BAA4B,EAAE,CAAC;QACjC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,IAAI,CAAA,2BAA2B;gBACrC,IAAI,EAAE,IAAI,CAAA,2DAA2D;gBACrE,MAAM,EAAE,GAAG,EAAE;oBACX,QAAQ,CAAC,YAAY,CAAC,CAAA;gBACxB,CAAC;aACF;SACF,CAAC,CAAA;IACJ,CAAC;AACH,CAAC","sourcesContent":["import '@operato/i18n'\nimport './apptools/favorite-tool'\nimport './viewparts/menu-tree-bar'\n\nimport { html } from 'lit-html'\n\nimport { appendViewpart, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'\nimport { APPEND_APP_TOOL } from '@things-factory/apptool-base/client'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\nimport { navigate, store } from '@operato/shell'\nimport { isMobileDevice } from '@operato/utils'\n\nexport default function bootstrap() {\n if (!isMobileDevice()) {\n appendViewpart({\n name: 'menu-tree-bar',\n viewpart: {\n show: true,\n template: html` <menu-tree-bar></menu-tree-bar> `\n },\n position: VIEWPART_POSITION.NAVBAR\n })\n }\n\n store.dispatch({\n type: APPEND_APP_TOOL,\n tool: {\n name: 'favorite-tool',\n template: html` <favorite-tool .blackList=${['menu-list']}></favorite-tool> `,\n position: TOOL_POSITION.REAR\n }\n })\n\n auth.on('profile', ({ credential }) => {\n if (credential.owner) {\n appendRoleMenusManagementMorenda()\n }\n })\n}\n\nfunction appendRoleMenusManagementMorenda() {\n const useRoleByMenusManagementMenu = (store.getState() as any)?.menu?.useRoleByMenusManagementMenu || false\n\n if (useRoleByMenusManagementMenu) {\n store.dispatch({\n type: ADD_MORENDA,\n morenda: {\n icon: html` <md-icon>menu</md-icon> `,\n name: html` <ox-i18n msgid=\"title.role_menus_management\"></ox-i18n> `,\n action: () => {\n navigate('role-menus')\n }\n }\n })\n }\n}\n"]}
|
|
@@ -9,6 +9,53 @@ let ChildMenusSelector = class ChildMenusSelector extends localize(i18next)(LitE
|
|
|
9
9
|
super(...arguments);
|
|
10
10
|
this.roleMenus = [];
|
|
11
11
|
}
|
|
12
|
+
static { this.styles = [
|
|
13
|
+
css `
|
|
14
|
+
:host {
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
border: 1px solid var(--md-sys-color-primary);
|
|
18
|
+
font: normal 15px var(--theme-font);
|
|
19
|
+
color: var(--md-sys-color-secondary);
|
|
20
|
+
}
|
|
21
|
+
div {
|
|
22
|
+
margin: var(--spacing-medium);
|
|
23
|
+
}
|
|
24
|
+
ul {
|
|
25
|
+
flex: 1;
|
|
26
|
+
background-color: var(--md-sys-color-surface);
|
|
27
|
+
overflow: auto;
|
|
28
|
+
display: grid;
|
|
29
|
+
grid-template-columns: 1fr 1fr;
|
|
30
|
+
margin: 0;
|
|
31
|
+
padding: var(--spacing-medium);
|
|
32
|
+
list-style: none;
|
|
33
|
+
border: 1px dashed rgba(0, 0, 0, 0.1);
|
|
34
|
+
border-width: 1px 0;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
input[type='checkbox'] {
|
|
38
|
+
display: inline;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
li {
|
|
42
|
+
padding: var(--spacing-small);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
#checkAll,
|
|
46
|
+
[for='checkAll'] {
|
|
47
|
+
margin-bottom: var(--spacing-medium);
|
|
48
|
+
padding-bottom: var(--spacing-small);
|
|
49
|
+
font-weight: bold;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@media screen and (max-width: 480px) {
|
|
53
|
+
ul {
|
|
54
|
+
grid-template-columns: 1fr;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
`
|
|
58
|
+
]; }
|
|
12
59
|
render() {
|
|
13
60
|
const parentMenu = this.parentMenu || {};
|
|
14
61
|
const menus = parentMenu.children || [];
|
|
@@ -20,7 +67,7 @@ let ChildMenusSelector = class ChildMenusSelector extends localize(i18next)(LitE
|
|
|
20
67
|
</div>
|
|
21
68
|
|
|
22
69
|
<ul menus>
|
|
23
|
-
${menus
|
|
70
|
+
${menus?.map(menu => html `
|
|
24
71
|
<li>
|
|
25
72
|
<label for="${menu.id}"
|
|
26
73
|
>${menu.name}
|
|
@@ -81,53 +128,6 @@ let ChildMenusSelector = class ChildMenusSelector extends localize(i18next)(LitE
|
|
|
81
128
|
document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
|
|
82
129
|
}
|
|
83
130
|
};
|
|
84
|
-
ChildMenusSelector.styles = [
|
|
85
|
-
css `
|
|
86
|
-
:host {
|
|
87
|
-
display: flex;
|
|
88
|
-
flex-direction: column;
|
|
89
|
-
border: 1px solid var(--md-sys-color-primary);
|
|
90
|
-
font: normal 15px var(--theme-font);
|
|
91
|
-
color: var(--md-sys-color-secondary);
|
|
92
|
-
}
|
|
93
|
-
div {
|
|
94
|
-
margin: var(--spacing-medium);
|
|
95
|
-
}
|
|
96
|
-
ul {
|
|
97
|
-
flex: 1;
|
|
98
|
-
background-color: var(--md-sys-color-surface);
|
|
99
|
-
overflow: auto;
|
|
100
|
-
display: grid;
|
|
101
|
-
grid-template-columns: 1fr 1fr;
|
|
102
|
-
margin: 0;
|
|
103
|
-
padding: var(--spacing-medium);
|
|
104
|
-
list-style: none;
|
|
105
|
-
border: 1px dashed rgba(0, 0, 0, 0.1);
|
|
106
|
-
border-width: 1px 0;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
input[type='checkbox'] {
|
|
110
|
-
display: inline;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
li {
|
|
114
|
-
padding: var(--spacing-small);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
#checkAll,
|
|
118
|
-
[for='checkAll'] {
|
|
119
|
-
margin-bottom: var(--spacing-medium);
|
|
120
|
-
padding-bottom: var(--spacing-small);
|
|
121
|
-
font-weight: bold;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
@media screen and (max-width: 480px) {
|
|
125
|
-
ul {
|
|
126
|
-
grid-template-columns: 1fr;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
`
|
|
130
|
-
];
|
|
131
131
|
__decorate([
|
|
132
132
|
property({ type: Object }),
|
|
133
133
|
__metadata("design:type", Object)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"child-menus-selector.js","sourceRoot":"","sources":["../../client/components/child-menus-selector.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG3D,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA9D;;QAkD6B,cAAS,GAAU,EAAE,CAAA;IAsFlD,CAAC;
|
|
1
|
+
{"version":3,"file":"child-menus-selector.js","sourceRoot":"","sources":["../../client/components/child-menus-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('child-menus-selector')\nclass ChildMenusSelector extends localize(i18next)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--md-sys-color-primary);\n font: normal 15px var(--theme-font);\n color: var(--md-sys-color-secondary);\n }\n div {\n margin: var(--spacing-medium);\n }\n ul {\n flex: 1;\n background-color: var(--md-sys-color-surface);\n overflow: auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n margin: 0;\n padding: var(--spacing-medium);\n list-style: none;\n border: 1px dashed rgba(0, 0, 0, 0.1);\n border-width: 1px 0;\n }\n\n input[type='checkbox'] {\n display: inline;\n }\n\n li {\n padding: var(--spacing-small);\n }\n\n #checkAll,\n [for='checkAll'] {\n margin-bottom: var(--spacing-medium);\n padding-bottom: var(--spacing-small);\n font-weight: bold;\n }\n\n @media screen and (max-width: 480px) {\n ul {\n grid-template-columns: 1fr;\n }\n }\n `\n ]\n\n @property({ type: Object }) parentMenu: any\n @property({ type: Array }) roleMenus: any[] = []\n @property({ type: Object }) targetRole: any\n\n render() {\n const parentMenu = this.parentMenu || {}\n const menus = parentMenu.children || []\n const roleMenus = this.roleMenus || []\n\n return html`\n <div>\n <input id=\"checkAll\" type=\"checkbox\" @change=${e => this.onCheckAll(e)} />\n <label for=\"checkAll\">Check all</label>\n </div>\n\n <ul menus>\n ${menus?.map(\n menu => html`\n <li>\n <label for=\"${menu.id}\"\n >${menu.name}\n <input\n type=\"checkbox\"\n id=\"${menu.id}\"\n .checked=${roleMenus.map(p => p.id).indexOf(menu.id) > -1}\n .data-menu=${menu.id}\n @change=${e => this.onSave(e)}\n />\n </label>\n </li>\n `\n )}\n </ul>\n `\n }\n\n get menuList() {\n return this.renderRoot.querySelectorAll('ul[menus] input[type=checkbox]')\n }\n\n async onCheckAll(e) {\n const checked = e.currentTarget.checked\n\n Array.from(this.menuList).forEach(checkbox => ((checkbox as HTMLInputElement).checked = checked))\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($roleId: String!, $parentMenuId: String!, $isCheckedAll: Boolean!) {\n updateRoleMenus(roleId: $roleId, parentMenuId: $parentMenuId, isCheckedAll: $isCheckedAll) {\n name\n }\n }\n `,\n variables: { roleId: this.targetRole.id, parentMenuId: this.parentMenu.id, isCheckedAll: checked }\n })\n\n if (!response.errors) {\n this.dispatchEvent(new CustomEvent('updateRoleMenus'))\n this.showToast(i18next.t('text.data_updated_successfully'))\n }\n }\n\n async onSave(e) {\n const menuId = e.currentTarget.id\n const isCheckedMenu = e.currentTarget.checked\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($roleId: String!, $targetMenuId: String!, $isCheckedMenu: Boolean!) {\n updateRoleMenu(roleId: $roleId, targetMenuId: $targetMenuId, isCheckedMenu: $isCheckedMenu) {\n id\n name\n }\n }\n `,\n variables: { roleId: this.targetRole.id, targetMenuId: menuId, isCheckedMenu }\n })\n\n if (!response.errors) {\n this.dispatchEvent(new CustomEvent('updateRoleMenus'))\n this.showToast(i18next.t('text.data_updated_successfully'))\n }\n }\n\n showToast(message) {\n document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n }\n}\n"]}
|
|
@@ -13,6 +13,36 @@ let RoleSelectPopup = class RoleSelectPopup extends localize(i18next)(LitElement
|
|
|
13
13
|
super(...arguments);
|
|
14
14
|
this._searchFields = [];
|
|
15
15
|
}
|
|
16
|
+
static { this.styles = [
|
|
17
|
+
CommonHeaderStyles,
|
|
18
|
+
css `
|
|
19
|
+
:host {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
background-color: var(--md-sys-color-surface);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.container {
|
|
27
|
+
flex: 1;
|
|
28
|
+
display: flex;
|
|
29
|
+
overflow-y: auto;
|
|
30
|
+
min-height: 20vh;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.grist {
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
flex: 1;
|
|
37
|
+
overflow-y: auto;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
ox-grist {
|
|
41
|
+
overflow-y: hidden;
|
|
42
|
+
flex: 1;
|
|
43
|
+
}
|
|
44
|
+
`
|
|
45
|
+
]; }
|
|
16
46
|
render() {
|
|
17
47
|
return html `
|
|
18
48
|
<search-form .fields=${this._searchFields} @submit=${async () => this.dataGrist.fetch()}></search-form>
|
|
@@ -87,8 +117,7 @@ let RoleSelectPopup = class RoleSelectPopup extends localize(i18next)(LitElement
|
|
|
87
117
|
};
|
|
88
118
|
}
|
|
89
119
|
async fetchHandler({ page, limit, sorters = [] }) {
|
|
90
|
-
|
|
91
|
-
const filters = ((_a = this.searchForm) === null || _a === void 0 ? void 0 : _a.queryFilters) || [];
|
|
120
|
+
const filters = this.searchForm?.queryFilters || [];
|
|
92
121
|
const response = await client.query({
|
|
93
122
|
query: gql `
|
|
94
123
|
query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
|
|
@@ -128,36 +157,6 @@ let RoleSelectPopup = class RoleSelectPopup extends localize(i18next)(LitElement
|
|
|
128
157
|
document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
|
|
129
158
|
}
|
|
130
159
|
};
|
|
131
|
-
RoleSelectPopup.styles = [
|
|
132
|
-
CommonHeaderStyles,
|
|
133
|
-
css `
|
|
134
|
-
:host {
|
|
135
|
-
display: flex;
|
|
136
|
-
flex-direction: column;
|
|
137
|
-
overflow: hidden;
|
|
138
|
-
background-color: var(--md-sys-color-surface);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.container {
|
|
142
|
-
flex: 1;
|
|
143
|
-
display: flex;
|
|
144
|
-
overflow-y: auto;
|
|
145
|
-
min-height: 20vh;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.grist {
|
|
149
|
-
display: flex;
|
|
150
|
-
flex-direction: column;
|
|
151
|
-
flex: 1;
|
|
152
|
-
overflow-y: auto;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
ox-grist {
|
|
156
|
-
overflow-y: hidden;
|
|
157
|
-
flex: 1;
|
|
158
|
-
}
|
|
159
|
-
`
|
|
160
|
-
];
|
|
161
160
|
__decorate([
|
|
162
161
|
property({ type: Array }),
|
|
163
162
|
__metadata("design:type", Array)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"role-select-popup.js","sourceRoot":"","sources":["../../client/components/role-select-popup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,qBAAqB,CAAA;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAA;AAG5D,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA3D;;QAgC6B,kBAAa,GAAU,EAAE,CAAA;IA6HtD,CAAC;
|
|
1
|
+
{"version":3,"file":"role-select-popup.js","sourceRoot":"","sources":["../../client/components/role-select-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state, query } from 'lit/decorators.js'\nimport { isMobileDevice } from '@operato/utils'\nimport '@operato/data-grist'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\n\n@customElement('role-select-popup')\nclass RoleSelectPopup extends localize(i18next)(LitElement) {\n static styles = [\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background-color: var(--md-sys-color-surface);\n }\n\n .container {\n flex: 1;\n display: flex;\n overflow-y: auto;\n min-height: 20vh;\n }\n\n .grist {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n\n ox-grist {\n overflow-y: hidden;\n flex: 1;\n }\n `\n ]\n\n @property({ type: Array }) _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=${async () => this.dataGrist.fetch()}></search-form>\n\n <div class=\"container\">\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 </div>\n\n <div class=\"footer\">\n <div filler></div>\n <button @click=${this._selectRole.bind(this)} label=${i18next.t('button.select')} done></button>\n </div>\n `\n }\n\n firstUpdated() {\n this._searchFields = [\n {\n name: 'name',\n type: 'text',\n props: {\n placeholder: i18next.t('field.name'),\n searchOper: 'i_like'\n }\n },\n {\n name: 'description',\n type: 'text',\n props: {\n placeholder: i18next.t('field.description'),\n searchOper: 'i_like'\n }\n }\n ]\n\n this.config = {\n rows: {\n appendable: false\n },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: false },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: {\n editable: false\n },\n width: 200\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: {\n editable: true\n },\n width: 250\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n width: 180\n }\n ]\n }\n }\n\n async fetchHandler({ page, limit, sorters = [] }: FetchOption) {\n const filters = (this.searchForm as any)?.queryFilters || []\n\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n roles(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n name\n description\n updatedAt\n }\n total\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings: sorters\n }\n })\n\n return {\n total: response.data.roles.total || 0,\n records: response.data.roles.items || []\n }\n }\n\n _selectRole() {\n const selectedRole = this.dataGrist.selected[0]\n if (selectedRole) {\n this.dispatchEvent(new CustomEvent('selected', { detail: this.dataGrist.selected[0] }))\n history.back()\n } else {\n this.showToast(i18next.t('text.target_is_not_selected'))\n }\n }\n\n showToast(message) {\n document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n }\n}\n"]}
|
|
@@ -17,6 +17,26 @@ let MenuListPage = class MenuListPage extends connect(store)(PageView) {
|
|
|
17
17
|
this.favorites = [];
|
|
18
18
|
this.showSpinner = false;
|
|
19
19
|
}
|
|
20
|
+
static { this.styles = [
|
|
21
|
+
ScrollbarStyles,
|
|
22
|
+
css `
|
|
23
|
+
:host {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
menu-bar {
|
|
31
|
+
z-index: 1;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
menu-tile-list {
|
|
35
|
+
flex: 1;
|
|
36
|
+
overflow-y: auto;
|
|
37
|
+
}
|
|
38
|
+
`
|
|
39
|
+
]; }
|
|
20
40
|
render() {
|
|
21
41
|
return html `
|
|
22
42
|
<menu-bar .menus=${this.menus} .menuId=${this.menuId}></menu-bar>
|
|
@@ -150,26 +170,6 @@ let MenuListPage = class MenuListPage extends connect(store)(PageView) {
|
|
|
150
170
|
this.refresh();
|
|
151
171
|
}
|
|
152
172
|
};
|
|
153
|
-
MenuListPage.styles = [
|
|
154
|
-
ScrollbarStyles,
|
|
155
|
-
css `
|
|
156
|
-
:host {
|
|
157
|
-
display: flex;
|
|
158
|
-
flex-direction: column;
|
|
159
|
-
|
|
160
|
-
overflow: hidden;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
menu-bar {
|
|
164
|
-
z-index: 1;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
menu-tile-list {
|
|
168
|
-
flex: 1;
|
|
169
|
-
overflow-y: auto;
|
|
170
|
-
}
|
|
171
|
-
`
|
|
172
|
-
];
|
|
173
173
|
__decorate([
|
|
174
174
|
property({ type: String }),
|
|
175
175
|
__metadata("design:type", String)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-list-page.js","sourceRoot":"","sources":["../../client/pages/menu-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/menu-bar'\nimport '../viewparts/menu-tile-list'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { navigate, PageView, store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { swipe } from '@things-factory/utils/src/index.js'\n\n@customElement('menu-list-page')\nclass MenuListPage extends connect(store)(PageView) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n }\n\n menu-bar {\n z-index: 1;\n }\n\n menu-tile-list {\n flex: 1;\n overflow-y: auto;\n }\n `\n ]\n\n @property({ type: String }) menuId?: string\n @property({ type: Array }) menus: any[] = []\n @property({ type: Object }) routingTypes: any\n @property({ type: Array }) favorites: any[] = []\n @property({ type: Object }) user: any\n @property({ type: Boolean }) showSpinner: boolean = false\n\n @state() private page?: string\n\n private getMenus: any\n\n render() {\n return html`\n <menu-bar .menus=${this.menus} .menuId=${this.menuId}></menu-bar>\n\n <menu-tile-list\n .menus=${this.menus}\n .routingTypes=${this.routingTypes}\n .menuId=${this.menuId}\n .favorites=${this.favorites}\n .showSpinner=${this.showSpinner}\n ></menu-tile-list>\n `\n }\n\n get context() {\n return {\n title: 'Menu'\n }\n }\n\n async fetchMenus() {\n const response = await client.query({\n query: gql`\n query {\n userMenus {\n id\n name\n role {\n id\n name\n description\n }\n children {\n id\n name\n routingType\n idField\n titleField\n resourceName\n resourceUrl\n template\n role {\n id\n name\n description\n }\n }\n }\n }\n `\n })\n\n return response.data.userMenus\n }\n\n async updated(changes) {\n if (changes.has('user')) {\n if (this.user && this.user.email) {\n this.refresh()\n }\n }\n }\n\n stateChanged(state) {\n this.page = state.route.page\n this.routingTypes = state.menu.routingTypes\n this.menuId = state.route.resourceId\n this.favorites = state.favorite.favorites\n this.user = state.auth.user\n\n var provider = state.menu.provider\n this.getMenus = typeof provider === 'function' ? provider.bind(this) : this.fetchMenus\n }\n\n async refresh() {\n this.showSpinner = true\n this.menus = await this.getMenus()\n this.showSpinner = false\n }\n\n async firstUpdated() {\n var list = this.renderRoot.querySelector('menu-tile-list') as HTMLElement\n\n pulltorefresh({\n container: this.renderRoot,\n scrollable: list,\n refresh: () => {\n return this.refresh()\n }\n })\n\n swipe({\n container: this.renderRoot.querySelector('menu-tile-list'),\n animates: {\n dragging: async (d, opts) => {\n var currentIndex = Number(this.menuId)\n var isHome = this.menuId === '' || this.menuId === undefined\n\n if ((d > 0 && isHome) || (d < 0 && currentIndex >= this.menus.length - 1)) {\n /* TODO blocked gesture */\n return false\n }\n\n list.style.transform = `translate3d(${d}px, 0, 0)`\n },\n aborting: async opts => {\n list.style.transition = 'transform 0.3s'\n list.style.transform = `translate3d(0, 0, 0)`\n\n setTimeout(() => {\n list.style.transition = ''\n }, 300)\n },\n swiping: async (d, opts) => {\n var currentIndex = Number(this.menuId)\n var isHome = this.menuId === '' || this.menuId === undefined\n\n if ((d > 0 && isHome) || (d < 0 && currentIndex >= this.menus.length - 1)) {\n list.style.transform = `translate3d(0, 0, 0)`\n\n return\n }\n\n list.style.transition = 'transform 0.3s'\n list.style.transform = `translate3d(${d < 0 ? '-100%' : '100%'}, 0, 0)`\n\n setTimeout(() => {\n if (isHome) {\n navigate(`${this.page}/0`)\n } else if (d > 0 && currentIndex == 0) {\n navigate(`${this.page}`)\n } else {\n navigate(`${this.page}/${currentIndex + (d < 0 ? 1 : -1)}`)\n }\n\n list.style.transition = ''\n list.style.transform = `translate3d(${d < 0 ? '100%' : '-100%'}, 0, 0)`\n\n requestAnimationFrame(() => {\n list.style.transition = 'transform 0.3s'\n list.style.transform = `translate3d(0, 0, 0)`\n })\n }, 300)\n }\n }\n })\n\n await this.updateComplete\n\n this.refresh()\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"menu-list-page.js","sourceRoot":"","sources":["../../client/pages/menu-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/menu-bar'\nimport '../viewparts/menu-tile-list'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { navigate, PageView, store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { swipe } from '@things-factory/utils/src/index.js'\n\n@customElement('menu-list-page')\nclass MenuListPage extends connect(store)(PageView) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n }\n\n menu-bar {\n z-index: 1;\n }\n\n menu-tile-list {\n flex: 1;\n overflow-y: auto;\n }\n `\n ]\n\n @property({ type: String }) menuId?: string\n @property({ type: Array }) menus: any[] = []\n @property({ type: Object }) routingTypes: any\n @property({ type: Array }) favorites: any[] = []\n @property({ type: Object }) user: any\n @property({ type: Boolean }) showSpinner: boolean = false\n\n @state() private page?: string\n\n private getMenus: any\n\n render() {\n return html`\n <menu-bar .menus=${this.menus} .menuId=${this.menuId}></menu-bar>\n\n <menu-tile-list\n .menus=${this.menus}\n .routingTypes=${this.routingTypes}\n .menuId=${this.menuId}\n .favorites=${this.favorites}\n .showSpinner=${this.showSpinner}\n ></menu-tile-list>\n `\n }\n\n get context() {\n return {\n title: 'Menu'\n }\n }\n\n async fetchMenus() {\n const response = await client.query({\n query: gql`\n query {\n userMenus {\n id\n name\n role {\n id\n name\n description\n }\n children {\n id\n name\n routingType\n idField\n titleField\n resourceName\n resourceUrl\n template\n role {\n id\n name\n description\n }\n }\n }\n }\n `\n })\n\n return response.data.userMenus\n }\n\n async updated(changes) {\n if (changes.has('user')) {\n if (this.user && this.user.email) {\n this.refresh()\n }\n }\n }\n\n stateChanged(state) {\n this.page = state.route.page\n this.routingTypes = state.menu.routingTypes\n this.menuId = state.route.resourceId\n this.favorites = state.favorite.favorites\n this.user = state.auth.user\n\n var provider = state.menu.provider\n this.getMenus = typeof provider === 'function' ? provider.bind(this) : this.fetchMenus\n }\n\n async refresh() {\n this.showSpinner = true\n this.menus = await this.getMenus()\n this.showSpinner = false\n }\n\n async firstUpdated() {\n var list = this.renderRoot.querySelector('menu-tile-list') as HTMLElement\n\n pulltorefresh({\n container: this.renderRoot,\n scrollable: list,\n refresh: () => {\n return this.refresh()\n }\n })\n\n swipe({\n container: this.renderRoot.querySelector('menu-tile-list'),\n animates: {\n dragging: async (d, opts) => {\n var currentIndex = Number(this.menuId)\n var isHome = this.menuId === '' || this.menuId === undefined\n\n if ((d > 0 && isHome) || (d < 0 && currentIndex >= this.menus.length - 1)) {\n /* TODO blocked gesture */\n return false\n }\n\n list.style.transform = `translate3d(${d}px, 0, 0)`\n },\n aborting: async opts => {\n list.style.transition = 'transform 0.3s'\n list.style.transform = `translate3d(0, 0, 0)`\n\n setTimeout(() => {\n list.style.transition = ''\n }, 300)\n },\n swiping: async (d, opts) => {\n var currentIndex = Number(this.menuId)\n var isHome = this.menuId === '' || this.menuId === undefined\n\n if ((d > 0 && isHome) || (d < 0 && currentIndex >= this.menus.length - 1)) {\n list.style.transform = `translate3d(0, 0, 0)`\n\n return\n }\n\n list.style.transition = 'transform 0.3s'\n list.style.transform = `translate3d(${d < 0 ? '-100%' : '100%'}, 0, 0)`\n\n setTimeout(() => {\n if (isHome) {\n navigate(`${this.page}/0`)\n } else if (d > 0 && currentIndex == 0) {\n navigate(`${this.page}`)\n } else {\n navigate(`${this.page}/${currentIndex + (d < 0 ? 1 : -1)}`)\n }\n\n list.style.transition = ''\n list.style.transform = `translate3d(${d < 0 ? '100%' : '-100%'}, 0, 0)`\n\n requestAnimationFrame(() => {\n list.style.transition = 'transform 0.3s'\n list.style.transform = `translate3d(0, 0, 0)`\n })\n }, 300)\n }\n }\n })\n\n await this.updateComplete\n\n this.refresh()\n }\n}\n"]}
|
|
@@ -12,6 +12,48 @@ import { isMobileDevice } from '@operato/utils';
|
|
|
12
12
|
import { gqlBuilder } from '@things-factory/utils';
|
|
13
13
|
import { OxPrompt } from '@operato/popup/ox-prompt.js';
|
|
14
14
|
let MenuManagementDetail = class MenuManagementDetail extends localize(i18next)(LitElement) {
|
|
15
|
+
static { this.styles = [
|
|
16
|
+
ScrollbarStyles,
|
|
17
|
+
css `
|
|
18
|
+
:host {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
background-color: var(--md-sys-color-surface);
|
|
23
|
+
}
|
|
24
|
+
search-form {
|
|
25
|
+
overflow: visible;
|
|
26
|
+
}
|
|
27
|
+
.grist {
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
flex: 1;
|
|
31
|
+
overflow-y: auto;
|
|
32
|
+
}
|
|
33
|
+
ox-grist {
|
|
34
|
+
overflow-y: hidden;
|
|
35
|
+
flex: 1;
|
|
36
|
+
}
|
|
37
|
+
.button-container {
|
|
38
|
+
padding: 10px 0 12px 0;
|
|
39
|
+
text-align: center;
|
|
40
|
+
}
|
|
41
|
+
.button-container > button {
|
|
42
|
+
background-color: var(--button-background-color);
|
|
43
|
+
border: var(--button-border);
|
|
44
|
+
border-radius: var(--button-border-radius);
|
|
45
|
+
margin: var(--button-margin);
|
|
46
|
+
padding: var(--button-padding);
|
|
47
|
+
color: var(--button-color);
|
|
48
|
+
font: var(--button-font);
|
|
49
|
+
text-transform: var(--button-text-transform);
|
|
50
|
+
}
|
|
51
|
+
.button-container > button:hover,
|
|
52
|
+
.button-container > button:active {
|
|
53
|
+
background-color: var(--button-background-focus-color);
|
|
54
|
+
}
|
|
55
|
+
`
|
|
56
|
+
]; }
|
|
15
57
|
render() {
|
|
16
58
|
return html `
|
|
17
59
|
<search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
|
|
@@ -293,7 +335,7 @@ let MenuManagementDetail = class MenuManagementDetail extends localize(i18next)(
|
|
|
293
335
|
if (patches && patches.length) {
|
|
294
336
|
patches = patches.map(menu => {
|
|
295
337
|
let patchField = menu.id ? { id: menu.id } : {};
|
|
296
|
-
patchField =
|
|
338
|
+
patchField = { ...patchField, routingType: menu.routingType, menuType: menu.menuType };
|
|
297
339
|
const dirtyFields = menu.__dirtyfields__;
|
|
298
340
|
for (let key in dirtyFields) {
|
|
299
341
|
patchField[key] = dirtyFields[key].after;
|
|
@@ -308,48 +350,6 @@ let MenuManagementDetail = class MenuManagementDetail extends localize(i18next)(
|
|
|
308
350
|
return patches;
|
|
309
351
|
}
|
|
310
352
|
};
|
|
311
|
-
MenuManagementDetail.styles = [
|
|
312
|
-
ScrollbarStyles,
|
|
313
|
-
css `
|
|
314
|
-
:host {
|
|
315
|
-
display: flex;
|
|
316
|
-
flex-direction: column;
|
|
317
|
-
overflow: hidden;
|
|
318
|
-
background-color: var(--md-sys-color-surface);
|
|
319
|
-
}
|
|
320
|
-
search-form {
|
|
321
|
-
overflow: visible;
|
|
322
|
-
}
|
|
323
|
-
.grist {
|
|
324
|
-
display: flex;
|
|
325
|
-
flex-direction: column;
|
|
326
|
-
flex: 1;
|
|
327
|
-
overflow-y: auto;
|
|
328
|
-
}
|
|
329
|
-
ox-grist {
|
|
330
|
-
overflow-y: hidden;
|
|
331
|
-
flex: 1;
|
|
332
|
-
}
|
|
333
|
-
.button-container {
|
|
334
|
-
padding: 10px 0 12px 0;
|
|
335
|
-
text-align: center;
|
|
336
|
-
}
|
|
337
|
-
.button-container > button {
|
|
338
|
-
background-color: var(--button-background-color);
|
|
339
|
-
border: var(--button-border);
|
|
340
|
-
border-radius: var(--button-border-radius);
|
|
341
|
-
margin: var(--button-margin);
|
|
342
|
-
padding: var(--button-padding);
|
|
343
|
-
color: var(--button-color);
|
|
344
|
-
font: var(--button-font);
|
|
345
|
-
text-transform: var(--button-text-transform);
|
|
346
|
-
}
|
|
347
|
-
.button-container > button:hover,
|
|
348
|
-
.button-container > button:active {
|
|
349
|
-
background-color: var(--button-background-focus-color);
|
|
350
|
-
}
|
|
351
|
-
`
|
|
352
|
-
];
|
|
353
353
|
__decorate([
|
|
354
354
|
property({ type: String }),
|
|
355
355
|
__metadata("design:type", String)
|