Compare commits
3 Commits
s2
...
bf31fd54d5
| Author | SHA1 | Date | |
|---|---|---|---|
| bf31fd54d5 | |||
| acdf4d154f | |||
| 97ba2d9034 |
@@ -1,4 +0,0 @@
|
|||||||
https://sreechaitanyacollege.in/activity-gallery
|
|
||||||
https://sreechaitanyacollege.in/gallery
|
|
||||||
https://sreechaitanyacollege.in/student-grievance
|
|
||||||
https://sreechaitanyacollege.in/gallery
|
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Vite, Vue3, Tailwind CSS</title>
|
<title>Sreechaitanya College, Habra</title>
|
||||||
<!-- <link
|
<!-- <link
|
||||||
rel="preload"
|
rel="preload"
|
||||||
href="/font/Inter-roman.var.woff2"
|
href="/font/Inter-roman.var.woff2"
|
||||||
|
|||||||
BIN
public/img/1.jpg
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 167 KiB |
|
Before Width: | Height: | Size: 138 KiB |
BIN
public/img/2.jpg
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 159 KiB |
|
Before Width: | Height: | Size: 157 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 189 KiB |
|
Before Width: | Height: | Size: 76 KiB |
BIN
public/img/3.jpg
|
Before Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 196 KiB |
|
Before Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 165 KiB |
|
Before Width: | Height: | Size: 199 KiB |
|
Before Width: | Height: | Size: 68 KiB |
BIN
public/img/4.jpg
|
Before Width: | Height: | Size: 100 KiB |
BIN
public/img/5.jpg
|
Before Width: | Height: | Size: 75 KiB |
BIN
public/img/6.jpg
|
Before Width: | Height: | Size: 71 KiB |
BIN
public/img/7.jpg
|
Before Width: | Height: | Size: 33 KiB |
BIN
public/img/8.jpg
|
Before Width: | Height: | Size: 69 KiB |
BIN
public/img/9.jpg
|
Before Width: | Height: | Size: 35 KiB |
@@ -4,7 +4,7 @@
|
|||||||
<div
|
<div
|
||||||
class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 "
|
class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 "
|
||||||
>
|
>
|
||||||
<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="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="grid grid-rows-3 text-blue-600 p-3 gap-4">
|
<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="gallery">Gallery <hr class="border-slate-900"></a>
|
||||||
<a href="notice">Notice <hr class="border-slate-900"></a>
|
<a href="notice">Notice <hr class="border-slate-900"></a>
|
||||||
@@ -26,11 +26,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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=""><div class=""> Powered by DWD Consultancy Services   | <hr></div></a>
|
|
||||||
<a href=""><div class=""> Count 112964   | Site Performance   <hr> </div></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -1,10 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<header>
|
<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
|
<div
|
||||||
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">
|
class="flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12"
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
src="/img/logo3.png"
|
src="/img/logo3.png"
|
||||||
alt="/img/logo3.png"
|
alt="/img/logo3.png"
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
||||||
<div v-if="isLoading">
|
<div v-if="isLoading">
|
||||||
<h2 class="ml-28 text-4xl">Loading ...</h2>
|
<h2>Loading ...</h2>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div v-html="page[0].content" class="container mx-auto">
|
<div v-html="page[0].content" class="container mx-auto">
|
||||||
|
|||||||
89
src/pages/documents/[id].vue
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container-fluid 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>
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
41
src/pages/documents/index.vue
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
||||||
|
<h2>All pages having Documents / file Attachments are listed below:</h2>
|
||||||
|
<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>
|
||||||
@@ -1,234 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -8,20 +8,18 @@
|
|||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div v-if="files">
|
<div v-if="fileAttached">
|
||||||
<h2>Attachments</h2>
|
<h2>Attachments</h2>
|
||||||
<div v-for="(file, index) in files">
|
<div v-for="(file, index) in files">
|
||||||
{{index+1}}<a :href="'https://api8.siliconpin.com/assets/' + file.directus_files_id">
|
|
||||||
<h3> {{ file.directus_files_id }}</h3>
|
{{index+1}}
|
||||||
|
<a target="_blank" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">
|
||||||
|
<h3> {{ file.filename_download }}</h3>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div>{{page[0].attachments[0]}}</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -38,24 +36,43 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted: function () {
|
mounted: function () {
|
||||||
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
|
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
|
||||||
.then(response => response.json())
|
.then((response) => {
|
||||||
.then(data => {
|
if (response.ok) {
|
||||||
this.page = data.data
|
return response.json();
|
||||||
|
}
|
||||||
|
throw new Error('Something went wrong');
|
||||||
|
})
|
||||||
|
.then(jsonPageData => {
|
||||||
|
this.page = jsonPageData.data
|
||||||
this.isLoading = false
|
this.isLoading = false
|
||||||
|
return jsonPageData.data[0].id
|
||||||
fetch('https://api8.siliconpin.com/items/scc22_files_1?filter[scc22_id][_in]=' + this.page[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(resp => resp.json())
|
||||||
.then(file => {
|
.then(file => {
|
||||||
this.files = file.data
|
this.files = file.data
|
||||||
this.fileAttached=true
|
|
||||||
// attach.data.forEach(fileID=> this.files.push(fileID.directus_files_id))
|
|
||||||
console.log(file.data)
|
|
||||||
// this.attachments.push(attach.data[0].directus_files_id)
|
|
||||||
})
|
})
|
||||||
if(fileAttached){}
|
|
||||||
// console.log(Object.assign({}, this.files))
|
|
||||||
// console.log(this.files)
|
|
||||||
})
|
})
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.log(error)
|
||||||
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// getAttachments(att) {
|
// getAttachments(att) {
|
||||||
|
|||||||
@@ -27,12 +27,12 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted: function () {
|
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')
|
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
this.page = data.data
|
this.page = data.data
|
||||||
console.log(data)
|
// console.log(data)
|
||||||
this.isLoading = false
|
this.isLoading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
2
typed-router.d.ts
vendored
@@ -39,6 +39,8 @@ declare module 'vue-router/auto/routes' {
|
|||||||
'/[...404]': RouteRecordInfo<'/[...404]', '/:404(.*)', { 404: ParamValue<true> }, { 404: ParamValue<false> }>,
|
'/[...404]': RouteRecordInfo<'/[...404]', '/:404(.*)', { 404: ParamValue<true> }, { 404: ParamValue<false> }>,
|
||||||
'/[id]': RouteRecordInfo<'/[id]', '/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
'/[id]': RouteRecordInfo<'/[id]', '/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
||||||
'/about': RouteRecordInfo<'/about', '/about', Record<never, never>, Record<never, never>>,
|
'/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>>,
|
'/gallery': RouteRecordInfo<'/gallery', '/gallery', Record<never, never>, Record<never, never>>,
|
||||||
'/index2': RouteRecordInfo<'/index2', '/index2', 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/': RouteRecordInfo<'/notice/', '/notice', Record<never, never>, Record<never, never>>,
|
||||||
|
|||||||