Compare commits
7 Commits
54f191d593
...
student-gr
| Author | SHA1 | Date | |
|---|---|---|---|
| c194f99e5c | |||
| 4903c768d5 | |||
| 0b9553e106 | |||
| eb77cd5e0a | |||
| 17f541482b | |||
| bf18b0a5f8 | |||
| 195b7b37f6 |
@@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" type="image/png" href="/img/favicon.ico"/>
|
||||
<title>Sreechaitanya College, Habra</title>
|
||||
<!-- <link
|
||||
rel="preload"
|
||||
|
||||
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",
|
||||
"version": "0.0.0",
|
||||
"name": "scc-22",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"dev": "vite --host --port 2004",
|
||||
"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 |
@@ -7,10 +7,7 @@
|
||||
</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">
|
||||
<img
|
||||
src="/img/logo3.png"
|
||||
alt="/img/logo3.png"
|
||||
class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
|
||||
<img src="/img/logo3.png" alt="/img/logo3.png" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
|
||||
/>
|
||||
Estd.-1956
|
||||
<br />Sree Chaitanya College,Habra
|
||||
|
||||
@@ -447,12 +447,12 @@
|
||||
</MenuItem>
|
||||
<MenuItem v-slot="{ active }">
|
||||
<router-link
|
||||
to="/activity-gallery"
|
||||
to=""
|
||||
:class="[
|
||||
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
|
||||
'block px-1 py-2 text-sm',
|
||||
]"
|
||||
>Activity Gallery</router-link
|
||||
></router-link
|
||||
>
|
||||
</MenuItem>
|
||||
<MenuItem v-slot="{ active }">
|
||||
|
||||
@@ -5,224 +5,224 @@
|
||||
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="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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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"
|
||||
<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">
|
||||
</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,23 +1,22 @@
|
||||
<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">
|
||||
<h2>Loading ...</h2>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-html="page[0].content" class="container mx-auto">
|
||||
|
||||
|
||||
</div>
|
||||
<h2>{{page[0].title}}</h2>
|
||||
<div v-html="page[0].content" ></div>
|
||||
<div v-if="fileAttached">
|
||||
<h2>Attachments</h2>
|
||||
<div v-for="(file, index) in files">
|
||||
<h2>Attachments.</h2>
|
||||
<ul>
|
||||
<li v-for="(file, index) in files">
|
||||
{{index+1}}.
|
||||
<a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">
|
||||
{{ file.filename_download }}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{{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>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -44,6 +43,7 @@ export default {
|
||||
})
|
||||
.then(jsonPageData => {
|
||||
this.page = jsonPageData.data
|
||||
console.log(this.page)
|
||||
this.isLoading = false
|
||||
return jsonPageData.data[0].id
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="container bg-white mx-auto mt-3 p-0 text-blue-700 leading-loose">
|
||||
<div class="container bg-white mx-auto mt-3 p-4 text-blue-700 leading-loose">
|
||||
<div v-if="isLoading">
|
||||
<h2>Loading ...</h2>
|
||||
</div>
|
||||
@@ -31,7 +31,7 @@
|
||||
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
this.page = data.data
|
||||
this.page = data.data.reverse()
|
||||
// console.log(data)
|
||||
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>
|
||||
4
typed-router.d.ts
vendored
4
typed-router.d.ts
vendored
@@ -44,8 +44,12 @@ declare module 'vue-router/auto/routes' {
|
||||
'/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>>,
|
||||
'/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/[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>>,
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user