fix(models-manager): add 'beta' badge to DWG and DXF tabs

bimdata · May 13, 2022 · 395100e · 395100e
1 parent bc762dd
commit 395100e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/src/components/specific/models/models-manager/ModelsManager.scss b/src/components/specific/models/models-manager/ModelsManager.scss
@@ -35,6 +35,17 @@
       height: 22px;
     }
 
+    .beta-badge {
+      height: 18px;
+      // margin-left: 6px;
+      padding: 2px 7px;
+      border-radius: 9px;
+      font-size: 10px;
+      font-weight: bold;
+      background-color: var(--color-secondary);
+      color: var(--color-primary);
+    }
+
     &__count {
       min-width: 18px;
       height: 18px;

diff --git a/src/components/specific/models/models-manager/ModelsManager.vue b/src/components/specific/models/models-manager/ModelsManager.vue
@@ -14,6 +14,9 @@
           <span class="models-manager__tab__text">
             {{ tab.label }}
           </span>
+          <span v-if="tab.id === 'dwg' || tab.id === 'dxf'" class="beta-badge">
+            BETA
+          </span>
           <span class="models-manager__tab__count" v-if="tab.models.length > 0">
             {{ tab.models.length }}
           </span>
@@ -77,28 +80,28 @@ import PDFManager from "./pdf-manager/PDFManager.vue";
 
 const tabsDef = [
   {
-    id: "tab0",
+    id: "ifc",
     label: "IFC",
     icon: "/static/ifc-file.svg",
     modelTypes: [MODEL_TYPE.IFC],
     component: "IFCManager"
   },
   {
-    id: "tab1",
+    id: "dwg",
     label: "DWG",
     icon: "/static/dwg-file.svg",
     modelTypes: [MODEL_TYPE.DWG],
     component: "DWGManager"
   },
   {
-    id: "tab2",
+    id: "dxf",
     label: "DXF",
     icon: "/static/dxf-file.svg",
     modelTypes: [MODEL_TYPE.DXF],
     component: "DWGManager"
   },
   {
-    id: "tab3",
+    id: "pdf",
     label: "PDF",
     icon: "/static/pdf-file.svg",
     modelTypes: [MODEL_TYPE.PDF, MODEL_TYPE.META_BUILDING],

diff --git a/...omponents/specific/models/models-manager/models-manager-wrapper/ModelsManagerWrapper.scss b/...omponents/specific/models/models-manager/models-manager-wrapper/ModelsManagerWrapper.scss
@@ -3,7 +3,7 @@
   width: 100%;
   height: 100%;
 
-  &:deep() {
+  :deep(.bimdata-tabs) {
     .bimdata-tabs__container__tab {
       margin: 0 calc(var(--spacing-unit) * 3);
     }