From 1b02b8496bce73d3e3cd8f84407b13b114bace75 Mon Sep 17 00:00:00 2001
From: Nicolas Richel <nicolas@bimdata.io>
Date: Thu, 21 Nov 2024 10:03:44 +0100
Subject: [PATCH] MINOR: feat: photosphere building maker (#10)

---
 index.js                                      |   1 +
 .../BIMDataBuildingMaker.vue                  |  16 +-
 .../BuildingForm/BuildingForm.vue             |  17 +-
 .../BuildingView.vue}                         |  22 +-
 .../StoreyForm/StoreyForm.vue                 |   4 +-
 .../StoreysTree/StoreyNode.vue                |   2 +-
 .../StoreysTree/StoreyPlans.vue               |   0
 .../StoreysTree/StoreysTree.vue               |   2 +-
 .../BuildingsList/BuildingItem.vue            |   4 +-
 .../BuildingsList/BuildingsList.vue           |   2 +-
 src/BIMDataBuildingMaker/config.js            |   6 +
 src/BIMDataBuildingMaker/service.js           |  27 +-
 .../components/FileCard.vue                   |   8 +-
 .../components/PdfPageSelector.vue            |   4 +-
 .../components/modals/DeleteModal.vue         |   4 +-
 .../components/modals/RenameModal.vue         |   6 +-
 .../components/newFolder/NewFolderForm.vue    |   4 +-
 .../StructureView/StructureView.vue           |   2 +-
 .../meta-building-structure.js                |  50 ++--
 .../BIMDataPhotosphereBuildingMaker.vue       | 154 +++++++++++
 .../PhotosphereBuildingView.vue               | 252 ++++++++++++++++++
 .../StructureTreeNodes/GenericTreeNode.vue    |  42 +++
 .../StructureTreeNodes/PlanNode.vue           |  42 +++
 .../StructureTreeNodes/StoreyNode.vue         |  91 +++++++
 .../StructureTreeNodes/StructureRootNode.vue  |  36 +++
 .../StructureTreeNodes/ZoneNode.vue           |  21 ++
 .../photosphere-building-maker.js             |  48 ++++
 src/i18n/lang/de.json                         |   2 +-
 src/i18n/lang/en.json                         |  51 ++--
 src/i18n/lang/es.json                         |   2 +-
 src/i18n/lang/fr.json                         |  49 ++--
 src/i18n/lang/it.json                         |   2 +-
 32 files changed, 842 insertions(+), 131 deletions(-)
 rename src/BIMDataBuildingMaker/{BuildingStoreys/BuildingStoreys.vue => BuildingView/BuildingView.vue} (91%)
 rename src/BIMDataBuildingMaker/{BuildingStoreys => BuildingView}/StoreyForm/StoreyForm.vue (95%)
 rename src/BIMDataBuildingMaker/{BuildingStoreys => BuildingView}/StoreysTree/StoreyNode.vue (98%)
 rename src/BIMDataBuildingMaker/{BuildingStoreys => BuildingView}/StoreysTree/StoreyPlans.vue (100%)
 rename src/BIMDataBuildingMaker/{BuildingStoreys => BuildingView}/StoreysTree/StoreysTree.vue (97%)
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/BIMDataPhotosphereBuildingMaker.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/PhotosphereBuildingView/PhotosphereBuildingView.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/GenericTreeNode.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/PlanNode.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StoreyNode.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StructureRootNode.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/ZoneNode.vue
 create mode 100644 src/BIMDataPhotosphereBuildingMaker/photosphere-building-maker.js

diff --git a/index.js b/index.js
index 0db348e..0b65f67 100644
--- a/index.js
+++ b/index.js
@@ -5,4 +5,5 @@ export { default as BIMDataMetaBuildingStructure } from "./src/BIMDataMetaBuildi
 export { default as BIMDataModelPreview } from "./src/BIMDataModelPreview/BIMDataModelPreview.vue";
 export { default as BIMDataPDFViewer } from "./src/BIMDataPDFViewer/BIMDataPDFViewer.vue";
 export { default as BIMDataPhotosphereBuilding } from "./src/BIMDataPhotosphereBuilding/BIMDataPhotosphereBuilding.vue";
+export { default as BIMDataPhotosphereBuildingMaker } from "./src/BIMDataPhotosphereBuildingMaker/BIMDataPhotosphereBuildingMaker.vue";
 export { default as BIMDataSafeZoneModal } from "./src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
diff --git a/src/BIMDataBuildingMaker/BIMDataBuildingMaker.vue b/src/BIMDataBuildingMaker/BIMDataBuildingMaker.vue
index c38d048..470dbf3 100644
--- a/src/BIMDataBuildingMaker/BIMDataBuildingMaker.vue
+++ b/src/BIMDataBuildingMaker/BIMDataBuildingMaker.vue
@@ -5,7 +5,7 @@ import { createService } from "./service.js";
 // Components
 import BuildingForm from "./BuildingForm/BuildingForm.vue";
 import BuildingsList from "./BuildingsList/BuildingsList.vue";
