architwin 1.1.4 → 1.1.6

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { SPACE_EVENTS } from "../../../types";
 import { batchAddEventListenerByClassName, toggleDisplayPane } from "../../events";
 import { convertToCssRgb } from "../../../utils";
-import { gotoTag, disposeTag, dispatchSpaceEvent, _tags, getUserAssignedCategories } from "../../../architwin";
+import { gotoTag, disposeTag, dispatchSpaceEvent, _tags, getUserAssignedCategories, _mpConfig } from "../../../architwin";
 import { initFormData, toggleDropdown } from "./tagFormPane";
 import { toggleModal, setModalAction } from "./modal";
 import { Notyf } from 'notyf';
@@ -68,7 +68,7 @@ export function renderTagListPane() {
             <table id="at-tag-list-container">
             </table>
         </div>
-        <div class="at_button_row at_justify_end">
+        <div class="at_button_row at_justify_end ${_mpConfig.restrictionConfig.isReadOnlyMode ? 'at_disabled' : ''}">
             <div class="at_button at_ghost" id="at-add-tag-btn" data-cy="at-add-tag-btn" target-pane="at-tag-form-pane">
                 ${i18n.t('AddTag')}
                 <span class="mdi mdi-plus-circle-outline"></span>
@@ -106,6 +106,8 @@ export function isTagPartOfCategory(categoryUUID) {
 export function renderTags(tags, showOwnTagsOnly = false) {
     console.log("renderTags");
     const tagContainer = document.getElementById('at-tag-list-container');
+    // get value from mp config
+    const isReadOnly = _mpConfig.restrictionConfig.isReadOnlyMode;
     if (!tagContainer) {
         console.error("Tag container does not exist in DOM");
         return;
@@ -217,6 +219,8 @@ export function renderTagRow(tag) {
     element.classList.add('at_tag_row'); //this class is not defined and I only use it as an identifier for attaching events
     element.setAttribute('id', `at-tag-row-${tag.id}`);
     // element.setAttribute('tag-id',tag.json_data.id) 
+    // get read only value from mpconfig
+    const isReadOnly = _mpConfig.restrictionConfig.isReadOnlyMode;
     element.innerHTML = `
         <td>
             <div class="at_colored-indicator" style="background-color:${convertToCssRgb(tag.color)}"></div>
@@ -225,10 +229,10 @@ export function renderTagRow(tag) {
             <span>${tag.label}</span>
         </td>
         <td class="at_table_button_row">
-            <span class="mdi mdi-pencil at_edit_tag_btn" id="at-edit-tag-${tag.id}" data-cy="at-edit-tag-${tag.id}" tag-id="${tag.id}" target-pane="at-tag-form-pane"></span>
-            <span class="mdi mdi-content-copy at_copy_tag_btn"  id="at-copy-tag-${tag.id}" data-cy="at-copy-tag-${tag.id}" tag-id="${tag.id}"></span>
+            <span class="mdi mdi-pencil at_edit_tag_btn ${isReadOnly ? 'at_disabled' : ''} id="at-edit-tag-${tag.id}" data-cy="at-edit-tag-${tag.id}" tag-id="${tag.id}" target-pane="at-tag-form-pane"></span>
+            <span class="mdi mdi-content-copy at_copy_tag_btn ${isReadOnly ? 'at_disabled' : ''} id="at-edit-tag-${tag.id}""  id="at-copy-tag-${tag.id}" data-cy="at-copy-tag-${tag.id}" tag-id="${tag.id}"></span>
             <span class="mdi mdi-message at_message_tag_btn" id="at-message-tag-${tag.id}" data-cy="at-message-tag-${tag.id}" tag-id="${tag.id}" target-pane="at-tag-messaging-pane"></span>
-            <span class="mdi mdi-trash-can-outline at_delete_tag_btn"  id="at-delete-tag-${tag.id}" data-cy="at-delete-tag-${tag.id}" tag-id="${tag.id}"></span>
+            <span class="mdi mdi-trash-can-outline at_delete_tag_btn ${isReadOnly ? 'at_disabled' : ''} id="at-edit-tag-${tag.id}"  id="at-delete-tag-${tag.id}" data-cy="at-delete-tag-${tag.id}" tag-id="${tag.id}"></span>
         </td>
     `;
     return element;

package/lib/types.d.ts

@@ -40,6 +40,7 @@ export interface ITagCategory {
         color: ITagColor;
         icon?: string;
         iconUrl?: string;
+        isReadOnly?: boolean;
     };
     subcategories: Array<ITagCategory>;
 }
@@ -129,10 +130,14 @@ export interface IMPConfig {
         meetSdkKey?: string;
         meetSecretKey?: string;
         avatartwinKey?: string;
+        appName?: string;
     };
     debug?: {
         logLevel: string;
     };
+    restrictionConfig?: {
+        isReadOnlyMode?: boolean;
+    };
 }
 export interface IMapConfig {
     mapId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",

package/static/atwinui.css

@@ -933,4 +933,8 @@
     margin: 6px 6px 0px 6px !important;
     gap: 0px !important;
     padding: 10px 10px 5px 10px !important;
+  }
+
+  .at_disabled {
+    pointer-events: none;
   }