MINOR: feat: photosphere building maker (#10)

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";

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"

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>

src/BIMDataBuildingMaker/BuildingStoreys/BuildingStoreys.vue → 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;

src/BIMDataBuildingMaker/BuildingStoreys/StoreyForm/StoreyForm.vue → 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>

src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreyNode.vue → 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>

src/BIMDataBuildingMaker/BuildingStoreys/StoreysTree/StoreysTree.vue → 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>

src/BIMDataBuildingMaker/BuildingsList/BuildingItem.vue

@@ -40,15 +40,15 @@ const isOpenAction = ref(false);
             square
             @click="$emit('update-metaBuilding', metaBuilding)"
           >
-            {{ $t("BuildingMaker.list.updateButton") }}
+            {{ $t("BIMDataComponents.t.rename") }}
           </BIMDataButton>
           <BIMDataButton
             color="high"
             ghost
             square
             @click="$emit('delete-metaBuilding', metaBuilding)"
           >
-            {{ $t("BuildingMaker.list.deleteButton") }}
+            {{ $t("BIMDataComponents.t.delete") }}
           </BIMDataButton>
         </div>
       </transition>

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">

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,
 };

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,

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">

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>

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>

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>