@things-factory/menu-ui 9.1.19 → 10.0.0-beta.1
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.d.ts +5 -10
- package/dist-client/apptools/favorite-tool.js +17 -8
- package/dist-client/apptools/favorite-tool.js.map +1 -1
- package/dist-client/pages/menu-list-page.js +18 -9
- package/dist-client/pages/menu-list-page.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/menu-tree-bar.d.ts +5 -10
- package/dist-client/viewparts/menu-tree-bar.js +21 -12
- package/dist-client/viewparts/menu-tree-bar.js.map +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +12 -12
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
import '@material/web/icon/icon.js';
|
|
2
2
|
import { LitElement } from 'lit';
|
|
3
|
-
declare
|
|
4
|
-
_storeUnsubscribe: import("redux").Unsubscribe;
|
|
5
|
-
connectedCallback(): void;
|
|
6
|
-
disconnectedCallback(): void;
|
|
7
|
-
stateChanged(_state: unknown): void;
|
|
8
|
-
readonly isConnected: boolean;
|
|
9
|
-
}) & typeof LitElement;
|
|
10
|
-
export declare class FavoriteTool extends FavoriteTool_base {
|
|
3
|
+
export declare class FavoriteTool extends LitElement {
|
|
11
4
|
static styles: import("lit").CSSResult;
|
|
12
5
|
favorites: any;
|
|
13
6
|
user: any;
|
|
@@ -18,11 +11,13 @@ export declare class FavoriteTool extends FavoriteTool_base {
|
|
|
18
11
|
blackList: string[];
|
|
19
12
|
render(): import("lit-html").TemplateResult<1>;
|
|
20
13
|
updated(changes: any): void;
|
|
21
|
-
|
|
14
|
+
private _unsubscribe?;
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
private _applyState;
|
|
22
18
|
onClick(event: any): void;
|
|
23
19
|
refreshFavorites(): Promise<void>;
|
|
24
20
|
removeFavorite(routing: any): Promise<void>;
|
|
25
21
|
addFavorite(routing: any): Promise<void>;
|
|
26
22
|
getFullRouting(): string | undefined;
|
|
27
23
|
}
|
|
28
|
-
export {};
|
|
@@ -2,11 +2,10 @@ import { __decorate, __metadata } from "tslib";
|
|
|
2
2
|
import '@material/web/icon/icon.js';
|
|
3
3
|
import { LitElement, html, css } from 'lit';
|
|
4
4
|
import { customElement, property } from 'lit/decorators.js';
|
|
5
|
-
import { connect } from 'pwa-helpers/connect-mixin.js';
|
|
6
5
|
import gql from 'graphql-tag';
|
|
7
6
|
import { store, client } from '@things-factory/shell/client';
|
|
8
7
|
import { UPDATE_FAVORITES } from '@things-factory/fav-base/client';
|
|
9
|
-
let FavoriteTool = class FavoriteTool extends
|
|
8
|
+
let FavoriteTool = class FavoriteTool extends LitElement {
|
|
10
9
|
constructor() {
|
|
11
10
|
super(...arguments);
|
|
12
11
|
this.favored = false;
|
|
@@ -40,12 +39,22 @@ let FavoriteTool = class FavoriteTool extends connect(store)(LitElement) {
|
|
|
40
39
|
}
|
|
41
40
|
this.favored = (this.favorites || []).includes(this.getFullRouting());
|
|
42
41
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
this.
|
|
46
|
-
this.
|
|
47
|
-
|
|
48
|
-
|
|
42
|
+
connectedCallback() {
|
|
43
|
+
super.connectedCallback();
|
|
44
|
+
this._applyState();
|
|
45
|
+
this._unsubscribe = store.subscribe(() => this._applyState());
|
|
46
|
+
}
|
|
47
|
+
disconnectedCallback() {
|
|
48
|
+
super.disconnectedCallback();
|
|
49
|
+
this._unsubscribe?.();
|
|
50
|
+
}
|
|
51
|
+
_applyState() {
|
|
52
|
+
const __state__ = store.getState();
|
|
53
|
+
this.favorites = __state__.favorite.favorites;
|
|
54
|
+
this.user = __state__.auth.user;
|
|
55
|
+
this.page = __state__.route.page;
|
|
56
|
+
this.resourceId = __state__.route.resourceId;
|
|
57
|
+
this.routingTypes = __state__.menu.routingTypes;
|
|
49
58
|
}
|
|
50
59
|
onClick(event) {
|
|
51
60
|
if (this.favored) {
|
|
@@ -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,
|
|
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 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 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 private _unsubscribe?: () => void\n\n\n connectedCallback() {\n\n super.connectedCallback()\n\n this._applyState()\n\n this._unsubscribe = store.subscribe(() => this._applyState())\n\n }\n\n\n disconnectedCallback() {\n\n super.disconnectedCallback()\n\n this._unsubscribe?.()\n\n }\n\n\n private _applyState() {\n\n const __state__ = store.getState() as any\nthis.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\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"]}
|
|
@@ -4,13 +4,12 @@ import '../viewparts/menu-tile-list';
|
|
|
4
4
|
import gql from 'graphql-tag';
|
|
5
5
|
import { css, html } from 'lit';
|
|
6
6
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
7
|
-
import { connect } from 'pwa-helpers/connect-mixin.js';
|
|
8
7
|
import { navigate, PageView, store } from '@operato/shell';
|
|
9
8
|
import { client } from '@operato/graphql';
|
|
10
9
|
import { ScrollbarStyles } from '@operato/styles';
|
|
11
10
|
import { pulltorefresh } from '@operato/pull-to-refresh';
|
|
12
11
|
import { swipe } from '@things-factory/utils/src/index.js';
|
|
13
|
-
let MenuListPage = class MenuListPage extends
|
|
12
|
+
let MenuListPage = class MenuListPage extends PageView {
|
|
14
13
|
constructor() {
|
|
15
14
|
super(...arguments);
|
|
16
15
|
this.menus = [];
|
|
@@ -95,13 +94,23 @@ let MenuListPage = class MenuListPage extends connect(store)(PageView) {
|
|
|
95
94
|
}
|
|
96
95
|
}
|
|
97
96
|
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
this.
|
|
101
|
-
this.
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
97
|
+
connectedCallback() {
|
|
98
|
+
super.connectedCallback();
|
|
99
|
+
this._applyState();
|
|
100
|
+
this._unsubscribe = store.subscribe(() => this._applyState());
|
|
101
|
+
}
|
|
102
|
+
disconnectedCallback() {
|
|
103
|
+
super.disconnectedCallback();
|
|
104
|
+
this._unsubscribe?.();
|
|
105
|
+
}
|
|
106
|
+
_applyState() {
|
|
107
|
+
const __state__ = store.getState();
|
|
108
|
+
this.page = __state__.route.page;
|
|
109
|
+
this.routingTypes = __state__.menu.routingTypes;
|
|
110
|
+
this.menuId = __state__.route.resourceId;
|
|
111
|
+
this.favorites = __state__.favorite.favorites;
|
|
112
|
+
this.user = __state__.auth.user;
|
|
113
|
+
var provider = __state__.menu.provider;
|
|
105
114
|
this.getMenus = typeof provider === 'function' ? provider.bind(this) : this.fetchMenus;
|
|
106
115
|
}
|
|
107
116
|
async refresh() {
|
|
@@ -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 { 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 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 private _unsubscribe?: () => void\n\n\n connectedCallback() {\n\n super.connectedCallback()\n\n this._applyState()\n\n this._unsubscribe = store.subscribe(() => this._applyState())\n\n }\n\n\n disconnectedCallback() {\n\n super.disconnectedCallback()\n\n this._unsubscribe?.()\n\n }\n\n\n private _applyState() {\n\n const __state__ = store.getState() as any\nthis.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\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"]}
|