-import BuildingStoreys from "./BuildingStoreys/BuildingStoreys.vue";
+import BuildingView from "./BuildingView/BuildingView.vue";
 
 const props = defineProps({
   apiClient: {
@@ -102,21 +102,15 @@ onMounted(() => loadMetaBuildings());
         :disabled="loading.value"
         @click="back"
       >
-        <BIMDataIconArrow
-          size="xxs"
-          margin="0 6px 0 0"
-        />
-        <span>{{ $t("BuildingMaker.back") }}</span>
+        <BIMDataIconArrow size="xxs" margin="0 6px 0 0" />
+        <span>{{ $t("BIMDataComponents.t.back") }}</span>
       </BIMDataButton>
       <img :src="icon" />
       <span>{{ $t("BuildingMaker.title") }}</span>
     </div>
 
     <div class="bimdata-building-maker__body">
-      <transition
-        name="fade"
-        mode="out-in"
-      >
+      <transition name="fade" mode="out-in">
         <template v-if="currentView === VIEWS.FORM">
           <BuildingForm
             :metaBuilding="currentMetaBuilding"
@@ -126,7 +120,7 @@ onMounted(() => loadMetaBuildings());
         </template>
 
         <template v-else-if="currentView === VIEWS.VIEW && currentMetaBuilding">
-          <BuildingStoreys
+          <BuildingView
             :apiClient="apiClient"
             :space="space"
             :project="project"
diff --git a/src/BIMDataBuildingMaker/BuildingForm/BuildingForm.vue b/src/BIMDataBuildingMaker/BuildingForm/BuildingForm.vue
index aabae7c..d5c9162 100644
--- a/src/BIMDataBuildingMaker/BuildingForm/BuildingForm.vue
+++ b/src/BIMDataBuildingMaker/BuildingForm/BuildingForm.vue
@@ -1,9 +1,14 @@
 <script setup>
 import { inject, onMounted, ref, watch } from "vue";
+import { BUILDING_TYPES } from "../config.js";
 import icon from "../icon.svg";
 
 const props = defineProps({
-    metaBuilding: {
+  type: {
+    type: String,
+    default: BUILDING_TYPES.METABUILDING
+  },
+  metaBuilding: {
     type: Object,
   },
 });
@@ -42,7 +47,11 @@ const submit = async () => {
     newBuilding = await service.updateMetaBuilding(newBuilding);
     emit("metaBuilding-updated", newBuilding);
   } else {
-    newBuilding = await service.createMetaBuilding(newBuilding);
+    if (props.type === BUILDING_TYPES.PHOTOSPHERE_BUILDING) {
+      newBuilding = await service.createPhotosphereBuilding(newBuilding);
+    } else {
+      newBuilding = await service.createMetaBuilding(newBuilding);
+    }
     emit("metaBuilding-created", newBuilding);
   }
 };
@@ -55,7 +64,7 @@ const submit = async () => {
       {{ $t("BuildingMaker.title") }}
     </h2>
     <div class="building-form__text">
-      {{ $t("BuildingMaker.form.text") }}
+      {{ $t("BuildingMaker.list.text") }}
     </div>
     <div class="building-form__controls">
       <BIMDataInput
@@ -67,7 +76,7 @@ const submit = async () => {
         @keyup.enter.stop="submit"
       />
       <BIMDataButton width="120px" color="primary" fill radius @click="submit">
-        {{ $t(`BuildingMaker.form.${metaBuilding ? 'updateButton' : 'createButton'}`) }}
+        {{ $t(`BIMDataComponents.t.${metaBuilding ? 'validate' : 'create'}`) }}
       </BIMDataButton>
     </div>
   </div>
diff --git a/src/BIMDataBuildingMaker/BuildingStoreys/BuildingStoreys.vue b/src/BIMDataBuildingMaker/BuildingView/BuildingView.vue
similarity index 91%
rename from src/BIMDataBuildingMaker/BuildingStoreys/BuildingStoreys.vue
rename to src/BIMDataBuildingMaker/BuildingView/BuildingView.vue
index f8039fe..b1e5942 100644
--- a/src/BIMDataBuildingMaker/BuildingStoreys/BuildingStoreys.vue
+++ b/src/BIMDataBuildingMaker/BuildingView/BuildingView.vue
@@ -82,7 +82,7 @@ const openFileManager = storey => {
 };
 
 const closeFileManager = async () => {
-  let docs = [], pdfs = [];
+  const docs = [], pdfs = [];
   for (const { document, pdfPage } of selectedFiles.value) {
     if (pdfPage) {
       pdfs.push(pdfPage);
@@ -115,11 +115,11 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="building-storeys">
+  <div class="building-view">
     <transition name="fade" mode="out-in">
       <div class="content" v-if="isOpenDMS && apiUrl && accessToken && currentStorey">
         <BIMDataFileManager
-          class="building-storeys__dms"
+          class="building-view__dms"
           :spaceId="space.id"
           :projectId="project.id"
           :apiUrl="apiUrl"
@@ -140,12 +140,12 @@ onMounted(() => {
           radius
           @click="closeFileManager"
         >
-          {{ $t("BuildingMaker.view.submitFilesButton") }}
+          {{ $t("BIMDataComponents.t.validate") }}
         </BIMDataButton>
       </div>
 
       <div class="content" v-else>
-        <div class="building-storeys__tree">
+        <div class="building-view__tree">
           <StoreysTree
             :metaBuilding="metaBuilding"
             :storeys="storeys"
@@ -163,13 +163,13 @@ onMounted(() => {
           radius
           @click="$emit('close')"
         >
-          {{ $t("BuildingMaker.view.closeButton") }}
+          {{ $t("BIMDataComponents.t.finish") }}
         </BIMDataButton>
 
         <transition name="fade">
           <StoreyForm
             v-if="isOpenForm"
-            class="building-storeys__form"
+            class="building-view__form"
             :storey="currentStorey"
             @create-storey="createStorey"
             @update-storey="updateStorey"
@@ -182,7 +182,7 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.building-storeys {
+.building-view {
   height: 100%;
 
   .content {
@@ -192,13 +192,13 @@ onMounted(() => {
     flex-direction: column;
   }
 
-  .building-storeys__tree,
-  .building-storeys__dms {
+  .building-view__tree,
+  .building-view__dms {
     flex-grow: 1;
     overflow-y: auto;
   }
 
-  .building-storeys__form {
+  .building-view__form {
     position: absolute;
     top: calc(var(--spacing-unit) * 2);
     left: 0;
diff --git a/src/BIMDataBuildingMaker/BuildingStoreys/StoreyForm/StoreyForm.vue b/src/BIMDataBuildingMaker/BuildingView/StoreyForm/StoreyForm.vue
similarity index 95%
rename from src/BIMDataBuildingMaker/BuildingStoreys/StoreyForm/StoreyForm.vue
rename to src/BIMDataBuildingMaker/BuildingView/StoreyForm/StoreyForm.vue
index b5d161f..e2e9d4c 100644
--- a/src/BIMDataBuildingMaker/BuildingStoreys/StoreyForm/StoreyForm.vue
+++ b/src/BIMDataBuildingMaker/BuildingView/StoreyForm/StoreyForm.vue
@@ -70,10 +70,10 @@ const cancel = () => {
     </div>
     <div class="storey-form__actions">
       <BIMDataButton width="100px" color="primary" fill radius @click="submit">
-        {{ $t("BuildingMaker.storeyForm.submitButton") }}
+        {{ $t("BIMDataComponents.t.validate") }}
       </BIMDataButton>
       <BIMDataButton width="100px" fill radius @click="cancel">
-        {{ $t("BuildingMaker.storeyForm.cancelButton") }}
+        {{ $t("BIMDataComponents.t.cancel") }}
       </BIMDataButton>
     </div>
   </div>
diff --git a/src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreyNode.vue b/src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreyNode.vue
similarity index 98%
rename from src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreyNode.vue
rename to src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreyNode.vue
index 1b11bce..428d48f 100644
--- a/src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreyNode.vue
+++ b/src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreyNode.vue
@@ -56,7 +56,7 @@ const isOpenAction = ref(false);
             radius
             @click="$emit('add-plans', storey)"
           >
-            {{ $t("BuildingMaker.view.addFileButton") }}
+            {{ $t("BuildingMaker.view.addPlan") }}
           </BIMDataButton>
         </div>
       </Transition>
diff --git a/src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreyPlans.vue b/src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreyPlans.vue
similarity index 100%
rename from src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreyPlans.vue
rename to src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreyPlans.vue
diff --git a/src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreysTree.vue b/src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreysTree.vue
similarity index 97%
rename from src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreysTree.vue
rename to src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreysTree.vue
index 7592655..48f94d5 100644
--- a/src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreysTree.vue
+++ b/src/BIMDataBuildingMaker/BuildingView/StoreysTree/StoreysTree.vue
@@ -71,7 +71,7 @@ const isOpenAction = ref(false);
           </BIMDataButton>
 
           <BIMDataButton width="100px" fill radius @click="$emit('create')">
-            + {{ $t("BuildingMaker.view.addStoreyButton") }}
+            {{ $t("BuildingMaker.view.addStorey") }}
           </BIMDataButton>
         </div>
       </Transition>
diff --git a/src/BIMDataBuildingMaker/BuildingsList/BuildingItem.vue b/src/BIMDataBuildingMaker/BuildingsList/BuildingItem.vue
index e68443a..452ac5e 100644
--- a/src/BIMDataBuildingMaker/BuildingsList/BuildingItem.vue
+++ b/src/BIMDataBuildingMaker/BuildingsList/BuildingItem.vue
@@ -40,7 +40,7 @@ const isOpenAction = ref(false);
             square
             @click="$emit('update-metaBuilding', metaBuilding)"
           >
-            {{ $t("BuildingMaker.list.updateButton") }}
+            {{ $t("BIMDataComponents.t.rename") }}
           </BIMDataButton>
           <BIMDataButton
             color="high"
@@ -48,7 +48,7 @@ const isOpenAction = ref(false);
             square
             @click="$emit('delete-metaBuilding', metaBuilding)"
           >
-            {{ $t("BuildingMaker.list.deleteButton") }}
+            {{ $t("BIMDataComponents.t.delete") }}
           </BIMDataButton>
         </div>
       </transition>
diff --git a/src/BIMDataBuildingMaker/BuildingsList/BuildingsList.vue b/src/BIMDataBuildingMaker/BuildingsList/BuildingsList.vue
index c77f514..9bb287c 100644
--- a/src/BIMDataBuildingMaker/BuildingsList/BuildingsList.vue
+++ b/src/BIMDataBuildingMaker/BuildingsList/BuildingsList.vue
@@ -36,7 +36,7 @@ defineEmits([
       radius
       @click="$emit('create-metaBuilding')"
     >
-      {{ $t("BuildingMaker.list.createButton") }}
+      {{ $t("BuildingMaker.list.new") }}
     </BIMDataButton>
 
     <div class="buildings-list__list">
diff --git a/src/BIMDataBuildingMaker/config.js b/src/BIMDataBuildingMaker/config.js
index 16c2eed..fa381f8 100644
--- a/src/BIMDataBuildingMaker/config.js
+++ b/src/BIMDataBuildingMaker/config.js
@@ -1,5 +1,11 @@
+const BUILDING_TYPES = {
+  METABUILDING: "METABUILDING",
+  PHOTOSPHERE_BUILDING: "PHOTOSPHERE_BUILDING",
+};
+
 const PLAN_FILE_EXTENSIONS = Object.freeze(["jpeg", "jpg", "pdf", "png"]);
 
 export {
+  BUILDING_TYPES,
   PLAN_FILE_EXTENSIONS,
 };
diff --git a/src/BIMDataBuildingMaker/service.js b/src/BIMDataBuildingMaker/service.js
index 237cd96..14e35d2 100644
--- a/src/BIMDataBuildingMaker/service.js
+++ b/src/BIMDataBuildingMaker/service.js
@@ -3,6 +3,8 @@ function createService(apiClient, space, project) {
   const projectId = project.id;
   const modelApi = apiClient.modelApi;
 
+  // ---
+
   function fetchMetaBuildings() {
     return modelApi.getModels(
       spaceId,
@@ -27,10 +29,30 @@ function createService(apiClient, space, project) {
 
   // ---
 
-  async function fetchStoreys(model) {
+  function fetchPhotosphereBuildings() {
+    return modelApi.getModels(
+      spaceId,
+      projectId,
+      undefined, // source
+      undefined, // status
+      "PHOTOSPHERE_BUILDING" // type
+    );
+  }
+
+  function createPhotosphereBuilding(model) {
+    return modelApi.createPhotosphereBuilding(spaceId, projectId, model);
+  }
+
+  // ---
+
+  function fetchStoreys(model) {
     return modelApi.getStoreys(spaceId, model.id, projectId);
   }
 
+  function fetchZones(model) {
+    return modelApi.getZones(spaceId, model.id, projectId);
+  }
+
   function createStorey(model, storey) {
     return modelApi.createStorey(
       spaceId,
@@ -108,7 +130,10 @@ function createService(apiClient, space, project) {
     createMetaBuilding,
     updateMetaBuilding,
     deleteMetaBuilding,
+    fetchPhotosphereBuildings,
+    createPhotosphereBuilding,
     fetchStoreys,
+    fetchZones,
     createStorey,
     updateStorey,
     deleteStorey,
diff --git a/src/BIMDataFileManager/components/FileCard.vue b/src/BIMDataFileManager/components/FileCard.vue
index fb16300..e12681c 100644
--- a/src/BIMDataFileManager/components/FileCard.vue
+++ b/src/BIMDataFileManager/components/FileCard.vue
@@ -78,7 +78,7 @@
           width="100%"
           @click.stop="onViewClick"
         >
-          {{ $t("FileManager.view") }}
+          {{ $t("BIMDataComponents.t.view") }}
         </BIMDataButton>
         <BIMDataButton
           color="default"
@@ -87,7 +87,7 @@
           width="100%"
           @click.stop="onRenameClick"
         >
-          {{ $t("FileManager.rename") }}
+          {{ $t("BIMDataComponents.t.rename") }}
         </BIMDataButton>
         <BIMDataButton
           color="default"
@@ -96,7 +96,7 @@
           width="100%"
           @click.stop="onDownloadClick"
         >
-          {{ $t("FileManager.download") }}
+          {{ $t("BIMDataComponents.t.download") }}
         </BIMDataButton>
         <BIMDataButton
           v-if="writeAccess"
@@ -106,7 +106,7 @@
           width="100%"
           @click.stop="onDeleteClick"
         >
-          {{ $t("FileManager.delete") }}
+          {{ $t("BIMDataComponents.t.delete") }}
         </BIMDataButton>
       </div>
       <div class="file-card__content__footer">
diff --git a/src/BIMDataFileManager/components/PdfPageSelector.vue b/src/BIMDataFileManager/components/PdfPageSelector.vue
index 124c3e5..e55f18e 100644
--- a/src/BIMDataFileManager/components/PdfPageSelector.vue
+++ b/src/BIMDataFileManager/components/PdfPageSelector.vue
@@ -4,7 +4,7 @@
       <BIMDataButton ghost radius @click="$emit('close')">
         <BIMDataIconArrow size="xxs" />
         <span style="margin-left: 6px">
-          {{ $t("FileManager.back") }}
+          {{ $t("BIMDataComponents.t.back") }}
         </span>
       </BIMDataButton>
       <span class="title">
@@ -54,7 +54,7 @@
         radius
         @click="$emit('select', selectedPage)"
       >
-        {{ $t("FileManager.validate") }}
+        {{ $t("BIMDataComponents.t.validate") }}
       </BIMDataButton>
     </div>
   </div>
diff --git a/src/BIMDataFileManager/components/modals/DeleteModal.vue b/src/BIMDataFileManager/components/modals/DeleteModal.vue
index 298d473..b83ade0 100644
--- a/src/BIMDataFileManager/components/modals/DeleteModal.vue
+++ b/src/BIMDataFileManager/components/modals/DeleteModal.vue
@@ -34,7 +34,7 @@
           @click.stop="close"
           :disabled="loading"
         >
-          {{ $t("FileManager.cancel") }}
+          {{ $t("BIMDataComponents.t.cancel") }}
         </BIMDataButton>
         <BIMDataButton
           class="delete-modal__content__btn-submit"
@@ -46,7 +46,7 @@
           :disabled="loading"
         >
           <BIMDataSpinner v-if="loading" />
-          <span v-else>{{ $t("FileManager.delete") }}</span>
+          <span v-else>{{ $t("BIMDataComponents.t.delete") }}</span>
         </BIMDataButton>
       </div>
     </div>
diff --git a/src/BIMDataFileManager/components/modals/RenameModal.vue b/src/BIMDataFileManager/components/modals/RenameModal.vue
index 5183d36..389b1cb 100644
--- a/src/BIMDataFileManager/components/modals/RenameModal.vue
+++ b/src/BIMDataFileManager/components/modals/RenameModal.vue
@@ -14,7 +14,7 @@
     </BIMDataButton>
     <div class="rename-modal__content">
       <div class="rename-modal__content__title">
-        {{ $t("FileManager.rename") }}
+        {{ $t("BIMDataComponents.t.rename") }}
       </div>
       <BIMDataInput
         ref="nameInput"
@@ -36,7 +36,7 @@
           radius
           @click.stop="close"
         >
-          {{ $t("FileManager.cancel") }}
+          {{ $t("BIMDataComponents.t.cancel") }}
         </BIMDataButton>
         <BIMDataButton
           class="rename-modal__content__btn-submit"
@@ -46,7 +46,7 @@
           radius
           @click.stop="submit"
         >
-          {{ $t("FileManager.submit") }}
+          {{ $t("BIMDataComponents.t.validate") }}
         </BIMDataButton>
       </div>
     </div>
diff --git a/src/BIMDataFileManager/components/newFolder/NewFolderForm.vue b/src/BIMDataFileManager/components/newFolder/NewFolderForm.vue
index 28672f2..7cb566c 100644
--- a/src/BIMDataFileManager/components/newFolder/NewFolderForm.vue
+++ b/src/BIMDataFileManager/components/newFolder/NewFolderForm.vue
@@ -23,7 +23,7 @@
       radius
       @click.stop="close"
     >
-      {{ $t("FileManager.cancel") }}
+      {{ $t("BIMDataComponents.t.cancel") }}
     </BIMDataButton>
     <BIMDataButton
       class="folder-creation-form__btn-submit"
@@ -33,7 +33,7 @@
       radius
       @click.stop="submit"
     >
-      {{ $t("FileManager.submit") }}
+      {{ $t("BIMDataComponents.t.validate") }}
     </BIMDataButton>
   </div>
 </template>
diff --git a/src/BIMDataMetaBuildingStructure/StructureView/StructureView.vue b/src/BIMDataMetaBuildingStructure/StructureView/StructureView.vue
index c85ebfe..7f65614 100644
--- a/src/BIMDataMetaBuildingStructure/StructureView/StructureView.vue
+++ b/src/BIMDataMetaBuildingStructure/StructureView/StructureView.vue
@@ -57,7 +57,7 @@ const onNodeClick = node => {
     <BIMDataSearch
       width="100%"
       color="primary"
-      :placeholder="$t('MetaBuildingStructure.StructureView.search')"
+      :placeholder="$t('BIMDataComponents.t.search')"
       v-model="searchText"
     />
     <BIMDataTree
diff --git a/src/BIMDataMetaBuildingStructure/meta-building-structure.js b/src/BIMDataMetaBuildingStructure/meta-building-structure.js
index 1a032fc..637fb2f 100644
--- a/src/BIMDataMetaBuildingStructure/meta-building-structure.js
+++ b/src/BIMDataMetaBuildingStructure/meta-building-structure.js
@@ -1,30 +1,5 @@
 import { ref } from "vue";
 
-export function buildStructureTree(storey, zones) {
-  return [
-    {
-      id: 1,
-      text: "Zones",
-      component: "StructureRootNode",
-      children: buildZonesTree(zones),
-    },
-    {
-      id: 2,
-      text: "Plans",
-      component: "StructureRootNode",
-      children: buildPlansTree(storey),
-    }
-  ];
-}
-
-export function buildZonesTree(zones) {
-  return zones.map(zoneNode);
-}
-
-export function buildPlansTree(storey) {
-  return storey?.plans.map(planNode) ?? [];
-}
-
 export function setupTree(tree, parent) {
   if (Array.isArray(tree)) {
     tree = tree.map(t => setupTree(t, parent));
@@ -53,6 +28,31 @@ export function flattenTree(tree) {
   }
 }
 
+export function buildStructureTree(storey, zones) {
+  return [
+    {
+      id: 1,
+      text: "Zones",
+      component: "StructureRootNode",
+      children: buildZonesTree(zones),
+    },
+    {
+      id: 2,
+      text: "Plans",
+      component: "StructureRootNode",
+      children: buildPlansTree(storey),
+    }
+  ];
+}
+
+export function buildZonesTree(zones) {
+  return zones.map(zoneNode);
+}
+
+export function buildPlansTree(storey) {
+  return storey?.plans.map(planNode) ?? [];
+}
+
 const zoneNode = zone => ({
   id: zone.id,
   text: zone.name,
diff --git a/src/BIMDataPhotosphereBuildingMaker/BIMDataPhotosphereBuildingMaker.vue b/src/BIMDataPhotosphereBuildingMaker/BIMDataPhotosphereBuildingMaker.vue
new file mode 100644
index 0000000..bfd9edf
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/BIMDataPhotosphereBuildingMaker.vue
@@ -0,0 +1,154 @@
+<script setup>
+import { onMounted, provide, ref, watch } from "vue";
+import { BUILDING_TYPES } from "../BIMDataBuildingMaker/config.js";
+import icon from "../BIMDataBuildingMaker/icon.svg";
+import { createService } from "../BIMDataBuildingMaker/service.js";
+// Components
+import BuildingForm from "../BIMDataBuildingMaker/BuildingForm/BuildingForm.vue";
+import BuildingsList from "../BIMDataBuildingMaker/BuildingsList/BuildingsList.vue";
+import PhotosphereBuildingView from "./PhotosphereBuildingView/PhotosphereBuildingView.vue";
+
+const props = defineProps({
+  apiClient: {
+    type: Object,
+    required: true,
+  },
+  space: {
+    type: Object,
+    required: true,
+  },
+  project: {
+    type: Object,
+    required: true,
+  },
+  model: {
+    type: Object,
+    default: null,
+  },
+});
+
+const emit = defineEmits([
+  "metaBuilding-created",
+  "metaBuilding-updated",
+  "metaBuilding-deleted",
+]);
+
+const VIEWS = Object.freeze({
+  FORM: "form",
+  LIST: "list",
+  VIEW: "view",
+});
+
+const service = createService(props.apiClient, props.space, props.project);
+const loading = ref(false);
+
+provide("service", service);
+provide("loading", loading);
+
+const currentView = ref(VIEWS.LIST);
+const metaBuildings = ref([]);
+const currentMetaBuilding = ref(null);
+
+const loadMetaBuildings = async () => {
+  loading.value = true;
+  metaBuildings.value = await service.fetchPhotosphereBuildings();
+  loading.value = false;
+};
+const deleteMetaBuilding = async (metaBuilding) => {
+  await service.deleteMetaBuilding(metaBuilding);
+  loadMetaBuildings();
+  emit("metaBuilding-deleted");
+};
+const openForm = (metaBuilding) => {
+  currentMetaBuilding.value = metaBuilding ?? null;
+  currentView.value = VIEWS.FORM;
+};
+const openMetaBuilding = (metaBuilding) => {
+  currentMetaBuilding.value = metaBuilding;
+  currentView.value = VIEWS.VIEW;
+};
+const onMetaBuildingCreated = async (metaBuilding) => {
+  await loadMetaBuildings();
+  openMetaBuilding(metaBuilding);
+  emit("metaBuilding-created");
+};
+const onMetaBuildingUpdated = () => {
+  loadMetaBuildings();
+  currentView.value = VIEWS.LIST;
+  emit("metaBuilding-updated");
+};
+const back = () => {
+  currentView.value = VIEWS.LIST;
+};
+
+watch(
+  () => props.model,
+  model => { if (model) openMetaBuilding(model); },
+  { immediate: true }
+);
+
+onMounted(() => loadMetaBuildings());
+</script>
+
+<template>
+  <div class="bimdata-building-maker">
+    <div
+      class="bimdata-building-maker__header"
+      :style="{ visibility: currentView === VIEWS.LIST ? 'hidden' : 'visible' }"
+    >
+      <BIMDataButton
+        class="bimdata-building-maker__header__btn-back"
+        ghost
+        radius
+        :disabled="loading.value"
+        @click="back"
+      >
+        <BIMDataIconArrow size="xxs" margin="0 6px 0 0" />
+        <span>{{ $t("BIMDataComponents.t.back") }}</span>
+      </BIMDataButton>
+      <img :src="icon" />
+      <span>{{ $t("PhotosphereBuilding.title") }}</span>
+    </div>
+
+    <div class="bimdata-building-maker__body">
+      <transition name="fade" mode="out-in">
+        <template v-if="currentView === VIEWS.FORM">
+          <BuildingForm
+            :type="BUILDING_TYPES.PHOTOSPHERE_BUILDING"
+            :metaBuilding="currentMetaBuilding"
+            @metaBuilding-created="onMetaBuildingCreated"
+            @metaBuilding-updated="onMetaBuildingUpdated"
+          />
+        </template>
+
+        <template v-else-if="currentView === VIEWS.VIEW && currentMetaBuilding">
+          <PhotosphereBuildingView
+            :apiClient="apiClient"
+            :space="space"
+            :project="project"
+            :model="currentMetaBuilding"
+            @close="back"
+          />
+        </template>
+
+        <template v-else>
+          <BuildingsList
+            :metaBuildings="metaBuildings"
+            @open-metaBuilding="openMetaBuilding"
+            @create-metaBuilding="openForm"
+            @update-metaBuilding="openForm"
+            @delete-metaBuilding="deleteMetaBuilding"
+          />
+        </template>
+      </transition>
+    </div>
+
+    <transition name="fade">
+      <div class="bimdata-building-maker__loader" v-show="loading">
+        <BIMDataSpinner />
+      </div>
+    </transition>
+  </div>
+</template>
+
+<style scoped src="../BIMDataBuildingMaker/BIMDataBuildingMaker.css"></style>
diff --git a/src/BIMDataPhotosphereBuildingMaker/PhotosphereBuildingView/PhotosphereBuildingView.vue b/src/BIMDataPhotosphereBuildingMaker/PhotosphereBuildingView/PhotosphereBuildingView.vue
new file mode 100644
index 0000000..d6a8abf
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/PhotosphereBuildingView/PhotosphereBuildingView.vue
@@ -0,0 +1,252 @@
+<script setup>
+import { computed, inject, onMounted, ref } from "vue";
+import { PLAN_FILE_EXTENSIONS } from "../../BIMDataBuildingMaker/config.js";
+import { buildStructureTree, setupTree } from "../photosphere-building-maker.js";
+// Components
+import StoreyForm from "../../BIMDataBuildingMaker/BuildingView/StoreyForm/StoreyForm.vue";
+import PlanNode from "../StructureTreeNodes/PlanNode.vue";
+import StoreyNode from "../StructureTreeNodes/StoreyNode.vue";
+import StructureRootNode from "../StructureTreeNodes/StructureRootNode.vue";
+import ZoneNode from "../StructureTreeNodes/ZoneNode.vue";
+
+defineOptions({
+  components: {
+    PlanNode,
+    StoreyNode,
+    StructureRootNode,
+    ZoneNode,
+  }
+});
+
+const props = defineProps({
+  apiClient: {
+    type: Object,
+    required: true,
+  },
+  space: {
+    type: Object,
+    required: true,
+  },
+  project: {
+    type: Object,
+    required: true,
+  },
+  model: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emit = defineEmits(["close"]);
+
+const service = inject("service");
+const loading = inject("loading");
+
+const apiUrl = ref("");
+const accessToken = ref("");
+
+const isOpenDMS = ref(false);
+const isOpenForm = ref(false);
+
+const storeys = ref([]);
+const currentStorey = ref(null);
+const selectedFiles = ref([]);
+
+const zones = ref([]);
+
+const tree = computed(() => setupTree(buildStructureTree(props.model, storeys.value, zones.value)));
+
+const loadStoreys = async () => {
+  try {
+    loading.value = true;
+    storeys.value = await service.fetchStoreys(props.model);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const loadZones = async () => {
+  try {
+    loading.value = true;
+    zones.value = await service.fetchZones(props.model);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const createStorey = async storey => {
+  await service.createStorey(props.model, storey);
+  loadStoreys();
+};
+
+const updateStorey = async storey => {
+  await service.updateStorey(props.model, storey);
+  loadStoreys();
+};
+
+const deleteStorey = async storey => {
+  await service.deleteStorey(props.model, storey);
+  loadStoreys();
+};
+
+const openForm = storey => {
+  currentStorey.value = storey;
+  isOpenForm.value = true;
+};
+
+const closeForm = () => {
+  currentStorey.value = null;
+  isOpenForm.value = false;
+};
+
+const openFileManager = storey => {
+  apiUrl.value = props.apiClient.config.configuration.basePath;
+  accessToken.value = props.apiClient.accessToken;
+
+  currentStorey.value = storey;
+  isOpenDMS.value = true;
+};
+
+const closeFileManager = async () => {
+  const docs = [], pdfs = [];
+  for (const { document, pdfPage } of selectedFiles.value) {
+    if (pdfPage) {
+      pdfs.push(pdfPage);
+    } else {
+      docs.push(document);
+    }
+  }
+  const planModels = (await service.createPlanModels(docs)).concat(pdfs);
+
+  await service.createStoreyPlans(
+    props.model,
+    currentStorey.value,
+    planModels
+  );
+
+  loadStoreys();
+  selectedFiles.value = [];
+  currentStorey.value = null;
+  isOpenDMS.value = false;
+};
+
+const deleteStoreyPlan = async ({ storey, plan }) => {
+  await service.deleteStoreyPlan(props.model, storey, plan);
+  loadStoreys();
+};
+
+onMounted(() => {
+  loadStoreys();
+  loadZones();
+});
+</script>
+
+<template>
+  <div class="building-view">
+    <transition name="fade" mode="out-in">
+      <div class="content" v-if="isOpenDMS && apiUrl && accessToken && currentStorey">
+        <BIMDataFileManager
+          class="building-view__dms"
+          :spaceId="space.id"
+          :projectId="project.id"
+          :apiUrl="apiUrl"
+          :archiveUrl="''"
+          :accessToken="accessToken"
+          :locale="$i18n.locale"
+          :select="true"
+          :pdfPageSelect="true"
+          :multi="true"
+          :headerButtons="false"
+          :selectableFileTypes="PLAN_FILE_EXTENSIONS"
+          @selection-change="selectedFiles = $event"
+        />
+        <BIMDataButton
+          width="100%"
+          color="primary"
+          fill
+          radius
+          @click="closeFileManager"
+        >
+          {{ $t("BIMDataComponents.t.validate") }}
+        </BIMDataButton>
+      </div>
+
+      <div class="content" v-else>
+        <div class="building-view__tree">
+          <BIMDataTree :data="tree">
+            <template #node="{ node, depth }">
+              <component
+                :is="node.component"
+                :node="node"
+                :depth="depth"
+                @create-storey="openForm"
+                @update-storey="openForm"
+                @delete-storey="deleteStorey"
+                @add-plans="openFileManager"
+                @delete-plan="deleteStoreyPlan"
+              />
+            </template>
+          </BIMDataTree>
+        </div>
+        <BIMDataButton
+          width="100%"
+          color="primary"
+          fill
+          radius
+          @click="$emit('close')"
+        >
+          {{ $t("BIMDataComponents.t.finish") }}
+        </BIMDataButton>
+
+        <transition name="fade">
+          <StoreyForm
+            v-if="isOpenForm"
+            class="building-view__form"
+            :storey="currentStorey"
+            @create-storey="createStorey"
+            @update-storey="updateStorey"
+            @close="closeForm"
+          />
+        </transition>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<style scoped>
+.building-view {
+  height: 100%;
+
+  .content {
+    position: relative;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .building-view__tree,
+  .building-view__dms {
+    flex-grow: 1;
+    overflow-y: auto;
+  }
+
+  .building-view__form {
+    position: absolute;
+    top: calc(var(--spacing-unit) * 3);
+    left: 0;
+    width: 100%;
+  }
+
+  &:deep(.bimdata-file-manager) {
+    position: static;
+
+    .bimdata-file-manager__pdf-page-selector {
+      position: absolute;
+      top: -12px;
+      left: -12px;
+      width: calc(100% + 24px);
+      height: calc(100% + 24px);
+    }
+  }
+}
+</style>
diff --git a/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/GenericTreeNode.vue b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/GenericTreeNode.vue
new file mode 100644
index 0000000..56a35a0
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/GenericTreeNode.vue
@@ -0,0 +1,42 @@
+<script setup>
+const props = defineProps({
+  node: {
+    type: Object,
+    required: true,
+  },
+  depth: {
+    type: Number,
+    required: true,
+  },
+});
+</script>
+
+<template>
+  <div class="generic-tree-node">
+    <slot name="icon"></slot>
+
+    <BIMDataTextbox class="text" :text="node.text" />
+
+    <div class="end">
+      <slot name="end"></slot>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.generic-tree-node {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing-unit) / 2);
+
+  .text {
+    width: 0 !important;
+    flex-grow: 1;
+  }
+
+  .end {
+    margin-left: auto;
+  }
+}
+</style>
diff --git a/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/PlanNode.vue b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/PlanNode.vue
new file mode 100644
index 0000000..a2e0bb6
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/PlanNode.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { computed } from "vue";
+import GenericTreeNode from "./GenericTreeNode.vue";
+
+const props = defineProps({
+  node: {
+    type: Object,
+    required: true,
+  },
+  depth: {
+    type: Number,
+    required: true,
+  },
+});
+
+defineEmits(["delete-plan"]);
+
+const storey = computed(() => props.node.storey);
+const plan = computed(() => props.node.plan);
+</script>
+<template>
+  <GenericTreeNode v-bind="$props">
+    <template #icon>
+      <BIMDataFileIcon
+        :file-name="plan.plan.document?.file_name ?? plan.plan.name"
+        :size="12"
+      />
+    </template>
+
+    <template #end>
+      <BIMDataButton
+        width="24px"
+        height="24px"
+        color="high"
+        ghost rounded icon
+        @click="$emit('delete-plan', { storey, plan })"
+      >
+        <BIMDataIconDelete size="xxs" />
+      </BIMDataButton>
+    </template>
+  </GenericTreeNode>
+</template>
diff --git a/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StoreyNode.vue b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StoreyNode.vue
new file mode 100644
index 0000000..7eca22d
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StoreyNode.vue
@@ -0,0 +1,91 @@
+<script setup>
+import { ref } from "vue";
+import GenericTreeNode from "./GenericTreeNode.vue";
+
+const props = defineProps({
+  node: {
+    type: Object,
+    required: true,
+  },
+  depth: {
+    type: Number,
+    required: true,
+  },
+});
+
+const emit = defineEmits([
+  "add-plans",
+  "delete-storey",
+  "update-storey",
+]);
+
+const menuItems = [
+  {
+    key: 1,
+    text: "BuildingMaker.view.addFile",
+    icon: "plus",
+    action: () => (isOpenMenu.value = false, emit("add-plans", props.node.storey)),
+  },
+  {
+    key: 2,
+    text: "BIMDataComponents.t.rename",
+    icon: "edit",
+    action: () => (isOpenMenu.value = false, emit("update-storey", props.node.storey)),
+    divider: true,
+  },
+  {
+    key: 3,
+    text: "BIMDataComponents.t.delete",
+    icon: "delete",
+    color: "var(--color-high)",
+    action: () => (isOpenMenu.value = false, emit("delete-storey", props.node.storey)),
+  },
+];
+
+const isOpenMenu = ref(false);
+</script>
+
+<template>
+  <GenericTreeNode class="storey-node" v-bind="$props">
+    <template #icon>
+      <BIMDataIconStorey size="xxs" />
+    </template>
+
+    <template #end>
+      <BIMDataButton
+        width="24px"
+        height="24px"
+        color="granite"
+        ghost rounded icon
+        @click="isOpenMenu = !isOpenMenu"
+      >
+        <BIMDataIconEllipsis customSize="24" />
+      </BIMDataButton>
+
+      <transition name="fade">
+        <BIMDataMenu
+          v-show="isOpenMenu"
+          class="storey-node__menu"
+          :menuItems="menuItems"
+          width="180px"
+        >
+          <template #item="{ item }">
+            <BIMDataIcon :name="item.icon" size="xs" margin="0 12px 0 0" />
+            <span>{{ $t(item.text) }}</span>
+          </template>
+        </BIMDataMenu>
+      </transition>
+    </template>
+  </GenericTreeNode>
+</template>
+
+<style scoped>
+.storey-node {
+  .storey-node__menu {
+    position: absolute;
+    z-index: 1;
+    top: 30px;
+    right: calc(var(--spacing-unit) / 2);
+  }
+}
+</style>
diff --git a/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StructureRootNode.vue b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StructureRootNode.vue
new file mode 100644
index 0000000..e6a3fc2
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/StructureRootNode.vue
@@ -0,0 +1,36 @@
+<script setup>
+import GenericTreeNode from "./GenericTreeNode.vue";
+
+defineProps({
+  node: {
+    type: Object,
+    required: true,
+  },
+  depth: {
+    type: Number,
+    required: true,
+  },
+});
+
+defineEmits(["create-storey"]);
+</script>
+
+<template>
+  <GenericTreeNode v-bind="$props">
+    <template #icon>
+      <BIMDataIconBuilding size="xs" />
+    </template>
+
+    <template #end>
+      <BIMDataButton
+        width="23px"
+        height="23px"
+        color="primary"
+        fill radius icon
+        @click="$emit('create-storey')"
+      >
+        <BIMDataIconPlus size="xxs" />
+      </BIMDataButton>
+    </template>
+  </GenericTreeNode>
+</template>
diff --git a/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/ZoneNode.vue b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/ZoneNode.vue
new file mode 100644
index 0000000..710f720
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/StructureTreeNodes/ZoneNode.vue
@@ -0,0 +1,21 @@
+<script setup>
+import GenericTreeNode from "./GenericTreeNode.vue";
+
+defineProps({
+  node: {
+    type: Object,
+    required: true,
+  },
+  depth: {
+    type: Number,
+    required: true,
+  },
+});
+</script>
+<template>
+  <GenericTreeNode v-bind="$props">
+    <template #icon>
+      <BIMDataIconZone2 size="xxs" />
+    </template>
+  </GenericTreeNode>
+</template>
diff --git a/src/BIMDataPhotosphereBuildingMaker/photosphere-building-maker.js b/src/BIMDataPhotosphereBuildingMaker/photosphere-building-maker.js
new file mode 100644
index 0000000..259b6bd
--- /dev/null
+++ b/src/BIMDataPhotosphereBuildingMaker/photosphere-building-maker.js
@@ -0,0 +1,48 @@
+import { ref } from "vue";
+
+export function setupTree(tree, parent) {
+  if (Array.isArray(tree)) {
+    tree = tree.map(t => setupTree(t, parent));
+  } else {
+    tree.expandedRef = ref(true);
+    tree.parent = parent;
+
+    tree.children = tree.children?.map(child => setupTree(child, tree)) ?? [];
+  }
+  return tree;
+}
+
+export function buildStructureTree(model, storeys, zones) {
+  return [
+    {
+      id: 1,
+      text: model.name,
+      component: "StructureRootNode",
+      children: storeys.map(storey => storeyNode(storey, zones)),
+    }
+  ];
+}
+
+const storeyNode = (storey, zones) => ({
+  id: storey.uuid,
+  text: storey.name,
+  component: "StoreyNode",
+  children: storey.plans?.map(plan => planNode(storey, plan)) ?? [],
+  storey,
+});
+
+const zoneNode = zone => ({
+  id: zone.id,
+  text: zone.name,
+  component: "ZoneNode",
+  children: zone.zones.map(zoneNode),
+  zone,
+});
+
+const planNode = (storey, plan) => ({
+  id: plan.plan.id,
+  text: plan.plan.name,
+  component: "PlanNode",
+  storey,
+  plan,
+});
diff --git a/src/i18n/lang/de.json b/src/i18n/lang/de.json
index 5152914..dcdf483 100644
--- a/src/i18n/lang/de.json
+++ b/src/i18n/lang/de.json
@@ -17,7 +17,7 @@
         },
         "view": {
             "addStoreyButton": "Etage",
-            "addFileButton": "Grundriss",
+            "addPlanButton": "Grundriss",
             "closeButton": "Fertigstellen",
             "submitFilesButton": "Bestätigen"
         },
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index f5347e7..93969fb 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -1,32 +1,38 @@
 {
+    "BIMDataComponents": {
+        "t": {
+            "back": "Back",
+            "cancel": "Cancel",
+            "create": "Create",
+            "delete": "Delete",
+            "download": "Download",
+            "finish": "Finish",
+            "rename": "Rename",
+            "search": "Search",
+            "see": "View",
+            "storey": "Storey",
+            "validate": "Validate"
+        }
+    },
     "BuildingMaker": {
-        "title": "Building",
-        "back": "Back",
+        "title": "Building Maker",
         "list": {
-            "text": "Create and edit the layers, then download your PDFs.",
-            "createButton": "New project",
-            "updateButton": "Rename",
-            "deleteButton": "Delete"
+            "text": "Create and edit storeys, then download your PDFs.",
+            "new": "New project"
         },
         "form": {
-            "text": "Create and edit the layers, then download your PDFs.",
             "input": "Building name",
-            "error": "Invalid",
-            "createButton": "Create",
-            "updateButton": "Confirm"
+            "error": "Invalid"
         },
         "view": {
-            "addStoreyButton": "Storey",
-            "addFileButton": "Plan",
-            "closeButton": "Finish",
-            "submitFilesButton": "Validate"
+            "addStorey": "Add Storey",
+            "addFile": "Add File",
+            "addPlan": "Add Plan"
         },
         "storeyForm": {
             "title": "New storey",
             "input": "Name",
-            "error": "Invalid name",
-            "cancelButton": "Cancel",
-            "submitButton": "Validate"
+            "error": "Invalid name"
         }
     },
     "FileManager": {
@@ -41,19 +47,11 @@
         "renameFileSuccess": "File renamed",
         "deleteFileSuccess": "File deleted",
         "nameInputErrorMessage": "Invalid name",
-        "cancel": "Cancel",
-        "submit": "Submit",
         "buttonText": "New folder",
         "addFileButtonText": "Upload a file",
-        "rename": "Rename",
-        "view": "View",
-        "download": "Download",
-        "delete": "Delete",
         "deleteTitle": "Deleting Files",
         "deleteDetail":"You are about to permanently delete the following files / folders",
         "dmsRoot": "Root of the project's DMS",
-        "validate": "Validate",
-        "back": "Back",
         "pdfPageSelectorTitle": "Select a page"
     },
     "MetaBuildingStructure": {
@@ -65,9 +63,6 @@
         },
         "StoreySelector": {
             "placeholder": "Select a storey"
-        },
-        "StructureView": {
-            "search": "Search"
         }
     },
     "PhotosphereBuilding": {
diff --git a/src/i18n/lang/es.json b/src/i18n/lang/es.json
index c6b9e77..74f0e65 100644
--- a/src/i18n/lang/es.json
+++ b/src/i18n/lang/es.json
@@ -17,7 +17,7 @@
         },
         "view": {
             "addStoreyButton": "Piso",
-            "addFileButton": "Plano",
+            "addPlanButton": "Plano",
             "closeButton": "Terminar",
             "submitFilesButton": "Validar"
         },
diff --git a/src/i18n/lang/fr.json b/src/i18n/lang/fr.json
index 99932d6..94a9798 100644
--- a/src/i18n/lang/fr.json
+++ b/src/i18n/lang/fr.json
@@ -1,32 +1,38 @@
 {
+    "BIMDataComponents": {
+        "t": {
+            "back": "Retour",
+            "cancel": "Annuler",
+            "create": "Créer",
+            "delete": "Supprimer",
+            "download": "Télécharger",
+            "finish": "Terminer",
+            "rename": "Renommer",
+            "search": "Rechercher",
+            "see": "Voir",
+            "storey": "Étage",
+            "validate": "Valider"
+        }
+    },
     "BuildingMaker": {
         "title": "Building Maker",
-        "back": "Retour",
         "list": {
             "text": "Créez et éditez les étages puis téléchagez vos PDF.",
-            "createButton": "Nouveau projet",
-            "updateButton": "Renommer",
-            "deleteButton": "Supprimer"
+            "new": "Nouveau projet"
         },
         "form": {
-            "text": "Créez et éditez les étages puis téléchagez vos PDF.",
             "input": "Nom du bâtiment",
-            "error": "Nom invalide",
-            "createButton": "Créer",
-            "updateButton": "Valider"
+            "error": "Nom invalide"
         },
         "view": {
-            "addStoreyButton": "Étage",
-            "addFileButton": "Plan",
-            "closeButton": "Terminer",
-            "submitFilesButton": "Valider"
+            "addStorey": "Ajouter un Étage",
+            "addFile": "Ajouter un fichier",
+            "addPlan": "Ajouter un plan"
         },
         "storeyForm": {
             "title": "Nouvel étage",
             "input": "Nom",
-            "error": "Nom invalide",
-            "cancelButton": "Annuler",
-            "submitButton": "Valider"
+            "error": "Nom invalide"
         }
     },
     "FileManager": {
@@ -41,20 +47,12 @@
         "renameFileSuccess": "Fichier renommé",
         "deleteFileSuccess": "Fichier supprimé",
         "nameInputErrorMessage": "Nom invalide",
-        "cancel": "Annuler",
-        "submit": "Valider",
         "buttonText": "Nouveau dossier",
         "addFileButtonText": "Charger un fichier",
-        "rename": "Renommer",
-        "view": "Voir",
-        "download": "Télécharger",
-        "delete": "Supprimer",
         "deleteTitle": "Supression de fichiers",
         "deleteDetail":
             "Vous êtes sur le point de supprimer définitivement les fichiers/dossiers suivants",
         "dmsRoot": "Racine de la GED du projet",
-        "validate": "Valider",
-        "back": "Retour",
         "pdfPageSelectorTitle": "Sélectionner une page"
     },
     "MetaBuildingStructure": {
@@ -62,13 +60,10 @@
         "tab": {
             "structure": "Structure",
             "zones": "Zones",
-            "equipments": "Equipements"
+            "equipments": "Équipements"
         },
         "StoreySelector": {
             "placeholder": "Sélectionner un étage"
-        },
-        "StructureView": {
-            "search": "Rechercher"
         }
     },
     "PhotosphereBuilding": {
diff --git a/src/i18n/lang/it.json b/src/i18n/lang/it.json
index f42aadb..19ea417 100644
--- a/src/i18n/lang/it.json
+++ b/src/i18n/lang/it.json
@@ -17,7 +17,7 @@
         },
         "view": {
             "addStoreyButton": "Piano",
-            "addFileButton": "Progetto",
+            "addPlanButton": "Mappa",
             "closeButton": "Finire",
             "submitFilesButton": "Convalidare"
         },