@things-factory/operato-codelingua 9.2.5 → 10.0.0-beta.10
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/Dockerfile +1 -1
- package/_index.html +1 -2
- package/dist-client/pages/git-project/git-project-list-page.d.ts +1 -7
- package/dist-client/pages/git-project/git-project-list-page.js +76 -144
- package/dist-client/pages/git-project/git-project-list-page.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/menu-tools.d.ts +4 -11
- package/dist-client/viewparts/menu-tools.js +8 -12
- package/dist-client/viewparts/menu-tools.js.map +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +51 -51
- package/views/auth-page.html +1 -1
- package/views/public/home.html +1 -1
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
declare
|
|
3
|
-
_storeUnsubscribe: import("redux").Unsubscribe;
|
|
4
|
-
connectedCallback(): void;
|
|
5
|
-
disconnectedCallback(): void;
|
|
6
|
-
stateChanged(_state: unknown): void;
|
|
7
|
-
readonly isConnected: boolean;
|
|
8
|
-
}) & typeof LitElement;
|
|
9
|
-
export declare class MenuTools extends MenuTools_base {
|
|
2
|
+
export declare class MenuTools extends LitElement {
|
|
10
3
|
static styles: import("lit").CSSResult[];
|
|
11
|
-
page?: string;
|
|
12
4
|
width?: string;
|
|
5
|
+
private _routeCtrl;
|
|
6
|
+
private _layoutCtrl;
|
|
13
7
|
private menus;
|
|
8
|
+
willUpdate(): void;
|
|
14
9
|
render(): import("lit-html").TemplateResult<1>;
|
|
15
|
-
stateChanged(state: any): void;
|
|
16
10
|
}
|
|
17
|
-
export {};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { css, html, LitElement } from 'lit';
|
|
3
3
|
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
-
import {
|
|
5
|
-
import { store } from '@operato/shell';
|
|
4
|
+
import { RouteController, LayoutController } from '@operato/shell';
|
|
6
5
|
import { ICONS_PROGRESS, ICONS_COMPLETED, ICONS_STATUS, ICONS_OPERATING, ICONS_SETTING } from '../icons/menu-icons';
|
|
7
|
-
let MenuTools = class MenuTools extends
|
|
6
|
+
let MenuTools = class MenuTools extends LitElement {
|
|
8
7
|
constructor() {
|
|
9
8
|
super(...arguments);
|
|
9
|
+
this._routeCtrl = new RouteController(this);
|
|
10
|
+
this._layoutCtrl = new LayoutController(this);
|
|
10
11
|
this.menus = [];
|
|
11
12
|
}
|
|
12
13
|
static { this.styles = [
|
|
@@ -110,6 +111,9 @@ let MenuTools = class MenuTools extends connect(store)(LitElement) {
|
|
|
110
111
|
}
|
|
111
112
|
`
|
|
112
113
|
]; }
|
|
114
|
+
willUpdate() {
|
|
115
|
+
this.width = this._layoutCtrl.width;
|
|
116
|
+
}
|
|
113
117
|
render() {
|
|
114
118
|
this.menus = [
|
|
115
119
|
{
|
|
@@ -138,7 +142,7 @@ let MenuTools = class MenuTools extends connect(store)(LitElement) {
|
|
|
138
142
|
icons: ICONS_SETTING
|
|
139
143
|
}
|
|
140
144
|
];
|
|
141
|
-
var page = this.page || '';
|
|
145
|
+
var page = this._routeCtrl.page || '';
|
|
142
146
|
return html `
|
|
143
147
|
<ul>
|
|
144
148
|
${this.menus.map(menu => html `
|
|
@@ -152,15 +156,7 @@ let MenuTools = class MenuTools extends connect(store)(LitElement) {
|
|
|
152
156
|
</ul>
|
|
153
157
|
`;
|
|
154
158
|
}
|
|
155
|
-
stateChanged(state) {
|
|
156
|
-
this.page = state.route.page;
|
|
157
|
-
this.width = state.layout.width;
|
|
158
|
-
}
|
|
159
159
|
};
|
|
160
|
-
__decorate([
|
|
161
|
-
property({ type: String }),
|
|
162
|
-
__metadata("design:type", String)
|
|
163
|
-
], MenuTools.prototype, "page", void 0);
|
|
164
160
|
__decorate([
|
|
165
161
|
property({ type: String, reflect: true }),
|
|
166
162
|
__metadata("design:type", String)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAElE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG5G,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAyGG,eAAU,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAA;QACtC,gBAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxC,UAAK,GAAsD,EAAE,CAAA;IAqDvE,CAAC;aA/JQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGF;KACF,AApGY,CAoGZ;IAQD,UAAU;QACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAA;IACrC,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,KAAK,GAAG;YACX;gBACE,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,cAAc;aACtB;YACD;gBACE,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,KAAK,EAAE,eAAe;aACvB;YACD;gBACE,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,YAAY;aACpB;YACD;gBACE,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,eAAe;aACvB;YACD;gBACE,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,aAAa;aACrB;SACF,CAAA;QAED,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAA;QAErC,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,GAAG,CACd,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;;wBAEE,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;2BAC5C,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;uBAC9D,IAAI,CAAC,IAAI;;;WAGrB,CACF;;KAEJ,CAAA;IACH,CAAC;;AAvD0C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAvG9C,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAgKrB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { RouteController, LayoutController } from '@operato/shell'\n\nimport { ICONS_PROGRESS, ICONS_COMPLETED, ICONS_STATUS, ICONS_OPERATING, ICONS_SETTING } from '../icons/menu-icons'\n\n@customElement('menu-tools')\nexport class MenuTools extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n background-color: var(--secondary-color);\n\n /* for narrow mode */\n flex-direction: column;\n width: 100%;\n --menu-tools-color: rgba(255, 255, 255, 0.9);\n --menu-tools-active-color: rgba(107, 178, 249, 1);\n }\n\n :host([width='WIDE']) {\n /* for wide mode */\n flex-direction: row;\n width: initial;\n height: 100%;\n }\n\n ul {\n display: flex;\n flex-direction: row;\n\n margin: auto;\n padding: 0;\n list-style: none;\n height: 100%;\n overflow: none;\n }\n\n :host([width='NARROW']) ul {\n width: 100%;\n justify-content: space-around;\n }\n\n :host([width='WIDE']) ul {\n flex-direction: column;\n }\n :host([width='NARROW']) li {\n flex: 1;\n }\n\n :host([width='WIDE']) li {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n a {\n display: flex;\n flex-direction: column;\n padding: 5px 0px;\n opacity: 0.7;\n align-items: center;\n text-align: center;\n text-decoration: none;\n text-transform: capitalize;\n color: var(--menu-tools-color);\n border-left: 2px solid transparent;\n }\n\n a[active] {\n opacity: 1;\n color: var(--menu-tools-active-color);\n font-weight: bold;\n background-color: rgba(0, 0, 0, 0.15);\n border-left: 2px solid var(--menu-tools-active-color);\n }\n\n :host([width='NARROW']) a {\n padding: 0px 0px 5px 0px;\n opacity: 0.8;\n color: var(--menu-tools-color);\n border-left: none;\n border-top: 2px solid transparent;\n }\n\n :host([width='NARROW']) a[active] {\n opacity: 1;\n color: var(--menu-tools-active-color);\n font-weight: bold;\n background-color: rgba(0, 0, 0, 0.15);\n border-left: none;\n border-top: 2px solid var(--menu-tools-active-color);\n }\n\n img {\n display: block;\n width: 35px;\n padding: 5px 10px 0px 10px;\n }\n\n :host([width='NARROW']) img {\n padding: 0;\n }\n\n div {\n font-size: 0.6em;\n }\n `\n ]\n\n @property({ type: String, reflect: true }) width?: string\n\n private _routeCtrl = new RouteController(this)\n private _layoutCtrl = new LayoutController(this)\n private menus: { name: string; path: string; icons: string[] }[] = []\n\n willUpdate() {\n this.width = this._layoutCtrl.width\n }\n\n render() {\n this.menus = [\n {\n name: '진행중',\n path: 'git-project-list',\n icons: ICONS_PROGRESS\n },\n {\n name: '완료',\n path: 'project-completed-list',\n icons: ICONS_COMPLETED\n },\n {\n name: '현황',\n path: 'dssp-status',\n icons: ICONS_STATUS\n },\n {\n name: '공정표',\n path: 'project-task-list',\n icons: ICONS_OPERATING\n },\n {\n name: '셋팅',\n path: 'project-setting-list',\n icons: ICONS_SETTING\n }\n ]\n\n var page = this._routeCtrl.page || ''\n\n return html`\n <ul>\n ${this.menus.map(\n menu => html`\n <li>\n <a href=${menu.path} ?active=${!!~page.indexOf(menu.path)}>\n <img src=${!!~page.indexOf(menu.path) ? menu.icons[1] : menu.icons[0]} />\n <div>${menu.name}</div>\n </a>\n </li>\n `\n )}\n </ul>\n `\n }\n\n}\n"]}
|