architwin 1.12.4 → 1.13.0

package/lib/atwinui/components/toolbar/collapse.d.ts

@@ -0,0 +1,18 @@
+export declare class Collapse {
+    private payloadElement;
+    private isExpand?;
+    private buttons;
+    private contents;
+    constructor(payloadElement: HTMLElement, config?: {
+        expand?: boolean;
+    });
+    render(): HTMLElement;
+    init(): void;
+    private handleClick;
+    private toggleExpand;
+    private toggleButton;
+    removeElement(collapseId: string, type: string): void;
+    setElement(newElement: HTMLElement): void;
+    setExpand(expand: boolean): void;
+    destroy(): void;
+}

package/lib/atwinui/components/toolbar/collapse.js

@@ -0,0 +1,62 @@
+import { COLLAPSE } from "../../../types";
+export class Collapse {
+    constructor(payloadElement, config) {
+        this.payloadElement = payloadElement;
+        this.isExpand = config === null || config === void 0 ? void 0 : config.expand;
+    }
+    render() {
+        const container = document.createElement('div');
+        container.setAttribute('id', 'at-collapse');
+        container.setAttribute('data-cy', 'at-collapse');
+        container.innerHTML = `
+      <div class="at_collapsible_container">
+        <div class="at_collapsible_section"></div>
+      </div>
+    `;
+        const section = container.querySelector('.at_collapsible_section');
+        section.innerHTML = '';
+        section.appendChild(this.payloadElement);
+        return container;
+    }
+    init() {
+        this.buttons = document.querySelectorAll(`[id*="${COLLAPSE.TOGGLE_ID}"]`);
+        this.contents = document.querySelectorAll(`[id*="${COLLAPSE.CONTENT_ID}"]`);
+        this.buttons.forEach((button, index) => {
+            if (this.isExpand) {
+                this.toggleExpand(this.contents[index]);
+            }
+            button.addEventListener('click', this.handleClick(index));
+        });
+    }
+    handleClick(index) {
+        return (e) => {
+            const target = e.currentTarget;
+            this.toggleExpand(this.contents[index]);
+            this.toggleButton(target);
+        };
+    }
+    toggleExpand(content) {
+        content.classList.toggle(COLLAPSE.EXPAND);
+    }
+    toggleButton(button) {
+        button.classList.toggle(COLLAPSE.ACTIVE);
+    }
+    removeElement(collapseId, type) {
+        const targetElement = document.getElementById(`at-collapsible-${type}-${collapseId}`);
+        if (targetElement) {
+            targetElement.remove();
+        }
+    }
+    setElement(newElement) {
+        this.payloadElement = newElement;
+    }
+    setExpand(expand) {
+        this.isExpand = expand;
+    }
+    destroy() {
+        var _a;
+        (_a = this.buttons) === null || _a === void 0 ? void 0 : _a.forEach((button, index) => {
+            button.removeEventListener('click', this.handleClick(index));
+        });
+    }
+}

package/lib/atwinui/components/toolbar/i18n.js

@@ -166,7 +166,32 @@ i18n
                 "PleaseWaitTagPlacement": "Please wait for the current tag to be placed before placing a new one",
                 "RotateMinimap": "Rotate Minimap",
                 "General Settings": "General Settings",
