Compare commits
No commits in common. "c194f99e5c093269408c7ddf0fb26fa3dcdcf2d4" and "eb77cd5e0af201c2b767853d31b6147c0e86fa5f" have entirely different histories.
c194f99e5c
...
eb77cd5e0a
|
@ -1,12 +0,0 @@
|
||||||
<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>
|
|
|
@ -1,96 +0,0 @@
|
||||||
<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>
|
|
|
@ -44,12 +44,10 @@ declare module 'vue-router/auto/routes' {
|
||||||
'/documents/[id]': RouteRecordInfo<'/documents/[id]', '/documents/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
'/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/': RouteRecordInfo<'/nn/', '/nn', Record<never, never>, Record<never, never>>,
|
||||||
'/nn/[id]': RouteRecordInfo<'/nn/[id]', '/nn/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
|
'/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>>,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue