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

mainmenu

Browse Source
This commit is contained in:
Subhodip Ghosh
2023-05-12 21:24:33 +05:30
parent 59c508cb9a
commit fc4bfa575b
14 changed files with 2139 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/DocumentsPage.vue Normal file
View File

@@ -0,0 +1,44 @@
<template>
<div class="container bg-white mx-auto 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 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Loading ...</h2>
</div>
<div v-else>
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Documents</h2>
<div v-for="(item, index) in page" >
<a :href="'/documents/'+item.slug"> <h3> {{item.title}}</h3> </a>
</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>

6
src/components/Header.astro
View File

@@ -1,13 +1,13 @@
<main>
<header>
<div class="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
<div class="grid col-span-1 "> <img class="w-16" src="/img/logo3.png" alt=""></div>
<div class="grid col-span-1 "> <a href="/"><img class="w-16" src="/img/logo3.png" alt="Sree Chaitanya College,Habra "/></a> </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 class="grid col-span-1 "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></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">
<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="Sree Chaitanya College,Habra" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14 text-base "
/>
Estd.-1956
<br />Sree Chaitanya College,Habra

300
src/components/MainMenu.astro Normal file
View File

@@ -0,0 +1,300 @@
<main>
<section class="container-fluid" style="background-color: #172554;">
<div class="navbar shadow-xl zindex xl:container xl:mx-auto">
<!-- Navbar logo -->
<div class="nav-header">
<div class="nav-logo">
</div>
</div>
<!-- responsive navbar toggle button -->
<input type="checkbox" id="nav-check">
<div class="nav-btn">
<label for="nav-check">
<span></span>
<span></span>
<span></span>
</label>
</div>
<!-- Navbar items -->
<div class="nav-links">
<a href="/">Home</a>
<a href="/about-us">About</a>
<a href="/contact-us">Contact Us</a>
<a href="/notice">Notice</a>
<a href="/library">Library</a>
<div class="dropdown">
<a class="dropBtn" href="#">Administration
<i class="fas fa-angle-down"></i>
</a>
<div class="drop-content" >
<a href="/governing-body">Governing Body</a>
<a href="/composition-of-gb">Composition of GB</a>
<a href="/staff">Staff</a>
<a href="/working-hour">Working Hour</a>
</div>
</div>
<!-- <a href="https://center.rgyci.org/center_list">Center List</a> -->
<!-- Dropdown menu -->
<div class="dropdown">
<a class="dropBtn" href="#">Academics
<i class="fas fa-angle-down"></i>
</a>
<div class="drop-content">
<a href="/departments">Departments & Faculty</a>
<a href="/admission">Admission</a>
<a href="/librarians">Librarians</a>
<a href="/course-offered">Course Offered</a>
<a href="/subject-combinationhons">Subject Combination(Hons)</a>
<a href="/subject-combinationgen">Subject Combination(Gen)</a>
<a href="/intake-capacity">Intake Capacity</a>
<a href="/academic-calender">Academic Calendar</a>
<a href="/prospectus">Prospectus</a>
<a href="/Marks-Distribution">Marks Distribution</a>
<a href="/result">Result</a>
</div>
</div>
<div class="dropdown">
<a class="dropBtn" href="#">Organizations
<i class="fas fa-angle-down"></i>
</a>
<div class="drop-content">
<a href="/iqac">IQAC</a>
<a href="/naac">NAAC</a>
<a href="/nirf-data">NIRF</a>
<a href="/aqar">AQAR</a>
<a href="/students-union">Student's Union</a>
<a href="/teachers-council">Teacher's Council</a>
<a href="/alumni-association">Alumni Association</a>
<a href="/gallery">Image Gallery</a>
</div>
</div>
<div class="dropdown">
<a class="dropBtn" href="#">Facilities
<i class="fas fa-angle-down"></i>
</a>
<div class="drop-content">
<a href="/facilities">Facilities</a>
<a href="/rti">RTI</a>
</div>
</div>
<div class="dropdown">
<a class="dropBtn" href="#">Students
<i class="fas fa-angle-down"></i>
</a>
<div class="drop-content">
<a href="/admission">Admission</a>
<a href="/activities">Activities</a>
<a href="/students-union">Student's Union</a>
<a href="/student-grievance">Students Suggestion / Grievance</a>
<a href="/students-feedback">Student's Feedback</a>
<a href="/students-health-home">Student's Health Home</a>
<a href="/code-of-conduct">Code of Conduct</a>
<a href="/holiday-list">Holiday List</a>
<a href="/gallery">Image Gallery</a>
</div>
</div>
<!-- <div class="dropdown">
<a class="dropBtn" href="#">Login
<i class="fas fa-angle-down"></i>
</a>
<div class="drop-content">
<a href="https://center.rgyci.org/form/teacher_login">Teacer</a>
<a href="https://center.rgyci.org/form/center_login">Students</a>
</div>
</div> -->
</div>
</div>
</section>
</main>
<script is:inline>
</script>
<style>
.drop-content {
color: black;
width: fit-content;
}
.zindex {
z-index: 1;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
background-image: url(background-img.jpg);
background-size: cover;
background-attachment: fixed;
}
.navbar{
height: 70px;
width: 100%;
padding: 25px 10px;
background-color: #172554;
position: relative;
}
.navbar .nav-header{
display: inline;
}
.navbar .nav-header .nav-logo{
display: inline-block;
margin-top: -7px;
}
.navbar .nav-links{
display: inline;
float: right;
font-size: 18px;
}
.navbar .nav-links .loginBtn{
display: inline-block;
padding: 5px 15px;
margin-left: 20px;
font-size: 17px;
color: rgb(255, 255, 255);
}
.navbar .nav-links a {
padding: 10px 6px;
width: fit-content;
text-decoration: none;
font-weight: 550;
color: white;
}
/* Hover effects */
.navbar .nav-links a:hover{
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
border-radius: 10px;
}
/* responsive navbar toggle button */
.navbar #nav-check, .navbar .nav-btn{
display: none;
}
@media (max-width:970px) {
.navbar .nav-btn{
display: inline-block;
position: absolute;
top: 0px;
right: 0px;
}
.navbar .nav-btn label {
display: inline-block;
width: 80px;
height: 70px;
padding: 25px;
}
.navbar .nav-btn label span {
display: block;
height: 10px;
width: 25px;
border-top: 3px solid #eee;
}
.navbar .nav-btn label:hover, .navbar #nav-check:checked ~ .nav-btn label {
background-color: rgb(9, 14, 90);
transition: all 0.5s ease;
}
.navbar .nav-links{
position: absolute;
display: block;
text-align: center;
width: 100%;
background-color: rgb(9, 14, 90);
transition: all 0.3s ease-in;
overflow-y: hidden;
top: 70px;
right: 0px;
}
.navbar .nav-links a {
display: block;
}
/* when nav toggle button not checked */
.navbar #nav-check:not(:checked) ~ .nav-links {
height: 0px;
}
/* when nav toggle button is checked */
.navbar #nav-check:checked ~ .nav-links {
height: fit-content;
overflow-y: auto;
}
.navbar .nav-links .loginBtn {
padding: 10px 40px ;
margin: 20px;
font-size: 18px;
font-weight: bold;
color: rgb(9, 14, 90);
}
/* Responsive dropdown code */
.navbar .nav-links .dropdown, .navbar .nav-links .dropdown2 {
float: none;
width: 100%;
}
.navbar .nav-links .drop-content, .navbar .nav-links .drop-content2 {
position: relative;
background-color: rgb(220, 220, 250);
top: 0px;
left: 0px;
}
/* Text color */
.navbar .nav-links .drop-content a {
color: rgb(9, 14, 90);
}
}
/* Dropdown menu CSS code */
.dropdown{
position: relative;
display: inline-block;
color: black;
}
.drop-content, .drop-content2 {
display: none;
position: absolute;
background-color: #172554;
color: black;
min-width: 200px;
width: 100%;
font-size: 16px;
top: 34px;
z-index: 1;
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
}
/* on hover show dropdown */
.dropdown:hover .drop-content, .dropdown2:hover .drop-content2 {
display: block;
}
/* drondown links */
.drop-content a {
padding: 12px 10px;
/* width: 200px;
border-bottom: 1px solid rgb(197, 197, 250); */
display: block;
transition: all 0.5s ease !important;
}
.dropBtn .drop-content a:hover {
background-color: rgb(230, 230, 230);
}
.dropdown:hover .dropBtn, .dropdown2:hover .dropBtn2 {
background-color: rgba(0, 0, 0, 0.3);
}
.dropdown2 .drop-content2 {
position: absolute;
left: 120px;
top: 126px;
}
.dropBtn2 i {
margin-left: 15px;
}
</style>

0
src/components/MainMenu.vue → src/components/MenuFinal.astro
View File

42
src/components/NoticePage.vue Normal file
View File

@@ -0,0 +1,42 @@
<template>
<div class="container bg-white mx-auto mt-3 p-4 text-blue-700 leading-loose">
<div v-if="isLoading">
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Loading ...</h2>
</div>
<div v-else>
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Notice</h2>
<div v-for="(item, index) in page" >
<a :href="'/notice/'+item.slug"> <h3> {{item.title}}</h3> </a>
</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]=notice&limit=-1')
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
.then(response => response.json())
.then(data => {
this.page = data.data.reverse()
// console.log(data)
this.isLoading = false
})
}
}
</script>

89
src/components/NoticeSlug.vue Normal file
View File

@@ -0,0 +1,89 @@
<template>
<div class="container bg-white mx-auto mt-3 p-4">
<div v-if="isLoading">
<h2>Loading ...</h2>
</div>
<div v-else>
<h2>{{page[0].title}}</h2>
<div v-html="page[0].content" ></div>
<div v-if="fileAttached">
<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>
</ul>
</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
console.log(this.page)
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>

1349
src/components/temp.vue Normal file
View File

File diff suppressed because it is too large Load Diff