-                "UploadImage": "Upload Image"
+                "UploadImage": "Upload Image",
+                "Pipes": "Pipes",
+                "SelectPipeType": "Select Pipe Type",
+                "AddPipeType": "Add Pipe Type",
+                "EditPipeType": "Edit Pipe Type",
+                "PipeTypeName": "Pipe Type Name",
+                "CategoryColor": "Category Color",
+                "NoPipesToDisplay": "No pipes to display",
+                "DrawPipe": "Draw Pipe",
+                "NoVertexToDisplay": "No vertex to display",
+                "NoPipesTypeToDisplay": "No pipe types to display",
+                "DrawingModeIsActive": "Drawing mode is active",
+                "SuccessfullyPipeSaved": "Pipe saved successfully",
+                "SaveTheCurrentPipeBeforeProceeding": "Save the current pipe before proceeding.",
+                "CategorySuccessfullySaved": "Category saved successfully",
+                "PipeSuccessfullyDeleted": "Pipe deleted successfully",
+                "CannotDrawNoColorSelected": "Cannot draw: No color selected.",
+                "DrawingModeIsNowActive": "Drawing mode is now active.",
+                "DrawingModeIsCurrentlyInactive": "Drawing mode is currently inactive.",
+                "DeletePipeCategory": "Delete pipe category",
+                "VertexDeletedSuccessfully": "Vertex deleted successfully",
+                "PipeCategoryDeletedSuccessfully": "Pipe category deleted successfully",
+                "ConfirmDeletePipeCategory": "Are you sure you want to delete this pipe category?",
+                "DeletePipe": "Delete pipe",
+                "ConfirmDeletePipe": "Are you sure you want to delete this pipe?",
+                "AllCategory": "All Category"
             }
         },
         ja: {
@@ -332,7 +357,32 @@ i18n
                 "Due to restrictions, original minimap is unavailable in password protected spaces. Please select and setup a custom minimap instead.": "制限事項により、パスワードで保護されたスペースではオリジナルのミニマップはご利用いただけません。代わりにカスタムミニマップを選択して設定してください。",
                 "RotateMinimap": "ミニマップの回転",
                 "Search...": "検索...",
-                "UploadImage": "画像をアップロード"
+                "UploadImage": "画像をアップロード",
+                "Pipes": "配管",
+                "SelectPipeType": "配管種別選択",
+                "AddPipeType": "配管種別を追加",
+                "EditPipeType": "配管種別を編集",
+                "PipeTypeName": "改版種別名",
+                "CategoryColor": "配管色",
+                "NoPipesToDisplay": "表示する快感がありません",
+                "DrawPipe": "配管を描画",
+                "NoVertexToDisplay": "表示する頂点がありません",
+                "NoPipesTypeToDisplay": "表示する配管種別がありません",
+                "DrawingModeIsActive": "描画モードが適応中",
+                "PipeSavedSuccessfully": "配管を保存しました",
+                "SaveTheCurrentPipeBeforeProceeding": "現在描画している配管を保存してから進めてください",
+                "CategorySuccessfullySaved": "カテゴリを正常に保存しました",
+                "PipeDeletedSuccessfully": "配管が正常に削除されました",
+                "CannotDrawNoColorSelected": "描画不可：色を選択していません",
+                "DrawingModeIsNowActive": "描画モードが現在有効です",
+                "DrawingModeIsCurrentlyInactive": "描画モードは現在無効です",
+                "DeletePipeCategory": "配管種別を削除",
+                "VertexDeletedSuccessfully": "頂点が正常に削除されました",
+                "PipeCategoryDeletedSuccessfully": "配管種別が正常に削除されました",
+                "ConfirmDeletePipeCategory": "この配管種別を削除してもよろしいですか？",
+                "DeletePipe": "配管を削除",
+                "ConfirmDeletePipe": "この快感を削除してもよろしいですか？",
+                "AllCategory": "「すべてのカテゴリ」"
             }
         }
     },

package/lib/atwinui/components/toolbar/index.js

@@ -23,8 +23,12 @@ import { renderRoomTreePane } from "./spacePartition/roomTreePane";
 import { renderRoomFormPane } from "./spacePartition/roomFormPane";
 import { renderBasepointCalibratePane } from "./basepointCalibratePane";
 import { renderGeneralSettingsMenu } from "./generalSettingsMenuPane";
+import { PipeList } from "./pipeListPane";
+import { PipeForm } from "./pipeFormPane";
+const pipeList = new PipeList();
+const pipeForm = new PipeForm();
 let iFrame, sidebarContainer;
