From 395100eb3ddc6a26da34b99b587daf470f9f9f0b Mon Sep 17 00:00:00 2001
From: NicolasRichel <nicolas@bimdata.io>
Date: Fri, 13 May 2022 16:45:39 +0200
Subject: [PATCH] fix(models-manager): add 'beta' badge to DWG and DXF tabs

---
 .../specific/models/models-manager/ModelsManager.scss | 11 +++++++++++
 .../specific/models/models-manager/ModelsManager.vue  | 11 +++++++----
 .../models-manager-wrapper/ModelsManagerWrapper.scss  |  2 +-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/specific/models/models-manager/ModelsManager.scss b/src/components/specific/models/models-manager/ModelsManager.scss
index 00d135e0a..014ddc4f7 100644
--- 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
index 27861bd05..34b06f4bd 100644
--- 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/src/components/specific/models/models-manager/models-manager-wrapper/ModelsManagerWrapper.scss b/src/components/specific/models/models-manager/models-manager-wrapper/ModelsManagerWrapper.scss
index 5e552a583..93073cccc 100644
--- a/src/components/specific/models/models-manager/models-manager-wrapper/ModelsManagerWrapper.scss
+++ b/src/components/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);
     }