@dssp/dcsp 1.0.2 → 1.0.6

package/dist-client/viewparts/menu-tools.d.ts

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js';
 import { LitElement } from 'lit';
 declare const MenuTools_base: (new (...args: any[]) => {
     _storeUnsubscribe: () => void;
@@ -9,8 +10,14 @@ export declare class MenuTools extends MenuTools_base {
     static styles: import("lit").CSSResult[];
     page?: string;
     width?: string;
+    openedMenuIndex: number | null;
+    /** 뮤테이션 가능 여부('dcsp guest' 권한 보유 시 false) — 게스트에게는 셋팅 메뉴를 숨긴다 */
+    canMutate: boolean;
     private menus;
     render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _closeSubmenu;
     stateChanged(state: any): void;
 }
 export {};

package/dist-client/viewparts/menu-tools.js

@@ -1,15 +1,43 @@
 import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { store, connect } from '@operato/shell';
-import { ICONS_PROGRESS, ICONS_COMPLETED, ICONS_SETTING } from '../icons/menu-icons';
+import { canDcspMutate } from '@dssp/building-complex/dist-client/utils/privilege';
+import { ICONS_PROGRESS, ICONS_COMPLETED, ICONS_STATUS, ICONS_SETTING } from '../icons/menu-icons';
 let MenuTools = class MenuTools extends connect(store)(LitElement) {
     constructor() {
         super(...arguments);
+        this.openedMenuIndex = null;
+        /** 뮤테이션 가능 여부('dcsp guest' 권한 보유 시 false) — 게스트에게는 셋팅 메뉴를 숨긴다 */
+        this.canMutate = false;
         this.menus = [];
+        this._closeSubmenu = (e) => {
+            const path = e.composedPath();
+            if (path.includes(this)) {
+                // 내부 클릭이라도 실제 페이지로 이동하는 링크 클릭이면 닫는다.
+                const isNavLink = path.some(el => el instanceof HTMLAnchorElement &&
+                    !!el.getAttribute('href') &&
+                    el.getAttribute('href') !== 'javascript:void(0)');
+                if (!isNavLink)
+                    return;
+            }
+            this.openedMenuIndex = null;
+        };
     }
     render() {
+        var _a;
         this.menus = [
+            {
+                name: 'KPI\nOversight',
+                path: 'kpi-overview',
+                icons: ICONS_STATUS,
+                submenus: [
+                    { name: 'KPI 대시보드', path: 'kpi-dashboard-map', icon: 'dashboard' },
+                    { name: 'KPI 개요', path: 'kpi-overview', icon: 'widget_small' },
+                    { name: 'KPI 시스템 가이드', path: 'kpi-system-guide', icon: 'menu_book' }
+                ]
+            },
             {
                 name: '진행중',
                 path: 'project-list',
@@ -30,26 +58,70 @@ let MenuTools = class MenuTools extends connect(store)(LitElement) {
             //   path: 'project-task-list',
             //   icons: ICONS_OPERATING
             // },
-            {
-                name: '셋팅',
-                path: 'project-setting-list',
-                icons: ICONS_SETTING
-            }
+            ...(this.canMutate
+                ? [
+                    {
+                        name: '셋팅',
+                        path: 'project-setting-list',
+                        icons: ICONS_SETTING
+                    }
+                ]
+                : [])
         ];
         var page = this.page || '';
         return html `
       <ul>
-        ${this.menus.map(menu => html `
-            <li>
-              <a href=${menu.path} ?active=${!!~page.indexOf(menu.path)}>
-                <img src=${!!~page.indexOf(menu.path) ? menu.icons[1] : menu.icons[0]} />
+        ${this.menus.map((menu, i) => {
+            /* 서브메뉴가 있으면 이동 대신 팝업을 연다 (dkpi 방식) */
+            const active = menu.submenus
+                ? menu.submenus.some(sub => !!~page.indexOf(sub.path))
+                : !!~page.indexOf(menu.path);
+            return html `
+            <li
+              @click=${menu.submenus
+                ? (e) => {
+                    e.stopPropagation();
+                    this.openedMenuIndex = i;
+                }
+                : undefined}
+            >
+              <a href=${menu.submenus ? 'javascript:void(0)' : menu.path} ?active=${active}>
+                <img src=${active ? menu.icons[1] : menu.icons[0]} />
                 <div>${menu.name}</div>
               </a>
             </li>
-          `)}
+          `;
+        })}
       </ul>
+      ${this.openedMenuIndex !== null && ((_a = this.menus[this.openedMenuIndex]) === null || _a === void 0 ? void 0 : _a.submenus)
+            ? html `
+            <div class="submenu-popup">
+              <ul>
+                ${this.menus[this.openedMenuIndex].submenus.map(sub => html `
+                    <li>
+                      <a href=${sub.path} ?active=${!!~page.indexOf(sub.path)}>
+                        <md-icon>${sub.icon}</md-icon> ${sub.name}
+                      </a>
+                    </li>
+                  `)}
+              </ul>
+            </div>
+          `
+            : ''}
     `;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        // capture 단계로 등록 — stopPropagation 하는 다른 컴포넌트의 클릭에도 서브메뉴를 닫는다 (dkpi 방식)
+        window.addEventListener('click', this._closeSubmenu, true);
+        canDcspMutate().then(granted => {
+            this.canMutate = granted;
+        });
+    }
+    disconnectedCallback() {
+        window.removeEventListener('click', this._closeSubmenu, true);
+        super.disconnectedCallback();
+    }
     stateChanged(state) {
         this.page = state.route.page;
         this.width = state.layout.width;
@@ -58,6 +130,7 @@ let MenuTools = class MenuTools extends connect(store)(LitElement) {
 MenuTools.styles = [
     css `
       :host {
+        position: relative;
         display: flex;
         background-color: var(--secondary-color);
 
@@ -75,7 +148,8 @@ MenuTools.styles = [
         height: 100%;
       }
 
-      ul {
+      /* 사이드바 메뉴 스타일 — 팝업 내부로 새지 않도록 직계 자식(> ul)으로 스코핑 */
+      :host > ul {
         display: flex;
         flex-direction: row;
 
@@ -86,24 +160,24 @@ MenuTools.styles = [
         overflow: none;
       }
 
-      :host([width='NARROW']) ul {
+      :host([width='NARROW']) > ul {
         width: 100%;
         justify-content: space-around;
       }
 
-      :host([width='WIDE']) ul {
+      :host([width='WIDE']) > ul {
         flex-direction: column;
       }
-      :host([width='NARROW']) li {
+      :host([width='NARROW']) > ul > li {
         flex: 1;
       }
 
-      :host([width='WIDE']) li {
+      :host([width='WIDE']) > ul > li {
         border-top: 1px solid rgba(255, 255, 255, 0.1);
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
       }
 
-      a {
+      :host > ul a {
         display: flex;
         flex-direction: column;
         padding: 5px 0px;
@@ -116,7 +190,7 @@ MenuTools.styles = [
         border-left: 2px solid transparent;
       }
 
-      a[active] {
+      :host > ul a[active] {
         opacity: 1;
         color: var(--menu-tools-active-color);
         font-weight: bold;
@@ -124,7 +198,7 @@ MenuTools.styles = [
         border-left: 2px solid var(--menu-tools-active-color);
       }
 
-      :host([width='NARROW']) a {
+      :host([width='NARROW']) > ul a {
         padding: 0px 0px 5px 0px;
         opacity: 0.8;
         color: var(--menu-tools-color);
@@ -132,7 +206,7 @@ MenuTools.styles = [
         border-top: 2px solid transparent;
       }
 
-      :host([width='NARROW']) a[active] {
+      :host([width='NARROW']) > ul a[active] {
         opacity: 1;
         color: var(--menu-tools-active-color);
         font-weight: bold;
@@ -151,8 +225,73 @@ MenuTools.styles = [
         padding: 0;
       }
 
-      div {
+      :host > ul div {
         font-size: 0.6em;
+        white-space: pre-line; /* 메뉴명 내 \n 줄바꿈 표현 */
+      }
+
+      /* dkpi menu-tools의 서브메뉴 팝업과 동일 구성 — 배경만 테마색(--secondary-color) 사용 */
+      .submenu-popup {
+        position: absolute;
+        left: 60px; /* 탑메뉴 width */
+        top: 0;
+        width: 220px;
+        height: 100%;
+        background: var(--secondary-color);
+        color: #fff;
+        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
+        z-index: 1000;
+        display: flex;
+        flex-direction: column;
+        border-radius: 0 10px 10px 0;
+      }
+
+      .submenu-popup ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+      }
+
+      .submenu-popup li {
+        /* em 은 상속 기준에 따라 커질 수 있어 고정 크기 사용 */
+        font-size: 14px;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      }
+
+      .submenu-popup li a {
+        color: var(--menu-tools-color);
+        opacity: 0.7;
+        text-decoration: none;
+        text-transform: capitalize;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 12px;
+        transition: background 0.2s;
+        padding: 12px 16px;
+        border-left: 2px solid transparent;
+      }
+
+      .submenu-popup li a:hover {
+        background: rgba(0, 0, 0, 0.15);
+      }
+
+      .submenu-popup li a[active] {
+        opacity: 1;
+        color: var(--menu-tools-active-color);
+        font-weight: bold;
+        background-color: rgba(0, 0, 0, 0.15);
+        border-left: 2px solid var(--menu-tools-active-color);
+      }
+
+      .submenu-popup li a md-icon {
+        --md-icon-size: 20px;
+        color: rgba(255, 255, 255, 0.8);
+      }
+
+      .submenu-popup li a[active] md-icon {
+        color: var(--menu-tools-active-color);
       }
     `
 ];
@@ -164,6 +303,14 @@ __decorate([
     property({ type: String, reflect: true }),
     __metadata("design:type", String)
 ], MenuTools.prototype, "width", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], MenuTools.prototype, "openedMenuIndex", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], MenuTools.prototype, "canMutate", void 0);
 MenuTools = __decorate([
     customElement('menu-tools')
 ], MenuTools);

package/dist-client/viewparts/menu-tools.js.map

@@ -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,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAiC,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG5G,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAlD;;QA0GG,UAAK,GAAsD,EAAE,CAAA;IAqDvE,CAAC;IAnDC,MAAM;QACJ,IAAI,CAAC,KAAK,GAAG;YACX;gBACE,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,cAAc;gBACpB,KAAK,EAAE,cAAc;aACtB;YACD;gBACE,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,KAAK,EAAE,eAAe;aACvB;YACD,IAAI;YACJ,kBAAkB;YAClB,yBAAyB;YACzB,wBAAwB;YACxB,KAAK;YACL,IAAI;YACJ,iBAAiB;YACjB,+BAA+B;YAC/B,2BAA2B;YAC3B,KAAK;YACL;gBACE,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,aAAa;aACrB;SACF,CAAA;QAED,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;QAE1B,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;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;IACjC,CAAC;;AA7JM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGF;CACF,AApGY,CAoGZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAxG9C,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA+JrB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { store, connect } 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 connect(store)(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 }) page?: string\n  @property({ type: String, reflect: true }) width?: string\n\n  private menus: { name: string; path: string; icons: string[] }[] = []\n\n  render() {\n    this.menus = [\n      {\n        name: '진행중',\n        path: '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.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  stateChanged(state) {\n    this.page = state.route.page\n    this.width = state.layout.width\n  }\n}\n"]}
+{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { store, connect } from '@operato/shell'\nimport { canDcspMutate } from '@dssp/building-complex/dist-client/utils/privilege'\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 connect(store)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        position: relative;\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      :host > 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']) > ul > li {\n        flex: 1;\n      }\n\n      :host([width='WIDE']) > ul > 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      :host > ul 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      :host > ul 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']) > ul 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']) > ul 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      :host > ul div {\n        font-size: 0.6em;\n        white-space: pre-line; /* 메뉴명 내 \\n 줄바꿈 표현 */\n      }\n\n      /* dkpi menu-tools의 서브메뉴 팝업과 동일 구성 — 배경만 테마색(--secondary-color) 사용 */\n      .submenu-popup {\n        position: absolute;\n        left: 60px; /* 탑메뉴 width */\n        top: 0;\n        width: 220px;\n        height: 100%;\n        background: var(--secondary-color);\n        color: #fff;\n        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n        z-index: 1000;\n        display: flex;\n        flex-direction: column;\n        border-radius: 0 10px 10px 0;\n      }\n\n      .submenu-popup ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      }\n\n      .submenu-popup li {\n        /* em 은 상속 기준에 따라 커질 수 있어 고정 크기 사용 */\n        font-size: 14px;\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      .submenu-popup li a {\n        color: var(--menu-tools-color);\n        opacity: 0.7;\n        text-decoration: none;\n        text-transform: capitalize;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        gap: 12px;\n        transition: background 0.2s;\n        padding: 12px 16px;\n        border-left: 2px solid transparent;\n      }\n\n      .submenu-popup li a:hover {\n        background: rgba(0, 0, 0, 0.15);\n      }\n\n      .submenu-popup li 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      .submenu-popup li a md-icon {\n        --md-icon-size: 20px;\n        color: rgba(255, 255, 255, 0.8);\n      }\n\n      .submenu-popup li a[active] md-icon {\n        color: var(--menu-tools-active-color);\n      }\n    `\n  ]\n\n  @property({ type: String }) page?: string\n  @property({ type: String, reflect: true }) width?: string\n  @property({ type: Number }) openedMenuIndex: number | null = null\n  /** 뮤테이션 가능 여부('dcsp guest' 권한 보유 시 false) — 게스트에게는 셋팅 메뉴를 숨긴다 */\n  @property({ type: Boolean }) canMutate = false\n\n  private menus: {\n    name: string\n    path: string\n    icons: string[]\n    submenus?: { name: string; path: string; icon: string }[]\n  }[] = []\n\n  render() {\n    this.menus = [\n      {\n        name: 'KPI\\nOversight',\n        path: 'kpi-overview',\n        icons: ICONS_STATUS,\n        submenus: [\n          { name: 'KPI 대시보드', path: 'kpi-dashboard-map', icon: 'dashboard' },\n          { name: 'KPI 개요', path: 'kpi-overview', icon: 'widget_small' },\n          { name: 'KPI 시스템 가이드', path: 'kpi-system-guide', icon: 'menu_book' }\n        ]\n      },\n      {\n        name: '진행중',\n        path: '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      ...(this.canMutate\n        ? [\n            {\n              name: '셋팅',\n              path: 'project-setting-list',\n              icons: ICONS_SETTING\n            }\n          ]\n        : [])\n    ]\n\n    var page = this.page || ''\n\n    return html`\n      <ul>\n        ${this.menus.map((menu, i) => {\n          /* 서브메뉴가 있으면 이동 대신 팝업을 연다 (dkpi 방식) */\n          const active = menu.submenus\n            ? menu.submenus.some(sub => !!~page.indexOf(sub.path))\n            : !!~page.indexOf(menu.path)\n\n          return html`\n            <li\n              @click=${menu.submenus\n                ? (e: Event) => {\n                    e.stopPropagation()\n                    this.openedMenuIndex = i\n                  }\n                : undefined}\n            >\n              <a href=${menu.submenus ? 'javascript:void(0)' : menu.path} ?active=${active}>\n                <img src=${active ? menu.icons[1] : menu.icons[0]} />\n                <div>${menu.name}</div>\n              </a>\n            </li>\n          `\n        })}\n      </ul>\n      ${this.openedMenuIndex !== null && this.menus[this.openedMenuIndex]?.submenus\n        ? html`\n            <div class=\"submenu-popup\">\n              <ul>\n                ${this.menus[this.openedMenuIndex].submenus!.map(\n                  sub => html`\n                    <li>\n                      <a href=${sub.path} ?active=${!!~page.indexOf(sub.path)}>\n                        <md-icon>${sub.icon}</md-icon> ${sub.name}\n                      </a>\n                    </li>\n                  `\n                )}\n              </ul>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    // capture 단계로 등록 — stopPropagation 하는 다른 컴포넌트의 클릭에도 서브메뉴를 닫는다 (dkpi 방식)\n    window.addEventListener('click', this._closeSubmenu, true)\n\n    canDcspMutate().then(granted => {\n      this.canMutate = granted\n    })\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this._closeSubmenu, true)\n    super.disconnectedCallback()\n  }\n\n  private _closeSubmenu = (e: MouseEvent) => {\n    const path = e.composedPath()\n    if (path.includes(this)) {\n      // 내부 클릭이라도 실제 페이지로 이동하는 링크 클릭이면 닫는다.\n      const isNavLink = path.some(\n        el =>\n          el instanceof HTMLAnchorElement &&\n          !!el.getAttribute('href') &&\n          el.getAttribute('href') !== 'javascript:void(0)'\n      )\n      if (!isNavLink) return\n    }\n    this.openedMenuIndex = null\n  }\n\n  stateChanged(state) {\n    this.page = state.route.page\n    this.width = state.layout.width\n  }\n}\n"]}

package/dist-server/index.d.ts

@@ -0,0 +1,2 @@
+export * from './service/index.js';
+export * from './middlewares/index.js';

package/dist-server/index.js

@@ -1 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./service/index.js"), exports);
+tslib_1.__exportStar(require("./middlewares/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist-server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":";;;AAAA,6DAAkC;AAClC,iEAAsC","sourcesContent":["export * from './service/index.js'\nexport * from './middlewares/index.js'\n"]}

package/dist-server/middlewares/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 게스트 계정('dcsp guest' 권한 보유)의 무보호 GraphQL 뮤테이션을 차단하는 미들웨어를 등록하는 함수
+ * - 자체 @privilege 디렉티브가 있는 뮤테이션은 통과 (해당 디렉티브가 세분화된 권한을 검사)
+ * - 디렉티브가 없는 뮤테이션(dssp 패키지의 무보호 CUD)은 게스트만 차단, 그 외(기본)는 이전과 동일하게 허용
+ * - auth-base initMiddlewares 이후에 등록되므로 ctx.state.user / domain 이 설정된 상태로 실행됨
+ */
+export declare function initMiddlewares(app: any): void;

package/dist-server/middlewares/index.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initMiddlewares = initMiddlewares;
+const tslib_1 = require("tslib");
+const koa_bodyparser_1 = tslib_1.__importDefault(require("koa-bodyparser"));
+const graphql_1 = require("graphql");
+const auth_base_1 = require("@things-factory/auth-base");
+/* 게스트 판정용 신규 권한 등록 — migration:privileges 실행 시 DB privilege 테이블에 insert 되어 역할 화면에 노출됨.
+ * 의미 반전형 권한: 이 권한이 "있으면" 게스트(제한). 기본(미부여) 상태는 이전과 완전히 동일하게 동작한다. */
+process['PRIVILEGES'] = process['PRIVILEGES'] || {};
+process['PRIVILEGES']['dcsp guest'] = ['dcsp', 'guest'];
+/* 자체 @privilege 디렉티브가 없어도 게스트에게 허용하는 뮤테이션 (알림 읽음 처리/정리) */
+const GUEST_ALLOWED_MUTATIONS = new Set([
+    'updateNotification',
+    'updateMultipleNotification',
+    'deleteNotification',
+    'deleteNotificationes'
+]);
+/*
+ * 자체 @privilege 디렉티브를 가진 뮤테이션 필드명 집합.
+ * 이 뮤테이션들은 자체 디렉티브가 권한을 검사하므로 전역 차단에서 제외한다.
+ * (예: updateUser는 'user mutation' 권한을 역할에 부여하면 게스트도 사용 가능)
+ */
+const SELF_PROTECTED_MUTATIONS = new Set();
+/* 서버 기동 완료 시 빌드된 스키마에서 자체 보호 뮤테이션 목록을 수집하는 훅 */
+process.on('bootstrap-module-start', ({ builtSchema }) => {
+    var _a, _b, _c, _d;
+    const fields = ((_a = builtSchema === null || builtSchema === void 0 ? void 0 : builtSchema.getMutationType()) === null || _a === void 0 ? void 0 : _a.getFields()) || {};
+    for (const [name, field] of Object.entries(fields)) {
+        /* auth-base privilege-directive가 보호 필드의 description에 '🔒 Requires privilege' 마커를 남김 */
+        const hasDirective = ((_c = (_b = field.astNode) === null || _b === void 0 ? void 0 : _b.directives) === null || _c === void 0 ? void 0 : _c.some(directive => directive.name.value === 'privilege')) ||
+            ((_d = field.description) === null || _d === void 0 ? void 0 : _d.includes('🔒 Requires privilege'));
+        if (hasDirective) {
+            SELF_PROTECTED_MUTATIONS.add(name);
+        }
+    }
+});
+/* GraphQL 쿼리 문자열에서 mutation 최상위 필드명들을 추출하는 함수 */
+function extractMutationFields(query) {
+    const document = (0, graphql_1.parse)(query);
+    return document.definitions
+        .filter((def) => def.kind === 'OperationDefinition')
+        .filter(def => def.operation === 'mutation')
+        .flatMap(def => def.selectionSet.selections
+        .filter((sel) => sel.kind === 'Field')
+        .map(sel => sel.name.value));
+}
+/**
+ * 게스트 계정('dcsp guest' 권한 보유)의 무보호 GraphQL 뮤테이션을 차단하는 미들웨어를 등록하는 함수
+ * - 자체 @privilege 디렉티브가 있는 뮤테이션은 통과 (해당 디렉티브가 세분화된 권한을 검사)
+ * - 디렉티브가 없는 뮤테이션(dssp 패키지의 무보호 CUD)은 게스트만 차단, 그 외(기본)는 이전과 동일하게 허용
+ * - auth-base initMiddlewares 이후에 등록되므로 ctx.state.user / domain 이 설정된 상태로 실행됨
+ */
+function initMiddlewares(app) {
+    const parseBody = (0, koa_bodyparser_1.default)();
+    app.use(async (ctx, next) => {
+        if (ctx.method !== 'POST' || !ctx.path.startsWith('/graphql')) {
+            return next();
+        }
+        /* 전역 bodyparser는 이 미들웨어 이후에 등록되지만, 이미 파싱된 body는 스킵하므로 먼저 파싱해도 안전함 */
+        await parseBody(ctx, async () => { });
+        const bodies = [].concat(ctx.request.body || []);
+        let mutationFields = [];
+        try {
+            for (const body of bodies) {
+                if (body === null || body === void 0 ? void 0 : body.query) {
+                    mutationFields = mutationFields.concat(extractMutationFields(body.query));
+                }
+            }
+        }
+        catch (e) {
+            /* 쿼리 파싱 실패 시 Apollo 핸들러가 에러를 처리하도록 통과 */
+            return next();
+        }
+        /* 게스트 허용 목록과 자체 보호 뮤테이션을 제외한 무보호 뮤테이션만 차단 대상 */
+        const blocked = mutationFields.filter(name => !GUEST_ALLOWED_MUTATIONS.has(name) && !SELF_PROTECTED_MUTATIONS.has(name));
+        if (blocked.length === 0) {
+            return next();
+        }
+        const { user, domain } = ctx.state;
+        /* 'dcsp guest' 권한을 가진 역할의 사용자만 게스트로 차단.
+         * checkPermission의 owner/super 특례는 의미가 반대로 작용하므로 순수 조회인 User.hasPrivilege 를 사용한다.
+         * (미인증 요청은 auth 미들웨어가 먼저 401 처리하므로 user 없음 = 통과로 둬도 안전) */
+        const isGuest = user && domain && (await auth_base_1.User.hasPrivilege('guest', 'dcsp', domain, user));
+        if (!isGuest) {
+            return next();
+        }
+        /* Apollo 형식 에러로 응답하여 클라이언트의 기존 GraphQL 에러 표시를 그대로 활용 */
+        ctx.status = 200;
+        ctx.body = {
+            errors: [
+                {
+                    message: '권한이 없습니다. 관리자에게 문의하세요.',
+                    extensions: { code: 'FORBIDDEN' }
+                }
+            ]
+        };
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist-server/middlewares/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/middlewares/index.ts"],"names":[],"mappings":"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","sourcesContent":["import bodyParser from 'koa-bodyparser'\nimport { parse, OperationDefinitionNode, FieldNode, GraphQLSchema } from 'graphql'\n\nimport { User } from '@things-factory/auth-base'\n\n/* 게스트 판정용 신규 권한 등록 — migration:privileges 실행 시 DB privilege 테이블에 insert 되어 역할 화면에 노출됨.\n * 의미 반전형 권한: 이 권한이 \"있으면\" 게스트(제한). 기본(미부여) 상태는 이전과 완전히 동일하게 동작한다. */\nprocess['PRIVILEGES'] = process['PRIVILEGES'] || {}\nprocess['PRIVILEGES']['dcsp guest'] = ['dcsp', 'guest']\n\n/* 자체 @privilege 디렉티브가 없어도 게스트에게 허용하는 뮤테이션 (알림 읽음 처리/정리) */\nconst GUEST_ALLOWED_MUTATIONS = new Set([\n  'updateNotification',\n  'updateMultipleNotification',\n  'deleteNotification',\n  'deleteNotificationes'\n])\n\n/*\n * 자체 @privilege 디렉티브를 가진 뮤테이션 필드명 집합.\n * 이 뮤테이션들은 자체 디렉티브가 권한을 검사하므로 전역 차단에서 제외한다.\n * (예: updateUser는 'user mutation' 권한을 역할에 부여하면 게스트도 사용 가능)\n */\nconst SELF_PROTECTED_MUTATIONS = new Set<string>()\n\n/* 서버 기동 완료 시 빌드된 스키마에서 자체 보호 뮤테이션 목록을 수집하는 훅 */\nprocess.on('bootstrap-module-start' as any, ({ builtSchema }: { builtSchema: GraphQLSchema }) => {\n  const fields = builtSchema?.getMutationType()?.getFields() || {}\n  for (const [name, field] of Object.entries(fields)) {\n    /* auth-base privilege-directive가 보호 필드의 description에 '🔒 Requires privilege' 마커를 남김 */\n    const hasDirective =\n      field.astNode?.directives?.some(directive => directive.name.value === 'privilege') ||\n      field.description?.includes('🔒 Requires privilege')\n    if (hasDirective) {\n      SELF_PROTECTED_MUTATIONS.add(name)\n    }\n  }\n})\n\n/* GraphQL 쿼리 문자열에서 mutation 최상위 필드명들을 추출하는 함수 */\nfunction extractMutationFields(query: string): string[] {\n  const document = parse(query)\n  return document.definitions\n    .filter((def): def is OperationDefinitionNode => def.kind === 'OperationDefinition')\n    .filter(def => def.operation === 'mutation')\n    .flatMap(def =>\n      def.selectionSet.selections\n        .filter((sel): sel is FieldNode => sel.kind === 'Field')\n        .map(sel => sel.name.value)\n    )\n}\n\n/**\n * 게스트 계정('dcsp guest' 권한 보유)의 무보호 GraphQL 뮤테이션을 차단하는 미들웨어를 등록하는 함수\n * - 자체 @privilege 디렉티브가 있는 뮤테이션은 통과 (해당 디렉티브가 세분화된 권한을 검사)\n * - 디렉티브가 없는 뮤테이션(dssp 패키지의 무보호 CUD)은 게스트만 차단, 그 외(기본)는 이전과 동일하게 허용\n * - auth-base initMiddlewares 이후에 등록되므로 ctx.state.user / domain 이 설정된 상태로 실행됨\n */\nexport function initMiddlewares(app) {\n  const parseBody = bodyParser()\n\n  app.use(async (ctx, next) => {\n    if (ctx.method !== 'POST' || !ctx.path.startsWith('/graphql')) {\n      return next()\n    }\n\n    /* 전역 bodyparser는 이 미들웨어 이후에 등록되지만, 이미 파싱된 body는 스킵하므로 먼저 파싱해도 안전함 */\n    await parseBody(ctx, async () => {})\n\n    const bodies = [].concat(ctx.request.body || [])\n    let mutationFields: string[] = []\n\n    try {\n      for (const body of bodies) {\n        if (body?.query) {\n          mutationFields = mutationFields.concat(extractMutationFields(body.query))\n        }\n      }\n    } catch (e) {\n      /* 쿼리 파싱 실패 시 Apollo 핸들러가 에러를 처리하도록 통과 */\n      return next()\n    }\n\n    /* 게스트 허용 목록과 자체 보호 뮤테이션을 제외한 무보호 뮤테이션만 차단 대상 */\n    const blocked = mutationFields.filter(\n      name => !GUEST_ALLOWED_MUTATIONS.has(name) && !SELF_PROTECTED_MUTATIONS.has(name)\n    )\n    if (blocked.length === 0) {\n      return next()\n    }\n\n    const { user, domain } = ctx.state\n\n    /* 'dcsp guest' 권한을 가진 역할의 사용자만 게스트로 차단.\n     * checkPermission의 owner/super 특례는 의미가 반대로 작용하므로 순수 조회인 User.hasPrivilege 를 사용한다.\n     * (미인증 요청은 auth 미들웨어가 먼저 401 처리하므로 user 없음 = 통과로 둬도 안전) */\n    const isGuest = user && domain && (await User.hasPrivilege('guest', 'dcsp', domain, user))\n    if (!isGuest) {\n      return next()\n    }\n\n    /* Apollo 형식 에러로 응답하여 클라이언트의 기존 GraphQL 에러 표시를 그대로 활용 */\n    ctx.status = 200\n    ctx.body = {\n      errors: [\n        {\n          message: '권한이 없습니다. 관리자에게 문의하세요.',\n          extensions: { code: 'FORBIDDEN' }\n        }\n      ]\n    }\n  })\n}\n"]}

package/dist-server/service/index.d.ts

@@ -0,0 +1,4 @@
+export declare const entities: any[];
+export declare const schema: {
+    resolverClasses: (typeof import("./kpi-stat/kpi-stat-query").KpiStatQuery | typeof import("./kpi-value/kpi-value-query").KpiValueQueryForProject | typeof import("./kpi-metric-value/kpi-metric-value-query").KpiMetricValueQuery | typeof import("./kpi-metric-value/kpi-metric-value-mutation").KpiMetricValueMutation)[];
+};

package/dist-server/service/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.schema = exports.entities = void 0;
+/* IMPORT ENTITIES AND RESOLVERS */
+const kpi_stat_1 = require("./kpi-stat");
+const kpi_value_1 = require("./kpi-value");
+const kpi_metric_value_1 = require("./kpi-metric-value");
+exports.entities = [
+/* ENTITIES */
+];
+exports.schema = {
+    resolverClasses: [
+        /* RESOLVER CLASSES */
+        ...kpi_stat_1.resolvers,
+        ...kpi_value_1.resolvers,
+        ...kpi_metric_value_1.resolvers
+    ]
+};
+//# sourceMappingURL=index.js.map

package/dist-server/service/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/service/index.ts"],"names":[],"mappings":";;;AAAA,mCAAmC;AACnC,yCAA0D;AAC1D,2CAA4D;AAC5D,yDAAyE;AAE5D,QAAA,QAAQ,GAAG;AACtB,cAAc;CACf,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,eAAe,EAAE;QACf,sBAAsB;QACtB,GAAG,oBAAgB;QACnB,GAAG,qBAAiB;QACpB,GAAG,4BAAuB;KAC3B;CACF,CAAA","sourcesContent":["/* IMPORT ENTITIES AND RESOLVERS */\nimport { resolvers as KpiStatResolvers } from './kpi-stat'\nimport { resolvers as KpiValueResolvers } from './kpi-value'\nimport { resolvers as KpiMetricValueResolvers } from './kpi-metric-value'\n\nexport const entities = [\n  /* ENTITIES */\n]\n\nexport const schema = {\n  resolverClasses: [\n    /* RESOLVER CLASSES */\n    ...KpiStatResolvers,\n    ...KpiValueResolvers,\n    ...KpiMetricValueResolvers\n  ]\n}\n"]}

package/dist-server/service/kpi-metric-value/index.d.ts

@@ -0,0 +1,4 @@
+import { KpiMetricValueQuery } from './kpi-metric-value-query';
+import { KpiMetricValueMutation } from './kpi-metric-value-mutation';
+export declare const resolvers: (typeof KpiMetricValueQuery | typeof KpiMetricValueMutation)[];
+export declare const subscribers: any[];

package/dist-server/service/kpi-metric-value/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribers = exports.resolvers = void 0;
+const kpi_metric_value_query_1 = require("./kpi-metric-value-query");
+const kpi_metric_value_mutation_1 = require("./kpi-metric-value-mutation");
+exports.resolvers = [kpi_metric_value_query_1.KpiMetricValueQuery, kpi_metric_value_mutation_1.KpiMetricValueMutation];
+exports.subscribers = [];
+//# sourceMappingURL=index.js.map

package/dist-server/service/kpi-metric-value/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../server/service/kpi-metric-value/index.ts"],"names":[],"mappings":";;;AAAA,qEAA8D;AAC9D,2EAAoE;AAEvD,QAAA,SAAS,GAAG,CAAC,4CAAmB,EAAE,kDAAsB,CAAC,CAAA;AACzD,QAAA,WAAW,GAAG,EAAE,CAAA","sourcesContent":["import { KpiMetricValueQuery } from './kpi-metric-value-query'\nimport { KpiMetricValueMutation } from './kpi-metric-value-mutation'\n\nexport const resolvers = [KpiMetricValueQuery, KpiMetricValueMutation]\nexport const subscribers = []\n"]}