Compare commits
14 Commits
s2
...
student-gr
| Author | SHA1 | Date | |
|---|---|---|---|
| c194f99e5c | |||
| 4903c768d5 | |||
| 0b9553e106 | |||
| eb77cd5e0a | |||
| 17f541482b | |||
| bf18b0a5f8 | |||
| 195b7b37f6 | |||
| 54f191d593 | |||
| 9f886fd223 | |||
| 801d68aa35 | |||
| c86519065d | |||
| bf31fd54d5 | |||
| acdf4d154f | |||
| 97ba2d9034 |
@@ -3,7 +3,8 @@
|
|||||||
<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>
|
<link rel="shortcut icon" type="image/png" href="/img/favicon.ico"/>
|
||||||
|
<title>Sreechaitanya College, Habra</title>
|
||||||
<!-- <link
|
<!-- <link
|
||||||
rel="preload"
|
rel="preload"
|
||||||
href="/font/Inter-roman.var.woff2"
|
href="/font/Inter-roman.var.woff2"
|
||||||
|
|||||||
2
info.txt
Normal file
2
info.txt
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
1. https://sreechaitanyacollege.in/students-feedback
|
||||||
|
2. Login
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "vite-vue3-tailwind-starter",
|
"name": "scc-22",
|
||||||
"version": "0.0.0",
|
"version": "1.0.0",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite --host --port 2004",
|
"dev": "vite --host --port 2004",
|
||||||
"build": "vue-tsc --noEmit && vite build",
|
"build": "vue-tsc --noEmit && vite build",
|
||||||
|
|||||||
8
public/.htaccess
Normal file
8
public/.htaccess
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
RewriteEngine On
|
||||||
|
#RewriteCond %{HTTPS} !=on
|
||||||
|
#RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
|
||||||
|
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
|
||||||
|
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-f
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteRule ^(.*) /
|
||||||
BIN
public/img/favicon.ico
Executable file
BIN
public/img/favicon.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
@@ -4,11 +4,11 @@
|
|||||||
<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>
|
<router-link to="/gallery">Gallery <hr class="border-slate-900"></router-link>
|
||||||
<a href="notice">Notice <hr class="border-slate-900"></a>
|
<a href="/notice">Notice <hr class="border-slate-900"></a>
|
||||||
<a href="document">Document</a>
|
<a href="/documents">Documents</a>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<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>
|
||||||
<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="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">
|
<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>
|
<router-link to="/documents/aqar">AQAR<hr class="border-slate-900"></router-link>
|
||||||
<a href="">R & D Cell<hr class="border-slate-900"></a>
|
<router-link to="/documents/iqac">IQAC<hr class="border-slate-900"></router-link>
|
||||||
<a href="">Academic Calendar</a>
|
<router-link to="/documents/academic-calendar">Academic Calendar</router-link>
|
||||||
</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 ">
|
<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="">© sreechaitanyacollege.in <hr> </div></a>
|
||||||
<a href=""><div class=""> Powered by DWD Consultancy Services   | <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>
|
<a href=""><div class=""> Count 112964 | Site Performance <hr> </div></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,14 +1,13 @@
|
|||||||
<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="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
|
||||||
<div class=""> <button class="hover:bg-white hover:text-blue-700 rounded-full p-1">Log In</button> </div>
|
<div class="grid col-span-1 "> <img class="w-16" src="/img/logo3.png" alt=""></div>
|
||||||
|
<div class="grid col-span-4 ">SREE CHAITANYA COLLEGE</div>
|
||||||
|
<div class="grid col-span-1 "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div>
|
||||||
</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="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
|
<img src="/img/logo3.png" alt="/img/logo3.png" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
|
||||||
src="/img/logo3.png"
|
|
||||||
alt="/img/logo3.png"
|
|
||||||
class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
|
|
||||||
/>
|
/>
|
||||||
Estd.-1956
|
Estd.-1956
|
||||||
<br />Sree Chaitanya College,Habra
|
<br />Sree Chaitanya College,Habra
|
||||||
@@ -22,3 +21,4 @@
|
|||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
</script>
|
</script>
|
||||||
|
lg:hidden
|
||||||
@@ -447,12 +447,12 @@
|
|||||||
</MenuItem>
|
</MenuItem>
|
||||||
<MenuItem v-slot="{ active }">
|
<MenuItem v-slot="{ active }">
|
||||||
<router-link
|
<router-link
|
||||||
to="/activity-gallery"
|
to=""
|
||||||
:class="[
|
:class="[
|
||||||
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
|
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
|
||||||
'block px-1 py-2 text-sm',
|
'block px-1 py-2 text-sm',
|
||||||
]"
|
]"
|
||||||
>Activity Gallery</router-link
|
></router-link
|
||||||
>
|
>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
<MenuItem v-slot="{ active }">
|
<MenuItem v-slot="{ active }">
|
||||||
@@ -687,7 +687,7 @@
|
|||||||
hover:text-blue-800
|
hover:text-blue-800
|
||||||
">
|
">
|
||||||
<router-link
|
<router-link
|
||||||
to="/contact"
|
to="/contact-us"
|
||||||
:class="[
|
:class="[
|
||||||
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
|
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
|
||||||
'block px-1 py-2 text-sm',
|
'block px-1 py-2 text-sm',
|
||||||
|
|||||||
20
src/pages/contact-us.vue
Normal file
20
src/pages/contact-us.vue
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1 class="text-center text-3xl text-blue-900 mt-4 font-semibold">Contact Us</h1>
|
||||||
|
<p class="text-center mt-4">Phone: +913216237020</p>
|
||||||
|
<p class="text-center">Email: sreechaitanyacollege@rediffmail.com</p>
|
||||||
|
|
||||||
|
<div class="grid place-items-center text-blue-900 text-2xl font-semibold mt-4">View College on Google Map
|
||||||
|
<!-- Google Map Copied Code -->
|
||||||
|
<iframe class="mt-4 mb-8" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.0775585659544!2d88.64048451555165!3d22.83661988504755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f8b071c69b9933%3A0x5181c48a7b97726e!2sSree%20Chaitanya%20College%2C%20Habra!5e0!3m2!1sen!2sin!4v1667829054410!5m2!1sen!2sin"
|
||||||
|
width="500"
|
||||||
|
height="400"
|
||||||
|
frameborder="0"
|
||||||
|
style="border:0;"
|
||||||
|
|
||||||
|
aria-hidden="false"
|
||||||
|
tabindex="0">
|
||||||
|
</iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
90
src/pages/documents/[id].vue
Normal file
90
src/pages/documents/[id].vue
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container bg-white mx-auto mt-3 p-0 text-lg">
|
||||||
|
<div v-if="isLoading">
|
||||||
|
<h2>Loading ...</h2>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<div v-html="page[0].content" class="container mx-auto text-blue-900 mt-14">
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div v-if="fileAttached">
|
||||||
|
<h2 class="text-blue-900 text-center text-2xl font-semibold mb-16">Attachments</h2>
|
||||||
|
<table class="text-blue-700">
|
||||||
|
<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>
|
||||||
45
src/pages/documents/index.vue
Normal file
45
src/pages/documents/index.vue
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container bg-white mx-auto mt-3 p-0 text-blue-900 leading-loose text-xl">
|
||||||
|
<h2 class="text-2xl text-blue-900">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>
|
||||||
@@ -9,220 +9,220 @@
|
|||||||
<div class="flex flex-wrap -m-1 md:-m-2">
|
<div class="flex flex-wrap -m-1 md:-m-2">
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/1.jpg">
|
src="/img/1.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/2.jpg">
|
src="/img/2.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/3.jpg">
|
src="/img/3.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/4.jpg">
|
src="/img/4.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/5.jpg">
|
src="/img/5.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/6.jpg">
|
src="/img/6.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/7.jpg">
|
src="/img/7.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/8.jpg">
|
src="/img/8.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/9.jpg">
|
src="/img/9.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/11.jpg">
|
src="/img/11.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/12.jpg">
|
src="/img/12.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/13.jpg">
|
src="/img/13.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/14.jpg">
|
src="/img/14.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/15.jpeg">
|
src="/img/15.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/16.jpeg">
|
src="/img/16.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/17.jpeg">
|
src="/img/17.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/18.jpeg">
|
src="/img/18.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/19.jpeg">
|
src="/img/19.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/20.jpeg">
|
src="/img/20.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/21.jpeg">
|
src="/img/21.jpeg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/22.jpg">
|
src="/img/22.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/23.jpg">
|
src="/img/23.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/24.jpg">
|
src="/img/24.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/25.jpg">
|
src="/img/25.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/26.jpg">
|
src="/img/26.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/27.jpg">
|
src="/img/27.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/28.jpg">
|
src="/img/28.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/29.jpg">
|
src="/img/29.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/30.jpg">
|
src="/img/30.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/31.jpg">
|
src="/img/31.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/32.jpg">
|
src="/img/32.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/32.jpg">
|
src="/img/32.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/33.jpg">
|
src="/img/33.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/34.jpg">
|
src="/img/34.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/35.jpg">
|
src="/img/35.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap w-1/3">
|
<div class="flex flex-wrap w-1/3">
|
||||||
<div class="w-full p-1 md:p-2">
|
<div class="w-full p-1 md:p-2">
|
||||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
|
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
|
||||||
src="/img/36.jpg">
|
src="/img/36.jpg">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<div
|
<div
|
||||||
class="flex justify-center right-56 bg-blue-600 w-56 text-white p-1 text-xl"
|
class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full"
|
||||||
>Vision of The College</div>
|
>Vision of The College</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-none mt-5 justify-center">
|
<div class="flex-none mt-5 justify-center">
|
||||||
@@ -23,46 +23,36 @@
|
|||||||
<br />
|
<br />
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<div
|
<div
|
||||||
class="flex justify-center right-56 bg-blue-600 w-56 text-white p-1 text-xl gap-2"
|
class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full mt-14"
|
||||||
>Our Mission</div>
|
>Our Mission</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="flex-none justify-center p-5">
|
<div class="flex-none justify-center p-5">
|
||||||
<div
|
<div
|
||||||
class="flex border-b border-slate-200"
|
class="flex border-b border-slate-200"
|
||||||
>a) a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.</div>
|
>a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.</div>
|
||||||
<div
|
<div
|
||||||
class="flex border-b border-slate-200 mt-3"
|
class="flex border-b border-slate-200 mt-3"
|
||||||
>b) The college aims at moulding and shaping the students as good citizens with qualities of mind and heart showing commitment towards the nation as well as the community in which they live, extending the role of governance and leadership in discharging the different activities to its stakeholders and inculcating innovative practices. With such orientation students are expected to get involved in societal transformation.</div>
|
>b) The college aims at moulding and shaping the students as good citizens with qualities of mind and heart showing commitment towards the nation as well as the community in which they live, extending the role of governance and leadership in discharging the different activities to its stakeholders and inculcating innovative practices. With such orientation students are expected to get involved in societal transformation.</div>
|
||||||
<div
|
<div
|
||||||
class="flex border-b border-slate-200 mt-3"
|
class="flex border-b border-slate-200 mt-3"
|
||||||
>c) Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us.</div>
|
>c) Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us.</div>
|
||||||
<br />
|
|
||||||
<div class="grid grid-cols-2 h-80">
|
<div class="grid grid-cols-1 md:grid-cols-2 bg-local md:gap-8 mt-4" style="background-image: url('/img/clg_grdnt.jpg')">
|
||||||
<div
|
<div class="grid place-items-center p-4"><img src="/img/clgprin.jpg" alt="" class="w-screen rounded-md"></div>
|
||||||
class="bg-auto bg-no-repeat bg-center"
|
<div class="grid text-white place-items-center text-justify p-6"> To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us. rer</div>
|
||||||
style="background-image: url(/img/clg_grdnt.jpg)"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
src="/img/clgprin.jpg"
|
|
||||||
alt="/img/clgprin.jpg"
|
|
||||||
class="m-7 w-10/12 rounded-md"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="bg-auto bg-no-repeat bg-center w-full"
|
|
||||||
style="background-image: url(/img/clg_grdnt.jpg)"
|
|
||||||
>
|
|
||||||
<p
|
|
||||||
class="text-white text-sm mr-20 mt-10 leading-2 font-semibold"
|
|
||||||
>a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution. c) Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us. rer</p>
|
|
||||||
<button class="bg-indigo-500 rounded hover:bg-cyan-600 w-32 transition ease-in-out delay-150 text-white text-xl rounded-md mt-2">Read More</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<button class="bg-blue-600 w-56 text-white p-1 text-xl transition ease-in-out delay-150">Gallery</button>
|
<router-link to="/gallery"><button class="bg-blue-700 w-56 text-white p-1 mt-14 text-xl rounded-full">Gallery</button></router-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div
|
<!-- <div
|
||||||
|
|||||||
12
src/pages/js.vue
Normal file
12
src/pages/js.vue
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<h3> This is an example of using onclick attribute in HTML. </h3>
|
||||||
|
<p> Click the following button to see the effect. </p>
|
||||||
|
<button onclick = "fun()">Click me</button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
function fun() {
|
||||||
|
alert("Welcome to the javaTpoint.com");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
54
src/pages/nn/[id].vue
Normal file
54
src/pages/nn/[id].vue
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
||||||
|
<div v-if="isLoading">
|
||||||
|
<h2 class="ml-28 text-4xl"> Page Loading ...</h2>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2">
|
||||||
|
<div class="grid p-6"><h2 class="text-2xl font-semibold"> {{page[0].name}}</h2>
|
||||||
|
<h2 class="text-blue-700">By. {{page[0].author}}</h2>
|
||||||
|
<h2 class="text-2xl font-semibold">Price. {{page[0].Price}}</h2>
|
||||||
|
<img :src="'https://api8.siliconpin.com/assets/'+page[0].img" alt="">
|
||||||
|
<h2 class="text-red-900 font-bold text-xl mt-8">Book Details</h2>
|
||||||
|
<div class="text-justify text-center " v-html="page[0].details"></div>
|
||||||
|
<h2 class="text-xl font-semibold text-blue-700">Publishing Year {{page[0].Publishing_Year}}</h2>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
page: null,
|
||||||
|
isLoading: true
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted: function (){
|
||||||
|
fetch('https://api8.siliconpin.com/items/books?filter[slug][_in]='+this.$route.params.id)
|
||||||
|
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
this.page = data.data
|
||||||
|
this.isLoading = false
|
||||||
|
console.log(this.page.Publishingyear)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
38
src/pages/nn/index.vue
Normal file
38
src/pages/nn/index.vue
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div v-if="isLoading">
|
||||||
|
<h2 class="text-center text-4xl text-pink-600 font-extrabold">Loading......</h2></div>
|
||||||
|
<div v-else>
|
||||||
|
<div class="container mx-auto text-blue-800 " v-for="(item, index) in page">
|
||||||
|
<router-link :to="'/nn/'+item.slug"><h3>{{item.name}} </h3></router-link>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
page: null,
|
||||||
|
isLoading: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted: function (){
|
||||||
|
fetch('https://api8.siliconpin.com/items/books?')
|
||||||
|
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
this.page = data.data
|
||||||
|
this.isLoading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -1,27 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
<div class="container bg-white mx-auto mt-3 p-4">
|
||||||
<div v-if="isLoading">
|
<div v-if="isLoading">
|
||||||
<h2>Loading ...</h2>
|
<h2>Loading ...</h2>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div v-html="page[0].content" class="container mx-auto">
|
<h2>{{page[0].title}}</h2>
|
||||||
|
<div v-html="page[0].content" ></div>
|
||||||
|
<div v-if="fileAttached">
|
||||||
</div>
|
<h2>Attachments.</h2>
|
||||||
<div v-if="files">
|
<ul>
|
||||||
<h2>Attachments</h2>
|
<li v-for="(file, index) in files">
|
||||||
<div v-for="(file, index) in files">
|
{{index+1}}.
|
||||||
{{index+1}}<a :href="'https://api8.siliconpin.com/assets/' + file.directus_files_id">
|
<a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">
|
||||||
<h3> {{ file.directus_files_id }}</h3>
|
{{ file.filename_download }}
|
||||||
</a>
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- <div>{{page[0].attachments[0]}}</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -38,24 +35,44 @@ 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
|
||||||
|
console.log(this.page)
|
||||||
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) {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container-fluid bg-white mx-auto mt-3 p-0">
|
<div class="container bg-white mx-auto mt-3 p-4 text-blue-700 leading-loose">
|
||||||
<div v-if="isLoading">
|
<div v-if="isLoading">
|
||||||
<h2>Loading ...</h2>
|
<h2>Loading ...</h2>
|
||||||
</div>
|
</div>
|
||||||
@@ -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.reverse()
|
||||||
console.log(data)
|
// console.log(data)
|
||||||
this.isLoading = false
|
this.isLoading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
96
src/pages/student-grievance.vue
Normal file
96
src/pages/student-grievance.vue
Normal file
@@ -0,0 +1,96 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<section class="container mx-auto p-4 mb-48">
|
||||||
|
<h1 class="text-center text-4xl py-16 font-semibold text-blue-700">Students Suggestions/Grievance Form</h1>
|
||||||
|
<div class=" bg-blue-100 rounded-3xl">
|
||||||
|
<h1 class="p-2 text-red-800">All fields are Mandatory*</h1>
|
||||||
|
<div v-if="sccQry">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 place-items-center gap-4 lg:gap-32 p-10">
|
||||||
|
<div class="grid gap-6 w-full">
|
||||||
|
<input v-model="name" type="text" placeholder="Your Name*" class="input input-bordered input-primary w-full rounded-md" />
|
||||||
|
<input v-model="phone_number" type="number" placeholder="Phone Number*" class="input input-bordered input-primary w-full rounded-md" />
|
||||||
|
<input v-model="student_id" type="text" placeholder="Student ID*" class="input input-bordered input-primary w-full rounded-md" />
|
||||||
|
<input v-model="semester" type="text" placeholder="Semester*" class="input input-bordered input-primary w-full rounded-md" />
|
||||||
|
<input v-model="department" type="text" placeholder="Department" class="input input-bordered input-primary w-full rounded-md" />
|
||||||
|
</div>
|
||||||
|
<div class="grid w-full h-full">
|
||||||
|
<textarea v-model="message" class="textarea textarea-bordered rounded-md p-4" placeholder="Write your Suggestions/Grievance here........ "></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-center pb-8">
|
||||||
|
<button @click="savesccQry" class="bg-blue-700 p-2 px-8 text-xl text-white rounded-lg">Send Now</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else>Thank You!</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
setup(){
|
||||||
|
// const route = useRoute();
|
||||||
|
useHead({
|
||||||
|
title: 'Teenybeans Preschool Curriculum - Administrators',
|
||||||
|
meta: [
|
||||||
|
{
|
||||||
|
name: `title`,
|
||||||
|
content: `Complete Preschool Business Solutions for Smart Operation`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: `description`,
|
||||||
|
content: `Discover the best preschool solution for managing your preschool and digitizing the teaching process. Contact us for further assistance.`
|
||||||
|
},
|
||||||
|
],
|
||||||
|
})
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: true,
|
||||||
|
name:null,
|
||||||
|
phone_number:null,
|
||||||
|
student_id:null,
|
||||||
|
department: null,
|
||||||
|
message: null,
|
||||||
|
sccQry:true,
|
||||||
|
|
||||||
|
// contact_form:{}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted: function () {
|
||||||
|
// this.getItemByCategory()
|
||||||
|
// console.log(this.smProducts)
|
||||||
|
// console.log(this.$route.query.cat)
|
||||||
|
// console.log(this.fruits)
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
savesccQry() {
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('Name', this.name);
|
||||||
|
formData.append('Phone', this.phone_number);
|
||||||
|
formData.append('Student_ID', this.student_id);
|
||||||
|
fromData.append('department', this.department)
|
||||||
|
fromData.append('message', this.message)
|
||||||
|
formData.append('formName', 'scc-Students_Suggestions/Grievance_Form');
|
||||||
|
fetch('https://api8.siliconpin.com/admin/content/scc_grievance_form',
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
// headers: {
|
||||||
|
// 'Content-Type': 'multipart/form-data',
|
||||||
|
// // 'Authorization': 'Bearer my-token',
|
||||||
|
// // 'My-Custom-Header': 'foobar'
|
||||||
|
// },
|
||||||
|
body: formData,
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
// console.log(data)
|
||||||
|
});
|
||||||
|
// formData=""
|
||||||
|
this.sccQry=false
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
7
typed-router.d.ts
vendored
7
typed-router.d.ts
vendored
@@ -39,10 +39,17 @@ 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>>,
|
||||||
|
'/contact-us': RouteRecordInfo<'/contact-us', '/contact-us', 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>>,
|
||||||
|
'/js': RouteRecordInfo<'/js', '/js', Record<never, never>, Record<never, never>>,
|
||||||
|
'/nn/': RouteRecordInfo<'/nn/', '/nn', Record<never, never>, Record<never, never>>,
|
||||||
|
'/nn/[id]': RouteRecordInfo<'/nn/[id]', '/nn/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
||||||
'/notice/': RouteRecordInfo<'/notice/', '/notice', 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> }>,
|
'/notice/[id]': RouteRecordInfo<'/notice/[id]', '/notice/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
||||||
|
'/student-grievance': RouteRecordInfo<'/student-grievance', '/student-grievance', Record<never, never>, Record<never, never>>,
|
||||||
'/temp/google': RouteRecordInfo<'/temp/google', '/temp/google', Record<never, never>, Record<never, never>>,
|
'/temp/google': RouteRecordInfo<'/temp/google', '/temp/google', Record<never, never>, Record<never, never>>,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user