added dynamic download page

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

@@ -23,12 +23,17 @@
 
             <span class="card-subtitle">{{ item.subtitle }}</span>
 
-                                <router-link
+            <a
-                                to="/dashboard/download"
+              v-if="item.downloadUrl"
-                                :class="item.buttonText === 'دانلود اپلیکیشن' ? 'active-button' : 'disabled-button'"
+              :href="item.downloadUrl"
+              target="_blank"
+              class="active-button"
             >
+              دانلود اپلیکیشن (نسخه {{ item.version }})
+            </a>
+            <div v-else class="disabled-button">
               {{ item.buttonText }}
-                                </router-link>
+            </div>
           </div>
         </div>
       </div>
@@ -42,12 +47,8 @@
 </template>
 
 <script>
-
 export default {
   name: 'DashboardPage',
-  components: {
-
-  },
   data() {
     return {
       platforms: [
@@ -56,7 +57,10 @@ export default {
           subtitle: "Meta Quest 2, Meta Quest Pro, Meta Quest 3",
           img: require("@/assets/img/image11.png"),
           imgStyle: "width: 70px;height: 80px;",
-          buttonText: "دانلود اپلیکیشن",
+          buttonText: "بزودی",
+          type: "metaquest",
+          downloadUrl: "",
+          version: ""
         },
         {
           title: "Windows",
@@ -64,13 +68,57 @@ 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: downloadItem.file,
+            version: downloadItem.version,
+            buttonText: `دانلود اپلیکیشن (نسخه ${downloadItem.version})`
+          };
+        }
+        
+        return platform;
+      });
+    }
   }
 }
 </script>
 
+
 <style scoped>
 
 /* Base styles applied across all screen sizes */