xroom-dashboard/src/pages/dashboard/Download.vue

@@ -23,17 +23,12 @@
 
                                 <span class="card-subtitle">{{ item.subtitle }}</span>
 
-            <a
-              v-if="item.downloadUrl"
-              :href="item.downloadUrl"
-              target="_blank"
-              class="active-button"
+                                <router-link
+                                to="/dashboard/download"
+                                :class="item.buttonText === 'دانلود اپلیکیشن' ? 'active-button' : 'disabled-button'"
                                 >
-              دانلود اپلیکیشن (نسخه {{ item.version }})
-            </a>
-            <div v-else class="disabled-button">
                                 {{ item.buttonText }}
-            </div>
+                                </router-link>
                             </div>
                         </div>
                     </div>
@@ -47,8 +42,12 @@
 </template>
 
 <script>
+
 export default {
   name: 'DashboardPage',
+  components: {
+
+  },
   data () {
     return {
         platforms: [
@@ -57,10 +56,7 @@ export default {
           subtitle: "Meta Quest 2, Meta Quest Pro, Meta Quest 3",
           img: require("@/assets/img/image11.png"),
           imgStyle: "width: 70px;height: 80px;",
-          buttonText: "بزودی",
-          type: "metaquest",
-          downloadUrl: "",
-          version: ""
+          buttonText: "دانلود اپلیکیشن",
         },
         {
           title: "Windows",
@@ -68,57 +64,13 @@ export default {
           img: require("@/assets/img/image10.png"),
           imgStyle: "width: 90px;height: 80px;",
           buttonText: "بزودی",
-          type: "windows",
-          downloadUrl: "",
-          version: ""
         },
-        {
-          title: "Android",
-          subtitle: "For mobile devices",
-          // img: require("@/assets/img/android-icon.png"), // Add your Android icon
-          img: require("@/assets/img/android.png"),
-
-          imgStyle: "width: 70px;height: 80px;",
-          buttonText: "بزودی",
-          type: "android",
-          downloadUrl: "",
-          version: ""
-        }
       ],
     }
-  },
-  async mounted() {
-    try {
-      const response = await fetch('http://my.xroomapp.com:8000/latest-download/');
-      const downloadData = await response.json();
-      
-      this.updatePlatformsWithDownloadData(downloadData);
-    } catch (error) {
-      console.error('Error fetching download data:', error);
-    }
-  },
-  methods: {
-    updatePlatformsWithDownloadData(downloadData) {
-      this.platforms = this.platforms.map(platform => {
-        const downloadItem = downloadData.find(item => item.type === platform.type);
-        
-        if (downloadItem && downloadItem.file) {
-          return {
-            ...platform,
-            downloadUrl: "http://my.xroomapp.com:8000"+downloadItem.file,
-            version: downloadItem.version,
-            buttonText: `دانلود اپلیکیشن (نسخه ${downloadItem.version})`
-          };
-        }
-        
-        return platform;
-      });
-    }
   }
 }
 </script>
 
-
 <style scoped>
 
 /* Base styles applied across all screen sizes */