viithiisys / School-Management-dashboard

Browse Code »

Commit 558365e7b3466ea60f90d7024a3a28a4c998416b

Authored by Shikha Mishra 2020-02-28 08:31:21 -0500

1 parent 46c5b5fdd9

Exists in master and in 3 other branches

graph change in dashboard and set field of admit card according to requirement

Showing 2 changed files with 7 additions and 7 deletions Show diff stats

src/pages/Dashboard/dashboard.vue

Diff comments View file @558365e

 <template>
   <v-app id="pages-dasboard">
     <!-- ****** VIEW PROFIL NOTICE BOARD ******  -->
     <!-- <v-dialog v-model="dialogNotice" max-width="940px" scrollable>
       <v-card>
         <v-toolbar color="grey lighten-2" flat>
           <v-spacer></v-spacer>
           <v-toolbar-title>
             <h3>Notice Board</h3>
           </v-toolbar-title>
           <v-spacer></v-spacer>
           <v-icon @click="closeNotice">close</v-icon>
         </v-toolbar>
         <v-card-text>
           <v-layout>
             <v-flex align-center justify-center layout text-xs-center class="mt-2">
               <img src="/static/icon/user.png" width="70px" v-if="!notice.eventImageUrl" />
               <img :src="notice.eventImageUrl" width="280px" v-else-if="notice.eventImageUrl" />
             </v-flex>
           </v-layout>
           <v-container grid-list-md>
             <v-layout wrap>
               <v-flex>
                 <v-layout>
                   <v-flex xs5 sm6>
                     <h5 class="right my-1">
                       <b>Title:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm6 xs8>
                     <h5 class="my-1">{{ notice.title }}</h5>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs5 sm6>
                     <h5 class="right my-1">
                       <b>Description:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm6 xs8>
                     <h5 class="my-1">{{ notice.description }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
           </v-container>
         </v-card-text>
       </v-card>
     </v-dialog>-->
     <!-- <v-container fluid grid-list-xl> -->
     <v-layout wrap>
       <v-flex xs12>
         <v-layout wrap row>
           <!-- ***** Total Students ***** -->
           <v-flex xs12 sm12 md9>
             <v-container fluid grid-list-xl>
               <v-flex xs12 sm12 md12>
                 <v-layout wrap class>
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Students' }">
                       <v-card class="card pink-bgcolor">
                         <v-card-title primary-title class="titleCard white--text py-3">Students</v-card-title>
                         <img src="/static/icon/student.png" class="ml-2" width="40" alt="icons" />
                         <v-card-title class="headline py-1 white--text">{{ students.length }}</v-card-title>
                       </v-card>
                     </router-link>
                   </v-flex>
                   <!-- ***** Total Teachers***** -->
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Teachers' }">
                       <v-card flat class="card elevation-2 firozi-bgcolor">
                         <v-card-title primary-title class="titleCard white--text py-3">Teachers</v-card-title>
                         <img src="/static/icon/teacher.png" class="ml-2" width="40" alt="icons" />
                         <v-card-title class="headline py-1 white--text">{{ teachers.length }}</v-card-title>
                       </v-card>
                     </router-link>
                   </v-flex>
                   <!-- ***** Total Parents ***** -->
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Parents' }">
                       <v-card flat class="card yellow darken-3">
                         <v-card-title primary-title class="titleCard white--text py-3">Parents</v-card-title>
                         <img src="/static/icon/parents.png" class="ml-3" width="40px" alt="icons" />
                         <v-card-title class="headline py-1 white--text">{{ parents.length }}</v-card-title>
                       </v-card>
                     </router-link>
                   </v-flex>
                   <!-- ***** Total Class***** -->
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Class' }">
                       <v-card flat class="card darkBlue-bgcolor">
                         <v-card-title primary-title class="titleCard white--text py-3">Class</v-card-title>
                         <img src="/static/icon/class.png" width="40" alt="icons" class="ml-2" />
                         <v-card-title class="headline py-1 white--text">{{ classes.length }}</v-card-title>
                       </v-card>
                     </router-link>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-layout>
                 <v-flex xs12>
                   <v-card class="card mt-2 account-Card">
                     <h4>
                       <b>Account</b>
                     </h4>
                     <v-layout wrap>
                       <v-flex xs12 sm12 md3>
                         <v-list two-line>
                           <template>
                             <v-list-tile>
                               <v-list-tile-avatar>
                                 <v-icon class="account-circle darkBlue-color">panorama_fish_eye</v-icon>
                               </v-list-tile-avatar>
                               <v-list-tile-content>
                                 <v-list-tile-title class="mt-2">
                                   <p class="subheading font-color">Fees</p>
                                 </v-list-tile-title>
                                 <v-list-tile-title>Rs. {{ feeData.totalFees }}</v-list-tile-title>
                               </v-list-tile-content>
                             </v-list-tile>
                             <v-list-tile>
                               <v-list-tile-avatar>
                                 <v-icon class="account-circle yellowDark-color">panorama_fish_eye</v-icon>
                               </v-list-tile-avatar>
                               <v-list-tile-content>
                                 <v-list-tile-title class="mt-2">
                                   <p class="subheading font-color">Collection</p>
                                 </v-list-tile-title>
                                 <v-list-tile-title>Rs. {{ feeData.totalCollection }}</v-list-tile-title>
                               </v-list-tile-content>
                             </v-list-tile>
                             <v-list-tile>
                               <v-list-tile-avatar>
                                 <v-icon class="account-circle pink-color">panorama_fish_eye</v-icon>
                               </v-list-tile-avatar>
                               <v-list-tile-content>
                                 <v-list-tile-title class="mt-2">
                                   <p class="subheading font-color">Expences</p>
                                 </v-list-tile-title>
                                 <v-list-tile-title>Rs. {{ expenseData.sum }}</v-list-tile-title>
                               </v-list-tile-content>
                             </v-list-tile>
                           </template>
                         </v-list>
                       </v-flex>
                       <v-flex xs12 sm12 md9 lg9>
-                        <!-- <div id="chart"> -->
+                        <div id="chart">
-                        <div v-if="this.series" title="Swarn Singh">
+                        <div v-if="this.series">
                           <apexchart
                             type="bar"
                             height="250"
                             style="max-width: 800px !important"
                             :options="chartOptions"
                             :series="series"
+                            v-show="true"
                           ></apexchart>
                         </div>
-                        <!-- </div> -->
+                        </div>
                       </v-flex>
                     </v-layout>
                   </v-card>
                 </v-flex>
               </v-layout>
               <v-card class="mt-2 card">
                 <!-- <full-calendar
                   ref="calendar"
                   defaultView="month"
                   droppable="false"
                   :events="events"
                   :config="config"
                 ></full-calendar>-->
                 <h4 class="pa-3">
                   <b>Notice</b>
                 </h4>
                 <v-data-table
                   :items="noticeData"
                   class="elevation-0"
                   flat
                   hide-actions
                   hide-headers
                   style="border-spacing: 0 !important;"
                 >
                   <template
                     slot="items"
                     slot-scope="props"
                     v-if="props.index < 5"
                     style="border-spacing: 0 !important;"
                   >
                     <tr class="td-notice">
                       <td class="grey--text" style="width:18px">{{ props.index + 1}}</td>
                       <td>
                         <span class="grey--text caption">{{ date(props.item.created) }}</span>
                         <br />
                         <span class="body-2">{{ props.item.title}}</span>
                       </td>
                       <td class="noticeDecritpion grey--text mt-2">{{ props.item.description}}</td>
                       <td class="text-xs-center">
                         <span>
                           <v-tooltip top>
                             <img
                               slot="activator"
                               style="cursor:pointer; width:25px; height:25px; "
                               @click="profile"
                               src="/static/icon/view.png"
                             />
                             <span>View</span>
                           </v-tooltip>
                         </span>
                       </td>
                     </tr>
                   </template>
                 </v-data-table>
               </v-card>
             </v-container>
           </v-flex>
           <v-flex xs12 sm12 md3>
             <v-card height="100%" class="elevation-0 mt-3 profileDasboard">
               <v-card-text>
                 <h4 class="text-xs-center py-3">
                   <b>Profile</b>
                 </h4>
                 <v-flex xs12 class="py-3">
                   <v-layout wrap>
                     <v-flex xs12 sm12 md4>
                       <img src="/static/icon/user.png" v-if="!userData.schoolLogoUrl" width="80" />
                       <img
                         :src="userData.schoolLogoUrl"
                         v-else-if="userData.schoolLogoUrl"
                         width="80"
                       />
                     </v-flex>
                     <v-flex xs12 sm12 md6>
                       <p class="mb-0 body-1">
                         <i>{{ userData.name }}</i>
                       </p>
                       <p class="mb-0 caption grey--text">{{ userData.email }}</p>
                       <p class="mb-0 caption grey--text">{{ userData.mobile }}</p>
                       <address class="caption grey--text mb-3">{{ userData.address }}</address>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <hr />
                 <h4 class="text-xs-center py-3">
                   <b>Calender</b>
                 </h4>
                 <vue-event-calendar :events="demoEvents"></vue-event-calendar>
               </v-card-text>
             </v-card>
           </v-flex>
         </v-layout>
       </v-flex>
     </v-layout>
     <v-dialog v-model="dialog" max-width="500">
       <v-card color="grey lighten-4" flat>
         <v-toolbar dark color="fixcolors">
           <v-spacer></v-spacer>
           <v-btn icon @click="dialog= false">
             <v-icon>close</v-icon>
           </v-btn>
         </v-toolbar>
         <v-flex class="py-4">
           <v-list-tile>
             <v-list-tile-action>
               <v-icon>edit</v-icon>
             </v-list-tile-action>
             <v-list-tile-content>
               <v-list-tile-title>{{ selected.title }}</v-list-tile-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile>
             <v-list-tile-action>
               <v-icon>access_time</v-icon>
             </v-list-tile-action>
             <v-list-tile-content>
               <v-list-tile-title>{{ date(selected.start)}}</v-list-tile-title>
             </v-list-tile-content>
           </v-list-tile>
         </v-flex>
       </v-card>
     </v-dialog>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
   </v-app>
 </template>
 <script>
 import http from "@/Services/http.js";
 import moment from "moment";
 // import { FunctionalCalendar } from "vue-functional-calendar";
 export default {
   components: {
     // FunctionalCalendar
   },
   data() {
     return {
       // data: {
       //   clieckedToday: false
       // },
       // markedDates: ["16/4/2019", "18/4/2019", "20/4/2019", "21/4/2019"],
       // calendarData: {},
       // calendar: {},
       demoEvents: [
         {
           date: "2020/01/10", // Required
           title: "Foo" // Required
         },
         {
           date: "2020/01/12",
           title: "Bar",
           desc: "description",
           customClass: "disabled highlight" // Custom classes to an calendar cell
         }
       ],
       showLoader: false,
       calendarData: {},
       dialog: false,
       dialogNotice: false,
       HolidaysList: [],
       EventsList: [],
       events: [],
       config: {
         eventClick: event => {
           this.selected = event;
           this.dialog = true;
         }
       },
       selected: {},
       barGraph: [],
       // notice: {},
       userData: {},
       dated: new Date(2018, 0, 9),
       userList: [],
       sectionList: [],
       students: "",
       parents: "",
       teachers: "",
       classes: "",
       noticeData: [],
       expenseData: [],
       feeData: [],
       collectionData: [],
       attrs: [
         {
           key: "today",
           highlight: true,
           dates: new Date()
         }
       ],
       drawer: true,
       items: [
         { title: "Home", icon: "dashboard" },
         { title: "About", icon: "question_answer" }
       ],
       right: null,
       series: [
         {
           name: "Total",
           data: []
         }
       ],
       chartOptions: {
         chart: {
           type: "bar",
           height: 150,
           stacked: true
           // animations: {
           //   enabled: true,
           //   easing: "easeinout",
           //   speed: 1200,
           //   animateGradually: {
           //     enabled: true,
           //     delay: 450
           //   },
           //   dynamicAnimation: {
           //     enabled: true,
           //     speed: 450
           //   }
           // }
         },
         plotOptions: {
           bar: {
             horizontal: false,
             columnWidth: "25%",
             // endingShape: "rounded",
             distributed: true
           }
         },
         responsive: [
           {
             breakpoint: 480,
             options: {
               legend: {
                 position: "bottom",
                 offsetX: -10,
                 offsetY: 0
               }
             }
           }
         ],
         legend: {
           show: false
         },
         colors: ["#7852cc", "#f9a825", "#ff8a89"],
         dataLabels: {
           enabled: false
         },
         stroke: {
           show: true,
           width: 2,
           colors: ["transparent"]
         },
         xaxis: {
           categories: ["Fee", "Collections", "Expences"]
         },
         yaxis: {
           title: {
             text: ""
           }
         },
         fill: {
           opacity: 1
         },
         tooltip: {
           y: {
             formatter: function(val, opts) {
               // console.log("opts",opts.w.config.xaxis.categories)
               return "" + val + " ";
             }
           }
         }
       }
     };
   },
   mounted() {
     //  = this.$store.state.schoolToken;
     // console.log("this.$store.state.role", this.token);
     if (this.$store.state.role === "ADMIN") {
       this.token = this.$store.state.token;
     } else if (this.$store.state.schoolRole === "SUPERADMIN") {
       this.token = this.$store.state.schoolToken;
     }
     // console.log("role", this.$store.state.schoolRole,"tt",this.$store.state.schoolToken);
     // this.getData();
     this.getStudents();
     this.getTeachers();
     this.getParents();
     this.getClasses();
     this.getNoticeData();
     this.getUserData();
     this.getFeesAndCollectionsData();
     this.getExpensesData();
     // this.getUsersList();
   },
   methods: {
     closeNotice() {
       this.dialogNotice = false;
     },
     profile() {
       // this.editedIndex = this.desserts.indexOf(item);
       // this.notice = Object.assign({}, item);
       // this.dialogNotice = true;
       this.$router.push({ name: "NoticeBoard" });
     },
     date: function(date) {
       return moment(date).format("MMMM DD, YYYY  HH:mm");
     },
     refreshEvents() {
       this.$refs.calendar.$emit("refetch-events");
     },
     removeEvent() {
       this.$refs.calendar.$emit("remove-event", this.selected);
       this.selected = {};
     },
     eventSelected(event) {
       this.selected = event;
       console.log("this.selected", this.selected);
     },
     // eventDropStart: function(event) {
     //   event.editable = false;
     // },
     eventCreated(...test) {
       console.log(test);
     },
     getStudents() {
       http()
         .get("/getStudentsList", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.students = response.data.data;
           this.showLoader = false;
         })
         .catch(error => {
           // console.log("err====>", err);
           this.showLoader = false;
           // if (error.response.status === 401) {
           //   this.$router.replace({ path: "/" });
           //   this.$store.dispatch("setToken", null);
           //   this.$store.dispatch("Id", null);
           // }
         });
     },
     getParents() {
       http()
         .get("/getParentsList", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.parents = response.data.data;
           this.showLoader = false;
         })
         .catch(error => {
           // console.log("err====>", err);
           this.showLoader = false;
           // if (error.response.status === 401) {
           //   this.$router.replace({ path: "/" });
           //   this.$store.dispatch("setToken", null);
           //   this.$store.dispatch("Id", null);
           // }
         });
     },
     getTeachers() {
       http()
         .get("/getTeachersList", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.teachers = response.data.data;
           this.showLoader = false;
         })
         .catch(error => {
           // console.log("err====>", err);
           this.showLoader = false;
           // if (error.response.status === 401) {
           //   this.$router.replace({ path: "/" });
           //   this.$store.dispatch("setToken", null);
           //   this.$store.dispatch("Id", null);
           // }
         });
     },
     getClasses() {
       http()
         .get("/getClassesList", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.classes = response.data.data;
           this.showLoader = false;
         })
         .catch(error => {
           this.showLoader = false;
           // if (error.response.status === 401) {
           //   this.$router.replace({ path: "/" });
           //   this.$store.dispatch("setToken", null);
           //   this.$store.dispatch("Id", null);
           //   this.$store.dispatch("Role", null);
           // }
         });
     },
     getNoticeData() {
       this.showLoader = true;
       http()
         .get("/getEventsList", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.noticeData = response.data.data;
           this.showLoader = false;
         })
         .catch(error => {
           this.showLoader = false;
           // if (error.response.status === 401) {
           //   this.$router.replace({ path: "/" });
           //   this.$store.dispatch("setToken", null);
           //   this.$store.dispatch("Id", null);
           // }
         });
     },
     getUserData() {
       // this.showLoader = true;
       http()
         .get("/getParticularUserDetail", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.userData = response.data.data;
           this.showLoader = false;
         })
         .catch(error => {
           this.showLoader = false;
           // if (error.response.status === 401) {
           //   this.$router.replace({ path: "/" });
           //   this.$store.dispatch("setToken", null);
           //   this.$store.dispatch("Id", null);
           // }
         });
     },
     getFeesAndCollectionsData() {
       http()
         .get("/getTotalFeesAndCollections", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.feeData = response.data.data;
           // this.collectionData = response.data.data;
           this.series[0].data[0] = this.feeData.totalFees;
           this.series[0].data[1] = this.feeData.totalCollection;
           console.log("this.series====", this.series);
           this.showLoader = false;
         })
         .catch(error => {
           this.showLoader = false;
         });
     },
     getExpensesData() {
       http()
         .get("/getTotalExpenses", {
           headers: {
             Authorization: "Bearer " + this.token
           }
         })
         .then(response => {
           this.expenseData = response.data.data;
           // var array = response.data.data.sum;
           this.series[0].data[2] = this.expenseData.sum;
-          // console.log("this.series.data", this.series[0].data);
           // this.series = [
           //   {
           //     name: "Total",
           //     data: array
           //   }
           // ];
           // console.log("this.series====", this.series);
           this.showLoader = false;
         })
         .catch(error => {
           this.showLoader = false;
         });
     }
   }
 };
 </script>
 <style scoped>
 @import "fullcalendar/dist/fullcalendar.css";

