front/src/components/Promo/load_models.vue

@@ -5,12 +5,8 @@ import {
     MeshStandardMaterial, MeshStandardMaterialParameters,
     Vector2, Vector3,
     CircleGeometry, MeshBasicMaterial,
-    Quaternion,
+    Quaternion, AdditiveBlending,
-    RingGeometry,
-    MultiplyBlending,
-    AdditiveBlending,
 } from 'three';
-import { useRoute, useRouter } from 'vue-router';
 
 import { useTresContext, useSeek, useTexture, useLoop } from '@tresjs/core';
 import { useGLTF } from '@tresjs/cientos'
@@ -34,6 +30,7 @@ const clickable_items = ref<any[]>([])
 const clickable_refs = ref<any[]>([])
 const envVars = reactive({}) as EnvVars
 const def_distance = reactive({ max: 10, min: 1 })
+const process_loading = ref(null)
 
 const controls_targetto = ref() as Ref<Vector3 | undefined>;
 const controls_targetto_count = ref(CON_MOVETO_COUNT)
@@ -56,7 +53,13 @@ const groundTexture = await useTexture({
 const pointerTexture = await useTexture({
     map: '/pointer_texture.png'
 })
+const clearData = () => {
+    models.value = []
+    clickable_items.value = []
+    clickable_refs.value = []
+}
 const loadModels = async () => {
+    process_loading.value = props.source
     const res = await fetch(`${SERVER_URL}/api/obj/scene/${props.source}/`)
     const raw_data = await res.json() as scene3D
     loading_store.status = 'other'
@@ -245,6 +248,8 @@ const loadModels = async () => {
     if (controls.value && (controls.value as any).autoRotate) {
         (controls.value as any).autoRotate = false;
     }
+
+    // process_loading.value = null
 }
 
 const gotoCenterAndDistance = () => {
@@ -265,19 +270,16 @@ const gotoCenterAndDistance = () => {
     });
 }
 
-watch(() => props.source, (s) => {
+watch(() => [props.source, process_loading.value], ([source, process]) => {
-    const loaded = seekByName(scene.value, 'loaded')
+    if (source !== process) {
-    if (loaded) {
+        const loaded = seekByName(scene.value, 'loaded')
-        loaded.children = []
+        if (loaded) {
-    }
+            loaded.children = []
-    models.value = []
+        }
-    clickable_items.value = []
+
-    clickable_refs.value = []
+        sidebar.close()
-    sidebar.close()
+
-    try {
         loadModels()
-    } catch (error) {
-        console.log(error)
     }
 })
 

front/src/components/nav.vue

@@ -30,13 +30,13 @@ console.log(router)
         <div class="nav-group">
             <span class="nav-icon" :class="[{ disabled: router.options.history.state.back == null }]">
                 <RouterLink :to="(router.options.history.state.back as string) ?? '/'"
-                    @click.native.prevent="router.back()">
+                    @click.native.prevent="router.back">
                     <i-mdi:arrow-left />
                 </RouterLink>
             </span>
             <span class="nav-icon" :class="[{ disabled: router.options.history.state.forward == null }]">
                 <RouterLink :to="(router.options.history.state.forward as string) ?? '/'"
-                    @click.native.prevent="router.forward()">
+                    @click.native.prevent="router.forward">
                     <i-mdi:arrow-right />
                 </RouterLink>
             </span>