Compare commits
11 Commits
3552a1174e
...
b-ov-1
| Author | SHA1 | Date | |
|---|---|---|---|
| ad8cecc0f9 | |||
| 801d68aa35 | |||
| c86519065d | |||
| 09d0d8a58b | |||
| bf31fd54d5 | |||
| acdf4d154f | |||
| 97ba2d9034 | |||
| 937e7958e2 | |||
| 9c64445c46 | |||
| b9e6cbca02 | |||
| 5349e735bf |
4
Check Link
Normal file
@@ -0,0 +1,4 @@
|
||||
https://sreechaitanyacollege.in/activity-gallery
|
||||
https://sreechaitanyacollege.in/gallery
|
||||
https://sreechaitanyacollege.in/student-grievance
|
||||
https://sreechaitanyacollege.in/gallery
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite, Vue3, Tailwind CSS</title>
|
||||
<title>Sreechaitanya College, Habra</title>
|
||||
<!-- <link
|
||||
rel="preload"
|
||||
href="/font/Inter-roman.var.woff2"
|
||||
|
||||
BIN
public/img/1.jpg
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
public/img/10.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
public/img/11.jpg
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
public/img/12.jpg
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
public/img/13.jpg
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
public/img/14.jpg
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
public/img/15.jpeg
Normal file
|
After Width: | Height: | Size: 77 KiB |
BIN
public/img/16.jpeg
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
public/img/17.jpeg
Normal file
|
After Width: | Height: | Size: 104 KiB |
BIN
public/img/18.jpeg
Normal file
|
After Width: | Height: | Size: 167 KiB |
BIN
public/img/19.jpeg
Normal file
|
After Width: | Height: | Size: 138 KiB |
BIN
public/img/2.jpg
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
public/img/20.jpeg
Normal file
|
After Width: | Height: | Size: 159 KiB |
BIN
public/img/21.jpeg
Normal file
|
After Width: | Height: | Size: 157 KiB |
BIN
public/img/22.jpg
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
public/img/23.jpg
Normal file
|
After Width: | Height: | Size: 73 KiB |
BIN
public/img/24.jpg
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
public/img/25.jpg
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
public/img/26.jpg
Normal file
|
After Width: | Height: | Size: 79 KiB |
BIN
public/img/27.jpg
Normal file
|
After Width: | Height: | Size: 107 KiB |
BIN
public/img/28.jpg
Normal file
|
After Width: | Height: | Size: 189 KiB |
BIN
public/img/29.jpg
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
public/img/3.jpg
Normal file
|
After Width: | Height: | Size: 63 KiB |
BIN
public/img/30.jpg
Normal file
|
After Width: | Height: | Size: 196 KiB |
BIN
public/img/31.jpg
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
public/img/32.jpg
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
public/img/33.jpg
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
public/img/34.jpg
Normal file
|
After Width: | Height: | Size: 165 KiB |
BIN
public/img/35.jpg
Normal file
|
After Width: | Height: | Size: 199 KiB |
BIN
public/img/36.jpg
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
public/img/4.jpg
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
public/img/5.jpg
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
public/img/6.jpg
Normal file
|
After Width: | Height: | Size: 71 KiB |
BIN
public/img/7.jpg
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
public/img/8.jpg
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
public/img/9.jpg
Normal file
|
After Width: | Height: | Size: 35 KiB |
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="flex flex-col h-screen justify-between">
|
||||
<Header />
|
||||
<main>
|
||||
<router-view />
|
||||
|
||||
@@ -4,11 +4,11 @@
|
||||
<div
|
||||
class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 "
|
||||
>
|
||||
<div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Important Links<hr class="blue-400">
|
||||
<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,12 +20,17 @@
|
||||
</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 <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>
|
||||
</template>
|
||||
@@ -1,8 +1,10 @@
|
||||
<template>
|
||||
<header>
|
||||
<div class="flex shadow p-2 lg:hidden bg-blue-700 text-white font-semibold place-items-center gap-7 "><img src="/img/logo3.png" alt="" class="w-12"> <p class=""> SREE CHAITANYA COLLEGE</p>
|
||||
<div class=""> <button class="hover:bg-white hover:text-blue-700 rounded-full p-1">Log In</button> </div>
|
||||
</div>
|
||||
<div
|
||||
class="flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12"
|
||||
>
|
||||
class="hidden lg:block flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12">
|
||||
<img
|
||||
src="/img/logo3.png"
|
||||
alt="/img/logo3.png"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
||||
<div v-if="isLoading">
|
||||
<h2>Loading ...</h2>
|
||||
<h2 class="ml-28 text-4xl">Loading ...</h2>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-html="page[0].content" class="container mx-auto">
|
||||
|
||||
90
src/pages/documents/[id].vue
Normal file
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<div class="container bg-white mx-auto mt-3 p-0">
|
||||
<div v-if="isLoading">
|
||||
<h2>Loading ...</h2>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-html="page[0].content" class="container mx-auto">
|
||||
|
||||
|
||||
</div>
|
||||
<div v-if="fileAttached">
|
||||
<h2>Attachments</h2>
|
||||
<table>
|
||||
<tr v-for="(file, index) in files">
|
||||
|
||||
<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></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
fileAttached:false,
|
||||
files: [],
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
|
||||
.then((response) => {
|
||||
if (response.ok) {
|
||||
return response.json();
|
||||
}
|
||||
throw new Error('Something went wrong');
|
||||
})
|
||||
.then(jsonPageData => {
|
||||
this.page = jsonPageData.data
|
||||
this.isLoading = false
|
||||
return jsonPageData.data[0].id
|
||||
}
|
||||
)
|
||||
.then((pageID) => {
|
||||
fetch('https://api8.siliconpin.com/items/scc22_files_1?filter[scc22_id][_in]=' + pageID)
|
||||
.then(resp => resp.json())
|
||||
.then(file => {
|
||||
let attIDs = ''
|
||||
let t = 0
|
||||
file.data.forEach(ids => {
|
||||
if (t == 0) attIDs = ids.directus_files_id
|
||||
else attIDs = attIDs + ',' + ids.directus_files_id
|
||||
t++
|
||||
});
|
||||
if(t>0) this.fileAttached=true
|
||||
return attIDs
|
||||
})
|
||||
.then((attIDs) => {
|
||||
fetch('https://api8.siliconpin.com/files?filter[id][_in]=' + attIDs)
|
||||
.then(resp => resp.json())
|
||||
.then(file => {
|
||||
this.files = file.data
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log(error)
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// getAttachments(att) {
|
||||
|
||||
// console.log(att)
|
||||
// // fetch('https://api8.siliconpin.com/items/ecom55?filter[slug][_eq]=' + this.$route.params.id)
|
||||
// // .then(response => response.json())
|
||||
// // .then(data => this.itemByCategory = data)
|
||||
// // console.log(this.itemByCategory)
|
||||
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
44
src/pages/documents/index.vue
Normal file
@@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<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>
|
||||
<div v-else>
|
||||
<div v-for="(item, index) in page" >
|
||||
<router-link :to="'/documents/'+item.slug"> <h3> {{item.title}}</h3> </router-link>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- <div v-html="page[0].content" class="container mx-auto">
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[type][_eq]=documents&limit=-1')
|
||||
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
this.page = data.data
|
||||
// console.log(data)
|
||||
this.isLoading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,234 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div
|
||||
class="grid place-items-center bg-blue-700 w-48 text-4xl font-bold text-white rounded-full p-1 md:mt-8 absolute md:inset-x-2/4 top-56 md:-ml-28 -mt-40 inset-x-2/4 top-72 -ml-28 gap-4">
|
||||
Gallery</div>
|
||||
<section class="overflow-hidden text-gray-700 mt-32">
|
||||
<div class="container px-5 py-2 mx-auto lg:pt-12 lg:px-32">
|
||||
<div class="flex flex-wrap -m-1 md:-m-2">
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/3.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/5.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/6.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/7.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/8.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/9.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/11.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/12.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/13.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/14.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/15.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/16.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/17.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/18.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/19.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/20.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/21.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/22.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/23.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/24.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/25.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/26.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/27.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/28.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/29.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/30.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/31.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/32.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/32.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/33.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/34.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/35.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
||||
src="/img/36.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
@@ -6,34 +6,84 @@
|
||||
<div v-else>
|
||||
<div v-html="page[0].content" class="container mx-auto">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div v-if="page[0].attachments">
|
||||
<div v-html="page[0].attachments[0]"> </div>
|
||||
<div v-if="fileAttached">
|
||||
<h2>Attachments</h2>
|
||||
<div v-for="(file, index) in files">
|
||||
|
||||
{{index+1}}
|
||||
<a target="_blank" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">
|
||||
<h3> {{ file.filename_download }}</h3>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div>{{page[0].attachments[0]}}</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
|
||||
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
this.page = data.data
|
||||
console.log(data)
|
||||
this.isLoading = false
|
||||
})
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
fileAttached:false,
|
||||
files: [],
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
|
||||
.then((response) => {
|
||||
if (response.ok) {
|
||||
return response.json();
|
||||
}
|
||||
throw new Error('Something went wrong');
|
||||
})
|
||||
.then(jsonPageData => {
|
||||
this.page = jsonPageData.data
|
||||
this.isLoading = false
|
||||
return jsonPageData.data[0].id
|
||||
}
|
||||
)
|
||||
.then((pageID) => {
|
||||
fetch('https://api8.siliconpin.com/items/scc22_files_1?filter[scc22_id][_in]=' + pageID)
|
||||
.then(resp => resp.json())
|
||||
.then(file => {
|
||||
let attIDs = ''
|
||||
let t = 0
|
||||
file.data.forEach(ids => {
|
||||
if (t == 0) attIDs = ids.directus_files_id
|
||||
else attIDs = attIDs + ',' + ids.directus_files_id
|
||||
t++
|
||||
});
|
||||
if(t>0) this.fileAttached=true
|
||||
return attIDs
|
||||
})
|
||||
.then((attIDs) => {
|
||||
fetch('https://api8.siliconpin.com/files?filter[id][_in]=' + attIDs)
|
||||
.then(resp => resp.json())
|
||||
.then(file => {
|
||||
this.files = file.data
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log(error)
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// getAttachments(att) {
|
||||
|
||||
// console.log(att)
|
||||
// // fetch('https://api8.siliconpin.com/items/ecom55?filter[slug][_eq]=' + this.$route.params.id)
|
||||
// // .then(response => response.json())
|
||||
// // .then(data => this.itemByCategory = data)
|
||||
// // console.log(this.itemByCategory)
|
||||
|
||||
// }
|
||||
}
|
||||
</script>
|
||||
}
|
||||
</script>
|
||||
@@ -27,12 +27,12 @@
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[type][_eq]=notice')
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[type][_eq]=notice&limit=-1')
|
||||
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
this.page = data.data
|
||||
console.log(data)
|
||||
// console.log(data)
|
||||
this.isLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
42
src/pages/tmp1.vue
Normal file
@@ -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>
|
||||
3
typed-router.d.ts
vendored
@@ -39,11 +39,14 @@ declare module 'vue-router/auto/routes' {
|
||||
'/[...404]': RouteRecordInfo<'/[...404]', '/:404(.*)', { 404: ParamValue<true> }, { 404: ParamValue<false> }>,
|
||||
'/[id]': RouteRecordInfo<'/[id]', '/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
||||
'/about': RouteRecordInfo<'/about', '/about', Record<never, never>, Record<never, never>>,
|
||||
'/documents/': RouteRecordInfo<'/documents/', '/documents', Record<never, never>, Record<never, never>>,
|
||||
'/documents/[id]': RouteRecordInfo<'/documents/[id]', '/documents/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
||||
'/gallery': RouteRecordInfo<'/gallery', '/gallery', Record<never, never>, Record<never, never>>,
|
||||
'/index2': RouteRecordInfo<'/index2', '/index2', Record<never, never>, Record<never, never>>,
|
||||
'/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>>,
|
||||
}
|
||||
}
|
||||
|
||||
|
||||