src/pages/Report/admitCard.vue

Diff comments View file @558365e

1	<template>	1	<template>
2	<v-container fluid class="body-color">	2	<v-container fluid class="body-color">
3	<!-- ** Admit Card Table ** -->	3	<!-- ** Admit Card Table ** -->
4	<v-card flat class="elevation-0 transparent">	4	<v-card flat class="elevation-0 transparent">
5	<v-form ref="form" v-model="valid" lazy-validation>	5	<v-form ref="form" v-model="valid" lazy-validation>
6	<v-flex xs12 sm12 lg12>	6	<v-flex xs12 sm12 lg12>
7	<v-layout wrap>	7	<v-layout wrap>
8	<v-flex xs12 sm12 lg3>	8	<v-flex xs12 sm12 lg3>
9	<v-layout>	9	<v-layout>
10	<v-flex xs3 sm6 lg4 class="subheading mt-4">	10	<v-flex xs3 sm6 lg4 class="subheading mt-4">
11	<label class="right">Exam :</label>	11	<label class="right">Exam :</label>
12	</v-flex>	12	</v-flex>
13	<v-flex xs7 sm6 lg8 class="ml-2">	13	<v-flex xs7 sm6 lg8 class="ml-2">
14	<v-autocomplete	14	<v-autocomplete
15	v-model="getReport.examId"	15	v-model="getReport.examId"
16	label="Please Select"	16	label="Please Select"
17	:items="examData"	17	:items="examData"
18	item-text="examName"	18	item-text="examName"
19	item-value="_id"	19	item-value="_id"
20	:rules="examRules"	20	:rules="examRules"
21	@change="getExamList"	21	@change="getExamList"
22	required	22	required
23	></v-autocomplete>	23	></v-autocomplete>
24	</v-flex>	24	</v-flex>
25	</v-layout>	25	</v-layout>
26	</v-flex>	26	</v-flex>
27		27
28	<v-flex xs12 sm12 lg3>	28	<v-flex xs12 sm12 lg3 v-if="getReport.examId">
29	<v-layout>	29	<v-layout>
30	<v-flex xs3 sm6 lg2 class="subheading mt-4">	30	<v-flex xs3 sm6 lg2 class="subheading mt-4">
31	<label class="right">Class:</label>	31	<label class="right">Class:</label>
32	</v-flex>	32	</v-flex>
33	<v-flex xs9 sm6 lg8 class="ml-2">	33	<v-flex xs9 sm6 lg8 class="ml-2">
34	<v-select	34	<v-select
35	v-model="getReport.classId"	35	v-model="getReport.classId"
36	label="Select your class"	36	label="Select your class"
37	type="text"	37	type="text"
38	:items="classList"	38	:items="classList"
39	item-text="classNum"	39	item-text="classNum"
40	item-value="_id"	40	item-value="_id"
41	:rules="classRules"	41	:rules="classRules"
42	@change="getSections(getReport.classId)"	42	@change="getSections(getReport.classId)"
43	required	43	required
44	></v-select>	44	></v-select>
45	</v-flex>	45	</v-flex>
46	</v-layout>	46	</v-layout>
47	</v-flex>	47	</v-flex>
48	<v-flex xs12 sm12 lg3>	48	<v-flex xs12 sm12 lg3 v-if="getReport.classId">
49	<v-layout>	49	<v-layout>
50	<v-flex xs3 sm6 lg2 class="subheading mt-4">	50	<v-flex xs3 sm6 lg2 class="subheading mt-4">
51	<label class="right">Section:</label>	51	<label class="right">Section:</label>
52	</v-flex>	52	</v-flex>
53	<v-flex xs9 sm6 lg8 class="ml-2">	53	<v-flex xs9 sm6 lg8 class="ml-2">
54	<v-select	54	<v-select
55	:items="addSection"	55	:items="addSection"
56	label="Select your Section"	56	label="Select your Section"
57	v-model="getReport.sectionId"	57	v-model="getReport.sectionId"
58	item-text="name"	58	item-text="name"
59	item-value="_id"	59	item-value="_id"
60	name="Select Section"	60	name="Select Section"
61	@change="getStudents"	61	@change="getStudents"
62	:rules="sectionRules"	62	:rules="sectionRules"
63	required	63	required
64	></v-select>	64	></v-select>
65	</v-flex>	65	</v-flex>
66	</v-layout>	66	</v-layout>
67	</v-flex>	67	</v-flex>
68	<v-flex xs12 sm12 lg3>	68	<v-flex xs12 sm12 lg3 v-if="getReport.sectionId">
69	<v-layout>	69	<v-layout>
70	<v-flex xs3 sm6 lg2 class="subheading mt-4">	70	<v-flex xs3 sm6 lg2 class="subheading mt-4">
71	<label class="right">Student:</label>	71	<label class="right">Student:</label>
72	</v-flex>	72	</v-flex>
73	<v-flex xs9 sm6 lg8 class="ml-2">	73	<v-flex xs9 sm6 lg8 class="ml-2">
74	<v-select	74	<v-select
75	:items="getStudentsList"	75	:items="getStudentsList"
76	label="Select your student"	76	label="Select your student"
77	v-model="getReport.studentId"	77	v-model="getReport.studentId"
78	item-text="name"	78	item-text="name"
79	item-value="_id"	79	item-value="_id"
80	:rules="studentRules"	80	:rules="studentRules"
81	required	81	required
82	></v-select>	82	></v-select>
83	</v-flex>	83	</v-flex>
84	</v-layout>	84	</v-layout>
85	</v-flex>	85	</v-flex>
86		86
87	<v-flex xs12 sm12 lg4>	87	<v-flex xs12 sm12 lg4>
88	<v-layout>	88	<v-layout>
89	<v-flex xs4 sm4 lg3 class="subheading mt-4">	89	<v-flex xs4 sm4 lg3 class="subheading mt-4">
90	<label class="right">Type:</label>	90	<label class="right">Type:</label>
91	</v-flex>	91	</v-flex>
92	<v-flex xs7 sm6 lg8 class="ml-2">	92	<v-flex xs7 sm6 lg8 class="ml-2">
93	<v-autocomplete	93	<v-autocomplete
94	label="Please Select"	94	label="Please Select"
95	type="text"	95	type="text"
96	:rules="typeRules"	96	:rules="typeRules"
97	:items="typeList"	97	:items="typeList"
98	v-model="getReport.form"	98	v-model="getReport.form"
99	item-text="name"	99	item-text="name"
100	item-value="value"	100	item-value="value"
101	@change="getReport(getReport.form)"	101	@change="getReport(getReport.form)"
102	required	102	required
103	></v-autocomplete>	103	></v-autocomplete>
104	</v-flex>	104	</v-flex>
105	</v-layout>	105	</v-layout>
106	</v-flex>	106	</v-flex>
107	<!-- <v-flex xs12 sm12 lg4>	107	<!-- <v-flex xs12 sm12 lg4>
108	<v-layout>	108	<v-layout>
109	<v-flex xs4 sm4 lg3 class="subheading mt-4">	109	<v-flex xs4 sm4 lg3 class="subheading mt-4">
110	<label class="right">Background:</label>	110	<label class="right">Background:</label>
111	</v-flex>	111	</v-flex>
112	<v-flex xs7 sm6 lg8 class="ml-2">	112	<v-flex xs7 sm6 lg8 class="ml-2">
113	<v-autocomplete	113	<v-autocomplete
114	label="Please Select"	114	label="Please Select"
115	type="text"	115	type="text"
116	:rules="backgroundRules"	116	:rules="backgroundRules"
117	:items="backgroundList"	117	:items="backgroundList"
118	required	118	required
119	></v-autocomplete>	119	></v-autocomplete>
120	</v-flex>	120	</v-flex>
121	</v-layout>	121	</v-layout>
122	</v-flex>-->	122	</v-flex>-->
123	<v-flex xs12 sm12 lg4 class="hidden-xs-only hidden-sm-only pl-5">	123	<v-flex xs12 sm12 lg4 class="hidden-xs-only hidden-sm-only pl-5">
124	<v-btn	124	<v-btn
125	@click="getSchedule"	125	@click="getSchedule"
126	round	126	round
127	dark	127	dark
128	:loading="loading"	128	:loading="loading"
129	class="open-dialog-button mt-3 ml-5"	129	class="open-dialog-button mt-3 ml-5"
130	>Get Report</v-btn>	130	>Get Report</v-btn>
131	</v-flex>	131	</v-flex>
132	</v-layout>	132	</v-layout>
133	</v-flex>	133	</v-flex>
134	</v-form>	134	</v-form>
135	</v-card>	135	</v-card>
136	<div v-if="frontPart">	136	<div v-if="frontPart">
137	<v-layout v-show="showTable">	137	<v-layout v-show="showTable">
138	<v-flex xs12>	138	<v-flex xs12>
139	<v-layout>	139	<v-layout>
140	<v-flex xs12>	140	<v-flex xs12>
141	<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">	141	<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">
142	Print	142	Print
143	<v-icon right dark>print</v-icon>	143	<v-icon right dark>print</v-icon>
144	</v-btn>	144	</v-btn>
145	</v-flex>	145	</v-flex>
146	</v-layout>	146	</v-layout>
147	<div class="admincardreport">	147	<div class="admincardreport">
148	<v-card class="transparent elevation-0">	148	<v-card class="transparent elevation-0">
149	<v-layout>	149	<v-layout>
150	<v-flex xs12 sm12 md12 class="text-xs-center">	150	<v-flex xs12 sm12 md12 class="text-xs-center">
151	<div class="line">	151	<div class="line">
152	<div class="school-logo">	152	<div class="school-logo">
153	<img :src="userData.schoolLogoUrl" width="140" alt="logo" v-if="userData.profilePicUrl"/>	153	<img :src="userData.schoolLogoUrl" width="140" alt="logo" v-if="userData.profilePicUrl"/>
154	<img src="/static/icon/dashboard icons-18.png" width="140" v-else-if="!userData.profilePicUrl" />	154	<img src="/static/icon/dashboard icons-18.png" width="140" v-else-if="!userData.profilePicUrl" />
155	</div>	155	</div>
156	<div class="school-name">	156	<div class="school-name">
157	<h2>{{ userData.name }}</h2>	157	<h2>{{ userData.name }}</h2>
158	<v-flex class="school-address">	158	<v-flex class="school-address">
159	<p>{{ userData.address }}, {{ userData.pinCode }}</p>	159	<p>{{ userData.address }}, {{ userData.pinCode }}</p>
160	<h4>{{ examName }} Exam Admit Card - (2019-2020)</h4>	160	<h4>{{ examName }} Exam Admit Card - (2019-2020)</h4>
161	</v-flex>	161	</v-flex>
162	</div>	162	</div>
163	<!-- <div class="student-logo">	163	<!-- <div class="student-logo">
164	<v-avatar>	164	<v-avatar>
165	<img :src="studentData.profilePicUrl" width="140" v-if="studentData.profilePicUrl" />	165	<img :src="studentData.profilePicUrl" width="140" v-if="studentData.profilePicUrl" />
166	<img src="/static/icon/user.png" width="140" v-else-if="!studentData.profilePicUrl" />	166	<img src="/static/icon/user.png" width="140" v-else-if="!studentData.profilePicUrl" />
167	</v-avatar>	167	</v-avatar>
168	</div> -->	168	</div> -->
169	</div>	169	</div>
170	<div class="school-info">	170	<div class="school-info">
171	<v-flex xs12 sm12 md12 >	171	<v-flex xs12 sm12 md12 >
172	<div class="student-info" v-if="getScheduleList.studentData">	172	<div class="student-info" v-if="getScheduleList.studentData">
173	<p	173	<p
174	style="font-size:18px;margin:0px;margin-bottom:4px;"	174	style="font-size:18px;margin:0px;margin-bottom:4px;"
175	>Name : {{ getScheduleList.studentData.name }}</p>	175	>Name : {{ getScheduleList.studentData.name }}</p>
176	<p	176	<p
177	style="font-size: 18px;margin:0px;margin-bottom:4px;"	177	style="font-size: 18px;margin:0px;margin-bottom:4px;"
178	>Class : {{ getScheduleList.studentData.classId.classNum}}</p>	178	>Class : {{ getScheduleList.studentData.classId.classNum}}</p>
179	<p	179	<p
180	style="font-size: 18px;margin:0px;margin-bottom:4px;"	180	style="font-size: 18px;margin:0px;margin-bottom:4px;"
181	>Section : {{ getScheduleList.studentData.sectionId.name }}</p>	181	>Section : {{ getScheduleList.studentData.sectionId.name }}</p>
182	<p	182	<p
183	style="font-size: 18px;margin:0px;margin-bottom:4px;"	183	style="font-size: 18px;margin:0px;margin-bottom:4px;"
184	>Roll NO : {{ getScheduleList.studentData.rollNo }}</p>	184	>Roll NO : {{ getScheduleList.studentData.rollNo }}</p>
185	<p	185	<p
186	style="font-size: 18px;margin:0px;margin-bottom:4px;"	186	style="font-size: 18px;margin:0px;margin-bottom:4px;"
187	>Blood Group : {{ getScheduleList.studentData.bloodGroup }}</p>	187	>Blood Group : {{ getScheduleList.studentData.bloodGroup }}</p>
188	<p style="font-size: 18px;color: #707478;">Subject in which Appearing</p>	188	<p style="font-size: 18px;color: #707478;">Subject in which Appearing</p>
189	</div>	189	</div>
190	</v-flex>	190	</v-flex>
191	</div>	191	</div>
192	</v-flex>	192	</v-flex>
193	</v-layout>	193	</v-layout>
194	<v-data-table	194	<v-data-table
195	:headers="headers"	195	:headers="headers"
196	:items="getScheduleListArray"	196	:items="getScheduleListArray"
197	:pagination.sync="pagination"	197	:pagination.sync="pagination"
198	:search="search"	198	:search="search"
199	>	199	>
200	<template slot="items" slot-scope="props">	200	<template slot="items" slot-scope="props">
201	<td class="td td-row">{{ props.index + 1}}</td>	201	<td class="td td-row">{{ props.index + 1}}</td>
202	<td class="td td-row text-xs-center">{{ props.item.date }}</td>	202	<td class="td td-row text-xs-center">{{ props.item.date }}</td>
203	<td class="td td-row text-xs-center">{{ props.item.timeFrom }}</td>	203	<td class="td td-row text-xs-center">{{ props.item.timeFrom }}</td>
204	<td class="td td-row text-xs-center">{{ props.item.timeTo }}</td>	204	<td class="td td-row text-xs-center">{{ props.item.timeTo }}</td>
205	<td class="td td-row text-xs-center">{{ props.item.subjectName }}</td>	205	<td class="td td-row text-xs-center">{{ props.item.subjectName }}</td>
206	</template>	206	</template>
207	<v-alert	207	<v-alert
208	slot="no-results"	208	slot="no-results"
209	:value="true"	209	:value="true"
210	color="error"	210	color="error"
211	icon="warning"	211	icon="warning"
212	>Your search for "{{ search }}" found no results.</v-alert>	212	>Your search for "{{ search }}" found no results.</v-alert>
213	</v-data-table>	213	</v-data-table>
214	<v-flex xs12 id="printMe" v-show="hideprintAdmitReport">	214	<v-flex xs12 id="printMe" v-show="hideprintAdmitReport">
215	<v-layout>	215	<v-layout>
216	<v-flex xs12 style="text-align:center;margin-bottom:10px">	216	<v-flex xs12 style="text-align:center;margin-bottom:10px">
217	<img :src="userData.schoolLogoUrl" width="140" alt="logo" v-if="userData.profilePicUrl"/>	217	<img :src="userData.schoolLogoUrl" width="140" alt="logo" v-if="userData.profilePicUrl"/>
218	<img src="/static/icon/dashboard icons-18.png" width="140" v-else-if="!userData.profilePicUrl" />	218	<img src="/static/icon/dashboard icons-18.png" width="140" v-else-if="!userData.profilePicUrl" />
219	<p class="title">{{ userData.name }}</p>	219	<p class="title">{{ userData.name }}</p>
220	<p>{{ userData.address }}, {{ userData.pinCode }}</p>	220	<p>{{ userData.address }}, {{ userData.pinCode }}</p>
221	<div>	221	<div>
222	<h4>First Terminal Exam Admit Card - (2019-2020)</h4>	222	<h4>First Terminal Exam Admit Card - (2019-2020)</h4>
223	</div>	223	</div>
224	</v-flex>	224	</v-flex>
225	</v-layout>	225	</v-layout>
226	<table	226	<table
227	class="mb-5 tableRsponsive feeTypeTable"	227	class="mb-5 tableRsponsive feeTypeTable"
228	style="border: 1px solid lightgrey;	228	style="border: 1px solid lightgrey;
229	border-collapse: collapse;!important	229	border-collapse: collapse;!important
230	table-layout: auto !important;	230	table-layout: auto !important;
231	width: 100% !important;"	231	width: 100% !important;"
232	>	232	>
233	<thead style="border: 1px solid lightgrey !important;">	233	<thead style="border: 1px solid lightgrey !important;">
234	<tr style="border: 1px solid lightgrey !important;padding:4px;">	234	<tr style="border: 1px solid lightgrey !important;padding:4px;">
235	<td style="border: 1px solid lightgrey !important;padding: 6px;">No</td>	235	<td style="border: 1px solid lightgrey !important;padding: 6px;">No</td>
236	<td style="border: 1px solid lightgrey !important;padding: 6px;">Exam Date</td>	236	<td style="border: 1px solid lightgrey !important;padding: 6px;">Exam Date</td>
237	<td style="border: 1px solid lightgrey !important;padding: 6px;">Start Time</td>	237	<td style="border: 1px solid lightgrey !important;padding: 6px;">Start Time</td>
238	<td style="border: 1px solid lightgrey !important;padding: 6px;">End Time</td>	238	<td style="border: 1px solid lightgrey !important;padding: 6px;">End Time</td>
239	<td style="border: 1px solid lightgrey !important;padding: 6px;">Subject Name</td>	239	<td style="border: 1px solid lightgrey !important;padding: 6px;">Subject Name</td>
240	</tr>	240	</tr>
241	</thead>	241	</thead>
242	<tbody	242	<tbody
243	style="border: 1px solid lightgrey !important;">	243	style="border: 1px solid lightgrey !important;">
244	<tr v-for="(scheduleData,index) in getScheduleListArray">	244	<tr v-for="(scheduleData,index) in getScheduleListArray">
245	<td	245	<td
246	style="border: 1px soild lightgrey !importand;padding:6px;"	246	style="border: 1px soild lightgrey !importand;padding:6px;"
247	>{{ index + 1 }}</td>	247	>{{ index + 1 }}</td>
248	<td	248	<td
249	style="border: 1px solid lightgrey !important;padding: 6px;"	249	style="border: 1px solid lightgrey !important;padding: 6px;"
250	>{{ scheduleData.date }}</td>	250	>{{ scheduleData.date }}</td>
251	<td	251	<td
252	style="border: 1px solid lightgrey !important;padding: 6px;"	252	style="border: 1px solid lightgrey !important;padding: 6px;"
253	>{{ scheduleData.timeFrom }}</td>	253	>{{ scheduleData.timeFrom }}</td>
254	<td	254	<td
255	style="border: 1px solid lightgrey !important;padding: 6px;"	255	style="border: 1px solid lightgrey !important;padding: 6px;"
256	>{{ scheduleData.timeTo }}</td>	256	>{{ scheduleData.timeTo }}</td>
257	<td	257	<td
258	style="border: 1px solid lightgrey !important;padding: 6px;"	258	style="border: 1px solid lightgrey !important;padding: 6px;"
259	>{{ scheduleData.subjectName }}</td>	259	>{{ scheduleData.subjectName }}</td>
260	</tr>	260	</tr>
261	</tbody>	261	</tbody>
262	</table>	262	</table>
263	</v-flex>	263	</v-flex>
264	</v-card>	264	</v-card>
265	</div>	265	</div>
266	</v-flex>	266	</v-flex>
267	</v-layout>	267	</v-layout>
268	</div>	268	</div>
269	<div v-if="backPart">	269	<div v-if="backPart">
270	<v-layout v-show="showData">	270	<v-layout v-show="showData">
271	<v-flex xs12>	271	<v-flex xs12>
272	<v-layout>	272	<v-layout>
273	<v-flex xs12>	273	<v-flex xs12>
274	<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">	274	<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">
275	Print	275	Print
276	<v-icon right dark>print</v-icon>	276	<v-icon right dark>print</v-icon>
277	</v-btn>	277	</v-btn>
278	</v-flex>	278	</v-flex>
279	</v-layout>	279	</v-layout>
280	<v-flex xs12 sm12 md12 class="text-xs-center">	280	<v-flex xs12 sm12 md12 class="text-xs-center">
281	<div class="admitcardreportbackend" id="printMe">	281	<div class="admitcardreportbackend" id="printMe">
282	<ol>	282	<ol>
283	<p>	283	<p>
284	<b>1. Do not Carry these Electronic Gadgets:</b>	284	<b>1. Do not Carry these Electronic Gadgets:</b>
285	Electronic gadgets(Bluetooth devices,head phones,pen/buttonhole cameras,scanner,calculator,storage devices etc)	285	Electronic gadgets(Bluetooth devices,head phones,pen/buttonhole cameras,scanner,calculator,storage devices etc)
286	in the examination lab. These items are strictly prohibited from examination lab.	286	in the examination lab. These items are strictly prohibited from examination lab.
287	</p>	287	</p>
288	<p>	288	<p>
289	<b>2. Do not Carry these Ornaments:</b>	289	<b>2. Do not Carry these Ornaments:</b>
290	Candidates should also not wear charms,veil,items containing such as rings,bracelet,earings,nose-pin,chains,	290	Candidates should also not wear charms,veil,items containing such as rings,bracelet,earings,nose-pin,chains,
291	necklace,pendants,badge,broach,hair-pin,hair-band.	291	necklace,pendants,badge,broach,hair-pin,hair-band.
292	</p>	292	</p>
293	<p>	293	<p>
294	<b>3. What Candidates wear to Examination hall:</b>	294	<b>3. What Candidates wear to Examination hall:</b>
295	Candidates should not wear clothes with full sleeves or big button,etc. Candidates are adviced to wear open footwear	295	Candidates should not wear clothes with full sleeves or big button,etc. Candidates are adviced to wear open footwear
296	like slippers,sandals instead of shoes as the candidates could be asked to remove shoes by the frisking staff.	296	like slippers,sandals instead of shoes as the candidates could be asked to remove shoes by the frisking staff.
297	</p>	297	</p>
298	<p>	298	<p>
299	<b>4. Do not carry Stationary:</b>	299	<b>4. Do not carry Stationary:</b>
300	Pen/pencil and paper for rough work would be provided in examination lab. Electronic watch (timer)will be available	300	Pen/pencil and paper for rough work would be provided in examination lab. Electronic watch (timer)will be available
301	on the computer screen alloted to the candidates.	301	on the computer screen alloted to the candidates.
302	</p>	302	</p>
303	<p>	303	<p>
304	<b>5. Do not Carry Bags:</b>	304	<b>5. Do not Carry Bags:</b>
305	Don not Carry back pack, College bag or any other bag like hand bag. If candidates brings any bag, they must make a	305	Don not Carry back pack, College bag or any other bag like hand bag. If candidates brings any bag, they must make a
306	arrangement for safe custody of these items.The Commission shall not make any arrangement nor be responsible for the	306	arrangement for safe custody of these items.The Commission shall not make any arrangement nor be responsible for the
307	safe custody of such items.	307	safe custody of such items.
308	</p>	308	</p>
309	<p>	309	<p>
310	<b>6. What will Happen if you carry Prohibited items to Exam Hall:</b>	310	<b>6. What will Happen if you carry Prohibited items to Exam Hall:</b>
311	If any such prohibited item is found in the possession of a candidate in examination lab, his/her candidature is liable	311	If any such prohibited item is found in the possession of a candidate in examination lab, his/her candidature is liable
312	to be canceled and legal/criminal proceedings could be initiated against him/her. He/she would also liable to be debarred	312	to be canceled and legal/criminal proceedings could be initiated against him/her. He/she would also liable to be debarred
313	from appearing in future examinations of the Commission for a period of 3 years.	313	from appearing in future examinations of the Commission for a period of 3 years.
314	</p>	314	</p>
315	<p>	315	<p>
316	<b>7. Candidate should not create Disturbance in Exam Hall:</b>	316	<b>7. Candidate should not create Disturbance in Exam Hall:</b>
317	If any candidate is found obstructing the conduct of examination or creating disturbances at the examination venue,	317	If any candidate is found obstructing the conduct of examination or creating disturbances at the examination venue,
318	his/her candidature shall be summarily canceled.	318	his/her candidature shall be summarily canceled.
319	</p>	319	</p>
320	</ol>	320	</ol>
321	</div>	321	</div>
322	</v-flex>	322	</v-flex>
323	</v-flex>	323	</v-flex>
324	</v-layout>	324	</v-layout>
325	</div>	325	</div>
326	</v-container>	326	</v-container>
327	</template>	327	</template>
328	<script>	328	<script>
329	import http from "@/Services/http.js";	329	import http from "@/Services/http.js";
330	import moment from "moment";	330	import moment from "moment";
331	import _ from "underscore";	331	import _ from "underscore";
332		332
333	export default {	333	export default {
334	data: () => ({	334	data: () => ({
335	valid: true,	335	valid: true,
336	userData: {},	336	userData: {},
337	frontPart: false,	337	frontPart: false,
338	backPart: false,	338	backPart: false,
339	loading: false,	339	loading: false,
340	showTable: false,	340	showTable: false,
341	showData: false,	341	showData: false,
342	hideprintAdmitReport: false,	342	hideprintAdmitReport: false,
343		343
344	examRules: [v => !!v \|\| "Exam Field is required"],	344	examRules: [v => !!v \|\| "Exam Field is required"],
345	classRules: [v => !!v \|\| "Class Field Required"],	345	classRules: [v => !!v \|\| "Class Field Required"],
346	sectionRules: [v => !!v \|\| "Section Field is required"],	346	sectionRules: [v => !!v \|\| "Section Field is required"],
347	studentRules: [v => !!v \|\| "Student Field is required"],	347	studentRules: [v => !!v \|\| "Student Field is required"],
348	typeRules: [v => !!v \|\| "Type Field is required"],	348	typeRules: [v => !!v \|\| "Type Field is required"],
349	backgroundRules: [v => !!v \|\| "Background Field is required"],	349	backgroundRules: [v => !!v \|\| "Background Field is required"],
350		350
351	pagination: {	351	pagination: {
352	rowsPerPage: 10	352	rowsPerPage: 10
353	},	353	},
354	search: "",	354	search: "",
355		355
356	classList: [],	356	classList: [],
357	studentData: {},	357	studentData: {},
358	scheduleData: {},	358	scheduleData: {},
359	examData: [],	359	examData: [],
360	addSection: [],	360	addSection: [],
361	getStudentsList: [],	361	getStudentsList: [],
362	getScheduleList: [],	362	getScheduleList: [],
363	getScheduleListArray: [],	363	getScheduleListArray: [],
364	examName: [],	364	examName: [],
365	typeList: [	365	typeList: [
366	{	366	{
367	name: "Front Part",	367	name: "Front Part",
368	value: "frontPart"	368	value: "frontPart"
369	},	369	},
370	{	370	{
371	name: "Back Part",	371	name: "Back Part",
372	value: "backPart"	372	value: "backPart"
373	}	373	}
374	],	374	],
375	backgroundList: ["Yes", "No"],	375	backgroundList: ["Yes", "No"],
376		376
377	headers: [	377	headers: [
378	{	378	{
379	text: "No",	379	text: "No",
380	align: "",	380	align: "",
381	sortable: false,	381	sortable: false,
382	value: "No"	382	value: "No"
383	},	383	},
384	{	384	{
385	text: "Exam Date",	385	text: "Exam Date",
386	align: "center",	386	align: "center",
387	sortable: false,	387	sortable: false,
388	value: "date"	388	value: "date"
389	},	389	},
390	{	390	{
391	text: "Start Time",	391	text: "Start Time",
392	align: "center",	392	align: "center",
393	sortable: false,	393	sortable: false,
394	value: "timeFrom"	394	value: "timeFrom"
395	},	395	},
396	{	396	{
397	text: "End Time",	397	text: "End Time",
398	align: "center",	398	align: "center",
399	sortable: false,	399	sortable: false,
400	value: "timeTo"	400	value: "timeTo"
401	},	401	},
402	{	402	{
403	text: "Subject Name",	403	text: "Subject Name",
404	align: "center",	404	align: "center",
405	sortable: false,	405	sortable: false,
406	value: "subjectName"	406	value: "subjectName"
407	}	407	}
408	]	408	]
409	}),	409	}),
410		410
411	mounted() {	411	mounted() {
412	this.token = this.$store.state.token;	412	this.token = this.$store.state.token;
413	this.getClass();	413	this.getClass();
414	this.getExamList();	414	this.getExamList();
415	this.getUserData();	415	this.getUserData();
416	},	416	},
417		417
418	methods: {	418	methods: {
419	getReport() {	419	getReport() {
420	if (this.getReport.form === "frontPart") {	420	if (this.getReport.form === "frontPart") {
421	this.frontPart = true;	421	this.frontPart = true;
422	this.backPart = false;	422	this.backPart = false;
423	}	423	}
424	if (this.getReport.form === "backPart") {	424	if (this.getReport.form === "backPart") {
425	this.frontPart = false;	425	this.frontPart = false;
426	this.backPart = true;	426	this.backPart = true;
427	}	427	}
428	},	428	},
429	getExamList() {	429	getExamList() {
430	this.showLoader = true;	430	this.showLoader = true;
431	this.loadingSearch = true;	431	this.loadingSearch = true;
432	http()	432	http()
433	.get("/getExamsList", {	433	.get("/getExamsList", {
434	headers: { Authorization: "Bearer " + this.token }	434	headers: { Authorization: "Bearer " + this.token }
435	})	435	})
436	.then(response => {	436	.then(response => {
437	this.examData = response.data.data;	437	this.examData = response.data.data;
438	this.showLoader = false;	438	this.showLoader = false;
439	this.loadingSearch = false;	439	this.loadingSearch = false;
440	})	440	})
441	.catch(error => {	441	.catch(error => {
442	this.showLoader = false;	442	this.showLoader = false;
443	this.loadingSearch = false;	443	this.loadingSearch = false;
444	this.snackbar = true;	444	this.snackbar = true;
445	this.text = error.response.data.message;	445	this.text = error.response.data.message;
446	if (error.response.status === 401) {	446	if (error.response.status === 401) {
447	this.$router.replace({ path: "/" });	447	this.$router.replace({ path: "/" });
448	this.$store.dispatch("setToken", null);	448	this.$store.dispatch("setToken", null);
449	this.$store.dispatch("Id", null);	449	this.$store.dispatch("Id", null);
450	}	450	}
451	});	451	});
452	},	452	},
453	getClass() {	453	getClass() {
454	this.showLoader = true;	454	this.showLoader = true;
455	http()	455	http()
456	.get("/getClassesList", {	456	.get("/getClassesList", {
457	headers: { Authorization: "Bearer " + this.token }	457	headers: { Authorization: "Bearer " + this.token }
458	})	458	})
459	.then(response => {	459	.then(response => {
460	this.classList = response.data.data;	460	this.classList = response.data.data;
461	this.showLoader = false;	461	this.showLoader = false;
462	})	462	})
463	.catch(error => {	463	.catch(error => {
464	this.showLoader = false;	464	this.showLoader = false;
465	// console.log("err====>", err);	465	// console.log("err====>", err);
466	});	466	});
467	},	467	},
468	getSections(_id) {	468	getSections(_id) {
469	this.showLoader = true;	469	this.showLoader = true;
470	http()	470	http()
471	.get(	471	.get(
472	"/getSectionsList",	472	"/getSectionsList",
473	{ params: { classId: _id } },	473	{ params: { classId: _id } },
474	{	474	{
475	headers: { Authorization: "Bearer " + this.token }	475	headers: { Authorization: "Bearer " + this.token }
476	}	476	}
477	)	477	)
478	.then(response => {	478	.then(response => {
479	this.addSection = response.data.data;	479	this.addSection = response.data.data;
480	this.showLoader = false;	480	this.showLoader = false;
481	})	481	})
482	.catch(err => {	482	.catch(err => {
483	this.showLoader = false;	483	this.showLoader = false;
484	// console.log("err====>", err);	484	// console.log("err====>", err);
485	});	485	});
486	},	486	},
487	getStudents() {	487	getStudents() {
488	this.showLoader = true;	488	this.showLoader = true;
489	http()	489	http()
490	.get("/getStudentWithClass", {	490	.get("/getStudentWithClass", {
491	params: {	491	params: {
492	classId: this.getReport.classId,	492	classId: this.getReport.classId,
493	sectionId: this.getReport.sectionId	493	sectionId: this.getReport.sectionId
494	}	494	}
495	})	495	})
496	.then(response => {	496	.then(response => {
497	this.getStudentsList = response.data.data;	497	this.getStudentsList = response.data.data;
498	this.showLoader = false;	498	this.showLoader = false;
499	})	499	})
500	.catch(error => {	500	.catch(error => {
501	console.log("err====>", error);	501	console.log("err====>", error);
502	this.showLoader = false;	502	this.showLoader = false;
503	});	503	});
504	},	504	},
505	getSchedule() {	505	getSchedule() {
506	this.showLoader = true;	506	this.showLoader = true;
507	http()	507	http()
508	.get("/getScheduleForParticularStudent", {	508	.get("/getScheduleForParticularStudent", {
509	params: {	509	params: {
510	examId: this.getReport.examId,	510	examId: this.getReport.examId,
511	classId: this.getReport.classId,	511	classId: this.getReport.classId,
512	sectionId: this.getReport.sectionId,	512	sectionId: this.getReport.sectionId,
513	studentId: this.getReport.studentId	513	studentId: this.getReport.studentId
514	}	514	}
515	})	515	})
516	.then(response => {	516	.then(response => {
517	this.getScheduleList = response.data.data;	517	this.getScheduleList = response.data.data;
518	this.getScheduleListArray = response.data.data.scheduleData;	518	this.getScheduleListArray = response.data.data.scheduleData;
519	this.examName = response.data.data.scheduleData[0].examId.examName;	519	this.examName = response.data.data.scheduleData[0].examId.examName;
520	this.showTable = true;	520	this.showTable = true;
521	this.showData = true;	521	this.showData = true;
522	this.showLoader = false;	522	this.showLoader = false;
523	})	523	})
524	.catch(error => {	524	.catch(error => {
525	this.showLoader = false;	525	this.showLoader = false;
526	});	526	});
527	},	527	},
528		528
529	printAdmitReport() {	529	printAdmitReport() {
530	// Pass the element id here	530	// Pass the element id here
531	this.$htmlToPaper("printMe");	531	this.$htmlToPaper("printMe");
532	},	532	},
533	getUserData() {	533	getUserData() {
534	http()	534	http()
535	.get("/getParticularUserDetail")	535	.get("/getParticularUserDetail")
536	.then(response => {	536	.then(response => {
537	this.userData = response.data.data;	537	this.userData = response.data.data;
538	})	538	})
539	.catch(error => {	539	.catch(error => {
540	// if (error.response.status === 401) {	540	// if (error.response.status === 401) {
541	// this.$router.replace({ path: "/" });	541	// this.$router.replace({ path: "/" });
542	// this.$store.dispatch("setToken", null);	542	// this.$store.dispatch("setToken", null);
543	// this.$store.dispatch("Id", null);	543	// this.$store.dispatch("Id", null);
544	// }	544	// }
545	});	545	});
546	},	546	},
547	// created() {	547	// created() {
548	// this.$root.$on("app:search", search => {	548	// this.$root.$on("app:search", search => {
549	// this.search = search;	549	// this.search = search;
550	// });	550	// });
551	// },	551	// },
552	// beforeDestroy() {	552	// beforeDestroy() {
553	// // dont forget to remove the listener	553	// // dont forget to remove the listener
554	// this.$root.$off("app:search");	554	// this.$root.$off("app:search");
555	// }	555	// }
556	}	556	}
557	};	557	};
558	</script>	558	</script>
559	<style scoped>	559	<style scoped>
560	.admincardreport {	560	.admincardreport {
561	border: 1px solid #ddd;	561	border: 1px solid #ddd;
562	overflow: hidden;	562	overflow: hidden;
563	padding: 20px 50px;	563	padding: 20px 50px;
564	/* margin-bottom: 10px;	564	/* margin-bottom: 10px;
565	min-height: 443px; */	565	min-height: 443px; */
566	}	566	}
567	.line {	567	.line {
568	border-bottom: 1px solid #ddd;	568	border-bottom: 1px solid #ddd;
569	overflow: hidden;	569	overflow: hidden;
570	padding-bottom: 10px;	570	padding-bottom: 10px;
571	vertical-align: middle;	571	vertical-align: middle;
572	/* margin-bottom: 4px; */	572	/* margin-bottom: 4px; */
573	}	573	}
574	.school-logo {	574	.school-logo {
575	float: left;	575	float: left;
576	}	576	}
577	.student-logo {	577	.student-logo {
578	position: absolute;	578	position: absolute;
579	top: 221px;	579	top: 221px;
580	right: 221px;	580	right: 221px;
581	}	581	}
582	.school-name {	582	.school-name {
583	box-sizing: border-box;	583	box-sizing: border-box;
584	align-items: center;	584	align-items: center;
585	}	585	}
586	/* .student-info {	586	/* .student-info {
587	float: left;	587	float: left;
588	width: max-content;	588	width: max-content;
589	text-align: initial;	589	text-align: initial;
590	} */	590	} */
591	.student-info {	591	.student-info {
592	width: 50%;	592	width: 50%;
593	float: left;	593	float: left;
594	text-align: initial;	594	text-align: initial;
595	}	595	}
596	.student-info p {	596	.student-info p {
597	width: 50%;	597	width: 50%;
598	float: left;	598	float: left;
599	margin-bottom: 1px;	599	margin-bottom: 1px;
600	padding: 0 0px;	600	padding: 0 0px;
601	font-size: 12px;	601	font-size: 12px;
602	}	602	}
603	.admitcardreportbackend {	603	.admitcardreportbackend {
604	border: 1px solid #ddd;	604	border: 1px solid #ddd;
605	overflow: hidden;	605	overflow: hidden;
606	padding: 5% 25%;	606	padding: 5% 25%;
607	/* margin-bottom: 10px;	607	/* margin-bottom: 10px;
608	color: black; */	608	color: black; */
609	}	609	}
610	.admitcardreportbackend ol {	610	.admitcardreportbackend ol {
611	margin: 0;	611	margin: 0;
612	margin-bottom: 10px;	612	margin-bottom: 10px;
613	}	613	}
614	.admitcardreportbackend p {	614	.admitcardreportbackend p {
615	line-height: 20px;	615	line-height: 20px;
616	text-align: left;	616	text-align: left;
617	}	617	}
618	</style>	618	</style>