o

src/components/Footer.vue

@@ -6,9 +6,9 @@
             >
                 <div class="bg-stone-800 rounded-md  h-48 m-6 text-gray-100 text-left text-xl p-3">Important Links<hr class="blue-400">
                     <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
-                        <a href="gallery">Gallery <hr class="border-slate-900"></a>
-                        <a href="notice">Notice <hr class="border-slate-900"></a>
-                        <a href="document">Document</a>
+                        <a href="/gallery">Gallery <hr class="border-slate-900"></a>
+                        <a href="/notice">Notice <hr class="border-slate-900"></a>
+                        <a href="/document">Document</a>
                     </div>
                     </div>
                 <div class=" bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Related Sites<hr>
@@ -20,16 +20,16 @@
                 </div>
                 <div class=" bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Document Links <hr>
                     <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
-                        <a href="">A.Q.A.R<hr class="border-slate-900"></a>
-                        <a href="">R & D Cell<hr class="border-slate-900"></a>
-                        <a href="">Academic Calendar</a>
+                        <a href="/aqar">AQAR<hr class="border-slate-900"></a>
+                        <a href="/iqac">IQAC<hr class="border-slate-900"></a>
+                        <a href="/academic-calendar">Academic Calendar</a>
                     </div>
                 </div>
             </div>
             <div class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 place-items-center text-gray-100 -mt-4 ">
-                <a href=""><div class="">© sreechaitanyacollege.in &nbsp |<hr> </div></a>
-                <a href=""><div class="">	Powered by DWD Consultancy Services &nbsp | <hr></div></a>
-                <a href=""><div class=""> Count 112964 &nbsp  | Site Performance &nbsp <hr> </div></a>
+                <a href=""><div class="">© sreechaitanyacollege.in <hr> </div></a>
+                <a href="https://dwd.siliconpin.com"><div class="">	Powered by DWD Consultancy Services  <hr></div></a>
+                <a href=""><div class=""> Count 112964  | Site Performance  <hr> </div></a>
             </div>
         </div>
     </div>

src/pages/documents/[id].vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="container-fluid bg-white mx-auto mt-3  p-0">
+    <div class="container bg-white mx-auto mt-3  p-0">
         <div v-if="isLoading">
             <h2>Loading ...</h2>
         </div>
@@ -10,22 +10,23 @@
             </div>
             <div v-if="fileAttached">
                 <h2>Attachments</h2>
-                <div v-for="(file, index) in files">
+                <table>
+                <tr v-for="(file, index) in files">
 
-                    {{index+1}}
-                    <a target="_blank" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' "  :download="file.filename_download">
+                    <td>{{index+1}}. </td>
+                <td><a target="_blank" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' "  :download="file.filename_download">
                         <h3> {{ file.filename_download }}</h3>
-                    </a>
-
-                </div>
+                    </a></td>
 
+                </tr>
+                </table>
             </div>
         </div>
     </div>
 </template>
     
 <script>
-export default {
+export default { 
     data() {
         return {
             page: null,

src/pages/documents/index.vue

@@ -1,6 +1,9 @@
 <template>
-    <div class="container-fluid bg-white mx-auto mt-3  p-0">
+    <div class="container bg-white mx-auto mt-3  p-0">
         <h2>All pages having Documents / file Attachments are listed below:</h2>
+        <br>
+        <br>
+        <br>
         <div v-if="isLoading">
             <h2>Loading ...</h2>
         </div>

src/pages/tmp1.vue

@@ -0,0 +1,42 @@
+<template>
+<div>
+    <div v-if="isLoading">
+        <h2> Page loading ...</h2>
+    </div>
+    <div v-else>
+        <li v-for="(item, index) in site1">
+            {{ index }} - {{item}}
+            <!-- {{ item.domain }} - {{ index }} - {{ item.description }} -->
+        </li>
+        <h2>1. {{site1}}</h2> fghfgxh
+        <h2>1. {{site1[2].domain}}</h2> hjfghfgh
+        <h2>1. {{site1[3].domain}}</h2> fghfgh
+    </div>
+
+</div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            page: null,
+            isLoading: true,
+            site1:null
+        }
+    },
+    mounted: function () {
+        fetch('https://api8.siliconpin.com/items/dwd_site_list' )
+        // fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
+            .then(response => response.json())
+            .then(data => {
+          this.site1 = data.data.list
+          console.log(data)
+          this.isLoading = false
+        })
+    }
+}
+</script>
+
+<style>
+</style>

typed-router.d.ts

@@ -46,6 +46,7 @@ declare module 'vue-router/auto/routes' {
     '/notice/': RouteRecordInfo<'/notice/', '/notice', Record<never, never>, Record<never, never>>,
     '/notice/[id]': RouteRecordInfo<'/notice/[id]', '/notice/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
     '/temp/google': RouteRecordInfo<'/temp/google', '/temp/google', Record<never, never>, Record<never, never>>,
+    '/tmp1': RouteRecordInfo<'/tmp1', '/tmp1', Record<never, never>, Record<never, never>>,
   }
 }