dwd-projects/scc22
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: dwd-projects:s2
Branches Tags
dwd-projects:master dwd-projects:student-gr dwd-projects:b-ov-1 dwd-projects:s2
...
compare: dwd-projects:c86519065d1d73b4ddfb81e4779d8e5000f9c403
Branches Tags
dwd-projects:master dwd-projects:student-gr dwd-projects:b-ov-1 dwd-projects:s2

4 Commits
s2 ... c86519065d

Author SHA1 Message Date
suvo
c86519065d Merge pull request 'h f and gallery' (#1) from s2 into master 
Reviewed-on: #1
 2022-11-07 04:51:56 +01:00
Kar
bf31fd54d5 documents page 2022-11-05 19:29:50 +05:30
Kar
acdf4d154f notice with attachments download 2022-11-05 19:22:16 +05:30
Kar
97ba2d9034 noticeAll 2022-11-05 17:13:34 +05:30
6 changed files with 176 additions and 27 deletions
Expand all files Collapse all files

2
index.html
View File

@@ -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"

89
src/pages/documents/[id].vue Normal file
View 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
View 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>

65
src/pages/notice/[id].vue
View File

@@ -8,20 +8,18 @@
</div>
<div v-if="files">
<div v-if="fileAttached">
<h2>Attachments</h2>
<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>
</div>
</div>
<!-- <div>{{page[0].attachments[0]}}</div> -->
</div>
</div>
</template>
@@ -38,24 +36,43 @@ export default {
},
mounted: function () {
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
.then(response => response.json())
.then(data => {
this.page = data.data
this.isLoading = false
fetch('https://api8.siliconpin.com/items/scc22_files_1?filter[scc22_id][_in]=' + this.page[0].id)
.then(resp => resp.json())
.then(file => {
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)
.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) {

4
src/pages/notice/index.vue
View File

@@ -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
})
}

2
typed-router.d.ts vendored
View File

@@ -39,6 +39,8 @@ 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>>,