-let menuBar, actionBar, objectListPane, addObjectPane, tagListPane, tagFormPane, addMediaScreenForm, libraryPane, tagMessagingPane, themePane, modelControlPane, actionSettingsPane, roomTreePane, roomFormPane, basepointCalibratePane, generalSettingsPane;
+let menuBar, actionBar, objectListPane, addObjectPane, tagListPane, tagFormPane, addMediaScreenForm, libraryPane, tagMessagingPane, themePane, modelControlPane, actionSettingsPane, roomTreePane, roomFormPane, basepointCalibratePane, generalSettingsPane, pipeListPane, pipeFormPane;
 function getIframeElement(iframeId) {
     if (!iframeId || iframeId === '') {
         console.error("IframeId is empty or undefined");
@@ -93,6 +97,8 @@ function renderToolbarUI(payload) {
     actionSettingsPane = renderActionSettingsPane();
     basepointCalibratePane = renderBasepointCalibratePane();
     generalSettingsPane = renderGeneralSettingsMenu();
+    pipeListPane = pipeList.renderPane();
+    pipeFormPane = pipeForm.renderPane();
     renderModal();
     sidebarContainer.appendChild(modelControlPane);
     sidebarContainer.appendChild(basepointCalibratePane);
@@ -109,6 +115,8 @@ function renderToolbarUI(payload) {
     sidebarContainer.appendChild(tagListPane);
     sidebarContainer.appendChild(addMediaScreenForm);
     sidebarContainer.appendChild(generalSettingsPane);
+    sidebarContainer.appendChild(pipeListPane);
+    sidebarContainer.appendChild(pipeFormPane);
     // Place your new pane
     //between these comments
     sidebarContainer.appendChild(menuBar);
@@ -129,6 +137,8 @@ function renderToolbarUI(payload) {
     roomFormPane.style.display = 'none';
     actionSettingsPane.style.display = 'none';
     generalSettingsPane.style.display = 'none';
+    pipeListPane.style.display = 'none';
+    pipeFormPane.style.display = 'none';
     const customTheme = window.localStorage.getItem('customizedTheme');
     if (customTheme && customTheme !== '') {
         console.log("customTheme: ", customTheme);

package/lib/atwinui/components/toolbar/menuBar.d.ts

@@ -5,6 +5,7 @@ export declare let isThemeEnabled: boolean;
 export declare let isRoomCreationEnabled: boolean;
 export declare let isBIMEnabled: boolean;
 export declare let isGeneralSettingsEnabled: boolean;
+export declare let isPipeEnabled: boolean;
 export declare function renderMenuBar(iFrame: HTMLIFrameElement): HTMLDivElement;
 export declare function isAdminUser(): void;
 export declare function setActiveMenu(id: string): void;

package/lib/atwinui/components/toolbar/menuBar.js

@@ -12,6 +12,7 @@ export let isThemeEnabled = true;
 export let isRoomCreationEnabled = true;
 export let isBIMEnabled = true;
 export let isGeneralSettingsEnabled = true;
+export let isPipeEnabled = true;
 export function renderMenuBar(iFrame) {
     const bimImageIcon = getAssetUrl('bim.png');
     if (!iFrame) {
@@ -45,6 +46,10 @@ export function renderMenuBar(iFrame) {
         <span class="mdi mdi-monitor-screenshot" id="at-screenshot-btn" data-cy="at-screenshot-btn"></span>
         <div class="at_icon_tooltip" data-cy="at-tooltip-screenshot">${i18n.t('Screenshot')}</div>
     </div>
+    <div class="at_sidebar_button_icon" style="display:${isPipeEnabled ? 'block' : 'none'}">
+        <span class="mdi mdi-pipe" id="at-pipe-btn" data-cy="at-pipe-btn" target-pane="at-pipe-list-pane"></span>
+        <div class="at_icon_tooltip" data-cy="at-tooltip-pipe">${i18n.t('Pipes')}</div>
+    </div>
     <div class="at_sidebar_button_icon" style="display:${isThemeEnabled ? 'block' : 'none'}">
         <span class="mdi mdi-palette" id="at-theme-picker-btn" data-cy="at-theme-picker-btn" target-pane="at-theme-pane"></span>
         <div class="at_icon_tooltip" data-cy="at-tooltip-theme">${i18n.t('Theme')}</div>
@@ -103,6 +108,11 @@ function setMenuItemsStatus() {
             isGeneralSettingsEnabled = _mpConfig.toolbarConfig.menuItems.generalSetting;
             log.info("__@ isGeneralSettingsEnabled: ", isGeneralSettingsEnabled);
         }
+        // PIPE CONFIG
+        if (menuItems.pipe !== undefined) {
+            isPipeEnabled = _mpConfig.toolbarConfig.menuItems.pipe;
+            log.info("__@ isPipeEnabled: ", isPipeEnabled);
+        }
     }
 }
 export function isAdminUser() {
@@ -125,6 +135,7 @@ export function setActiveMenu(id) {
         case 'at-room-creation-btn':
         case 'at-settings-btn':
         case 'at-general-setting-btn':
+        case 'at-pipe-btn':
             if (parent.classList.contains('at_sidebar_button_icon_active')) {
                 // remove
                 log.info("removing active...");

package/lib/atwinui/components/toolbar/pipeFormPane.d.ts

@@ -0,0 +1,31 @@
+import { IPipeCategory, IPipe } from "../../../types";
+export declare class PipeForm {
+    private category;
+    private mode;
+    private collapse;
+    private readonly colorCategory;
+    constructor();
+    renderPane(): HTMLElement;
+    private createCollapseElement;
+    init(category?: IPipeCategory, pipes?: IPipe[]): Promise<void>;
+    private observeInput;
+    edit(): Promise<void>;
+    private setEditMode;
+    savePipe(): void;
+    private savePiPeEventHandler;
+    setPipeVertices(payload: any): Promise<void>;
+    save(): void;
+    cancel(): void;
+    delete(): void;
+    draw(): void;
+    undoEventHandler(): Promise<void>;
+    redoEventHandler(): void;
+    undo(): void;
+    redo(): void;
+    private setColorListeners;
+    private getDrawButton;
+    populateFormCollapse(categories: any, pipes: any): void;
+    resetInteractionState(): void;
+    setPipeTitle(text: string): void;
+    private renderPipePath;
+}