viithiisys / School-Management-dashboard

Browse Code »

Commit 229463bd5fc4490deef9e0cef59f62a39b41d33e

Authored by Neeraj Sharma 2020-07-02 13:56:42 -0400

1 parent 531728c2ef

Exists in master and in 3 other branches

implement design and functionality of enrollStudents,parents,annoucement,course

Showing 10 changed files with 1951 additions and 89 deletions Show diff stats

src/api/menu.js

Diff comments View file @229463b

 const adminMenu = [
     //  { header: 'Apps' },
     {
         title: 'Dashboard',
         // group: 'apps',
         name: 'Dashboard',
         icon: '/static/icon/dashboard.png',
     },
     {
         title: 'Class',
         // group: 'apps',
         name: 'Class',
         icon: '/static/icon/class.png',
     },
     {
         title: 'Section',
         // group: 'apps',
         name: 'Section',
         icon: '/static/icon/section.png',
     },
     // {
     //     title: 'Subjects',
     //     name: 'Subject',
     //     icon: '/static/icon/subject.png',
     // },
     {
         title: 'Parents',
         // group: 'apps',
         name: 'Parents',
         icon: '/static/icon/parents.png',
     },
     {
         title: 'Teachers',
         // group: '',
         name: 'Teachers',
         icon: '/static/icon/teacher.png',
     },
     {
         title: 'Students',
         // group: 'apps',
         name: 'Students',
         icon: '/static/icon/student.png',
     },
     {
         title: 'User',
         name: 'User',
         icon: '/static/icon/users.png',
     },
     {
         title: 'Attendance',
         group: 'Attendance',
         component: 'Attendance',
         icon: '/static/icon/attendence.png',
         items: [
             { name: 'StudentAttendence', title: 'Student Attendance', component: 'Student Attendence', action: '', },
             { name: 'TeacherAttendence', title: 'Teacher Attendance', component: 'Teacher Attendence', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'User Attendence', action: '', },
         ]
     },
     {
         title: 'Exam',
         group: 'Exam',
         component: 'Exam',
         icon: '/static/icon/exam.png',
         items: [
             { name: 'Exam', title: 'Exam', component: 'Exam', action: '', },
             { name: 'ExamSchedule', title: 'Exam Schedule', component: 'Exam Schedule', action: '', },
             { name: 'Grade', title: 'Grade', component: 'Grade', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
         ]
     },
     {
         title: 'Marks',
         group: 'Mark',
         component: 'Mark',
         icon: '/static/icon/marks.png',
         items: [
             { name: 'Mark', title: 'Mark', component: 'Mark', action: '', },
             { name: 'MarkDistribution', title: 'Mark Distribution', component: 'Mark Distribution', action: '', },
             // { name: 'Promotion', title: 'promotion', component: 'Promotion', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
         ]
     },
     {
         title: 'Academic',
         group: 'Academic',
         component: 'Academic',
         icon: '/static/icon/school.png',
         items: [
             { name: 'Subject', title: 'Subject', component: 'Subject', action: '', },
             { name: 'Syllabus', title: 'Syllabus', component: 'Syllabus', action: '', },
             { name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },
             { name: 'Routine', title: 'Routine', component: 'Routine', action: '', },
         ]
     },
     {
         title: 'Administrator',
         group: 'Administrator',
         component: 'Administrator',
         icon: '/static/icon/adminstrator.png',
         items: [
             { name: 'AcademicYear', title: 'Academic Year', component: 'Academic Year', action: '', },
             // { name: 'systemAdmin', title: 'System Admin', component: 'systemAdmin', action: '', },
             { name: 'resetPassword', title: 'Change Password', component: 'Change Password', action: '', },
             { name: 'Role', title: 'Role', component: 'Role', action: '', },
             { name: 'BulkImport', title: 'Bulk Import', component: 'Bulk Import', action: '', },
         ]
     },
     {
         title: 'Payroll',
         group: 'Payroll',
         component: 'Payroll',
         icon: '/static/icon/dollar.png',
         items: [
             { name: 'salaryTemplate', title: 'Salary Template', component: 'Salary Template', action: '', },
             { name: 'hourlyTemplate', title: 'Hourly Template', component: 'Hourly Template', action: '', },
             { name: 'manageSalary', title: 'Manage Salary', component: 'Manage Salary', action: '', },
             // { name: 'makePayment', title: 'Make Payment', component: 'Make Payment', action: '', },
         ]
     },
     {
         title: 'Notice Board',
         name: 'Notice Board',
         icon: '/static/icon/notice board.png',
     },
     {
         title: 'News',
         name: 'News',
         icon: '/static/icon/news.png',
     },
     // {
     //   title: 'Reminder',
     //   name: 'reminder',
     //   icon: 'alarm_add',
     // },
     {
         title: 'Time Table',
         name: 'Time Table',
         icon: '/static/icon/time table.png',
     },
     {
         title: 'Library',
         group: 'Library',
         component: 'Library',
         icon: '/static/icon/library.png',
         items: [
             { name: 'LibraryMember', title: ' Library Member', component: 'Library Member', action: '', },
             { name: 'Books', title: 'Books', component: 'Books', action: '', },
             { name: 'Issue', title: ' Issue', component: 'Issue', action: '', },
             { name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }
         ]
     },
     {
         title: 'Report',
         group: 'Report',
         component: 'Report',
         icon: '/static/icon/reports.png',
         items: [
             { name: 'studentReport', title: 'Student Report', component: 'Student Report', action: '', },
             { name: 'ProgressCardReport', title: 'Progress Card Report', component: 'Progress Card Report', action: '', },
             { name: 'idCard', title: 'Id Card Report', component: 'Id Card Report', action: '', },
             { name: 'admitCard', title: 'Admit Card Report', component: 'Admit Card Report', action: '', }
         ]
     },
     {
         title: 'Notification',
         name: 'Notification',
         icon: '/static/icon/notification.png',
     },
     {
         title: 'Social Media',
         name: 'Social Media',
         icon: '/static/icon/events.png',
     },
     {
         title: 'Gallery',
         name: 'Gallery',
         icon: '/static/icon/gallery.png',
     },
     {
         title: 'Event',
         name: 'Event',
         icon: '/static/icon/events.png',
     },
     {
         title: 'Account',
         group: 'Account',
         component: 'Account',
         icon: '/static/icon/accounts.png',
         items: [
             { name: 'feeTypes', title: 'Fee Types', component: 'Fee Types', action: '', },
             { name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },
             { name: 'PaymentHistory', title: 'Payment History', component: 'Payment History', action: '', },
             { name: 'Expense', title: 'Expense', component: 'Expense', action: '', },
             { name: 'Income', title: 'Income', component: 'Income', action: '', },
             { name: 'GlobalPayment', title: 'Global Payment', component: 'Global Payment', action: '', }
         ]
     },
     {
         title: 'Holiday',
         name: 'Holiday',
         icon: '/static/icon/holiday.png',
     },
     {
         title: 'General Setting',
         name: 'General Setting',
         icon: '/static/icon/settings.png',
     }
 ];
 const libraryMenu = [{
         title: 'Dashboard',
         name: 'Dashboard',
         icon: '/static/icon/dashboard.png',
     },
     {
         title: 'Library',
         group: 'Library',
         component: 'Library',
         icon: '/static/icon/library.png',
         items: [
             { name: 'LibraryMember', title: ' Library Member', component: 'Library Member', action: '', },
             { name: 'Books', title: 'Books', component: 'Books', action: '', },
             { name: 'Issue', title: ' Issue', component: 'Issue', action: '', },
             { name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }
         ]
     },
 ];
 const accountMenu = [{
         title: 'Dashboard',
         name: 'Dashboard',
         icon: '/static/icon/dashboard.png',
     },
     {
         title: 'Account',
         group: 'Account',
         component: 'Account',
         icon: '/static/icon/accounts.png',
         items: [
             { name: 'feeTypes', title: 'Fee Types', component: 'Fee Types', action: '', },
             { name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },
             { name: 'PaymentHistory', title: 'Payment History', component: 'Payment History', action: '', },
             { name: 'Expense', title: 'Expense', component: 'Expense', action: '', },
             { name: 'Income', title: 'Income', component: 'Income', action: '', },
             { name: 'GlobalPayment', title: 'Global Payment', component: 'Global Payment', action: '', }
         ]
     },
 ];
 const schoolMenu = [
     //  { header: 'Apps' },
     {
         title: 'Dashboard',
         // group: 'apps',
         name: 'View School Dashboard',
         icon: '/static/icon/dashboard.png',
     },
     {
         title: 'School',
         // group: 'apps',
         name: 'School',
         icon: '/static/schoolIcons/Dashboard.png',
     }
 ];
 const teacherMenu = [{
         title: 'Dashboard',
-        name: 'School',
+        name: 'Dashboard',
         icon: '/static/icon/dashboard.png',
     },
     {
         title: 'Parents',
         // group: 'apps',
         name: 'Parents',
         icon: '/static/icon/parents.png',
     },
     {
         title: 'Teachers',
         // group: '',
         name: 'Teachers',
         icon: '/static/icon/teacher.png',
     },
     {
         title: 'Students',
         // group: 'apps',
         name: 'Students',
         icon: '/static/icon/student.png',
     },
     {
         title: 'Academic',
         group: 'Academic',
         component: 'Academic',
         icon: '/static/icon/school.png',
         items: [
             { name: 'Subject', title: 'Subject', component: 'Subject', action: '', },
             { name: 'Syllabus', title: 'Syllabus', component: 'Syllabus', action: '', },
             { name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },
             { name: 'Routine', title: 'Routine', component: 'Routine', action: '', },
         ]
     },
     {
+        title: 'Course',
+        group: 'Course',
+        component: 'Course',
+        icon: '/static/icon/school.png',
+        items: [
+            { name: 'Course', title: 'Course', component: 'Course', action: '', },
+            { name: 'Enroll Students', title: 'Enroll Students', component: 'Enroll Students', action: '', },
+            // { name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },
+            // { name: 'Routine', title: 'Routine', component: 'Routine', action: '', },
+        ]
+    },
+    {
+        title: 'Annoucement',
+        // group: 'apps',
+        name: 'Annoucement',
+        icon: '/static/icon/student.png',
+    },
+    {
         title: 'Attendance',
         group: 'Attendance',
         component: 'Attendance',
         icon: '/static/icon/attendence.png',
         items: [
             { name: 'StudentAttendence', title: 'Student Attendance', component: 'Student Attendence', action: '', },
             { name: 'TeacherAttendence', title: 'Teacher Attendance', component: 'Teacher Attendence', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'User Attendence', action: '', },
         ]
     },
     {
         title: 'Exam',
         group: 'Exam',
         component: 'Exam',
         icon: '/static/icon/exam.png',
         items: [
             { name: 'ExamSchedule', title: 'Exam Schedule', component: 'Exam Schedule', action: '', },
             { name: 'ExamAttendence', title: 'Exam Attendence', component: 'Exam Attendence', action: '', }
         ]
     },
     {
         title: 'Marks',
         group: 'Mark',
         component: 'Mark',
         icon: '/static/icon/marks.png',
         items: [
             { name: 'Mark', title: 'Mark', component: 'Mark', action: '', }
         ]
     },
     {
         title: 'Report',
         group: 'Report',
         component: 'Report',
         icon: '/static/icon/reports.png',
         items: [
             { name: 'studentReport', title: 'Student Report', component: 'Student Report', action: '', },
             { name: 'ProgressCardReport', title: 'Progress Card Report', component: 'Progress Card Report', action: '', },
             { name: 'idCard', title: 'Id Card Report', component: 'Id Card Report', action: '', },
             { name: 'admitCard', title: 'Admit Card Report', component: 'Admit Card Report', action: '', }
         ]
     },
     {
         title: 'Library',
         group: 'Library',
         component: 'Library',
         icon: '/static/icon/library.png',
         items: [
             { name: 'Books', title: 'Books', component: 'Books', action: '', },
             { name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }
         ]
     },
     {
         title: 'Meet',
         name: 'Meet',
         icon: '/static/icon/parents.png',
     }
 ];
 // reorder menu
 // Menu.forEach((item) => {
 // if (item.items) {
 //     item.items.sort((x, y) => {
 //         let textA = x.title.toUpperCase();
 //         let textB = y.title.toUpperCase();
 //         return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
 //     });
 // }
 // });
 export default { adminMenu, schoolMenu, teacherMenu, libraryMenu, accountMenu };

src/pages/Annoucement/annoucement.vue

Diff comments View file @229463b

File was created	1	<template>
	2	<v-container fluid class="body-color">
	3	<!-- **** EDITS COURSES DETAILS **** -->
	4	<v-dialog v-model="editStudentDialog" max-width="600px" scrollable>
	5	<v-card flat class="card-style pa-2" dark>
	6	<v-layout>
	7	<v-flex xs12>
	8	<label class="title text-xs-center">Edit Annoucement</label>
	9	<v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>
	10	</v-flex>
	11	</v-layout>
	12	<v-card-text>
	13	<v-form ref="form">
	14	<v-container fluid>
	15	<v-layout>
	16	<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
	17	<v-avatar size="100px" v-if="!editedItem.attachementUrl && !editImageUrl">
	18	<img src="/static/icon/user.png" />
	19	</v-avatar>
	20	<img
	21	:src="editedItem.attachementUrl"
	22	v-else-if="editedItem.attachementUrl && !editImageUrl"
	23	height="150"
	24	style="border-radius:50%; width:150px"
	25	/>
	26	<img
	27	v-if="editImageUrl"
	28	:src="editImageUrl"
	29	style="border-radius:50%; width:150px;height:150px"
	30	/>
	31	<input
	32	type="file"
	33	style="display: none"
	34	ref="editDataImage"
	35	accept="image/*"
	36	@change="onEditFilePicked"
	37	/>
	38	</v-flex>
	39	</v-layout>
	40	<v-layout wrap>
	41	<v-flex xs12 sm12>
	42	<v-layout>
	43	<v-flex xs4 sm5 class="pt-4 subheading">
	44	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
	45	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
	46	</v-flex>
	47	<v-flex xs8 sm7 class="ml-3">
	48	<v-select
	49	:items="addclass"
	50	label="Select Class"
	51	v-model="editedItem.select"
	52	item-text="classNum"
	53	item-value="_id"
	54	name="Select Class"
	55	required
	56	></v-select>
	57	</v-flex>
	58	</v-layout>
	59	<v-layout>
	60	<v-flex xs4 sm5 class="pt-4 subheading">
	61	<label class="right hidden-xs-only hidden-sm-only">Course Name:</label>
	62	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>
	63	</v-flex>
	64	<v-flex xs8 sm7 class="ml-3">
	65	<v-select
	66	:items="courseData"
	67	item-text="coursrName"
	68	item-value="_id"
	69	v-model="editedItem.coursrName"
	70	placeholder="fill your Course name"
	71	type="text"
	72	:rules="courseRules"
	73	required
	74	></v-select>
	75	</v-flex>
	76	</v-layout>
	77	<v-layout>
	78	<v-flex xs4 sm5 class="pt-4 subheading">
	79	<label class="right hidden-xs-only hidden-sm-only">Discussion Type:</label>
	80	<label
	81	class="right hidden-lg-only hidden-md-only hidden-xl-only"
	82	>DiscussionType:</label>
	83	</v-flex>
	84	<v-flex xs8 sm7 class="ml-3">
	85	<v-text-field
	86	v-model="editedItem.discussionType"
	87	placeholder="fill your Course Name"
	88	type="text"
	89	required
	90	></v-text-field>
	91	</v-flex>
	92	</v-layout>
	93	<v-layout>
	94	<v-flex xs4 sm5 class="pt-4 subheading">
	95	<label class="right hidden-xs-only hidden-sm-only">Upload Image:</label>
	96	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload:</label>
	97	</v-flex>
	98	<v-flex xs8 sm7 class="ml-3">
	99	<v-text-field
	100	label="Select Image"
	101	@click="pickEditFile"
	102	v-model="editImageName"
	103	append-icon="attach_file"
	104	></v-text-field>
	105	</v-flex>
	106	</v-layout>
	107	</v-flex>
	108	</v-layout>
	109	<v-layout>
	110	<v-flex xs12 sm12 class="px-0 mx-0">
	111	<v-layout class="right">
	112	<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
	113	</v-layout>
	114	</v-flex>
	115	</v-layout>
	116	</v-container>
	117	</v-form>
	118	</v-card-text>
	119	</v-card>
	120	</v-dialog>
	121
	122	<!-- **** PROFILE VIEW STUDENTS DEATILS **** -->
	123
	124	<v-dialog v-model="profileStudentDialog" max-width="600px" scrollable>
	125	<v-card flat class="card-style pa-3" dark>
	126	<v-layout>
	127	<v-flex xs12>
	128	<label class="title text-xs-center">View Annoucement</label>
	129	<v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
	130	</v-flex>
	131	</v-layout>
	132	<v-card-text>
	133	<v-flex align-center justify-center layout text-xs-center class="mt-3">
	134	<v-avatar size="100px">
	135	<img src="/static/icon/user.png" v-if="!editedItem.attachementUrl" />
	136	<img :src="editedItem.attachementUrl" v-else-if="editedItem.attachementUrl" />
	137	</v-avatar>
	138	</v-flex>
	139	<v-container grid-list-md>
	140	<v-layout wrap>
	141	<v-flex xs12>
	142	<v-layout>
	143	<v-flex xs6 sm6>
	144	<h5 class="right my-1">
	145	<b>Discussion Type :</b>
	146	</h5>
	147	</v-flex>
	148	<v-flex sm6 xs6>
	149	<h5 class="my-1 left">{{ editedItem.discussionType }}</h5>
	150	</v-flex>
	151	</v-layout>
	152	</v-flex>
	153	</v-layout>
	154	</v-container>
	155	</v-card-text>
	156	</v-card>
	157	</v-dialog>
	158
	159	<!-- **** Annoucement TABLE **** -->
	160	<v-toolbar color="transparent" flat>
	161	<v-btn
	162	fab
	163	dark
	164	class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
	165	small
	166	@click="addAnnoucementDialog = true"
	167	>
	168	<v-icon dark>add</v-icon>
	169	</v-btn>
	170	<v-btn
	171	round
	172	class="open-dialog-button hidden-sm-only hidden-xs-only"
	173	dark
	174	@click="addAnnoucementDialog = true"
	175	>
	176	<v-icon class="white--text pr-1" size="20">add</v-icon>Add Annoucement
	177	</v-btn>
	178	<v-card-actions class="hidden-xs-only hidden-sm-only">
	179	<v-flex md13 lg12>
	180	<v-layout>
	181	<v-flex lg6 md12>
	182	<v-layout>
	183	<v-select
	184	:items="addclass"
	185	label="Select Class"
	186	v-model="selectAnnoucement.classId"
	187	item-text="classNum"
	188	item-value="_id"
	189	name="Select Class"
	190	:rules="classRules"
	191	required
	192	class="ml-2"
	193	@change="getCourses(selectAnnoucement.classId)"
	194	></v-select>
	195	<v-select
	196	:items="courseData"
	197	label="Select Course"
	198	v-model="selectAnnoucement.courseId"
	199	item-text="coursrName"
	200	item-value="_id"
	201	:rules="courseRules"
	202	required
	203	class="ml-4"
	204	></v-select>
	205	</v-layout>
	206	</v-flex>
	207	</v-layout>
	208	</v-flex>
	209	</v-card-actions>
	210	<v-spacer></v-spacer>
	211	<v-btn
	212	@click="getAnnoucementes()"
	213	round
	214	dark
	215	:loading="loading"
	216	class="add-button hidden-xs-only hidden-sm-only"
	217	>Find</v-btn>
	218	<v-card-title class="body-1" v-show="show">
	219	<v-btn icon large flat @click="displaySearch">
	220	<v-avatar size="27">
	221	<img src="/static/icon/search.png" alt="icon" />
	222	</v-avatar>
	223	</v-btn>
	224	</v-card-title>
	225	<v-flex xs8 sm7 lg2 md3 v-show="showSearch">
	226	<v-layout>
	227	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
	228	<v-icon @click="closeSearch" color="error">close</v-icon>
	229	</v-layout>
	230	</v-flex>
	231	</v-toolbar>
	232	<v-card flat class="elevation-0 transparent">
	233	<v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
	234	<v-layout>
	235	<v-flex xs12>
	236	<v-select
	237	:items="addclass"
	238	label="Select Class"
	239	v-model="selectAnnoucement.select"
	240	item-text="classNum"
	241	item-value="_id"
	242	name="Select Class"
	243	:rules="classRules"
	244	class="px-2"
	245	></v-select>
	246	</v-flex>
	247	</v-layout>
	248	<v-layout>
	249	<v-flex xs5 class="mx-auto mb-2">
	250	<v-btn
	251	@click="getAnnoucementes()"
	252	block
	253	round
	254	dark
	255	:loading="loading"
	256	class="add-button"
	257	>Find</v-btn>
	258	</v-flex>
	259	</v-layout>
	260	</v-flex>
	261	</v-card>
	262	<v-data-table
	263	:headers="headers"
	264	:items="annoucementData"
	265	:pagination.sync="pagination"
	266	:search="search"
	267	>
	268	<template slot="items" slot-scope="props">
	269	<tr class="tr">
	270	<td class="text-xs-center td td-row">
	271	<v-avatar size="40">
	272	<img :src="props.item.attachementUrl" v-if="props.item.attachementUrl" />
	273	<img src="/static/icon/user.png" v-else-if="!props.item.attachementUrl" />
	274	</v-avatar>
	275	</td>
	276	<td class="text-xs-center td td-row">{{ props.item.discussionType}}</td>
	277	<td class="text-xs-center td td-row">
	278	<span>
	279	<v-tooltip top>
	280	<img
	281	slot="activator"
	282	style="cursor:pointer; width:25px; height:25px; "
	283	class="mr-3"
	284	@click="profile(props.item)"
	285	src="/static/icon/view.png"
	286	/>
	287	<span>View</span>
	288	</v-tooltip>
	289	<v-tooltip top>
	290	<img
	291	slot="activator"
	292	style="cursor:pointer; width:20px; height:18px; "
	293	class="mr-3"
	294	@click="editItem(props.item)"
	295	src="/static/icon/edit.png"
	296	/>
	297	<span>Edit</span>
	298	</v-tooltip>
	299	<v-tooltip top>
	300	<img
	301	slot="activator"
	302	style="cursor:pointer; width:20px; height:20px; "
	303	class="mr-3"
	304	@click="deleteItem(props.item)"
	305	src="/static/icon/delete.png"
	306	/>
	307	<span>Delete</span>
	308	</v-tooltip>
	309	</span>
	310	</td>
	311	</tr>
	312	</template>
	313	<v-alert
	314	slot="no-results"
	315	:value="true"
	316	color="error"
	317	icon="warning"
	318	>Your search for "{{ search }}" found no results.</v-alert>
	319	</v-data-table>
	320	<!-- **** Add Annoucement DETAILS****-->
	321	<v-dialog v-model="addAnnoucementDialog" max-width="500">
	322	<v-card flat class="card-style pa-2" dark>
	323	<v-layout>
	324	<v-flex xs12>
	325	<label class="title text-xs-center">Add Annoucement</label>
	326	<v-icon size="24" class="right" @click="addAnnoucementDialog = false">cancel</v-icon>
	327	</v-flex>
	328	</v-layout>
	329	<v-container fluid>
	330	<v-layout align-center>
	331	<v-flex xs12>
	332	<v-flex xs12 sm12>
	333	<v-form ref="form" v-model="valid" lazy-validation>
	334	<v-layout>
	335	<v-flex
	336	xs12
	337	class="text-xs-center text-sm-center text-md-center text-lg-center"
	338	>
	339	<v-avatar size="100px" v-if="!imageUrl">
	340	<img src="/static/icon/user.png" />
	341	</v-avatar>
	342	<input
	343	type="file"
	344	style="display: none"
	345	ref="image"
	346	accept="image/*"
	347	@change="onFilePicked"
	348	/>
	349	<img
	350	:src="imageData.imageUrl"
	351	height="150"
	352	width="150"
	353	v-if="imageUrl"
	354	style="border-radius:50%; width:200px"
	355	/>
	356	</v-flex>
	357	</v-layout>
	358	<v-layout wrap>
	359	<v-flex xs12 sm12>
	360	<v-layout>
	361	<v-flex x4 sm4 class="pt-4 subheading">
	362	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
	363	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
	364	</v-flex>
	365	<v-flex xs8 sm8 class="ml-3">
	366	<v-select
	367	:items="addclass"
	368	label="Select Class"
	369	v-model="addAnnoucement.select"
	370	item-text="classNum"
	371	item-value="_id"
	372	name="Select Class"
	373	:rules="classRules"
	374	@change="getCourses(addAnnoucement.select)"
	375	required
	376	></v-select>
	377	</v-flex>
	378	</v-layout>
	379	</v-flex>
	380	</v-layout>
	381	<v-layout wrap>
	382	<v-flex xs12 sm12>
	383	<v-layout>
	384	<v-flex xs4 sm4 class="pt-4 subheading">
	385	<label class="right hidden-xs-only hidden-sm-only">Course Name:</label>
	386	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>
	387	</v-flex>
	388	<v-flex xs8 sm8 class="ml-3">
	389	<v-select
	390	:items="courseData"
	391	item-text="coursrName"
	392	item-value="_id"
	393	v-model="addAnnoucement.coursrName"
	394	placeholder="fill your Course name"
	395	type="text"
	396	:rules="courseRules"
	397	required
	398	></v-select>
	399	</v-flex>
	400	</v-layout>
	401	</v-flex>
	402	<v-flex xs12 sm12>
	403	<v-layout>
	404	<v-flex xs4 sm4 class="pt-4 subheading">
	405	<label class="right hidden-xs-only hidden-sm-only">Discussion Type:</label>
	406	<label
	407	class="right hidden-lg-only hidden-md-only hidden-xl-only"
	408	>DiscussionType:</label>
	409	</v-flex>
	410	<v-flex xs8 sm8 class="ml-3">
	411	<v-text-field
	412	v-model="addAnnoucement.discussionType"
	413	placeholder="fill your Course name"
	414	type="text"
	415	:rules="courseRules"
	416	required
	417	></v-text-field>
	418	</v-flex>
	419	</v-layout>
	420	</v-flex>
	421	<v-flex xs12 sm12>
	422	<v-layout>
	423	<v-flex xs4 class="pt-4 subheading">
	424	<label class="right hidden-xs-only hidden-sm-only">Upload Image:</label>
	425	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload :</label>
	426	</v-flex>
	427	<v-flex xs8 class="ml-3">
	428	<v-text-field
	429	label="Select Image"
	430	@click="pickFile"
	431	v-model="imageName"
	432	append-icon="attach_file"
	433	></v-text-field>
	434	</v-flex>
	435	</v-layout>
	436	</v-flex>
	437	</v-layout>
	438	<v-layout>
	439	<v-flex xs12 sm12>
	440	<v-layout class="right">
	441	<v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
	442	</v-layout>
	443	</v-flex>
	444	</v-layout>
	445	</v-form>
	446	</v-flex>
	447	</v-flex>
	448	</v-layout>
	449	</v-container>
	450	</v-card>
	451	</v-dialog>
	452	<v-snackbar
	453	:timeout="timeout"
	454	:top="y === 'top'"
	455	:right="x === 'right'"
	456	:vertical="mode === 'vertical'"
	457	v-model="snackbar"
	458	:color="color"
	459	>{{ text }}</v-snackbar>
	460	<div class="loader" v-if="showLoader">
	461	<v-progress-circular indeterminate color="white"></v-progress-circular>
	462	</div>
	463	</v-container>
	464	</template>
	465
	466	<script>
	467	import http from "@/Services/http.js";
	468	import moment from "moment";
	469	import countryList from "@/script/country.js";
	470	import parent from "@/script/parents.js";
	471
	472	export default {
	473	data: () => ({
	474	showNext: false,
	475	snackbar: false,
	476	y: "top",
	477	x: "right",
	478	role: "",
	479	mode: "",
	480	append: "",
	481	timeout: 3000,
	482	text: "",
	483	show: true,
	484	color: "",
	485	showSearch: false,
	486	showLoader: false,
	487	loading: false,
	488	editLoading: false,
	489	date: null,
	490	search: "",
	491	menu: false,
	492	menu1: false,
	493	editStudentDialog: false,
	494	profileStudentDialog: false,
	495	addAnnoucementDialog: false,
	496	valid: true,
	497	addclass: [],
	498	addSection: [],
	499	pagination: {
	500	rowsPerPage: 10
	501	},
	502	imageData: {},
	503	imageName: "",
	504	imageUrl: "",
	505	imageFile: "",
	506	editImageName: "",
	507	editImageUrl: "",
	508	courseRules: [v => !!v \|\| " Course Name is required"],
	509	classRules: [v => !!v \|\| " Class Name is required"],
	510	sectionRules: [v => !!v \|\| "Section Name is required"],
	511	errorMessages: "",
	512	headers: [
	513	{
	514	text: "Image",
	515	value: "attachementUrl",
	516	sortable: false,
	517	align: "center"
	518	},
	519	{
	520	text: "Discussion Type",
	521	value: "discussionType",
	522	sortable: false,
	523	align: "center"
	524	},
	525	{ text: "Action", value: "", sortable: false, align: "center" }
	526	],
	527	courseData: [],
	528	editedIndex: -1,
	529	addAnnoucement: {
	530	select: ""
	531	},
	532	selectAnnoucement: {},
	533	editedItem: {},
	534	annoucementData: []
	535	}),
	536	methods: {
	537	getCourses(selectCourseId) {
	538	this.showLoader = true;
	539	http()
	540	.get("/getCourseesList", {
	541	params: {
	542	classId: selectCourseId
	543	}
	544	})
	545	.then(response => {
	546	this.courseData = response.data.data;
	547	this.showLoader = false;
	548	})
	549	.catch(err => {
	550	console.log("err====>", err);
	551	this.showLoader = false;
	552	});
	553	},
	554	getAnnoucementes() {
	555	this.showLoader = true;
	556	http()
	557	.get("/getAnnoucementesList", {
	558	params: {
	559	courseId: this.selectAnnoucement.courseId
	560	}
	561	})
	562	.then(response => {
	563	this.annoucementData = response.data.data;
	564	this.showLoader = false;
	565	})
	566	.catch(err => {
	567	console.log("err====>", err);
	568	this.showLoader = false;
	569	});
	570	},
	571	// getSections(_id) {
	572	// var token = this.$store.state.token;
	573	// this.showLoader = true;
	574	// http()
	575	// .get(
	576	// "/getSectionsList",
	577	// { params: { classId: _id } },
	578	// {
	579	// headers: { Authorization: "Bearer " + token }
	580	// }
	581	// )
	582	// .then(response => {
	583	// this.addSection = response.data.data;
	584	// this.showLoader = false;
	585	// })
	586	// .catch(err => {
	587	// this.showLoader = false;
	588	// });
	589	// },
	590	pickFile() {
	591	this.$refs.image.click();
	592	},
	593	pickEditFile() {
	594	this.$refs.editDataImage.click();
	595	},
	596	dates: function(date) {
	597	return moment(date).format("MMMM DD, YYYY");
	598	return date;
	599	},
	600	onFilePicked(e) {
	601	// console.log(e)
	602	const files = e.target.files;
	603	this.imageData.upload = e.target.files[0];
	604	if (files[0] !== undefined) {
	605	this.imageName = files[0].name;
	606	if (this.imageName.lastIndexOf(".") <= 0) {
	607	return;
	608	}
	609	const fr = new FileReader();
	610	fr.readAsDataURL(files[0]);
	611	fr.addEventListener("load", () => {
	612	this.imageUrl = fr.result;
	613	this.imageFile = files[0]; // this is an image file that can be sent to server...
	614	this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
	615	});
	616	} else {
	617	this.imageName = "";
	618	this.imageFile = "";
	619	this.imageUrl = "";
	620	}
	621	},
	622	onEditFilePicked(e) {
	623	console.log(e);
	624	const files = e.target.files;
	625	if (files[0] !== undefined) {
	626	this.editImageName = files[0].name;
	627	console.log("this.editImageName", this.editImageName);
	628
	629	if (this.editImageName.lastIndexOf(".") <= 0) {
	630	return;
	631	}
	632	const fr = new FileReader();
	633	fr.readAsDataURL(files[0]);
	634	fr.addEventListener("load", () => {
	635	this.editImageUrl = fr.result;
	636	this.editiImageFile = files[0]; // this is an image file that can be sent to server...
	637	});
	638	} else {
	639	this.editImageName = "";
	640	this.editiImageFile = "";
	641	}
	642	},
	643	editItem(item) {
	644	this.editedIndex = this.courseData.indexOf(item);
	645	this.editedItem = Object.assign({}, item);
	646	this.editStudentDialog = true;
	647	},
	648	profile(item) {
	649	this.editedIndex = this.courseData.indexOf(item);
	650	this.editedItem = Object.assign({}, item);
	651	this.profileStudentDialog = true;
	652	},
	653	deleteItem(item) {
	654	let deleteAnnoucement = {
	655	annoucementId: item._id
	656	};
	657	http()
	658	.delete(
	659	"/deleteAnnoucement",
	660	confirm("Are you sure you want to delete this?") && {
	661	params: deleteAnnoucement
	662	}
	663	)
	664	.then(response => {
	665	this.snackbar = true;
	666	this.text = response.data.message;
	667	this.color = "green";
	668	this.getAnnoucementes();
	669	})
	670	.catch(error => {
	671	this.snackbar = true;
	672	this.text = error.response.data.message;
	673	this.color = "error";
	674	});
	675	},
	676	close() {
	677	this.editStudentDialog = false;
	678	},
	679	closeStudentProfile() {
	680	this.profileStudentDialog = false;
	681	},
	682	submit() {
	683	if (this.$refs.form.validate()) {
	684	let addCourse = {
	685	classId: this.addAnnoucement.select,
	686	sectionId: this.addAnnoucement.selectSection,
	687	discussionType: this.addAnnoucement.discussionType,
	688	courseId: this.addAnnoucement.coursrName
	689	};
	690	if (this.imageUrl) {
	691	var str = this.imageUrl;
	692	const [baseUrl, imageUrl] = str.split(/,/);
	693	addCourse.upload = imageUrl;
	694	}
	695	this.loading = true;
	696	http()
	697	.post("/createAnnoucement", addCourse)
	698	.then(response => {
	699	this.snackbar = true;
	700	this.text = "New Annoucement added successfully";
	701	this.color = "green";
	702	this.addAnnoucementDialog = false;
	703	this.clear();
	704	this.loading = false;
	705	})
	706	.catch(error => {
	707	this.snackbar = true;
	708	this.text = error.response.data.message;
	709	this.color = "error";
	710	this.loading = false;
	711	});
	712	}
	713	},
	714	clear() {
	715	this.$refs.form.reset();
	716	this.imageUrl = "";
	717	},
	718	save() {
	719	let editAnnoucement = {
	720	annoucementId: this.editedItem._id,
	721	discussionType: this.editedItem.discussionType,
	722	classId: this.editedItem.select,
	723	courseId: this.editedItem.coursrName
	724	};
	725	if (this.editImageUrl) {
	726	var str = this.editImageUrl;
	727	const [baseUrl, editImageUrl] = str.split(/,/);
	728	editAnnoucement.upload = editImageUrl;
	729	}
	730	this.editLoading = true;
	731	http()
	732	.put("/updateAnnoucement", editAnnoucement)
	733	.then(response => {
	734	this.snackbar = true;
	735	this.text = response.data.message;
	736	this.color = "green";
	737	this.imageUrl = "";
	738	this.getAnnoucementes();
	739	this.close();
	740	this.editLoading = false;
	741	})
	742	.catch(error => {
	743	this.snackbar = true;
	744	this.text = error.response.data.statusText;
	745	this.color = "error";
	746	this.editLoading = false;
	747	});
	748	},
	749	displaySearch() {
	750	this.show = false;
	751	this.showSearch = true;
	752	},
	753	closeSearch() {
	754	this.showSearch = false;
	755	this.show = true;
	756	this.search = "";
	757	}
	758	},
	759	mounted() {
	760	var token = this.$store.state.token;
	761	http()
	762	.get("/getClassesList", {
	763	headers: { Authorization: "Bearer " + token }
	764	})
	765	.then(response => {
	766	this.addclass = response.data.data;
	767	})
	768	.catch(error => {
	769	this.showLoader = false;
	770	if (error.response.status === 401) {
	771	this.$router.replace({ path: "/" });
	772	this.$store.dispatch("setToken", null);
	773	this.$store.dispatch("Id", null);
	774	this.$store.dispatch("Role", null);
	775	}
	776	});
	777	}
	778	};
	779	</script>
	780	<style scoped>
	781	.active {
	782	background-color: gray;
	783	color: white !important;
	784	}
	785	.activebtn {
	786	color: black !important;
	787	}
	788	</style>

src/pages/Authentication/Login.vue

Diff comments View file @229463b

 <template>
   <v-app id="login">
     <v-content>
       <v-container fluid fill-height>
         <v-snackbar
           :timeout="timeout"
           :top="y === 'top'"
           :right="x === 'right'"
           :vertical="mode === 'vertical'"
           v-model="snackbar"
           :color="color"
         >{{ text }}</v-snackbar>
         <v-layout align-center justify-center>
           <v-flex xs12 sm10 md5 lg4>
-            <img src="/static/icon.png" height="40" width="140" alt="logo" class="logo mx-auto mb-2" />
+            <img
+              src="/static/icon.png"
+              height="40"
+              width="140"
+              alt="logo"
+              class="logo mx-auto mb-2"
+            />
             <v-card class="elevation-1 px-2 py-3 card" style="background-color: #7852cc" dark>
               <img
                 src="/static/intrackIllustration.png"
                 class="mx-auto logoSchool"
                 style="display:block"
                 width="280"
               />
               <v-card-text align-center justify-center>
                 <v-toolbar-title class="text-xs-center subheadline">SCHOOL LOGIN</v-toolbar-title>
                 <v-flex xs12 sm12 md12 lg12>
                   <v-form ref="form" v-model="valid" lazy-validation>
                     <label class="title">Email</label>
                     <v-text-field
                       style="padding: 0px; margin: 0px;"
                       v-model.trim="userLogincredentials.email"
                       :rules="nameRules"
                       placeholder="Enter your email"
                       required
                     ></v-text-field>
                     <label class="title">Password</label>
                     <v-text-field
                       style="padding: 0px; margin: 0px;"
                       :rules="[rules.required]"
                       v-model.trim="userLogincredentials.password"
                       :append-icon="e1 ? 'visibility_off' : 'visibility'"
                       :append-icon-cb="() => (e1 = !e1)"
                       :type="e1 ? 'password' : 'text'"
                       name="input-10-1"
                       placeholder="Enter Your password"
                       @keyup.enter="login"
                     ></v-text-field>
                   </v-form>
                   <v-layout>
                     <v-flex xs12 class="pa-0 ma-0">
                       <h5 class="right mt-4">
                         <router-link class="link" to="/forgetpassword">Forgot password</router-link>
                       </h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-card-text>
               <v-layout>
                 <v-flex sm12>
                   <v-btn
                     style="margin: auto;display: block;background-color: #71d9ea; color: #0c0754;"
                     dark
                     flat
                     @click="login"
                     :loading="loading"
                   >Login</v-btn>
                 </v-flex>
               </v-layout>
               <v-layout></v-layout>
             </v-card>
           </v-flex>
         </v-layout>
       </v-container>
     </v-content>
   </v-app>
 </template>
 <script>
 import http from "@/Services/http.js";
 export default {
   data() {
     return {
       snackbar: false,
       y: "top",
       x: "right",
       mode: "",
       timeout: 3000,
       text: "",
       append: "",
       e1: true,
       loading: false,
       remember: false,
       valid: false,
       userLogincredentials: {},
       nameRules: [v => !!v || "Username is required"],
       password: "",
       email: "",
       rules: {
         required: value => !!value || "password is Required."
       }
     };
   },
   methods: {
     login() {
-      this.loading = true;
+      if (this.$refs.form.validate()) {
-      var userdata = {
+        this.loading = true;
-        email: this.userLogincredentials.email,
+        var userdata = {
-        password: this.userLogincredentials.password
+          email: this.userLogincredentials.email,
-      };
+          password: this.userLogincredentials.password
-      http()
+        };
-        .post("/schoolLogin", userdata)
+        http()
-        .then(response => {
+          .post("/schoolLogin", userdata)
-          // console.log("token",response.data.data);
+          .then(response => {
-          this.loading = false;
+            // console.log("token",response.data.data);
-          if (response.data.data.role === "ADMIN") {
-            this.$store.dispatch("setToken", response.data.data.token);
-            this.$store.dispatch("Id", response.data.data.id);
-            this.$store.dispatch("Role", response.data.data.role);
-            this.$router.push("/dashboard");
-          } else if (response.data.data.role === "SUPERADMIN") {
-            this.$store.dispatch("setSchoolRole", response.data.data.role);
-            this.$store.dispatch("setSchoolToken", response.data.data.token);
-            this.$router.push("/schooldashboard");
-          } else if (response.data.data.role === "TEACHER") {
-            // console.log("teacher", response.data.data.role);
-            this.$store.dispatch("setToken", response.data.data.token);
-            this.$store.dispatch("Id", response.data.data.id);
-            this.$store.dispatch("Role", response.data.data.role);
-            this.$router.push("/dashboard");
-          } else if (response.data.data.role === "LIBRARIAN") {
-            this.$store.dispatch("setToken", response.data.data.token);
-            this.$store.dispatch("Id", response.data.data.id);
-            this.$store.dispatch("Role", response.data.data.role);
-            this.$router.push("/dashboard");
-          } else if (response.data.data.role === "ACCOUNTANT") {
-            this.$store.dispatch("setToken", response.data.data.token);
-            this.$store.dispatch("Id", response.data.data.id);
-            this.$store.dispatch("Role", response.data.data.role);
-            this.$router.push("/dashboard");
-          }
-        })
-        .catch(error => {
-          if (error) {
-            this.text = "Server appears to be offline";
-            this.snackbar = true;
             this.loading = false;
-          }
+            if (response.data.data.role === "ADMIN") {
-          if (error.response.data.message) {
+              this.$store.dispatch("setToken", response.data.data.token);
-            this.text = error.response.data.message;
+              this.$store.dispatch("Id", response.data.data.id);
-            this.snackbar = true;
+              this.$store.dispatch("Role", response.data.data.role);
-          }
+              this.$router.push("/dashboard");
-          this.loading = false;
+            } else if (response.data.data.role === "SUPERADMIN") {
-        });
+              this.$store.dispatch("setSchoolRole", response.data.data.role);
+              this.$store.dispatch("setSchoolToken", response.data.data.token);
+              this.$router.push("/schooldashboard");
+            } else if (response.data.data.role === "TEACHER") {
+              // console.log("teacher", response.data.data.role);
+              this.$store.dispatch("setToken", response.data.data.token);
+              this.$store.dispatch("Id", response.data.data.id);
+              this.$store.dispatch("Role", response.data.data.role);
+              this.$router.push("/dashboard");
+            } else if (response.data.data.role === "LIBRARIAN") {
+              this.$store.dispatch("setToken", response.data.data.token);
+              this.$store.dispatch("Id", response.data.data.id);
+              this.$store.dispatch("Role", response.data.data.role);
+              this.$router.push("/dashboard");
+            } else if (response.data.data.role === "ACCOUNTANT") {
+              this.$store.dispatch("setToken", response.data.data.token);
+              this.$store.dispatch("Id", response.data.data.id);
+              this.$store.dispatch("Role", response.data.data.role);
+              this.$router.push("/dashboard");
+            }
+          })
+          .catch(error => {
+            if (error.response.data.message) {
+              this.text = error.response.data.message;
+              this.snackbar = true;
+              this.loading = false;
+            } else {
+              this.text = "Server appears to be offline";
+              this.snackbar = true;
+              this.loading = false;
+            }
+          });
+      }
     }
   },
   mounted() {
     if (this.$store.state.isUserLoggedIn == true) {
       this.$router.push("/dashboard");
     } else if (this.$store.state.isSchoolLoggedIn == true) {
       this.$router.push("/dashboard");
     }
   },
   computed: {
     color() {
       return this.loading ? "success" : "error";
     }
   }
 };
 </script>
 <style scoped lang="css">
 #login {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   z-index: 0;
 }
 </style>
 <style scoped>
 .schoolLogo {
   height: 60%;
   padding-left: 31%;
 }
 /* img {
   position: absolute;
   top: 13px;
   left: 8px;
 } */
 .v-btn--large {
   padding: 0px 84px;
 }

src/pages/Course/course.vue

Diff comments View file @229463b

File was created	1	<template>
	2	<v-container fluid class="body-color">
	3	<!-- **** EDITS COURSES DETAILS **** -->
	4	<v-dialog v-model="editStudentDialog" max-width="600px" scrollable>
	5	<v-card flat class="card-style pa-2" dark>
	6	<v-layout>
	7	<v-flex xs12>
	8	<label class="title text-xs-center">Edit Course</label>
	9	<v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>
	10	</v-flex>
	11	</v-layout>
	12	<v-card-text>
	13	<v-form ref="form">
	14	<v-container fluid>
	15	<v-layout>
	16	<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
	17	<v-avatar size="100px" v-if="!editedItem.courseImageUrl && !editImageUrl">
	18	<img src="/static/icon/user.png" />
	19	</v-avatar>
	20	<img
	21	:src="editedItem.courseImageUrl"
	22	v-else-if="editedItem.courseImageUrl && !editImageUrl"
	23	height="150"
	24	style="border-radius:50%; width:150px"
	25	/>
	26	<img
	27	v-if="editImageUrl"
	28	:src="editImageUrl"
	29	style="border-radius:50%; width:150px;height:150px"
	30	/>
	31	<input
	32	type="file"
	33	style="display: none"
	34	ref="editDataImage"
	35	accept="image/*"
	36	@change="onEditFilePicked"
	37	/>
	38	</v-flex>
	39	</v-layout>
	40	<v-layout wrap>
	41	<v-flex xs12 sm12>
	42	<v-layout>
	43	<v-flex xs4 sm5 class="pt-4 subheading">
	44	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
	45	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
	46	</v-flex>
	47	<v-flex xs8 sm7 class="ml-3">
	48	<v-select
	49	:items="addclass"
	50	label="Select Class"
	51	v-model="editedItem.select"
	52	item-text="classNum"
	53	item-value="_id"
	54	name="Select Class"
	55	required
	56	></v-select>
	57	</v-flex>
	58	</v-layout>
	59	<v-layout>
	60	<v-flex xs4 sm5 class="pt-4 subheading">
	61	<label class="right hidden-xs-only hidden-sm-only">Course Name:</label>
	62	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>
	63	</v-flex>
	64	<v-flex xs8 sm7 class="ml-3">
	65	<v-text-field
	66	v-model="editedItem.coursrName"
	67	placeholder="fill your Course Name"
	68	type="text"
	69	required
	70	></v-text-field>
	71	</v-flex>
	72	</v-layout>
	73	<v-layout>
	74	<v-flex xs4 sm5 class="pt-4 subheading">
	75	<label class="right hidden-xs-only hidden-sm-only">Upload Image:</label>
	76	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload:</label>
	77	</v-flex>
	78	<v-flex xs8 sm7 class="ml-3">
	79	<v-text-field
	80	label="Select Image"
	81	@click="pickEditFile"
	82	v-model="editImageName"
	83	append-icon="attach_file"
	84	></v-text-field>
	85	</v-flex>
	86	</v-layout>
	87	</v-flex>
	88	</v-layout>
	89	<v-layout>
	90	<v-flex xs12 sm12 class="px-0 mx-0">
	91	<v-layout class="right">
	92	<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
	93	</v-layout>
	94	</v-flex>
	95	</v-layout>
	96	</v-container>
	97	</v-form>
	98	</v-card-text>
	99	</v-card>
	100	</v-dialog>
	101
	102	<!-- **** PROFILE VIEW STUDENTS DEATILS **** -->
	103
	104	<v-dialog v-model="profileStudentDialog" max-width="600px" scrollable>
	105	<v-card flat class="card-style pa-3" dark>
	106	<v-layout>
	107	<v-flex xs12>
	108	<label class="title text-xs-center">View Course</label>
	109	<v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
	110	</v-flex>
	111	</v-layout>
	112	<v-card-text>
	113	<v-flex align-center justify-center layout text-xs-center class="mt-3">
	114	<v-avatar size="100px">
	115	<img src="/static/icon/user.png" v-if="!editedItem.courseImageUrl" />
	116	<img :src="editedItem.courseImageUrl" v-else-if="editedItem.courseImageUrl" />
	117	</v-avatar>
	118	</v-flex>
	119	<v-container grid-list-md>
	120	<v-layout wrap>
	121	<v-flex xs12>
	122	<v-layout>
	123	<v-flex xs6 sm6>
	124	<h5 class="right my-1">
	125	<b>Course :</b>
	126	</h5>
	127	</v-flex>
	128	<v-flex sm6 xs6>
	129	<h5 class="my-1 left">{{ editedItem.coursrName }}</h5>
	130	</v-flex>
	131	</v-layout>
	132	</v-flex>
	133	</v-layout>
	134	</v-container>
	135	</v-card-text>
	136	</v-card>
	137	</v-dialog>
	138
	139	<!-- **** STUDENTS TABLE **** -->
	140	<v-toolbar color="transparent" flat>
	141	<v-btn
	142	fab
	143	dark
	144	class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
	145	small
	146	@click="addCourseDialog = true"
	147	>
	148	<v-icon dark>add</v-icon>
	149	</v-btn>
	150	<v-btn
	151	round
	152	class="open-dialog-button hidden-sm-only hidden-xs-only"
	153	dark
	154	@click="addCourseDialog = true"
	155	>
	156	<v-icon class="white--text pr-1" size="20">add</v-icon>Add Course
	157	</v-btn>
	158	<v-card-actions class="hidden-xs-only hidden-sm-only">
	159	<v-flex md13 lg12>
	160	<v-layout>
	161	<v-flex lg6 md6>
	162	<v-select
	163	:items="addclass"
	164	label="Select Class"
	165	v-model="selectStudents.select"
	166	item-text="classNum"
	167	item-value="_id"
	168	name="Select Class"
	169	:rules="classRules"
	170	required
	171	class="ml-2"
	172	></v-select>
	173	</v-flex>
	174	</v-layout>
	175	</v-flex>
	176	</v-card-actions>
	177	<v-spacer></v-spacer>
	178	<v-btn
	179	@click="getCourses()"
	180	round
	181	dark
	182	:loading="loading"
	183	class="add-button hidden-xs-only hidden-sm-only"
	184	>Find</v-btn>
	185	<v-card-title class="body-1" v-show="show">
	186	<v-btn icon large flat @click="displaySearch">
	187	<v-avatar size="27">
	188	<img src="/static/icon/search.png" alt="icon" />
	189	</v-avatar>
	190	</v-btn>
	191	</v-card-title>
	192	<v-flex xs8 sm7 lg2 md3 v-show="showSearch">
	193	<v-layout>
	194	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
	195	<v-icon @click="closeSearch" color="error">close</v-icon>
	196	</v-layout>
	197	</v-flex>
	198	</v-toolbar>
	199	<v-card flat class="elevation-0 transparent">
	200	<v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
	201	<v-layout>
	202	<!-- <v-flex xs4>
	203	<label class="right mt-4">Select Class:</label>
	204	</v-flex>-->
	205	<v-flex xs12>
	206	<v-select
	207	:items="addclass"
	208	label="Select Class"
	209	v-model="selectStudents.select"
	210	item-text="classNum"
	211	item-value="_id"
	212	name="Select Class"
	213	:rules="classRules"
	214	class="px-2"
	215	></v-select>
	216	</v-flex>
	217	</v-layout>
	218	<v-layout>
	219	<v-flex xs5 class="mx-auto mb-2">
	220	<v-btn @click="getCourses()" block round dark :loading="loading" class="add-button">Find</v-btn>
	221	</v-flex>
	222	</v-layout>
	223	</v-flex>
	224	</v-card>
	225	<v-data-table
	226	:headers="headers"
	227	:items="courseData"
	228	:pagination.sync="pagination"
	229	:search="search"
	230	>
	231	<template slot="items" slot-scope="props">
	232	<tr class="tr">
	233	<td class="text-xs-center td td-row">
	234	<v-avatar size="40">
	235	<img :src="props.item.courseImageUrl" v-if="props.item.courseImageUrl" />
	236	<img src="/static/icon/user.png" v-else-if="!props.item.courseImageUrl" />
	237	</v-avatar>
	238	</td>
	239	<td class="text-xs-center td td-row">{{ props.item.coursrName}}</td>
	240	<td class="text-xs-center td td-row">
	241	<span>
	242	<v-tooltip top>
	243	<img
	244	slot="activator"
	245	style="cursor:pointer; width:25px; height:25px; "
	246	class="mr-3"
	247	@click="profile(props.item)"
	248	src="/static/icon/view.png"
	249	/>
	250	<span>View</span>
	251	</v-tooltip>
	252	<v-tooltip top>
	253	<img
	254	slot="activator"
	255	style="cursor:pointer; width:20px; height:18px; "
	256	class="mr-3"
	257	@click="editItem(props.item)"
	258	src="/static/icon/edit.png"
	259	/>
	260	<span>Edit</span>
	261	</v-tooltip>
	262	<v-tooltip top>
	263	<img
	264	slot="activator"
	265	style="cursor:pointer; width:20px; height:20px; "
	266	class="mr-3"
	267	@click="deleteItem(props.item)"
	268	src="/static/icon/delete.png"
	269	/>
	270	<span>Delete</span>
	271	</v-tooltip>
	272	</span>
	273	</td>
	274	</tr>
	275	</template>
	276	<v-alert
	277	slot="no-results"
	278	:value="true"
	279	color="error"
	280	icon="warning"
	281	>Your search for "{{ search }}" found no results.</v-alert>
	282	</v-data-table>
	283	<!-- **** Add CourseS DETAILS**** -->
	284	<v-dialog v-model="addCourseDialog" max-width="500">
	285	<v-card flat class="card-style pa-2" dark>
	286	<v-layout>
	287	<v-flex xs12>
	288	<label class="title text-xs-center">Add Course</label>
	289	<v-icon size="24" class="right" @click="addCourseDialog = false">cancel</v-icon>
	290	</v-flex>
	291	</v-layout>
	292	<v-container fluid>
	293	<v-layout align-center>
	294	<v-flex xs12>
	295	<v-flex xs12 sm12>
	296	<v-form ref="form" v-model="valid" lazy-validation>
	297	<v-layout>
	298	<v-flex
	299	xs12
	300	class="text-xs-center text-sm-center text-md-center text-lg-center"
	301	>
	302	<v-avatar size="100px">
	303	<img src="/static/icon/user.png" v-if="!imageUrl" />
	304	</v-avatar>
	305	<input
	306	type="file"
	307	style="display: none"
	308	ref="image"
	309	accept="image/*"
	310	@change="onFilePicked"
	311	/>
	312	<img
	313	:src="imageData.imageUrl"
	314	height="150"
	315	v-if="imageUrl"
	316	style="border-radius:50%; width:200px"
	317	/>
	318	</v-flex>
	319	</v-layout>
	320	<v-layout wrap>
	321	<v-flex xs12 sm12>
	322	<v-layout>
	323	<v-flex x4 sm4 class="pt-4 subheading">
	324	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
	325	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
	326	</v-flex>
	327	<v-flex xs8 sm8 class="ml-3">
	328	<v-select
	329	:items="addclass"
	330	label="Select Class"
	331	v-model="addCourses.select"
	332	item-text="classNum"
	333	item-value="_id"
	334	name="Select Class"
	335	:rules="classRules"
	336	@change="getSections(addCourses.select)"
	337	required
	338	></v-select>
	339	</v-flex>
	340	</v-layout>
	341	</v-flex>
	342	</v-layout>
	343	<v-layout wrap>
	344	<v-flex xs12 sm12>
	345	<v-layout>
	346	<v-flex xs4 sm4 class="pt-4 subheading">
	347	<label class="right hidden-xs-only hidden-sm-only">Course Name:</label>
	348	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>
	349	</v-flex>
	350	<v-flex xs8 sm8 class="ml-3">
	351	<v-text-field
	352	v-model="addCourses.coursrName"
	353	placeholder="fill your Course name"
	354	type="text"
	355	:rules="courseRules"
	356	required
	357	></v-text-field>
	358	</v-flex>
	359	</v-layout>
	360	</v-flex>
	361	<v-flex xs12 sm12>
	362	<v-layout>
	363	<v-flex xs4 class="pt-4 subheading">
	364	<label class="right hidden-xs-only hidden-sm-only">Upload Image:</label>
	365	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload :</label>
	366	</v-flex>
	367	<v-flex xs8 class="ml-3">
	368	<v-text-field
	369	label="Select Image"
	370	@click="pickFile"
	371	v-model="imageName"
	372	append-icon="attach_file"
	373	></v-text-field>
	374	</v-flex>
	375	</v-layout>
	376	</v-flex>
	377	</v-layout>
	378	<v-layout>
	379	<v-flex xs12 sm12>
	380	<v-layout class="right">
	381	<v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
	382	</v-layout>
	383	</v-flex>
	384	</v-layout>
	385	</v-form>
	386	</v-flex>
	387	</v-flex>
	388	</v-layout>
	389	</v-container>
	390	</v-card>
	391	</v-dialog>
	392	<v-snackbar
	393	:timeout="timeout"
	394	:top="y === 'top'"
	395	:right="x === 'right'"
	396	:vertical="mode === 'vertical'"
	397	v-model="snackbar"
	398	:color="color"
	399	>{{ text }}</v-snackbar>
	400	<div class="loader" v-if="showLoader">
	401	<v-progress-circular indeterminate color="white"></v-progress-circular>
	402	</div>
	403	</v-container>
	404	</template>
	405
	406	<script>
	407	import http from "@/Services/http.js";
	408	import moment from "moment";
	409	import countryList from "@/script/country.js";
	410	import parent from "@/script/parents.js";
	411
	412	export default {
	413	data: () => ({
	414	showNext: false,
	415	snackbar: false,
	416	y: "top",
	417	x: "right",
	418	role: "",
	419	mode: "",
	420	append: "",
	421	timeout: 3000,
	422	text: "",
	423	show: true,
	424	color: "",
	425	showSearch: false,
	426	showLoader: false,
	427	loading: false,
	428	editLoading: false,
	429	date: null,
	430	search: "",
	431	menu: false,
	432	menu1: false,
	433	editStudentDialog: false,
	434	profileStudentDialog: false,
	435	addCourseDialog: false,
	436	valid: true,
	437	addclass: [],
	438	addSection: [],
	439	pagination: {
	440	rowsPerPage: 10
	441	},
	442	imageData: {},
	443	imageName: "",
	444	imageUrl: "",
	445	imageFile: "",
	446	editImageName: "",
	447	editImageUrl: "",
	448	courseRules: [v => !!v \|\| " Course Name is required"],
	449	classRules: [v => !!v \|\| " Class Name is required"],
	450	sectionRules: [v => !!v \|\| " Section Name is required"],
	451	errorMessages: "",
	452	headers: [
	453	{
	454	text: "Image",
	455	value: "courseImageUrl",
	456	sortable: false,
	457	align: "center"
	458	},
	459	{
	460	text: "Course",
	461	value: "course",
	462	sortable: false,
	463	align: "center"
	464	},
	465	{ text: "Action", value: "", sortable: false, align: "center" }
	466	],
	467	courseData: [],
	468	editedIndex: -1,
	469	addCourses: {},
	470	selectStudents: {
	471	select: "",
	472	selectSection: ""
	473	},
	474	editedItem: {}
	475	}),
	476	methods: {
	477	getCourses() {
	478	this.showLoader = true;
	479	http()
	480	.get("/getCourseesList", {
	481	params: {
	482	classId: this.selectStudents.select
	483	}
	484	})
	485	.then(response => {
	486	this.courseData = response.data.data;
	487	this.showLoader = false;
	488	})
	489	.catch(err => {
	490	console.log("err====>", err);
	491	this.showLoader = false;
	492	});
	493	},
	494	getSections(_id) {
	495	var token = this.$store.state.token;
	496	this.showLoader = true;
	497	http()
	498	.get(
	499	"/getSectionsList",
	500	{ params: { classId: _id } },
	501	{
	502	headers: { Authorization: "Bearer " + token }
	503	}
	504	)
	505	.then(response => {
	506	this.addSection = response.data.data;
	507	this.showLoader = false;
	508	})
	509	.catch(err => {
	510	this.showLoader = false;
	511	});
	512	},
	513	pickFile() {
	514	this.$refs.image.click();
	515	},
	516	pickEditFile() {
	517	this.$refs.editDataImage.click();
	518	},
	519	dates: function(date) {
	520	return moment(date).format("MMMM DD, YYYY");
	521	return date;
	522	},
	523	onFilePicked(e) {
	524	// console.log(e)
	525	const files = e.target.files;
	526	this.imageData.upload = e.target.files[0];
	527	if (files[0] !== undefined) {
	528	this.imageName = files[0].name;
	529	if (this.imageName.lastIndexOf(".") <= 0) {
	530	return;
	531	}
	532	const fr = new FileReader();
	533	fr.readAsDataURL(files[0]);
	534	fr.addEventListener("load", () => {
	535	this.imageUrl = fr.result;
	536	this.imageFile = files[0]; // this is an image file that can be sent to server...
	537	this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
	538	});
	539	} else {
	540	this.imageName = "";
	541	this.imageFile = "";
	542	this.imageUrl = "";
	543	}
	544	},
	545	onEditFilePicked(e) {
	546	console.log(e);
	547	const files = e.target.files;
	548	if (files[0] !== undefined) {
	549	this.editImageName = files[0].name;
	550	console.log("this.editImageName", this.editImageName);
	551
	552	if (this.editImageName.lastIndexOf(".") <= 0) {
	553	return;
	554	}
	555	const fr = new FileReader();
	556	fr.readAsDataURL(files[0]);
	557	fr.addEventListener("load", () => {
	558	this.editImageUrl = fr.result;
	559	this.editiImageFile = files[0]; // this is an image file that can be sent to server...
	560	});
	561	} else {
	562	this.editImageName = "";
	563	this.editiImageFile = "";
	564	}
	565	},
	566	editItem(item) {
	567	this.editedIndex = this.courseData.indexOf(item);
	568	this.editedItem = Object.assign({}, item);
	569	this.editStudentDialog = true;
	570	},
	571	profile(item) {
	572	this.editedIndex = this.courseData.indexOf(item);
	573	this.editedItem = Object.assign({}, item);
	574	this.profileStudentDialog = true;
	575	},
	576	deleteItem(item) {
	577	let deleteCourse = {
	578	courseId: item._id
	579	};
	580	http()
	581	.delete(
	582	"/deleteCourse",
	583	confirm("Are you sure you want to delete this?") && {
	584	params: deleteCourse
	585	}
	586	)
	587	.then(response => {
	588	this.snackbar = true;
	589	this.text = response.data.message;
	590	this.color = "green";
	591	this.getCourses();
	592	})
	593	.catch(error => {
	594	this.snackbar = true;
	595	this.text = error.response.data.message;
	596	this.color = "error";
	597	});
	598	},
	599	close() {
	600	this.editStudentDialog = false;
	601	},
	602	closeStudentProfile() {
	603	this.profileStudentDialog = false;
	604	},
	605	submit() {
	606	if (this.$refs.form.validate()) {
	607	let addCourse = {
	608	classId: this.addCourses.select,
	609	sectionId: this.addCourses.selectSection,
	610	coursrName: this.addCourses.coursrName
	611	};
	612	if (this.imageUrl) {
	613	var str = this.imageUrl;
	614	const [baseUrl, imageUrl] = str.split(/,/);
	615	addCourse.upload = imageUrl;
	616	}
	617	this.loading = true;
	618	http()
	619	.post("/createCourse", addCourse)
	620	.then(response => {
	621	this.snackbar = true;
	622	this.text = "New Course added successfully";
	623	this.color = "green";
	624	this.addCourseDialog = false;
	625	this.clear();
	626	this.loading = false;
	627	})
	628	.catch(error => {
	629	this.snackbar = true;
	630	this.text = error.response.data.message;
	631	this.color = "error";
	632	this.loading = false;
	633	});
	634	}
	635	},
	636	clear() {
	637	this.$refs.form.reset();
	638	this.imageUrl = "";
	639	},
	640	save() {
	641	let editCourse = {
	642	courseId: this.editedItem._id,
	643	coursrName: this.editedItem.coursrName,
	644	classId: this.editedItem.select
	645	};
	646	if (this.editImageUrl) {
	647	var str = this.editImageUrl;
	648	const [baseUrl, editImageUrl] = str.split(/,/);
	649	editCourse.upload = editImageUrl;
	650	}
	651	this.editLoading = true;
	652	http()
	653	.put("/updateCourse", editCourse)
	654	.then(response => {
	655	this.snackbar = true;
	656	this.text = response.data.message;
	657	this.color = "green";
	658	this.imageUrl = "";
	659	this.getCourses();
	660	this.close();
	661	this.editLoading = false;
	662	})
	663	.catch(error => {
	664	this.snackbar = true;
	665	this.text = error.response.data.statusText;
	666	this.color = "error";
	667	this.editLoading = false;
	668	});
	669	},
	670	displaySearch() {
	671	this.show = false;
	672	this.showSearch = true;
	673	},
	674	closeSearch() {
	675	this.showSearch = false;
	676	this.show = true;
	677	this.search = "";
	678	}
	679	},
	680	mounted() {
	681	var token = this.$store.state.token;
	682	http()
	683	.get("/getClassesList", {
	684	headers: { Authorization: "Bearer " + token }
	685	})
	686	.then(response => {
	687	this.addclass = response.data.data;
	688	})
	689	.catch(error => {
	690	this.showLoader = false;
	691	if (error.response.status === 401) {
	692	this.$router.replace({ path: "/" });
	693	this.$store.dispatch("setToken", null);
	694	this.$store.dispatch("Id", null);
	695	this.$store.dispatch("Role", null);
	696	}
	697	});
	698	}
	699	};
	700	</script>
	701	<style scoped>
	702	.active {
	703	background-color: gray;
	704	color: white !important;
	705	}
	706	.activebtn {
	707	color: black !important;
	708	}
	709	</style>

src/pages/Course/enrollStudents.vue

Diff comments View file @229463b

File was created	1	<template>
	2	<v-container fluid class="body-color">
	3	<!-- **** STUDENTS TABLE **** -->
	4	<v-toolbar color="transparent" flat>
	5	<v-spacer></v-spacer>
	6	<v-flex xs12 sm4 md2>
	7	<v-select
	8	small
	9	:items="addclass"
	10	label="Select Class"
	11	v-model="getReport.classId"
	12	item-text="classNum"
	13	item-value="_id"
	14	name="Select Class"
	15	@change="getCourses(getReport.classId)"
	16	class="mr-2"
	17	required
	18	></v-select>
	19	</v-flex>
	20	<v-flex xs12 sm4 md2>
	21	<v-select
	22	:items="courseData"
	23	label="Select Course"
	24	v-model="getReport.courseId"
	25	item-text="coursrName"
	26	item-value="_id"
	27	required
	28	class="ml-2"
	29	@change="getStudentTable(getReport.courseId)"
	30	></v-select>
	31	</v-flex>
	32	<v-card-title class="body-1" v-show="show">
	33	<v-btn icon large flat @click="displaySearch">
	34	<v-avatar size="27">
	35	<img src="/static/icon/search.png" alt="icon" />
	36	</v-avatar>
	37	</v-btn>
	38	</v-card-title>
	39	<v-flex xs8 sm8 md3 lg2 v-show="showSearch">
	40	<v-layout>
	41	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
	42	<v-icon @click="closeSearch" color="error">close</v-icon>
	43	</v-layout>
	44	</v-flex>
	45	</v-toolbar>
	46	<v-data-table
	47	:headers="headers"
	48	:items="studentsData"
	49	:pagination.sync="pagination"
	50	:search="search"
	51	select-all
	52	v-model="selected"
	53	item-key="name"
	54	>
	55	<template slot="items" slot-scope="props">
	56	<tr class="tr" :active="props.selected" @click="props.selected = !props.selected">
	57	<td class="text-xs-center td td-row">
	58	<v-checkbox
	59	:input-value="props.selected"
	60	@change="selectParticularStudent(props.item._id)"
	61	primary
	62	hide-details
	63	></v-checkbox>
	64	</td>
	65	<td class="text-xs-center td td-row">
	66	<v-avatar size="40">
	67	<img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
	68	<img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
	69	</v-avatar>
	70	</td>
	71	<td class="text-xs-center td td-row">{{ props.item.name}}</td>
	72	<td class="text-xs-center td td-row">{{ props.item.fatherCellNo}}</td>
	73	<td class="text-xs-center td td-row">{{ props.item.email }}</td>
	74	</tr>
	75	</template>
	76	<template slot="headers" slot-scope="props">
	77	<tr>
	78	<th>
	79	<v-checkbox
	80	:input-value="props.all"
	81	:indeterminate="props.indeterminate"
	82	primary
	83	hide-details
	84	@click.native="toggleAll"
	85	></v-checkbox>
	86	</th>
	87	<th
	88	v-for="header in props.headers"
	89	:key="header.text"
	90	:class="['column sortable', pagination.descending ? 'desc' : 'asc', header.value === pagination.sortBy ? 'active' : '']"
	91	@click="changeSort(header.value)"
	92	>
	93	<v-icon small>arrow_upward</v-icon>
	94	{{ header.text }}
	95	</th>
	96	</tr>
	97	</template>
	98	<v-alert
	99	slot="no-results"
	100	:value="true"
	101	color="error"
	102	icon="warning"
	103	>Your search for "{{ search }}" found no results.</v-alert>
	104	</v-data-table>
	105	<v-snackbar
	106	:timeout="timeout"
	107	:top="y === 'top'"
	108	:right="x === 'right'"
	109	:vertical="mode === 'vertical'"
	110	v-model="snackbar"
	111	color="success"
	112	>{{ text }}</v-snackbar>
	113	<div class="loader" v-if="showLoader">
	114	<v-progress-circular indeterminate color="white"></v-progress-circular>
	115	</div>
	116	</v-container>
	117	</template>
	118
	119	<script>
	120	import http from "@/Services/http.js";
	121	import moment from "moment";
	122
	123	export default {
	124	data: () => ({
	125	snackbar: false,
	126	y: "top",
	127	x: "right",
	128	mode: "",
	129	timeout: 3000,
	130	text: "",
	131	show: true,
	132	showSearch: false,
	133	showLoader: false,
	134	loading: false,
	135	date: null,
	136	search: "",
	137	addclass: [],
	138	pagination: {
	139	rowsPerPage: 10
	140	},
	141	headers: [
	142	{
	143	text: "Profile Pic",
	144	value: "profilprofilePicUrlePicUrl",
	145	sortable: false,
	146	align: "center"
	147	},
	148	{ text: "Name", value: "name", sortable: false, align: "center" },
	149	{
	150	text: "Mobile No",
	151	value: "fatherCellNo",
	152	sortable: false,
	153	align: "center"
	154	},
	155	{ text: "Email", value: "email", sortable: false, align: "center" }
	156	// { text: "Action", value: "", sortable: false, align: "center" }
	157	],
	158	token: "",
	159	selectStudents: {
	160	select: "",
	161	selectSection: ""
	162	},
	163
	164	role: "",
	165	schoolRole: "",
	166	menu: false,
	167	valid: true,
	168
	169	getReport: {},
	170	studentsData: [],
	171	courseData: [],
	172	addSection: [],
	173	selected: [],
	174	SectionName: ["A", "B", "C", "D", "E", "F"],
	175	classRules: [v => !!v \|\| "Class is required"],
	176	sectionRules: [v => !!v \|\| "Class is required"],
	177	studentRules: [v => !!v \|\| "Student is required"],
	178	dataValid: [v => !!v \|\| "Date is required"]
	179	}),
	180	methods: {
	181	save(date) {
	182	this.$refs.menu.save(date);
	183	},
	184	getAllClass() {
	185	http()
	186	.get("/getClassesList", {
	187	headers: { Authorization: "Bearer " + this.token }
	188	})
	189	.then(response => {
	190	this.addclass = response.data.data;
	191	})
	192	.catch(error => {
	193	// console.log("err====>", err);
	194	// this.$router.replace({ path: "/" });
	195	});
	196	},
	197	getCourses(classId) {
	198	this.showLoader = true;
	199	http()
	200	.get("/getCourseesList", {
	201	params: {
	202	classId: classId
	203	}
	204	})
	205	.then(response => {
	206	this.courseData = response.data.data;
	207	this.showLoader = false;
	208	})
	209	.catch(err => {
	210	console.log("err====>", err);
	211	this.showLoader = false;
	212	});
	213	},
	214	getStudents() {
	215	this.showLoader = true;
	216	http()
	217	.get("/getStudentsList", {
	218	params: {
	219	classId: this.getReport.classId
	220	}
	221	})
	222	.then(response => {
	223	this.studentsData = response.data.data;
	224	this.showLoader = false;
	225	// this.addStudentAttendenceDialog = false;
	226	var attendence = "";
	227	for (let i = 0; i < this.studentsData.length; i++) {
	228	this.studentsData[i].attendence = true;
	229	}
	230	})
	231	.catch(error => {
	232	console.log("err====>", error);
	233	this.showLoader = false;
	234	});
	235	},
	236	getStudentTable(id) {
	237	console.log("id", this.getReport.courseId);
	238	this.getStudents();
	239	},
	240	update() {
	241	var studentsAttendence = [];
	242	for (var j = 0; j < this.studentsData.length; j++) {
	243	studentsAttendence.push({
	244	studentId: this.studentsData[j]._id,
	245	isPresent: this.studentsData[j].attendence
	246	});
	247	}
	248	if (this.$refs.form.validate()) {
	249	let attendanceData = {
	250	sectionId: this.getReport.sectionId,
	251	date: this.date,
	252	students: studentsAttendence
	253	};
	254	http()
	255	.put("/updateAttendance", attendanceData)
	256	.then(response => {
	257	this.snackbar = true;
	258	this.text = response.data.message;
	259	this.addStudentAttendenceDialog = false;
	260	})
	261	.catch(error => {
	262	this.snackbar = true;
	263	this.text = error.response.data.message;
	264	});
	265	}
	266	},
	267	toggleAll() {
	268	if (this.selected.length) this.selected = [];
	269	else this.selected = this.studentsData.slice();
	270	console.log("this.selected", this.selected);
	271	console.log("selected====", selected);
	272	let selectedStudentsArray = [];
	273	selectedStudentsArray.push(selected.id);
	274	var payload = {
	275	courseId: this.getReport.courseId,
	276	enrollStudents: selectedStudentsArray
	277	};
	278	http()
	279	.put("/enrollStudents", payload)
	280	.then(response => {
	281	this.snackbar = true;
	282	this.text = response.data.message;
	283	})
	284	.catch(error => {
	285	this.snackbar = true;
	286	this.text = error.response.data.message;
	287	});
	288	},
	289	selectParticularStudent(selected) {
	290	console.log("selected====", selected);
	291	let selectedStudentsArray = [];
	292	selectedStudentsArray.push(selected);
	293	var payload = {
	294	courseId: this.getReport.courseId,
	295	enrollStudents: selectedStudentsArray
	296	};
	297	http()
	298	.put("/enrollStudents", payload)
	299	.then(response => {
	300	this.snackbar = true;
	301	this.text = response.data.message;
	302	})
	303	.catch(error => {
	304	this.snackbar = true;
	305	this.text = error.response.data.message;
	306	});
	307	},
	308	changeSort(column) {
	309	if (this.pagination.sortBy === column) {
	310	this.pagination.descending = !this.pagination.descending;
	311	} else {
	312	this.pagination.sortBy = column;
	313	this.pagination.descending = false;
	314	}
	315	},
	316	displaySearch() {
	317	this.show = false;
	318	this.showSearch = true;
	319	},
	320	closeSearch() {
	321	this.showSearch = false;
	322	this.show = true;
	323	this.search = "";
	324	}
	325	},
	326	mounted() {
	327	// this.getStudentList();
	328	this.token = this.$store.state.token;
	329	this.role = this.$store.state.role;
	330	this.getAllClass();
	331	}
	332	};
	333	</script>

src/pages/Dashboard/dashboard.vue

Diff comments View file @229463b

 <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 v-if="this.series">
                             <apexchart
                               type="bar"
                               height="250"
                               style="max-width: 800px !important"
                               :options="chartOptions"
                               :series="series"
                               v-show="true"
                             ></apexchart>
                           </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;
     } else if (this.$store.state.role === "TEACHER") {
       this.token = this.$store.state.token;
     } else if (this.$store.state.role === "ACCOUNTANT") {
       this.token = this.$store.state.token;
     } else if (this.$store.state.role === "LIBRARIAN") {
       this.token = this.$store.state.token;
     }
     // 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) {
+          if (error.response.status === 401) {
-          //   this.$router.replace({ path: "/" });
+            this.$router.replace({ path: "/" });
-          //   this.$store.dispatch("setToken", null);
+            this.$store.dispatch("setToken", null);
-          //   this.$store.dispatch("Id", 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;
           // 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";
 </style>

src/pages/Mark/viewMark.vue

Diff comments View file @229463b

1	<template>	1	<template>
2	<v-app id="pages-dasboard">	2	<v-app id="pages-dasboard">
3	<!-- **** PROFILE MARK **** -->	3	<!-- **** PROFILE MARK **** -->
4	<v-container fluid grid-list-md>	4	<v-container fluid grid-list-md>
5	<v-layout>	5	<v-layout>
6	<v-flex xs12 sm8 md10>	6	<v-flex xs12 sm8 md10>
7	<v-btn class="open-dialog-button mt-3" round dark @click="print()">	7	<v-btn class="open-dialog-button mt-3" round dark @click="print()">
8	Print	8	Print
9	<v-icon size="18" right dark>print</v-icon>	9	<v-icon size="18" right dark>print</v-icon>
10	</v-btn>	10	</v-btn>
11	</v-flex>	11	</v-flex>
12	<v-flex xs12 sm4 md2 class="right">	12	<v-flex xs12 sm4 md2 class="right">
13	<v-select	13	<v-select
14	class	14	class
15	:items="selectMark"	15	:items="selectMark"
16	label="Select"	16	label="Select"
17	v-model="selectMarkList"	17	v-model="selectMarkList"
18	@change="selectMarkData(selectMarkList)"	18	@change="selectMarkData(selectMarkList)"
19	></v-select>	19	></v-select>
20	</v-flex>	20	</v-flex>
21	</v-layout>	21	</v-layout>
22	<v-flex xs12 sm12>	22	<v-flex xs12 sm12>
23	<!-- <v-layout wrap> -->	23	<!-- <v-layout wrap> -->
24	<!-- **** TABLE DATA MARK **** -->	24	<!-- **** TABLE DATA MARK **** -->
25	<v-flex xs12 sm12 md12>	25	<v-flex xs12 sm12 md12>
26	<v-layout>	26	<v-layout>
27	<v-flex xs12 sm12 md12 style="text-align:center">	27	<v-flex xs12 sm12 md12 style="text-align:center">
28	<!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->	28	<!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->
29	<v-avatar>	29	<v-avatar>
30	<img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />	30	<img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
31	<img	31	<img
32	src="/static/schoolIcons/INTRACK_White.png"	32	src="/static/schoolIcons/INTRACK_White.png"
33	v-else-if="!userData.schoolLogoUrl"	33	v-else-if="!userData.schoolLogoUrl"
34	/>	34	/>
35	</v-avatar>	35	</v-avatar>
36	<p	36	<p
37	style="	37	style="
38	font-size: 20px !important;	38	font-size: 20px !important;
39	font-weight: 500;	39	font-weight: 500;
40	line-height: 2 !important;	40	line-height: 2 !important;
41	letter-spacing: 0.02em !important;"	41	letter-spacing: 0.02em !important;"
42	>{{ userData.name }}</p>	42	>{{ userData.name }}</p>
43	<p style="margin-bottom: 16px;">{{ userData.address }}</p>	43	<p style="margin-bottom: 16px;">{{ userData.address }}</p>
44	</v-flex>	44	</v-flex>
45	</v-layout>	45	</v-layout>
46	<v-layout wrap>	46	<v-layout wrap>
47	<v-flex xs12 sm12 md3>	47	<v-flex xs12 sm12 md3>
48	<v-card	48	<v-card
49	style="	49	style="
50	margin:auto 4px;	50	margin:auto 4px;
51	padding:20px;	51	padding:20px;
52	background-color: #fff;	52	background-color: #fff;
53	border-color: #fff;	53	border-color: #fff;
54	color: rgba(0,0,0,0.87);	54	color: rgba(0,0,0,0.87);
55	border: 1px solid rgb(226, 231, 235);	55	border: 1px solid rgb(226, 231, 235);
56	-webkit-box-shadow:inherit !important;	56	-webkit-box-shadow:inherit !important;
57	box-shadow: inherit !important;"	57	box-shadow: inherit !important;"
58	>	58	>
59	<v-layout>	59	<v-layout>
60	<v-flex xs12 style="text-align: center;">	60	<v-flex xs12 style="text-align: center;">
61	<v-avatar size="80">	61	<v-avatar size="80">
62	<img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />	62	<img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />
63	<img	63	<img
64	:src="markData[0].studentId.profilePicUrl"	64	:src="markData[0].studentId.profilePicUrl"
65	v-else-if="markData[0].studentId.profilePicUrl"	65	v-else-if="markData[0].studentId.profilePicUrl"
66	/>	66	/>
67	</v-avatar>	67	</v-avatar>
68	</v-flex>	68	</v-flex>
69	</v-layout>	69	</v-layout>
70	<v-layout>	70	<v-layout>
71	<v-flex xs12 style="text-align: center;">	71	<v-flex xs12 style="text-align: center;">
72	<h4 style="margin: 4px 0px;font-weight: 400;">{{ markData[0].studentId.name }}</h4>	72	<h4 style="margin: 4px 0px;font-weight: 400;">{{ markData[0].studentId.name }}</h4>
73	<p style="color: #999;">Student</p>	73	<p style="color: #999;">Student</p>
74	</v-flex>	74	</v-flex>
75	</v-layout>	75	</v-layout>
76	<v-layout	76	<v-layout
77	style="	77	style="
78	margin-bottom: -1px;	78	margin-bottom: -1px;
79	border: 1px solid #ddd;	79	border: 1px solid #ddd;
80	margin: 0px;	80	margin: 0px;
81	padding: 4px;	81	padding: 4px;
82	color: #707478;	82	color: #707478;
83	font-size: 16px;"	83	font-size: 16px;"
84	>	84	>
85	<v-flex xs6 sm6>	85	<v-flex xs6 sm6>
86	<p style="float:left;margin: 4px 0px;">	86	<p style="float:left;margin: 4px 0px;">
87	<b>Class</b>	87	<b>Class</b>
88	</p>	88	</p>
89	</v-flex>	89	</v-flex>
90	<v-flex sm6 xs6>	90	<v-flex sm6 xs6>
91	<p style="float:right;margin: 4px 0px;">{{ markData[0].classId.classNum }}</p>	91	<p style="float:right;margin: 4px 0px;">{{ markData[0].classId.classNum }}</p>
92	</v-flex>	92	</v-flex>
93	</v-layout>	93	</v-layout>
94	<v-layout	94	<v-layout
95	style="	95	style="
96	margin-bottom: -1px;	96	margin-bottom: -1px;
97	border: 1px solid #ddd;	97	border: 1px solid #ddd;
98	margin: 0px;	98	margin: 0px;
99	padding: 4px;	99	padding: 4px;
100	color: #707478;	100	color: #707478;
101	font-size: 16px;"	101	font-size: 16px;"
102	>	102	>
103	<v-flex xs6 sm6>	103	<v-flex xs6 sm6>
104	<p style="float:left;margin: 4px 0px;">	104	<p style="float:left;margin: 4px 0px;">
105	<b>Section</b>	105	<b>Section</b>
106	</p>	106	</p>
107	</v-flex>	107	</v-flex>
108	<v-flex sm6 xs6>	108	<v-flex sm6 xs6>
109	<p style="float:right;margin: 4px 0px;">{{ markData[0].sectionId.name }}</p>	109	<p style="float:right;margin: 4px 0px;">{{ markData[0].sectionId.name }}</p>
110	</v-flex>	110	</v-flex>
111	</v-layout>	111	</v-layout>
112	<v-layout	112	<v-layout
113	style="	113	style="
114	margin-bottom: -1px;	114	margin-bottom: -1px;
115	border: 1px solid #ddd;	115	border: 1px solid #ddd;
116	margin: 0px;	116	margin: 0px;
117	padding: 4px;	117	padding: 4px;
118	color: #707478;	118	color: #707478;
119	font-size: 16px;"	119	font-size: 16px;"
120	>	120	>
121	<v-flex xs6 sm6>	121	<v-flex xs6 sm6>
122	<p style="float:left;margin: 4px 0px;">	122	<p style="float:left;margin: 4px 0px;">
123	<b>Roll No</b>	123	<b>Roll No</b>
124	</p>	124	</p>
125	</v-flex>	125	</v-flex>
126	<v-flex sm6 xs6>	126	<v-flex sm6 xs6>
127	<p style="float:right;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</p>	127	<p style="float:right;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</p>
128	</v-flex>	128	</v-flex>
129	</v-layout>	129	</v-layout>
130	</v-card>	130	</v-card>
131	</v-flex>	131	</v-flex>
132	<v-flex xs12 sm12 md9 v-show="showMark">	132	<v-flex xs12 sm12 md9 v-show="showMark">
133	<v-card	133	<v-card
134	style=" margin:auto 14px;	134	style=" margin:auto 14px;
135	padding:0px 0px;	135	padding:0px 0px;
136	background-color: #fff;	136	background-color: #fff;
137	border: 1px solid lightgrey;	137	border: 1px solid lightgrey;
138	color: rgba(0,0,0,0.87);	138	color: rgba(0,0,0,0.87);
139	overflow: auto;	139	overflow: auto;
140	display: block;	140	display: block;
141	border: 1px solid rgb(226, 231, 235);	141	border: 1px solid rgb(226, 231, 235);
142	-webkit-box-shadow:inherit !important;	142	-webkit-box-shadow:inherit !important;
143	box-shadow: inherit !important;"	143	box-shadow: inherit !important;"
144	>	144	>
145	<div>	145	<div>
146	<table	146	<table
147	v-for="(value, id) in filterData"	147	v-for="(value, id) in filterData"
148	:key="id"	148	:key="id"
149	class="mb-5 tableRsponsive feeTypeTable subheading"	149	class="mb-5 tableRsponsive feeTypeTable subheading"
150	style="border: 1px solid black;	150	style="border: 1px solid black;
151	border-collapse: collapse;!important	151	border-collapse: collapse;!important
152	table-layout: auto !important;	152	table-layout: auto !important;
153	width: 100% !important;"	153	width: 100% !important;"
154	>	154	>
155	<thead style="border: 1px solid transparent !important;">	155	<thead style="border: 1px solid transparent !important;">
156	<td	156	<td
157	colspan="4"	157	colspan="4"
158	style="text-align: inherit !important;	158	style="text-align: inherit !important;
159	border-right: inherit;	159	border-right: inherit;
160	border-top: inherit;	160	border-top: inherit;
161	padding:8px;"	161	padding:8px;"
162	>{{value[0].examId.examName}}</td>	162	>{{value[0].examId.examName}}</td>
163	<tr style="border: 1px solid lightgrey !important;">	163	<tr style="border: 1px solid lightgrey !important;">
164	<td	164	<td
165	rowspan="2"	165	rowspan="2"
166	style="border: 1px solid lightgrey !important;;padding:4px; text-align: left;"	166	style="border: 1px solid lightgrey !important;;padding:4px; text-align: left;"
167	>Subject</td>	167	>Subject</td>
168	<template v-for="(studentData,ind) in value">	168	<template v-for="(studentData,ind) in value">
169	<td	169	<td
170	v-if="ind == 0"	170	v-if="ind == 0"
171	colspan="2"	171	colspan="2"
172	v-for="studentMark in studentData.studentsMarks"	172	v-for="studentMark in studentData.studentsMarks"
173	style="border: 1px solid lightgrey !important;padding:10px; text-align: left;"	173	style="border: 1px solid lightgrey !important;padding:10px; text-align: left;"
174	>{{studentMark.markDistributionId.distributionType}}</td>	174	>{{studentMark.markDistributionId.distributionType}}</td>
175	<td	175	<td
176	v-if="ind == 0"	176	v-if="ind == 0"
177	style="border: 1px solid lightgrey !important text-align: left;"	177	style="border: 1px solid lightgrey !important text-align: left;"
178	>Total Marks</td>	178	>Total Marks</td>
179	</template>	179	</template>
180	</tr>	180	</tr>
181	<tr	181	<tr
182	v-for="(subject, ind) in value"	182	v-for="(subject, ind) in value"
183	v-if="ind == 0"	183	v-if="ind == 0"
184	style="border: 1px solid lightgrey !important;"	184	style="border: 1px solid lightgrey !important;"
185	>	185	>
186	<template v-for="(exam, i) in subject.studentsMarks">	186	<template v-for="(exam, i) in subject.studentsMarks">
187	<td	187	<td
188	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	188	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
189	>Marks</td>	189	>Marks</td>
190	<td	190	<td
191	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	191	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
192	>Highest Marks</td>	192	>Highest Marks</td>
193	</template>	193	</template>
194	</tr>	194	</tr>
195	</thead>	195	</thead>
196	<tbody style="border: 1px solid lightgrey !important;">	196	<tbody style="border: 1px solid lightgrey !important;">
197	<tr	197	<tr
198	v-for="subject in value"	198	v-for="subject in value"
199	style="border: 1px solid lightgrey !important;"	199	style="border: 1px solid lightgrey !important;"
200	class="tr"	200	class="tr"
201	>	201	>
202	<td	202	<td
203	style="border: 1px solid lightgrey !important;padding: 4px;"	203	style="border: 1px solid lightgrey !important;padding: 4px;"
204	>{{subject.subjectName}}</td>	204	>{{subject.subjectName}}</td>
205	<template v-for="(exam, i) in subject.studentsMarks">	205	<template v-for="(exam, i) in subject.studentsMarks">
206	<td	206	<td
207	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	207	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
208	>{{exam.marksScored}}</td>	208	>{{exam.marksScored}}</td>
209	<td	209	<td
210	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	210	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
211	>{{exam.markDistributionId.markValue}}</td>	211	>{{exam.markDistributionId.markValue}}</td>
212	</template>	212	</template>
213	<td	213	<td
214	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	214	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
215	>{{subject.totalMarks}}</td>	215	>{{subject.totalMarks}}</td>
216	</tr>	216	</tr>
217	</tbody>	217	</tbody>
218	</table>	218	</table>
219	</div>	219	</div>
220	</v-card>	220	</v-card>
221	</v-flex>	221	</v-flex>
222	<!-- **** TABLE GRADE MARK **** -->	222	<!-- **** TABLE GRADE MARK **** -->
223	<v-flex xs12 sm12 md8 v-show="showGrade">	223	<v-flex xs12 sm12 md8 v-show="showGrade">
224	<v-card	224	<v-card
225	v-for="(value, id, index) in filterData"	225	v-for="(value, id, index) in filterData"
226	:key="index"	226	:key="index"
227	flat	227	flat
228	style="border: 1px solid lightgrey;margin-bottom:14px;"	228	style="border: 1px solid lightgrey;margin-bottom:14px;"
229	>	229	>
230	<v-card-title class="subheading">{{value[0].examId.examName}}</v-card-title>	230	<v-card-title class="subheading">{{value[0].examId.examName}}</v-card-title>
231	<table	231	<table
232	class="mb-5 tableRsponsive feeTypeTable"	232	class="mb-5 tableRsponsive feeTypeTable"
233	style="border: 1px solid lightgrey;	233	style="border: 1px solid lightgrey;
234	border-collapse: collapse;!important	234	border-collapse: collapse;!important
235	table-layout: auto !important;	235	table-layout: auto !important;
236	width: 100% !important;"	236	width: 100% !important;"
237	>	237	>
238	<thead style="border: 1px solid lightgrey !important;">	238	<thead style="border: 1px solid lightgrey !important;">
239	<tr	239	<tr
240	class="info white--text"	240	class="info white--text"
241	style="border: 1px solid lightgrey !important;padding:4px;"	241	style="border: 1px solid lightgrey !important;padding:4px;"
242	>	242	>
243	<td style="border: 1px solid lightgrey !important;padding: 4px;">Subject</td>	243	<td style="border: 1px solid lightgrey !important;padding: 4px;">Subject</td>
244	<td style="border: 1px solid lightgrey !important;padding: 4px;">Grade</td>	244	<td style="border: 1px solid lightgrey !important;padding: 4px;">Grade</td>
245	</tr>	245	</tr>
246	</thead>	246	</thead>
247	<tbody style="border: 1px solid lightgrey !important;">	247	<tbody style="border: 1px solid lightgrey !important;">
248	<tr v-for="subject in value" style="border: 1px solid lightgrey !important;">	248	<tr v-for="subject in value" style="border: 1px solid lightgrey !important;">
249	<td	249	<td
250	style="border: 1px solid lightgrey !important;padding: 4px;"	250	style="border: 1px solid lightgrey !important;padding: 4px;"
251	>{{ subject.subjectName }}</td>	251	>{{ subject.subjectName }}</td>
252	<td	252	<td
253	style="border: 1px solid lightgrey !important;padding: 4px;"	253	style="border: 1px solid lightgrey !important;padding: 4px;"
254	>{{ subject.grade }}</td>	254	>{{ subject.grade }}</td>
255	</tr>	255	</tr>
256	</tbody>	256	</tbody>
257	</table>	257	</table>
258	</v-card>	258	</v-card>
259	<v-card v-if="markData == ''">	259	<v-card v-if="markData.length == 0">
260	<v-layout>	260	<v-layout>
261	<v-flex xs12>	261	<v-flex xs12>
262	<h5 class="text-xs-center pa-3">No Data Found</h5>	262	<h5 class="text-xs-center pa-3">No Data Found</h5>
263	</v-flex>	263	</v-flex>
264	</v-layout>	264	</v-layout>
265	</v-card>	265	</v-card>
266	</v-flex>	266	</v-flex>
267	</v-layout>	267	</v-layout>
268	</v-flex>	268	</v-flex>
269	</v-flex>	269	</v-flex>
270	<!-- print Me -->	270	<!-- print Me -->
271	<v-flex xs12 sm12 id="printMe" v-show="hideViewMark">	271	<v-flex xs12 sm12 id="printMe" v-show="hideViewMark">
272	<!-- <v-layout wrap> -->	272	<!-- <v-layout wrap> -->
273	<!-- **** TABLE DATA MARK **** -->	273	<!-- **** TABLE DATA MARK **** -->
274	<v-flex xs12 sm12 md12>	274	<v-flex xs12 sm12 md12>
275	<v-layout>	275	<v-layout>
276	<v-flex xs12 sm12 md12 style="text-align:center">	276	<v-flex xs12 sm12 md12 style="text-align:center">
277	<!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->	277	<!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->
278	<v-avatar>	278	<v-avatar>
279	<img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />	279	<img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
280	<img	280	<img
281	src="/static/schoolIcons/INTRACK_White.png"	281	src="/static/schoolIcons/INTRACK_White.png"
282	v-else-if="!userData.schoolLogoUrl"	282	v-else-if="!userData.schoolLogoUrl"
283	/>	283	/>
284	</v-avatar>	284	</v-avatar>
285	<p	285	<p
286	style="	286	style="
287	font-size: 20px !important;	287	font-size: 20px !important;
288	font-weight: 500;	288	font-weight: 500;
289	line-height: 2 !important;	289	line-height: 2 !important;
290	letter-spacing: 0.02em !important;"	290	letter-spacing: 0.02em !important;"
291	>{{ userData.name }}</p>	291	>{{ userData.name }}</p>
292	<p style="margin-bottom: 16px;">{{ userData.address }}</p>	292	<p style="margin-bottom: 16px;">{{ userData.address }}</p>
293	</v-flex>	293	</v-flex>
294	</v-layout>	294	</v-layout>
295	<v-layout wrap>	295	<v-layout wrap>
296	<v-flex xs3 sm3 md3>	296	<v-flex xs3 sm3 md3>
297	<v-card	297	<v-card
298	style="	298	style="
299	margin:auto 4px;	299	margin:auto 4px;
300	padding:20px;	300	padding:20px;
301	background-color: #fff;	301	background-color: #fff;
302	border-color: #fff;	302	border-color: #fff;
303	color: rgba(0,0,0,0.87);	303	color: rgba(0,0,0,0.87);
304	border: 1px solid rgb(226, 231, 235);	304	border: 1px solid rgb(226, 231, 235);
305	-webkit-box-shadow:inherit !important;	305	-webkit-box-shadow:inherit !important;
306	box-shadow: inherit !important;"	306	box-shadow: inherit !important;"
307	>	307	>
308	<v-layout>	308	<v-layout>
309	<v-flex xs12 style="text-align: center;">	309	<v-flex xs12 style="text-align: center;">
310	<v-avatar size="80">	310	<v-avatar size="80">
311	<img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />	311	<img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />
312	<img	312	<img
313	:src="markData[0].studentId.profilePicUrl"	313	:src="markData[0].studentId.profilePicUrl"
314	v-else-if="markData[0].studentId.profilePicUrl"	314	v-else-if="markData[0].studentId.profilePicUrl"
315	/>	315	/>
316	</v-avatar>	316	</v-avatar>
317	</v-flex>	317	</v-flex>
318	</v-layout>	318	</v-layout>
319	<v-layout>	319	<v-layout>
320	<v-flex xs12 style="text-align: center;">	320	<v-flex xs12 style="text-align: center;">
321	<h4 style="margin: 4px 0px;font-weight: 400;">{{ markData[0].studentId.name }}</h4>	321	<h4 style="margin: 4px 0px;font-weight: 400;">{{ markData[0].studentId.name }}</h4>
322	<p style="color: #999;margin-bottom: 16px;">Student</p>	322	<p style="color: #999;margin-bottom: 16px;">Student</p>
323	</v-flex>	323	</v-flex>
324	</v-layout>	324	</v-layout>
325	<v-layout	325	<v-layout
326	style="	326	style="
327	margin-bottom: -1px;	327	margin-bottom: -1px;
328	border: 1px solid #ddd;	328	border: 1px solid #ddd;
329	margin: 0px;	329	margin: 0px;
330	padding: 4px;	330	padding: 4px;
331	color: #707478;	331	color: #707478;
332	font-size: 16px;"	332	font-size: 16px;"
333	>	333	>
334	<v-flex xs6 sm6>	334	<v-flex xs6 sm6>
335	<p style="float:left;margin: 4px 0px;">	335	<p style="float:left;margin: 4px 0px;">
336	<b>Class</b>	336	<b>Class</b>
337	</p>	337	</p>
338	</v-flex>	338	</v-flex>
339	<v-flex sm6 xs6>	339	<v-flex sm6 xs6>
340	<p style="float:right;margin: 4px 0px;">{{ markData[0].classId.classNum }}</p>	340	<p style="float:right;margin: 4px 0px;">{{ markData[0].classId.classNum }}</p>
341	</v-flex>	341	</v-flex>
342	</v-layout>	342	</v-layout>
343	<v-layout	343	<v-layout
344	style="	344	style="
345	margin-bottom: -1px;	345	margin-bottom: -1px;
346	border: 1px solid #ddd;	346	border: 1px solid #ddd;
347	margin: 0px;	347	margin: 0px;
348	padding: 4px;	348	padding: 4px;
349	color: #707478;	349	color: #707478;
350	font-size: 16px;"	350	font-size: 16px;"
351	>	351	>
352	<v-flex xs6 sm6>	352	<v-flex xs6 sm6>
353	<p style="float:left;margin: 4px 0px;">	353	<p style="float:left;margin: 4px 0px;">
354	<b>Section</b>	354	<b>Section</b>
355	</p>	355	</p>
356	</v-flex>	356	</v-flex>
357	<v-flex sm6 xs6>	357	<v-flex sm6 xs6>
358	<p style="float:right;margin: 4px 0px;">{{ markData[0].sectionId.name }}</p>	358	<p style="float:right;margin: 4px 0px;">{{ markData[0].sectionId.name }}</p>
359	</v-flex>	359	</v-flex>
360	</v-layout>	360	</v-layout>
361	<v-layout	361	<v-layout
362	style="	362	style="
363	margin-bottom: -1px;	363	margin-bottom: -1px;
364	border: 1px solid #ddd;	364	border: 1px solid #ddd;
365	margin: 0px;	365	margin: 0px;
366	padding: 4px;	366	padding: 4px;
367	color: #707478;	367	color: #707478;
368	font-size: 16px;"	368	font-size: 16px;"
369	>	369	>
370	<v-flex xs6 sm6>	370	<v-flex xs6 sm6>
371	<p style="float:left;margin: 4px 0px;">	371	<p style="float:left;margin: 4px 0px;">
372	<b>Roll No</b>	372	<b>Roll No</b>
373	</p>	373	</p>
374	</v-flex>	374	</v-flex>
375	<v-flex sm6 xs6>	375	<v-flex sm6 xs6>
376	<p style="float:right;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</p>	376	<p style="float:right;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</p>
377	</v-flex>	377	</v-flex>
378	</v-layout>	378	</v-layout>
379	</v-card>	379	</v-card>
380	</v-flex>	380	</v-flex>
381	<v-flex xs9 sm9 md9 v-show="showMark">	381	<v-flex xs9 sm9 md9 v-show="showMark">
382	<v-card	382	<v-card
383	style=" margin:auto 14px;	383	style=" margin:auto 14px;
384	padding:20px 0px;	384	padding:20px 0px;
385	background-color: #fff;	385	background-color: #fff;
386	border: 1px solid lightgrey;	386	border: 1px solid lightgrey;
387	color: rgba(0,0,0,0.87);	387	color: rgba(0,0,0,0.87);
388	border: 1px solid rgb(226, 231, 235);	388	border: 1px solid rgb(226, 231, 235);
389	-webkit-box-shadow:inherit !important;	389	-webkit-box-shadow:inherit !important;
390	box-shadow: inherit !important;"	390	box-shadow: inherit !important;"
391	>	391	>
392	<div>	392	<div>
393	<table	393	<table
394	v-for="(value, id) in filterData"	394	v-for="(value, id) in filterData"
395	:key="id"	395	:key="id"
396	class="mb-5 tableRsponsive feeTypeTable subheading"	396	class="mb-5 tableRsponsive feeTypeTable subheading"
397	style="border: 1px solid black;	397	style="border: 1px solid black;
398	border-collapse: collapse;!important	398	border-collapse: collapse;!important
399	table-layout: auto !important;	399	table-layout: auto !important;
400	width: 100% !important;"	400	width: 100% !important;"
401	>	401	>
402	<thead style="border: 1px solid transparent !important;">	402	<thead style="border: 1px solid transparent !important;">
403	<td	403	<td
404	colspan="4"	404	colspan="4"
405	style="text-align: inherit !important;	405	style="text-align: inherit !important;
406	border-right: inherit;	406	border-right: inherit;
407	border-top: inherit;	407	border-top: inherit;
408	padding:14px;"	408	padding:14px;"
409	>{{value[0].examId.examName}}</td>	409	>{{value[0].examId.examName}}</td>
410	<tr style="border: 1px solid lightgrey !important;">	410	<tr style="border: 1px solid lightgrey !important;">
411	<td	411	<td
412	rowspan="2"	412	rowspan="2"
413	style="border: 1px solid lightgrey !important;;padding:4px; text-align: left;"	413	style="border: 1px solid lightgrey !important;;padding:4px; text-align: left;"
414	>Subject</td>	414	>Subject</td>
415	<template v-for="(studentData,ind) in value">	415	<template v-for="(studentData,ind) in value">
416	<td	416	<td
417	v-if="ind == 0"	417	v-if="ind == 0"
418	colspan="2"	418	colspan="2"
419	v-for="studentMark in studentData.studentsMarks"	419	v-for="studentMark in studentData.studentsMarks"
420	style="border: 1px solid lightgrey !important;padding:10px; text-align: left;"	420	style="border: 1px solid lightgrey !important;padding:10px; text-align: left;"
421	>{{studentMark.markDistributionId.distributionType}}</td>	421	>{{studentMark.markDistributionId.distributionType}}</td>
422	<td	422	<td
423	v-if="ind == 0"	423	v-if="ind == 0"
424	style="border: 1px solid lightgrey !important text-align: left;"	424	style="border: 1px solid lightgrey !important text-align: left;"
425	>Total Marks</td>	425	>Total Marks</td>
426	</template>	426	</template>
427	</tr>	427	</tr>
428	<tr	428	<tr
429	v-for="(subject, ind) in value"	429	v-for="(subject, ind) in value"
430	v-if="ind == 0"	430	v-if="ind == 0"
431	style="border: 1px solid lightgrey !important;"	431	style="border: 1px solid lightgrey !important;"
432	>	432	>
433	<template v-for="(exam, i) in subject.studentsMarks">	433	<template v-for="(exam, i) in subject.studentsMarks">
434	<td	434	<td
435	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	435	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
436	>Marks</td>	436	>Marks</td>
437	<td	437	<td
438	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	438	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
439	>Highest Marks</td>	439	>Highest Marks</td>
440	</template>	440	</template>
441	</tr>	441	</tr>
442	</thead>	442	</thead>
443	<tbody style="border: 1px solid lightgrey !important;">	443	<tbody style="border: 1px solid lightgrey !important;">
444	<tr	444	<tr
445	v-for="subject in value"	445	v-for="subject in value"
446	style="border: 1px solid lightgrey !important;"	446	style="border: 1px solid lightgrey !important;"
447	class="tr"	447	class="tr"
448	>	448	>
449	<td	449	<td
450	style="border: 1px solid lightgrey !important;padding: 4px;"	450	style="border: 1px solid lightgrey !important;padding: 4px;"
451	>{{subject.subjectName}}</td>	451	>{{subject.subjectName}}</td>
452	<template v-for="(exam, i) in subject.studentsMarks">	452	<template v-for="(exam, i) in subject.studentsMarks">
453	<td	453	<td
454	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	454	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
455	>{{exam.marksScored}}</td>	455	>{{exam.marksScored}}</td>
456	<td	456	<td
457	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	457	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
458	>{{exam.markDistributionId.markValue}}</td>	458	>{{exam.markDistributionId.markValue}}</td>
459	</template>	459	</template>
460	<td	460	<td
461	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"	461	style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
462	>{{subject.totalMarks}}</td>	462	>{{subject.totalMarks}}</td>
463	</tr>	463	</tr>
464	</tbody>	464	</tbody>
465	</table>	465	</table>
466	</div>	466	</div>
467	</v-card>	467	</v-card>
468	</v-flex>	468	</v-flex>
469	<!-- **** TABLE GRADE MARK **** -->	469	<!-- **** TABLE GRADE MARK **** -->
470	<v-flex xs9 sm9 md8 v-show="showGrade">	470	<v-flex xs9 sm9 md8 v-show="showGrade">
471	<v-card	471	<v-card
472	v-for="(value, id, index) in filterData"	472	v-for="(value, id, index) in filterData"
473	:key="index"	473	:key="index"
474	flat	474	flat
475	style="border: 1px solid lightgrey;margin-bottom:14px;"	475	style="border: 1px solid lightgrey;margin-bottom:14px;"
476	>	476	>
477	<v-card-title class="subheading">{{value[0].examId.examName}}</v-card-title>	477	<v-card-title class="subheading">{{value[0].examId.examName}}</v-card-title>
478	<table	478	<table
479	class="mb-5 tableRsponsive feeTypeTable"	479	class="mb-5 tableRsponsive feeTypeTable"
480	style="border: 1px solid lightgrey;	480	style="border: 1px solid lightgrey;
481	border-collapse: collapse;!important	481	border-collapse: collapse;!important
482	table-layout: auto !important;	482	table-layout: auto !important;
483	width: 100% !important;"	483	width: 100% !important;"
484	>	484	>
485	<thead style="border: 1px solid lightgrey !important;">	485	<thead style="border: 1px solid lightgrey !important;">
486	<tr	486	<tr
487	class="info white--text"	487	class="info white--text"
488	style="border: 1px solid lightgrey !important;padding:4px;"	488	style="border: 1px solid lightgrey !important;padding:4px;"
489	>	489	>
490	<td style="border: 1px solid lightgrey !important;padding: 4px;">Subject</td>	490	<td style="border: 1px solid lightgrey !important;padding: 4px;">Subject</td>
491	<td style="border: 1px solid lightgrey !important;padding: 4px;">Grade</td>	491	<td style="border: 1px solid lightgrey !important;padding: 4px;">Grade</td>
492	</tr>	492	</tr>
493	</thead>	493	</thead>
494	<tbody style="border: 1px solid lightgrey !important;">	494	<tbody style="border: 1px solid lightgrey !important;">
495	<tr v-for="subject in value" style="border: 1px solid lightgrey !important;">	495	<tr v-for="subject in value" style="border: 1px solid lightgrey !important;">
496	<td	496	<td
497	style="border: 1px solid lightgrey !important;padding: 4px;"	497	style="border: 1px solid lightgrey !important;padding: 4px;"
498	>{{ subject.subjectName }}</td>	498	>{{ subject.subjectName }}</td>
499	<td	499	<td
500	style="border: 1px solid lightgrey !important;padding: 4px;"	500	style="border: 1px solid lightgrey !important;padding: 4px;"
501	>{{ subject.grade }}</td>	501	>{{ subject.grade }}</td>
502	</tr>	502	</tr>
503	</tbody>	503	</tbody>
504	</table>	504	</table>
505	</v-card>	505	</v-card>
506	<v-card v-if="markData == ''">	506	<v-card v-if="markData.length == 0">
507	<v-layout>	507	<v-layout>
508	<v-flex xs12>	508	<v-flex xs12>
509	<h5 class="text-xs-center pa-3">No Data Found</h5>	509	<h5 class="text-xs-center pa-3">No Data Found</h5>
510	</v-flex>	510	</v-flex>
511	</v-layout>	511	</v-layout>
512	</v-card>	512	</v-card>
513	</v-flex>	513	</v-flex>
514	</v-layout>	514	</v-layout>
515	</v-flex>	515	</v-flex>
516	</v-flex>	516	</v-flex>
517	</v-container>	517	</v-container>
518	<div class="loader" v-if="showLoader">	518	<div class="loader" v-if="showLoader">
519	<v-progress-circular indeterminate color="white"></v-progress-circular>	519	<v-progress-circular indeterminate color="white"></v-progress-circular>
520	</div>	520	</div>
521	</v-app>	521	</v-app>
522	</template>	522	</template>
523		523
524	<script>	524	<script>
525	import http from "@/Services/http.js";	525	import http from "@/Services/http.js";
526	import moment from "moment";	526	import moment from "moment";
527	import _ from "underscore";	527	import _ from "underscore";
528		528
529	export default {	529	export default {
530	data: () => ({	530	data: () => ({
531	showLoader: true,	531	showLoader: true,
532	nameShow: false,	532	nameShow: false,
533	showMark: true,	533	showMark: true,
534	showGrade: false,	534	showGrade: false,
535	hideViewMark: false,	535	hideViewMark: false,
536	markData: [],	536	markData: [],
537	token: "",	537	token: "",
538	markDistributions: [],	538	markDistributions: [],
539	markParticularDistributionData: [],	539	markParticularDistributionData: [],
540	filterData: [],	540	filterData: [],
541	output: null,	541	output: null,
542	gradeAPlus: "A+",	542	gradeAPlus: "A+",
543	gradeA: "A",	543	gradeA: "A",
544	gradeBPlus: "B+",	544	gradeBPlus: "B+",
545	gradeB: "B",	545	gradeB: "B",
546	gradeCPlus: "C+",	546	gradeCPlus: "C+",
547	gradeC: "C",	547	gradeC: "C",
548	selectMarkList: "Mark",	548	selectMarkList: "Mark",
549	selectMark: ["Mark", "Grade"],	549	selectMark: ["Mark", "Grade"],
550	MarkData: "",	550	MarkData: "",
551	userData: {}	551	userData: {}
552	}),	552	}),
553	mounted() {	553	mounted() {
554	this.token = this.$store.state.token;	554	this.token = this.$store.state.token;
555	this.getMarkList();	555	this.getMarkList();
556	this.getUserData();	556	this.getUserData();
557	},	557	},
558	methods: {	558	methods: {
559	getMarkList() {	559	getMarkList() {
560	this.showLoader = true;	560	this.showLoader = true;
561	http()	561	http()
562	.get("/getParticularMark", {	562	.get("/getParticularMark", {
563	params: { studentId: this.$route.params.markId },	563	params: { studentId: this.$route.params.markId },
564	headers: { Authorization: "Bearer " + this.token }	564	headers: { Authorization: "Bearer " + this.token }
565	})	565	})
566	.then(response => {	566	.then(response => {
567	this.markData = response.data.data;	567	this.markData = response.data.data;
568	let newData = response.data.data;	568	let newData = response.data.data;
569	// console.log("newData", newData);	569	// console.log("newData", newData);
570	for (var i = 0; i < newData.length; i++) {	570	for (var i = 0; i < newData.length; i++) {
571	newData[i].examination = newData[i].examId._id;	571	newData[i].examination = newData[i].examId._id;
572	}	572	}
573	this.filterData = _.groupBy(newData, ["examination"]);	573	this.filterData = _.groupBy(newData, ["examination"]);
574	// console.log("this.filterData", this.filterData);	574	// console.log("this.filterData", this.filterData);
575	for (let data in this.filterData) {	575	for (let data in this.filterData) {
576	for (let item in this.filterData[data]) {	576	for (let item in this.filterData[data]) {
577	var totalMarks = 0;	577	var totalMarks = 0;
578	for (	578	for (
579	let i = 0;	579	let i = 0;
580	i < this.filterData[data][item].studentsMarks.length;	580	i < this.filterData[data][item].studentsMarks.length;
581	i++	581	i++
582	) {	582	) {
583	// console.log("this.filterData[data][item].studentsMarks[i]",this.filterData[data][item].studentsMarks[i]	583	// console.log("this.filterData[data][item].studentsMarks[i]",this.filterData[data][item].studentsMarks[i]
584	// .marksScored)	584	// .marksScored)
585	totalMarks += this.filterData[data][item].studentsMarks[i]	585	totalMarks += this.filterData[data][item].studentsMarks[i]
586	.marksScored;	586	.marksScored;
587	}	587	}
588	this.filterData[data][item].totalMarks = totalMarks;	588	this.filterData[data][item].totalMarks = totalMarks;
589		589
590	if (totalMarks > 90) {	590	if (totalMarks > 90) {
591	this.filterData[data][item].grade = this.gradeAPlus;	591	this.filterData[data][item].grade = this.gradeAPlus;
592	} else if (totalMarks > 80 && totalMarks < 90) {	592	} else if (totalMarks > 80 && totalMarks < 90) {
593	this.filterData[data][item].grade = this.gradeA;	593	this.filterData[data][item].grade = this.gradeA;
594	} else if (totalMarks > 70 && totalMarks < 80) {	594	} else if (totalMarks > 70 && totalMarks < 80) {
595	this.filterData[data][item].grade = this.gradeBPlus;	595	this.filterData[data][item].grade = this.gradeBPlus;
596	} else if (totalMarks > 60 && totalMarks < 70) {	596	} else if (totalMarks > 60 && totalMarks < 70) {
597	this.filterData[data][item].grade = this.gradeB;	597	this.filterData[data][item].grade = this.gradeB;
598	} else if (totalMarks > 50 && totalMarks < 60) {	598	} else if (totalMarks > 50 && totalMarks < 60) {
599	this.filterData[data][item].grade = this.gradeCPlus;	599	this.filterData[data][item].grade = this.gradeCPlus;
600	} else if (totalMarks > 40 && totalMarks < 50) {	600	} else if (totalMarks > 40 && totalMarks < 50) {
601	this.filterData[data][item].grade = this.gradeC;	601	this.filterData[data][item].grade = this.gradeC;
602	}	602	}
603	}	603	}
604	}	604	}
605	this.showLoader = false;	605	this.showLoader = false;
606	})	606	})
607	.catch(error => {	607	.catch(error => {
608	this.showLoader = false;	608	this.showLoader = false;
609	this.snackbar = true;	609	this.snackbar = true;
610	this.text = error.response.data.message;	610	this.text = error.response.data.message;
611	if (error.response.status === 401) {	611	if (error.response.status === 401) {
612	this.$router.replace({ path: "/" });	612	this.$router.replace({ path: "/" });
613	this.$store.dispatch("setToken", null);	613	this.$store.dispatch("setToken", null);
614	this.$store.dispatch("Id", null);	614	this.$store.dispatch("Id", null);
615	}	615	}
616	});	616	});
617	},	617	},
618	print() {	618	print() {
619	// Pass the element id here	619	// Pass the element id here
620	this.$htmlToPaper("printMe");	620	this.$htmlToPaper("printMe");
621	},	621	},
622	getUserData() {	622	getUserData() {
623	http()	623	http()
624	.get("/getParticularUserDetail")	624	.get("/getParticularUserDetail")
625	.then(response => {	625	.then(response => {
626	this.userData = response.data.data;	626	this.userData = response.data.data;
627	})	627	})
628	.catch(error => {	628	.catch(error => {
629	// if (error.response.status === 401) {	629	// if (error.response.status === 401) {
630	// this.$router.replace({ path: "/" });	630	// this.$router.replace({ path: "/" });
631	// this.$store.dispatch("setToken", null);	631	// this.$store.dispatch("setToken", null);
632	// this.$store.dispatch("Id", null);	632	// this.$store.dispatch("Id", null);
633	// }	633	// }
634	});	634	});
635	},	635	},
636	selectMarkData(select) {	636	selectMarkData(select) {
637	if (select == "Mark") {	637	if (select == "Mark") {
638	this.showMark = true;	638	this.showMark = true;
639	this.showGrade = false;	639	this.showGrade = false;
640	} else if (select == "Grade") {	640	} else if (select == "Grade") {
641	this.showGrade = true;	641	this.showGrade = true;
642	this.showMark = false;	642	this.showMark = false;
643	}	643	}
644	}	644	}
645	}	645	}
646	};	646	};
647	</script>	647	</script>
648		648
649	<style scoped>	649	<style scoped>
650	.add-button {	650	.add-button {
651	background: #feb83c !important;	651	background: #feb83c !important;
652	border-color: #feb83c !important;	652	border-color: #feb83c !important;
653	text-transform: none !important;	653	text-transform: none !important;
654	-webkit-box-shadow: none !important;	654	-webkit-box-shadow: none !important;
655	box-shadow: none !important;	655	box-shadow: none !important;
656	}	656	}
657	.card-styles {	657	.card-styles {
658	background: #7f62f8 !important;	658	background: #7f62f8 !important;
659	border-color: #7f62f8 !important;	659	border-color: #7f62f8 !important;
660	}	660	}
661	.open-dialog-button {	661	.open-dialog-button {
662	background: #827bfa !important;	662	background: #827bfa !important;
663	border-color: #827bfa !important;	663	border-color: #827bfa !important;
664	text-transform: none !important;	664	text-transform: none !important;
665	}	665	}
666	/* table {	666	/* table {
667	border-collapse: collapse;	667	border-collapse: collapse;
668	border: 1px solid #e2e7eb;	668	border: 1px solid #e2e7eb;
669	}	669	}
670	th,	670	th,
671	td {	671	td {
672	border: 1px solid #e2e7eb;	672	border: 1px solid #e2e7eb;
673	text-align: center;	673	text-align: center;
674	}	674	}
675	table.feeTypeTable {	675	table.feeTypeTable {
676	table-layout: auto !important;	676	table-layout: auto !important;
677	width: 100% !important;	677	width: 100% !important;
678	} */	678	} */
679	.bg-sky {	679	.bg-sky {
680	background-color: #98b2cc !important;	680	background-color: #98b2cc !important;
681	}	681	}
682	.bg-sky-light {	682	.bg-sky-light {
683	background-color: #89a0b8;	683	background-color: #89a0b8;
684	}	684	}
685	.bg-purple {	685	.bg-purple {
686	background-color: #9583ac;	686	background-color: #9583ac;
687	}	687	}
688	.bg-skyDark {	688	.bg-skyDark {
689	background-color: #956785;	689	background-color: #956785;
690	}	690	}
691	.loader {	691	.loader {
692	width: 100%;	692	width: 100%;
693	height: 100%;	693	height: 100%;
694	position: fixed;	694	position: fixed;
695	top: 0;	695	top: 0;
696	left: 0;	696	left: 0;
697	text-align: center;	697	text-align: center;
698	background-color: rgba(0, 0, 0, 0.5);	698	background-color: rgba(0, 0, 0, 0.5);
699	z-index: 999;	699	z-index: 999;
700	}	700	}
701	/* .tr:nth-child(odd){background-color: #f2f2f2} */	701	/* .tr:nth-child(odd){background-color: #f2f2f2} */
702		702
703	.loader > div {	703	.loader > div {
704	position: relative;	704	position: relative;
705	top: calc(50% - 16px);	705	top: calc(50% - 16px);
706	}	706	}
707	@media screen and (max-width: 380px) {	707	@media screen and (max-width: 380px) {
708	.tableRsponsive {	708	.tableRsponsive {
709	/* display: block; */	709	/* display: block; */
710	position: relative;	710	position: relative;
711	overflow: scroll;	711	overflow: scroll;
712	}	712	}
713	}	713	}
714	</style>	714	</style>

src/pages/Parent/parents.vue

Diff comments View file @229463b

 <template>
   <v-container fluid class="body-color">
     <v-dialog v-model="editParentDilaog" max-width="600px" scrollable>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Edit Parents Details</label>
             <v-icon size="24" class="right" @click="editParentDilaog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text class="hidden-xs-only hidden-sm-only">
           <v-form ref="editParentForm" v-model="validEditParent" lazy-validation>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Email ID:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     placeholder="fill your email"
                     v-model="editedItem.email"
                     type="text"
                     name="email"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Father Name:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.fatherName"
                     placeholder="fill your father Name"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Father Cell No:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.fatherCellNo"
                     placeholder="fill your father Cell Number"
                     :rules="editFatherNoRule"
                     type="number"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Father Profession:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.fatherProfession"
                     placeholder="fill your father Profession"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Mother Name:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.motherName"
                     placeholder="fill your Mother Name"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Mother Cell No:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.motherCellNo"
                     placeholder="fill your  Mother Cell Number"
                     type="number"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Mother Profession:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.motherProfession"
                     placeholder="fill your Mother Profession"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Password:</label>
                 </v-flex>
                 <v-flex xs8 class="ml-3">
                   <v-text-field
-                    :append-icon="e1 ? 'visibility_off' : 'visibility'"
+                    v-model="editedItem.password"
-                    :append-icon-cb="() => (e1 = !e1)"
+                    placeholder="Enter Password"
-                    :type="e1 ? 'password' : 'text'"
+                    type="text"
-                    :rules="password"
-                    placeholder="Enter Your Password"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-layout>
               <v-flex xs12 sm12>
                 <v-card-actions>
                   <v-spacer></v-spacer>
                   <v-btn round dark @click="save" class="add-button">Save</v-btn>
                   <v-spacer></v-spacer>
                 </v-card-actions>
               </v-flex>
             </v-layout>
           </v-form>
         </v-card-text>
         <v-card-text style="height: 600px;" class="hidden-lg-only hidden-xl-only hidden-md-only">
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Email ID:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   placeholder="fill your email"
                   v-model="editedItem.email"
                   type="text"
                   name="email"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Father Name:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.fatherName"
                   placeholder="fill your father Name"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Father Cell No:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.fatherCellNo"
                   placeholder="fill your father Cell Number"
                   type="number"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Father Profession:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.fatherProfession"
                   placeholder="fill your father Profession"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Mother Name:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.motherName"
                   placeholder="fill your Mother Name"
                   type="text"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Mother Cell No:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.motherCellNo"
                   placeholder="fill your  Mother Cell Number"
                   type="number"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Mother Profession:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.motherProfession"
                   placeholder="fill your Mother Profession"
                   type="text"
                   required
                 ></v-text-field>
               </v-flex>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Password:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.password"
                   placeholder="Enter Password"
                   type="text"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-layout>
             <v-flex xs12 sm12>
               <v-card-actions>
                 <v-spacer></v-spacer>
                 <v-btn round dark @click="save" class="add-button">Save</v-btn>
                 <v-spacer></v-spacer>
               </v-card-actions>
             </v-flex>
           </v-layout>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE VIEW Parents DEATILS ******  -->
     <v-dialog v-model="profileParentDialog" max-width="500px" scrollable>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">View Parent Details</label>
             <v-icon size="24" class="right" @click="profileParentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-flex align-center justify-center layout text-xs-center class="mt-3">
           <v-avatar size="100px">
             <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
             <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
           </v-avatar>
         </v-flex>
         <v-container grid-list-md>
           <v-layout wrap>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs12 sm12>
                   <v-layout>
                     <v-flex xs6>
                       <h5 class="right my-1">
                         <b>Email:</b>
                       </h5>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.email }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Fahter Name:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.fatherName }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Mother Name:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.motherName }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex sm6 xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Father Cell No:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex sm6 xs6>
                       <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Mother Cell No:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1 hidden-lg-only hidden-xl-only hidden-md-only">
                           <b>FatherProfession:</b>
                         </h5>
                         <h5 class="right my-1 hidden-sm-only hidden-xs-only">
                           <b>Father Profession:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.fatherProfession }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1 hidden-lg-only hidden-xl-only hidden-md-only">
                           <b>MotherProfession:</b>
                         </h5>
                         <h5 class="right my-1 hidden-sm-only hidden-xs-only">
                           <b>Mother Profession:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.motherProfession }}</h5>
                     </v-flex>
                   </v-layout>
                   <!-- <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1 hidden-lg-only hidden-xl-only hidden-md-only">
                           <b>Password:</b>
                         </h5>
                         <h5 class="right my-1 hidden-sm-only hidden-xs-only">
                           <b>Password:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.password }}</h5>
                     </v-flex>
                   </v-layout>-->
                 </v-flex>
               </v-layout>
             </v-flex>
           </v-layout>
         </v-container>
       </v-card>
     </v-dialog>
     <!-- ****** EXISTING-USERS Parents TABLE ****** -->
     <v-toolbar color="transparent" flat>
       <v-btn
         fab
         dark
         class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
         small
         @click="addParentDialog = true"
       >
         <v-icon dark>add</v-icon>
       </v-btn>
       <v-btn
         v-if="role != 'TEACHER' "
         round
         class="open-dialog-button hidden-sm-only hidden-xs-only"
         dark
         @click="addParentDialog = true"
       >
         <v-icon class="white--text pr-1" size="20">add</v-icon>Add Parent
       </v-btn>
       <v-spacer></v-spacer>
       <v-card-title class="body-1" v-show="show">
         <v-btn icon large flat @click="displaySearch">
           <v-avatar size="27">
             <img src="/static/icon/search.png" alt="icon" />
           </v-avatar>
         </v-btn>
       </v-card-title>
       <v-flex xs8 sm8 md2 lg2 v-show="showSearch">
         <v-layout>
           <v-text-field
             v-model="search"
             label="Search"
             prepend-inner-icon="search"
             color="primary"
             style="transition: 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); !important"
           ></v-text-field>
           <v-icon @click="closeSearch" color="error">close</v-icon>
         </v-layout>
       </v-flex>
     </v-toolbar>
     <v-data-table
       :headers="headers"
       :items="parentsList"
       :pagination.sync="pagination"
       :search="search"
     >
       <template slot="items" slot-scope="props">
         <tr class="tr">
           <td class="text-xs-center td td-row">{{ props.index + 1}}</td>
           <td class="text-xs-center td td-row">{{ props.item.email }}</td>
           <td class="text-xs-center td td-row">{{ props.item.fatherName }}</td>
           <td class="text-xs-center td td-row">{{ props.item.fatherCellNo }}</td>
           <td class="text-xs-center td td-row">{{ props.item.motherName }}</td>
           <td class="text-xs-center td td-row">{{ props.item.motherCellNo }}</td>
           <td class="text-xs-center td td-row">
             <span>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:25px; height:25px; "
                   class="mr-3"
                   @click="profile(props.item)"
                   src="/static/icon/view.png"
                 />
                 <span>View</span>
               </v-tooltip>
               <v-tooltip top v-if="role != 'TEACHER' ">
                 <img
                   slot="activator"
                   style="cursor:pointer; width:20px; height:18px; "
                   @click="editItem(props.item)"
                   src="/static/icon/edit.png"
                   class="mr-3"
                 />
                 <span>Edit</span>
               </v-tooltip>
             </span>
           </td>
         </tr>
       </template>
       <v-alert
         slot="no-results"
         :value="true"
         color="error"
         icon="warning"
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD PARENTS DETAILS****** -->
     <v-dialog v-model="addParentDialog" max-width="1100px">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Parent</label>
             <v-icon size="24" class="right" @click="addParentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container fluid fill-height>
           <v-layout align-center>
             <v-flex xs12 sm12>
               <v-form ref="parentForm" v-model="valid" lazy-validation>
                 <v-container fluid class="hidden-xs-only hidden-sm-only">
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Father Cell No:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.fatherCellNo"
                             placeholder="fill your father Cell Number"
                             type="number"
                             :rules="fatheCellNoRules"
                             counter="10"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Parent Email Id:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             placeholder="fill Parent email"
                             v-model="parentData.email"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Father Name:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.fatherName"
                             placeholder="Fill your father Name"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Father Profession:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.fatherProfession"
                             placeholder="fill your father Profession"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Mother Name:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.motherName"
                             placeholder="fill your Mother Name"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Mother Cell No:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.motherCellNo"
                             placeholder="fill your  Mother Cell Number"
                             counter="10"
                             type="number"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Mother Profession:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.motherProfession"
                             placeholder="fill your Mother Profession"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Password:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.password"
                             :append-icon="e1 ? 'visibility_off' : 'visibility'"
                             :append-icon-cb="() => (e1 = !e1)"
                             :type="e1 ? 'password' : 'text'"
                             :rules="password"
                             placeholder="Enter Your Password"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-flex xs12 sm12>
                     <v-layout>
                       <v-flex xs12 sm12>
                         <v-btn
                           class="right add-button"
                           @click="submitParentDetails"
                           round
                           dark
                           :loading="loading"
                           v-show="showParent"
                         >Add</v-btn>
                         <v-btn @click="clear" round dark class="clear-button right">Clear</v-btn>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-container>
                 <v-container fluid class="hidden-lg-only hidden-xl-only hidden-md-only">
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Father Cell No:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.fatherCellNo"
                             :rules="fatheCellNoRules"
                             counter="10"
                             placeholder="fill your father Cell Number"
                             type="number"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Parent Email Id:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             placeholder="fill Parent email"
                             v-model="parentData.email"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Father Name:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.fatherName"
                             placeholder="Fill your father Name"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Father Profession:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.fatherProfession"
                             placeholder="fill your father Profession"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Mother Name:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.motherName"
                             placeholder="fill your Mother Name"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs42 class="pt-4 subheading">
                           <label>Mother Cell No:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.motherCellNo"
                             placeholder="fill your  Mother Cell Number"
                             type="number"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Mother Profession:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.motherProfession"
                             placeholder="fill your Mother Profession"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-flex xs12 sm12>
                     <v-layout>
                       <v-flex xs6 sm6 offset-sm1>
                         <v-btn @click="clear" class="clear-button" round dark>clear</v-btn>
                       </v-flex>
                       <v-flex xs6 sm6>
                         <v-btn
                           class="add-button"
                           @click="submitParentDetails"
                           round
                           dark
                           :loading="loading"
                           v-show="showParent"
                         >Add</v-btn>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-container>
               </v-form>
             </v-flex>
           </v-layout>
         </v-container>
       </v-card>
     </v-dialog>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
     <v-snackbar
       :timeout="timeout"
       :top="y === 'top'"
       :right="x === 'right'"
       :vertical="mode === 'vertical'"
       v-model="snackbar"
       color="success"
     >{{ text }}</v-snackbar>
   </v-container>
 </template>
 <script>
 import http from "@/Services/http.js";
 import Util from "@/util";
 import moment from "moment";
 export default {
   data: () => ({
     e1: true,
     showParent: true,
     snackbar: false,
     role: "",
     // TEACHER: "",
     y: "top",
     x: "right",
     color: "",
     mode: "",
     timeout: 3000,
     text: "",
     show: true,
     showSearch: false,
     showLoader: false,
     loading: false,
     date: null,
     search: "",
     password: "",
     addParentDialog: false,
     menu: false,
     menu1: false,
     editParentDilaog: false,
     profileParentDialog: false,
     viewProfileParentDialog: false,
     valid: true,
     validEditParent: true,
     pagination: {
       rowsPerPage: 10
     },
     fatherNameRules: [v => !!v || " Father Name is required"],
     fatheCellNoRules: [
       v => !!v || " father Cell Number  is required",
       v => v <= 10000000000 || "Max 10 characters is required"
     ],
     password: [
       v => !!v || "Password field is Required."
       // v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8 || 'Min 8 characters lower case symbol required'
     ],
     editFatherNoRule: [
       v => !!v || " father Cell Number  is required",
       v => v <= 10000000000 || "Max 10 characters is required"
     ],
     editfatherCellNo: [v => !!v || " Father Name is required"],
     errorMessages: "",
     emailRules: [
       v => !!v || "E-mail is required",
       v =>
         /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||
         "E-mail must be valid"
     ],
     headers: [
       {
         text: "No",
         align: "center",
         sortable: false,
         value: "No"
       },
       { text: "Email", value: "email", sortable: false, align: "center" },
       {
         text: "Father Name",
         value: "fatherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Father Cell No",
         value: "fatherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Mother Name",
         value: "motherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Mother Cell No",
         value: "motherCellNo",
         sortable: false,
         align: "center"
       },
       { text: "Action", value: "", sortable: false, align: "center" }
     ],
     parentsList: [],
     editedIndex: -1,
     parentData: {},
     max: 10,
     editedItem: {
       fatherName: "",
       fatherCellNo: "",
       motherName: "",
       motherCellNo: "",
       email: "",
       password: ""
     }
   }),
   watch: {
     menu(val) {
       val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
     },
     menu1(val) {
       val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
     }
   },
   methods: {
     editItem(item) {
       this.editedIndex = this.parentsList.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.editParentDilaog = true;
     },
     profile(item) {
       this.editedIndex = this.parentsList.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.profileParentDialog = true;
     },
     close() {
       this.editParentDilaog = false;
     },
     closeProfile() {
       this.profileParentDialog = false;
     },
     clear() {
       this.$refs.parentForm.reset();
     },
     save() {
       if (this.$refs.editParentForm.validate()) {
         this.editedItem.parentId = this.editedItem._id;
         http()
           .put("/updateParent", this.editedItem)
           .then(response => {
             this.snackbar = true;
             this.color = "green";
             this.text = response.data.message;
             this.getParentDetails();
             this.close();
           })
           .catch(error => {
             this.snackbar = true;
             this.color = "error";
             this.text = error.response.data.message;
             if (error.response.data.statusText) {
               this.text = error.response.data.statusText;
             }
           });
       }
     },
     async submitParentDetails() {
       if (this.$refs.parentForm.validate()) {
         this.parentData.role = "PARENT";
         this.loading = true;
         await http()
           .post("/createParent", this.parentData)
           .then(response => {
             this.parentId = response.data.data.id;
             this.snackbar = true;
             this.color = "green";
             this.text = response.data.message;
             this.getParentDetails();
             this.clear();
             this.loading = false;
             this.addParentDialog = false;
           })
           .catch(error => {
             this.snackbar = true;
             this.color = "error";
             this.text = error.response.data.message;
             if (error.response.data.statusText) {
               this.text = error.response.data.statusText;
             }
             this.loading = false;
           });
       }
     },
     getParentDetails() {
       http()
         .get("getParentsList", {
           headers: {
             Authorization: "Bearer " + this.$store.state.token
           }
         })
         .then(response => {
           this.parentsList = response.data.data;
         })
         .catch(error => {
           // console.log("err====>", error.response.data.message);
           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);
           }
         });
     },
     displaySearch() {
       (this.show = false), (this.showSearch = true);
     },
     closeSearch() {
       this.showSearch = false;
       this.show = true;
       this.search = "";
     }
   },
   mounted() {
     this.getParentDetails();
     // console.log("role", this.$store.state.role);
     this.role = this.$store.state.role;
   }
 };
 </script>

src/router/paths.js

Diff comments View file @229463b

1	export default [{	1	export default [{
2	path: '*',	2	path: '*',
3	meta: {	3	meta: {
4	public: true,	4	public: true,
5	},	5	},
6	redirect: {	6	redirect: {
7	path: '/404'	7	path: '/404'
8	}	8	}
9	},	9	},
10	{	10	{
11	path: '/404',	11	path: '/404',
12	meta: {	12	meta: {
13	public: true,	13	public: true,
14	},	14	},
15	name: 'NotFound',	15	name: 'NotFound',
16	component: () =>	16	component: () =>
17	import (	17	import (
18	/* webpackChunkName: "routes" */	18	/* webpackChunkName: "routes" */
19	/* webpackMode: "lazy-once" */	19	/* webpackMode: "lazy-once" */
20	`@/pages/NotFound/NotFound.vue`	20	`@/pages/NotFound/NotFound.vue`
21	)	21	)
22	},	22	},
23	{	23	{
24	path: '*',	24	path: '*',
25	meta: {},	25	meta: {},
26	name: 'dashboardAdmin',	26	name: 'dashboardAdmin',
27	props: (route) => ({ type: route.query.type }),	27	props: (route) => ({ type: route.query.type }),
28	component: () =>	28	component: () =>
29	import (	29	import (
30	/* webpackChunkName: "routes" */	30	/* webpackChunkName: "routes" */
31	/* webpackMode: "lazy-once" */	31	/* webpackMode: "lazy-once" */
32	`@/pages/Dashboard/dashboard.vue`	32	`@/pages/Dashboard/dashboard.vue`
33	)	33	)
34	},	34	},
35	{	35	{
36	path: '/500',	36	path: '/500',
37	meta: {	37	meta: {
38	public: true,	38	public: true,
39	},	39	},
40	name: 'ServerError',	40	name: 'ServerError',
41	component: () =>	41	component: () =>
42	import (	42	import (
43	/* webpackChunkName: "routes" */	43	/* webpackChunkName: "routes" */
44	/* webpackMode: "lazy-once" */	44	/* webpackMode: "lazy-once" */
45	`@/pages/NotFound/Error.vue`	45	`@/pages/NotFound/Error.vue`
46	)	46	)
47	},	47	},
48	{	48	{
49	path: '/changepassword',	49	path: '/changepassword',
50	meta: {},	50	meta: {},
51	name: 'changepassword',	51	name: 'changepassword',
52	props: (route) => ({ type: route.query.type }),	52	props: (route) => ({ type: route.query.type }),
53	component: () =>	53	component: () =>
54	import (	54	import (
55	/* webpackChunkName: "routes" */	55	/* webpackChunkName: "routes" */
56	/* webpackMode: "lazy-once" */	56	/* webpackMode: "lazy-once" */
57	`@/pages/Authentication/changepassword.vue`	57	`@/pages/Authentication/changepassword.vue`
58	)	58	)
59	},	59	},
60	{	60	{
61	path: '/teachers',	61	path: '/teachers',
62	meta: { breadcrumb: false },	62	meta: { breadcrumb: false },
63	name: 'Teachers',	63	name: 'Teachers',
64	component: () =>	64	component: () =>
65	import (	65	import (
66	/* webpackChunkName: "routes" */	66	/* webpackChunkName: "routes" */
67	/* webpackMode: "lazy-once" */	67	/* webpackMode: "lazy-once" */
68	`@/pages/Teachers/teachers.vue`	68	`@/pages/Teachers/teachers.vue`
69	)	69	)
70	},	70	},
71	{	71	{
72	path: '/',	72	path: '/',
73	meta: {	73	meta: {
74	public: true,	74	public: true,
75	},	75	},
76	name: 'Login',	76	name: 'Login',
77	component: () =>	77	component: () =>
78	import (	78	import (
79	/* webpackChunkName: "routes" */	79	/* webpackChunkName: "routes" */
80	/* webpackMode: "lazy-once" */	80	/* webpackMode: "lazy-once" */
81	`@/pages/Authentication/Login.vue`	81	`@/pages/Authentication/Login.vue`
82	)	82	)
83	},	83	},
84	{	84	{
85	path: '/forgetpassword',	85	path: '/forgetpassword',
86	meta: {	86	meta: {
87	public: true,	87	public: true,
88	},	88	},
89	name: 'forgetpassword',	89	name: 'forgetpassword',
90	component: () =>	90	component: () =>
91	import (	91	import (
92	/* webpackChunkName: "routes" */	92	/* webpackChunkName: "routes" */
93	/* webpackMode: "lazy-once" */	93	/* webpackMode: "lazy-once" */
94	`@/pages/Authentication/forgetpassword.vue`	94	`@/pages/Authentication/forgetpassword.vue`
95	)	95	)
96	},	96	},
97	{	97	{
98	path: '/students',	98	path: '/students',
99	meta: {},	99	meta: {},
100	name: 'Students',	100	name: 'Students',
101	props: (route) => ({ type: route.query.type }),	101	props: (route) => ({ type: route.query.type }),
102	component: () =>	102	component: () =>
103	import (	103	import (
104	/* webpackChunkName: "routes" */	104	/* webpackChunkName: "routes" */
105	/* webpackMode: "lazy-once" */	105	/* webpackMode: "lazy-once" */
106	`@/pages/Students/students.vue`	106	`@/pages/Students/students.vue`
107	)	107	)
108	},	108	},
109	{	109	{
110	path: '/class',	110	path: '/class',
111	meta: {},	111	meta: {},
112	name: 'Class',	112	name: 'Class',
113	props: (route) => ({ type: route.query.type }),	113	props: (route) => ({ type: route.query.type }),
114	component: () =>	114	component: () =>
115	import (	115	import (
116	/* webpackChunkName: "routes" */	116	/* webpackChunkName: "routes" */
117	/* webpackMode: "lazy-once" */	117	/* webpackMode: "lazy-once" */
118	`@/pages/Class/addclass.vue`	118	`@/pages/Class/addclass.vue`
119	)	119	)
120	},	120	},
121	{	121	{
122	path: '/section',	122	path: '/section',
123	meta: {},	123	meta: {},
124	name: 'Section',	124	name: 'Section',
125	props: (route) => ({ type: route.query.type }),	125	props: (route) => ({ type: route.query.type }),
126	component: () =>	126	component: () =>
127	import (	127	import (
128	/* webpackChunkName: "routes" */	128	/* webpackChunkName: "routes" */
129	/* webpackMode: "lazy-once" */	129	/* webpackMode: "lazy-once" */
130	`@/pages/Section/section.vue`	130	`@/pages/Section/section.vue`
131	)	131	)
132	},	132	},
133	{	133	{
134	path: '/noticeBoard',	134	path: '/noticeBoard',
135	meta: {},	135	meta: {},
136	name: 'Notice Board',	136	name: 'Notice Board',
137	props: (route) => ({ type: route.query.type }),	137	props: (route) => ({ type: route.query.type }),
138	component: () =>	138	component: () =>
139	import (	139	import (
140	/* webpackChunkName: "routes" */	140	/* webpackChunkName: "routes" */
141	/* webpackMode: "lazy-once" */	141	/* webpackMode: "lazy-once" */
142	`@/pages/NoticeBoard/noticeBoard.vue`	142	`@/pages/NoticeBoard/noticeBoard.vue`
143	)	143	)
144	},	144	},
145	{	145	{
146	path: '/news',	146	path: '/news',
147	meta: {},	147	meta: {},
148	name: 'News',	148	name: 'News',
149	props: (route) => ({ type: route.query.type }),	149	props: (route) => ({ type: route.query.type }),
150	component: () =>	150	component: () =>
151	import (	151	import (
152	/* webpackChunkName: "routes" */	152	/* webpackChunkName: "routes" */
153	/* webpackMode: "lazy-once" */	153	/* webpackMode: "lazy-once" */
154	`@/pages/News/news.vue`	154	`@/pages/News/news.vue`
155	)	155	)
156	},	156	},
157	// {	157	// {
158	// path: '/reminder',	158	// path: '/reminder',
159	// meta: { },	159	// meta: { },
160	// name: 'reminder',	160	// name: 'reminder',
161	// props: (route) => ({ type: route.query.type }),	161	// props: (route) => ({ type: route.query.type }),
162	// component: () => import(	162	// component: () => import(
163	// /* webpackChunkName: "routes" */	163	// /* webpackChunkName: "routes" */
164	// /* webpackMode: "lazy-once" */	164	// /* webpackMode: "lazy-once" */
165	// `@/pages/Reminder/reminder.vue`	165	// `@/pages/Reminder/reminder.vue`
166	// )	166	// )
167	// },	167	// },
168	{	168	{
169	path: '/timeTable',	169	path: '/timeTable',
170	meta: {},	170	meta: {},
171	name: 'Time Table',	171	name: 'Time Table',
172	props: (route) => ({ type: route.query.type }),	172	props: (route) => ({ type: route.query.type }),
173	component: () =>	173	component: () =>
174	import (	174	import (
175	/* webpackChunkName: "routes" */	175	/* webpackChunkName: "routes" */
176	/* webpackMode: "lazy-once" */	176	/* webpackMode: "lazy-once" */
177	`@/pages/TimeTable/timeTable.vue`	177	`@/pages/TimeTable/timeTable.vue`
178	)	178	)
179	},	179	},
180	{	180	{
181	path: '/notification',	181	path: '/notification',
182	meta: {},	182	meta: {},
183	name: 'Notification',	183	name: 'Notification',
184	props: (route) => ({ type: route.query.type }),	184	props: (route) => ({ type: route.query.type }),
185	component: () =>	185	component: () =>
186	import (	186	import (
187	/* webpackChunkName: "routes" */	187	/* webpackChunkName: "routes" */
188	/* webpackMode: "lazy-once" */	188	/* webpackMode: "lazy-once" */
189	`@/pages/Notification/notification.vue`	189	`@/pages/Notification/notification.vue`
190	)	190	)
191	},	191	},
192	{	192	{
193	path: '/parents',	193	path: '/parents',
194	meta: {},	194	meta: {},
195	name: 'Parents',	195	name: 'Parents',
196	props: (route) => ({ type: route.query.type }),	196	props: (route) => ({ type: route.query.type }),
197	component: () =>	197	component: () =>
198	import (	198	import (
199	/* webpackChunkName: "routes" */	199	/* webpackChunkName: "routes" */
200	/* webpackMode: "lazy-once" */	200	/* webpackMode: "lazy-once" */
201	`@/pages/Parent/parents.vue`	201	`@/pages/Parent/parents.vue`
202	)	202	)
203	},	203	},
204	// {	204	// {
205	// path: '/subject',	205	// path: '/subject',
206	// meta: {},	206	// meta: {},
207	// name: 'Subject',	207	// name: 'Subject',
208	// props: (route) => ({ type: route.query.type }),	208	// props: (route) => ({ type: route.query.type }),
209	// component: () =>	209	// component: () =>
210	// import (	210	// import (
211	// /* webpackChunkName: "routes" */	211	// /* webpackChunkName: "routes" */
212	// /* webpackMode: "lazy-once" */	212	// /* webpackMode: "lazy-once" */
213	// `@/pages/Subjects/subjects.vue`	213	// `@/pages/Subjects/subjects.vue`
214	// )	214	// )
215	// },	215	// },
216	{	216	{
217	path: '/dashboard',	217	path: '/dashboard',
218	meta: {},	218	meta: {},
219	name: 'Dashboard',	219	name: 'Dashboard',
220	props: (route) => ({ type: route.query.type }),	220	props: (route) => ({ type: route.query.type }),
221	component: () =>	221	component: () =>
222	import (	222	import (
223	/* webpackChunkName: "routes" */	223	/* webpackChunkName: "routes" */
224	/* webpackMode: "lazy-once" */	224	/* webpackMode: "lazy-once" */
225	`@/pages/Dashboard/dashboard.vue`	225	`@/pages/Dashboard/dashboard.vue`
226	)	226	)
227	},	227	},
228	{	228	{
229	path: '/socialMedia',	229	path: '/socialMedia',
230	meta: {},	230	meta: {},
231	name: 'Social Media',	231	name: 'Social Media',
232	props: (route) => ({ type: route.query.type }),	232	props: (route) => ({ type: route.query.type }),
233	component: () =>	233	component: () =>
234	import (	234	import (
235	/* webpackChunkName: "routes" */	235	/* webpackChunkName: "routes" */
236	/* webpackMode: "lazy-once" */	236	/* webpackMode: "lazy-once" */
237	`@/pages/socialMedia/socialMedia.vue`	237	`@/pages/socialMedia/socialMedia.vue`
238	)	238	)
239	},	239	},
240	{	240	{
241	path: '/gallery',	241	path: '/gallery',
242	meta: {},	242	meta: {},
243	name: 'Gallery',	243	name: 'Gallery',
244	props: (route) => ({ type: route.query.type }),	244	props: (route) => ({ type: route.query.type }),
245	component: () =>	245	component: () =>
246	import (	246	import (
247	/* webpackChunkName: "routes" */	247	/* webpackChunkName: "routes" */
248	/* webpackMode: "lazy-once" */	248	/* webpackMode: "lazy-once" */
249	`@/pages/Gallery/gallery.vue`	249	`@/pages/Gallery/gallery.vue`
250	)	250	)
251	},	251	},
252	{	252	{
253	path: '/event',	253	path: '/event',
254	meta: {},	254	meta: {},
255	name: 'Event',	255	name: 'Event',
256	props: (route) => ({ type: route.query.type }),	256	props: (route) => ({ type: route.query.type }),
257	component: () =>	257	component: () =>
258	import (	258	import (
259	/* webpackChunkName: "routes" */	259	/* webpackChunkName: "routes" */
260	/* webpackMode: "lazy-once" */	260	/* webpackMode: "lazy-once" */
261	`@/pages/Event/event.vue`	261	`@/pages/Event/event.vue`
262	)	262	)
263	},	263	},
264	{	264	{
265	path: '/holiday',	265	path: '/holiday',
266	meta: {},	266	meta: {},
267	name: 'Holiday',	267	name: 'Holiday',
268	props: (route) => ({ type: route.query.type }),	268	props: (route) => ({ type: route.query.type }),
269	component: () =>	269	component: () =>
270	import (	270	import (
271	/* webpackChunkName: "routes" */	271	/* webpackChunkName: "routes" */
272	/* webpackMode: "lazy-once" */	272	/* webpackMode: "lazy-once" */
273	`@/pages/Holiday/holiday.vue`	273	`@/pages/Holiday/holiday.vue`
274	)	274	)
275	},	275	},
276	{	276	{
277	path: '/user',	277	path: '/user',
278	meta: {},	278	meta: {},
279	name: 'User',	279	name: 'User',
280	props: (route) => ({ type: route.query.type }),	280	props: (route) => ({ type: route.query.type }),
281	component: () =>	281	component: () =>
282	import (	282	import (
283	/* webpackChunkName: "routes" */	283	/* webpackChunkName: "routes" */
284	/* webpackMode: "lazy-once" */	284	/* webpackMode: "lazy-once" */
285	`@/pages/User/user.vue`	285	`@/pages/User/user.vue`
286	)	286	)
287	},	287	},
288	{	288	{
289	path: '/AttendenceStudent',	289	path: '/AttendenceStudent',
290	meta: {},	290	meta: {},
291	name: 'Student Attendence',	291	name: 'Student Attendence',
292	props: (route) => ({ type: route.query.type }),	292	props: (route) => ({ type: route.query.type }),
293	component: () =>	293	component: () =>
294	import (	294	import (
295	/* webpackChunkName: "routes" */	295	/* webpackChunkName: "routes" */
296	/* webpackMode: "lazy-once" */	296	/* webpackMode: "lazy-once" */
297	`@/pages/Attendence/studentAttendence.vue`	297	`@/pages/Attendence/studentAttendence.vue`
298	)	298	)
299	},	299	},
300	{	300	{
301	path: '/AttendenceTeacher',	301	path: '/AttendenceTeacher',
302	meta: {},	302	meta: {},
303	name: 'Teacher Attendence',	303	name: 'Teacher Attendence',
304	props: (route) => ({ type: route.query.type }),	304	props: (route) => ({ type: route.query.type }),
305	component: () =>	305	component: () =>
306	import (	306	import (
307	/* webpackChunkName: "routes" */	307	/* webpackChunkName: "routes" */
308	/* webpackMode: "lazy-once" */	308	/* webpackMode: "lazy-once" */
309	`@/pages/Attendence/teacherAttendence.vue`	309	`@/pages/Attendence/teacherAttendence.vue`
310	)	310	)
311	},	311	},
312	{	312	{
313	path: '/salaryTemplate',	313	path: '/salaryTemplate',
314	meta: {},	314	meta: {},
315	name: 'Salary Template',	315	name: 'Salary Template',
316	props: (route) => ({ type: route.query.type }),	316	props: (route) => ({ type: route.query.type }),
317	component: () =>	317	component: () =>
318	import (	318	import (
319	`@/pages/Payroll/salaryTemplate.vue`	319	`@/pages/Payroll/salaryTemplate.vue`
320	)	320	)
321	},	321	},
322	{	322	{
323	path: '/hourlyTemplate',	323	path: '/hourlyTemplate',
324	meta: {},	324	meta: {},
325	name: 'Hourly Template',	325	name: 'Hourly Template',
326	props: (route) => ({ type: route.query.type }),	326	props: (route) => ({ type: route.query.type }),
327	component: () =>	327	component: () =>
328	import (	328	import (
329	`@/pages/Payroll/hourlyTemplate.vue`	329	`@/pages/Payroll/hourlyTemplate.vue`
330	)	330	)
331	},	331	},
332	{	332	{
333	path: '/manageSalary',	333	path: '/manageSalary',
334	meta: {},	334	meta: {},
335	name: 'Manage Salary',	335	name: 'Manage Salary',
336	props: (route) => ({ type: route.query.type }),	336	props: (route) => ({ type: route.query.type }),
337	component: () =>	337	component: () =>
338	import (	338	import (
339	`@/pages/Payroll/manageSalary.vue`	339	`@/pages/Payroll/manageSalary.vue`
340	)	340	)
341	},	341	},
342	// {	342	// {
343	// path: '/makePayment',	343	// path: '/makePayment',
344	// meta: {},	344	// meta: {},
345	// name: 'Make Payment',	345	// name: 'Make Payment',
346	// props: (route) => ({ type: route.query.type }),	346	// props: (route) => ({ type: route.query.type }),
347	// component: () =>	347	// component: () =>
348	// import (	348	// import (
349	// `@/pages/Payroll/makePayment.vue`	349	// `@/pages/Payroll/makePayment.vue`
350	// )	350	// )
351	// },	351	// },
352	{	352	{
353	path: '/AttendenceUser',	353	path: '/AttendenceUser',
354	meta: {},	354	meta: {},
355	name: 'User Attendence',	355	name: 'User Attendence',
356	props: (route) => ({ type: route.query.type }),	356	props: (route) => ({ type: route.query.type }),
357	component: () =>	357	component: () =>
358	import (	358	import (
359	/* webpackChunkName: "routes" */	359	/* webpackChunkName: "routes" */
360	/* webpackMode: "lazy-once" */	360	/* webpackMode: "lazy-once" */
361	`@/pages/Attendence/userAttendence.vue`	361	`@/pages/Attendence/userAttendence.vue`
362	)	362	)
363	},	363	},
364	{	364	{
365	path: '/feeTypes',	365	path: '/feeTypes',
366	meta: {},	366	meta: {},
367	name: 'Fee Types',	367	name: 'Fee Types',
368	props: (route) => ({ type: route.query.type }),	368	props: (route) => ({ type: route.query.type }),
369	component: () =>	369	component: () =>
370	import (	370	import (
371	/* webpackChunkName: "routes" */	371	/* webpackChunkName: "routes" */
372	/* webpackMode: "lazy-once" */	372	/* webpackMode: "lazy-once" */
373	`@/pages/Account/feeTypes.vue`	373	`@/pages/Account/feeTypes.vue`
374	)	374	)
375	},	375	},
376	{	376	{
377	path: '/invoice',	377	path: '/invoice',
378	meta: {},	378	meta: {},
379	name: 'Invoice',	379	name: 'Invoice',
380	props: (route) => ({ type: route.query.type }),	380	props: (route) => ({ type: route.query.type }),
381	component: () =>	381	component: () =>
382	import (	382	import (
383	/* webpackChunkName: "routes" */	383	/* webpackChunkName: "routes" */
384	/* webpackMode: "lazy-once" */	384	/* webpackMode: "lazy-once" */
385	`@/pages/Account/invoice.vue`	385	`@/pages/Account/invoice.vue`
386	)	386	)
387	},	387	},
388	{	388	{
389	path: '/paymentHistory',	389	path: '/paymentHistory',
390	meta: {},	390	meta: {},
391	name: 'Payment History',	391	name: 'Payment History',
392	props: (route) => ({ type: route.query.type }),	392	props: (route) => ({ type: route.query.type }),
393	component: () =>	393	component: () =>
394	import (	394	import (
395	/* webpackChunkName: "routes" */	395	/* webpackChunkName: "routes" */
396	/* webpackMode: "lazy-once" */	396	/* webpackMode: "lazy-once" */
397	`@/pages/Account/paymentHistory.vue`	397	`@/pages/Account/paymentHistory.vue`
398	)	398	)
399	},	399	},
400	{	400	{
401	path: '/expense',	401	path: '/expense',
402	meta: {},	402	meta: {},
403	name: 'Expense',	403	name: 'Expense',
404	props: (route) => ({ type: route.query.type }),	404	props: (route) => ({ type: route.query.type }),
405	component: () =>	405	component: () =>
406	import (	406	import (
407	/* webpackChunkName: "routes" */	407	/* webpackChunkName: "routes" */
408	/* webpackMode: "lazy-once" */	408	/* webpackMode: "lazy-once" */
409	`@/pages/Account/expense.vue`	409	`@/pages/Account/expense.vue`
410	)	410	)
411	},	411	},
412	{	412	{
413	path: '/income',	413	path: '/income',
414	meta: {},	414	meta: {},
415	name: 'Income',	415	name: 'Income',
416	props: (route) => ({ type: route.query.type }),	416	props: (route) => ({ type: route.query.type }),
417	component: () =>	417	component: () =>
418	import (	418	import (
419	/* webpackChunkName: "routes" */	419	/* webpackChunkName: "routes" */
420	/* webpackMode: "lazy-once" */	420	/* webpackMode: "lazy-once" */
421	`@/pages/Account/income.vue`	421	`@/pages/Account/income.vue`
422	)	422	)
423	},	423	},
424	{	424	{
425	path: '/libraryMember',	425	path: '/libraryMember',
426	meta: {},	426	meta: {},
427	name: 'Library Member',	427	name: 'Library Member',
428	props: (route) => ({ type: route.query.type }),	428	props: (route) => ({ type: route.query.type }),
429	component: () =>	429	component: () =>
430	import (	430	import (
431	/* webpackChunkName: "routes" */	431	/* webpackChunkName: "routes" */
432	/* webpackMode: "lazy-once" */	432	/* webpackMode: "lazy-once" */
433	`@/pages/Library/member.vue`	433	`@/pages/Library/member.vue`
434	)	434	)
435	},	435	},
436	{	436	{
437	path: '/books',	437	path: '/books',
438	meta: {},	438	meta: {},
439	name: 'Books',	439	name: 'Books',
440	props: (route) => ({ type: route.query.type }),	440	props: (route) => ({ type: route.query.type }),
441	component: () =>	441	component: () =>
442	import (	442	import (
443	/* webpackChunkName: "routes" */	443	/* webpackChunkName: "routes" */
444	/* webpackMode: "lazy-once" */	444	/* webpackMode: "lazy-once" */
445	`@/pages/Library/books.vue`	445	`@/pages/Library/books.vue`
446	)	446	)
447	},	447	},
448	{	448	{
449	path: '/issue',	449	path: '/issue',
450	meta: {},	450	meta: {},
451	name: 'Issue',	451	name: 'Issue',
452	props: (route) => ({ type: route.query.type }),	452	props: (route) => ({ type: route.query.type }),
453	component: () =>	453	component: () =>
454	import (	454	import (
455	/* webpackChunkName: "routes" */	455	/* webpackChunkName: "routes" */
456	/* webpackMode: "lazy-once" */	456	/* webpackMode: "lazy-once" */
457	`@/pages/Library/issue.vue`	457	`@/pages/Library/issue.vue`
458	)	458	)
459	},	459	},
460	{	460	{
461	path: '/e-books',	461	path: '/e-books',
462	meta: {},	462	meta: {},
463	name: 'E-Books',	463	name: 'E-Books',
464	props: (route) => ({ type: route.query.type }),	464	props: (route) => ({ type: route.query.type }),
465	component: () =>	465	component: () =>
466	import (	466	import (
467	/* webpackChunkName: "routes" */	467	/* webpackChunkName: "routes" */
468	/* webpackMode: "lazy-once" */	468	/* webpackMode: "lazy-once" */
469	`@/pages/Library/eBook.vue`	469	`@/pages/Library/eBook.vue`
470	)	470	)
471	},	471	},
472	{	472	{
473	path: '/editInvoice/:invoiceid',	473	path: '/editInvoice/:invoiceid',
474	meta: {},	474	meta: {},
475	name: 'Edit Invoice',	475	name: 'Edit Invoice',
476	// props: (route) => ({ type: route.query.type }),	476	// props: (route) => ({ type: route.query.type }),
477	component: () =>	477	component: () =>
478	import (	478	import (
479	/* webpackChunkName: "routes" */	479	/* webpackChunkName: "routes" */
480	/* webpackMode: "lazy-once" */	480	/* webpackMode: "lazy-once" */
481	`@/pages/Account/editInvoice.vue`	481	`@/pages/Account/editInvoice.vue`
482	)	482	)
483	},	483	},
484	{	484	{
485	path: '/StudentsAttendence/:id',	485	path: '/StudentsAttendence/:id',
486	meta: {},	486	meta: {},
487	name: 'View Students Attendence',	487	name: 'View Students Attendence',
488	props: (route) => ({ type: route.query.type }),	488	props: (route) => ({ type: route.query.type }),
489	component: () =>	489	component: () =>
490	import (	490	import (
491	/* webpackChunkName: "routes" */	491	/* webpackChunkName: "routes" */
492	/* webpackMode: "lazy-once" */	492	/* webpackMode: "lazy-once" */
493	`@/pages/Attendence/viewStudentsAttendence.vue`	493	`@/pages/Attendence/viewStudentsAttendence.vue`
494	)	494	)
495	},	495	},
496	{	496	{
497	path: '/TeacherAttendence/:teacherId',	497	path: '/TeacherAttendence/:teacherId',
498	meta: {},	498	meta: {},
499	name: 'View Teacher Attendence',	499	name: 'View Teacher Attendence',
500	props: (route) => ({ type: route.query.type }),	500	props: (route) => ({ type: route.query.type }),
501	component: () =>	501	component: () =>
502	import (	502	import (
503	/* webpackChunkName: "routes" */	503	/* webpackChunkName: "routes" */
504	/* webpackMode: "lazy-once" */	504	/* webpackMode: "lazy-once" */
505	`@/pages/Attendence/viewTeacherAttendence.vue`	505	`@/pages/Attendence/viewTeacherAttendence.vue`
506	)	506	)
507	},	507	},
508	{	508	{
509	path: '/viewInvoice/:viewInvoiceId',	509	path: '/viewInvoice/:viewInvoiceId',
510	meta: {},	510	meta: {},
511	name: 'View Invoice',	511	name: 'View Invoice',
512	props: (route) => ({ type: route.query.type }),	512	props: (route) => ({ type: route.query.type }),
513	component: () =>	513	component: () =>
514	import (	514	import (
515	/* webpackChunkName: "routes" */	515	/* webpackChunkName: "routes" */
516	/* webpackMode: "lazy-once" */	516	/* webpackMode: "lazy-once" */
517	`@/pages/Account/viewInvoice.vue`	517	`@/pages/Account/viewInvoice.vue`
518	)	518	)
519	},	519	},
520	{	520	{
521	path: '/viewPaymentInvoice/:viewPaymentInvoiceId',	521	path: '/viewPaymentInvoice/:viewPaymentInvoiceId',
522	meta: {},	522	meta: {},
523	name: 'View Payment Invoice',	523	name: 'View Payment Invoice',
524	props: (route) => ({ type: route.query.type }),	524	props: (route) => ({ type: route.query.type }),
525	component: () =>	525	component: () =>
526	import (	526	import (
527	/* webpackChunkName: "routes" */	527	/* webpackChunkName: "routes" */
528	/* webpackMode: "lazy-once" */	528	/* webpackMode: "lazy-once" */
529	`@/pages/Account/viewPaymentInvoice.vue`	529	`@/pages/Account/viewPaymentInvoice.vue`
530	)	530	)
531	},	531	},
532	{	532	{
533	path: '/globalPayment',	533	path: '/globalPayment',
534	meta: {},	534	meta: {},
535	name: 'Global Payment',	535	name: 'Global Payment',
536	props: (route) => ({ type: route.query.type }),	536	props: (route) => ({ type: route.query.type }),
537	component: () =>	537	component: () =>
538	import (	538	import (
539	/* webpackChunkName: "routes" */	539	/* webpackChunkName: "routes" */
540	/* webpackMode: "lazy-once" */	540	/* webpackMode: "lazy-once" */
541	`@/pages/Account/globalPayment.vue`	541	`@/pages/Account/globalPayment.vue`
542	)	542	)
543	},	543	},
544	{	544	{
545	path: '/exam',	545	path: '/exam',
546	meta: {},	546	meta: {},
547	name: 'Exam',	547	name: 'Exam',
548	props: (route) => ({ type: route.query.type }),	548	props: (route) => ({ type: route.query.type }),
549	component: () =>	549	component: () =>
550	import (	550	import (
551	/* webpackChunkName: "routes" */	551	/* webpackChunkName: "routes" */
552	/* webpackMode: "lazy-once" */	552	/* webpackMode: "lazy-once" */
553	`@/pages/Exam/exam.vue`	553	`@/pages/Exam/exam.vue`
554	)	554	)
555	},	555	},
556	{	556	{
557	path: '/grade',	557	path: '/grade',
558	meta: {},	558	meta: {},
559	name: 'Grade',	559	name: 'Grade',
560	props: (route) => ({ type: route.query.type }),	560	props: (route) => ({ type: route.query.type }),
561	component: () =>	561	component: () =>
562	import (	562	import (
563	/* webpackChunkName: "routes" */	563	/* webpackChunkName: "routes" */
564	/* webpackMode: "lazy-once" */	564	/* webpackMode: "lazy-once" */
565	`@/pages/Exam/grade.vue`	565	`@/pages/Exam/grade.vue`
566	)	566	)
567	},	567	},
568	{	568	{
569	path: '/examSchedule',	569	path: '/examSchedule',
570	meta: {},	570	meta: {},
571	name: 'Exam Schedule',	571	name: 'Exam Schedule',
572	props: (route) => ({ type: route.query.type }),	572	props: (route) => ({ type: route.query.type }),
573	component: () =>	573	component: () =>
574	import (	574	import (
575	/* webpackChunkName: "routes" */	575	/* webpackChunkName: "routes" */
576	/* webpackMode: "lazy-once" */	576	/* webpackMode: "lazy-once" */
577	`@/pages/Exam/examSchedule.vue`	577	`@/pages/Exam/examSchedule.vue`
578	)	578	)
579	},	579	},
580	{	580	{
581	path: '/examAttendence',	581	path: '/examAttendence',
582	meta: {},	582	meta: {},
583	name: 'Exam Attendence',	583	name: 'Exam Attendence',
584	props: (route) => ({ type: route.query.type }),	584	props: (route) => ({ type: route.query.type }),
585	component: () =>	585	component: () =>
586	import (	586	import (
587	/* webpackChunkName: "routes" */	587	/* webpackChunkName: "routes" */
588	/* webpackMode: "lazy-once" */	588	/* webpackMode: "lazy-once" */
589	`@/pages/Exam/examAttendence.vue`	589	`@/pages/Exam/examAttendence.vue`
590	)	590	)
591	},	591	},
592	{	592	{
593	path: '/mark',	593	path: '/mark',
594	meta: {},	594	meta: {},
595	name: 'Mark',	595	name: 'Mark',
596	props: (route) => ({ type: route.query.type }),	596	props: (route) => ({ type: route.query.type }),
597	component: () =>	597	component: () =>
598	import (	598	import (
599	/* webpackChunkName: "routes" */	599	/* webpackChunkName: "routes" */
600	/* webpackMode: "lazy-once" */	600	/* webpackMode: "lazy-once" */
601	`@/pages/Mark/mark.vue`	601	`@/pages/Mark/mark.vue`
602	)	602	)
603	},	603	},
604	{	604	{
605	path: '/viewMark/:markId',	605	path: '/viewMark/:markId',
606	meta: {},	606	meta: {},
607	name: 'view Mark',	607	name: 'view Mark',
608	props: (route) => ({ type: route.query.type }),	608	props: (route) => ({ type: route.query.type }),
609	component: () =>	609	component: () =>
610	import (	610	import (
611	/* webpackChunkName: "routes" */	611	/* webpackChunkName: "routes" */
612	/* webpackMode: "lazy-once" */	612	/* webpackMode: "lazy-once" */
613	`@/pages/Mark/viewMark.vue`	613	`@/pages/Mark/viewMark.vue`
614	)	614	)
615	},	615	},
616	{	616	{
617	path: '/markDistribution',	617	path: '/markDistribution',
618	meta: {},	618	meta: {},
619	name: 'Mark Distribution',	619	name: 'Mark Distribution',
620	props: (route) => ({ type: route.query.type }),	620	props: (route) => ({ type: route.query.type }),
621	component: () =>	621	component: () =>
622	import (	622	import (
623	/* webpackChunkName: "routes" */	623	/* webpackChunkName: "routes" */
624	/* webpackMode: "lazy-once" */	624	/* webpackMode: "lazy-once" */
625	`@/pages/Mark/markDistribution.vue`	625	`@/pages/Mark/markDistribution.vue`
626	)	626	)
627	},	627	},
628	{	628	{
629	path: '/meet',	629	path: '/meet',
630	meta: {},	630	meta: {},
631	name: 'Meet',	631	name: 'Meet',
632	props: (route) => ({ type: route.query.type }),	632	props: (route) => ({ type: route.query.type }),
633	component: () =>	633	component: () =>
634	import (	634	import (
635	/* webpackChunkName: "routes" */	635	/* webpackChunkName: "routes" */
636	/* webpackMode: "lazy-once" */	636	/* webpackMode: "lazy-once" */
637	`@/pages/Meet/meet.vue`	637	`@/pages/Meet/meet.vue`
638	)	638	)
639	},	639	},
640	{	640	{
641	path: '/academicYear',	641	path: '/academicYear',
642	meta: {},	642	meta: {},
643	name: 'Academic Year',	643	name: 'Academic Year',
644	props: (route) => ({ type: route.query.type }),	644	props: (route) => ({ type: route.query.type }),
645	component: () =>	645	component: () =>
646	import (	646	import (
647	/* webpackChunkName: "routes" */	647	/* webpackChunkName: "routes" */
648	/* webpackMode: "lazy-once" */	648	/* webpackMode: "lazy-once" */
649	`@/pages/Administrator/academicYear.vue`	649	`@/pages/Administrator/academicYear.vue`
650	)	650	)
651	},	651	},
652	{	652	{
653	path: '/systemAdmin',	653	path: '/systemAdmin',
654	meta: {},	654	meta: {},
655	name: 'System Admin',	655	name: 'System Admin',
656	props: (route) => ({ type: route.query.type }),	656	props: (route) => ({ type: route.query.type }),
657	component: () =>	657	component: () =>
658	import (	658	import (
659	/* webpackChunkName: "routes" */	659	/* webpackChunkName: "routes" */
660	/* webpackMode: "lazy-once" */	660	/* webpackMode: "lazy-once" */
661	`@/pages/Administrator/systemAdmin.vue`	661	`@/pages/Administrator/systemAdmin.vue`
662	)	662	)
663	},	663	},
664	{	664	{
665	path: '/resetPassword',	665	path: '/resetPassword',
666	meta: {},	666	meta: {},
667	name: 'Change Password',	667	name: 'Change Password',
668	props: (route) => ({ type: route.query.type }),	668	props: (route) => ({ type: route.query.type }),
669	component: () =>	669	component: () =>
670	import (	670	import (
671	/* webpackChunkName: "routes" */	671	/* webpackChunkName: "routes" */
672	/* webpackMode: "lazy-once" */	672	/* webpackMode: "lazy-once" */
673	`@/pages/Administrator/resetPassword.vue`	673	`@/pages/Administrator/resetPassword.vue`
674	)	674	)
675	},	675	},
676	{	676	{
677	path: '/role',	677	path: '/role',
678	meta: {},	678	meta: {},
679	name: 'Role',	679	name: 'Role',
680	props: (route) => ({ type: route.query.type }),	680	props: (route) => ({ type: route.query.type }),
681	component: () =>	681	component: () =>
682	import (	682	import (
683	/* webpackChunkName: "routes" */	683	/* webpackChunkName: "routes" */
684	/* webpackMode: "lazy-once" */	684	/* webpackMode: "lazy-once" */
685	`@/pages/Administrator/role.vue`	685	`@/pages/Administrator/role.vue`
686	)	686	)
687	},	687	},
688	{	688	{
689	path: '/bulkImport',	689	path: '/bulkImport',
690	meta: {},	690	meta: {},
691	name: 'Bulk Import',	691	name: 'Bulk Import',
692	props: (route) => ({ type: route.query.type }),	692	props: (route) => ({ type: route.query.type }),
693	component: () =>	693	component: () =>
694	import (	694	import (
695	/* webpackChunkName: "routes" */	695	/* webpackChunkName: "routes" */
696	/* webpackMode: "lazy-once" */	696	/* webpackMode: "lazy-once" */
697	`@/pages/Administrator/bulkImport.vue`	697	`@/pages/Administrator/bulkImport.vue`
698	)	698	)
699	},	699	},
700	{	700	{
701	path: '/studentReport',	701	path: '/studentReport',
702	meta: {},	702	meta: {},
703	name: 'Student Report',	703	name: 'Student Report',
704	props: (route) => ({ type: route.query.type }),	704	props: (route) => ({ type: route.query.type }),
705	component: () =>	705	component: () =>
706	import (	706	import (
707	/* webpackChunkName: "routes" */	707	/* webpackChunkName: "routes" */
708	/* webpackMode: "lazy-once" */	708	/* webpackMode: "lazy-once" */
709	`@/pages/Report/studentReport.vue`	709	`@/pages/Report/studentReport.vue`
710	)	710	)
711	},	711	},
712	{	712	{
713	path: '/progressCardReport',	713	path: '/progressCardReport',
714	meta: {},	714	meta: {},
715	name: 'Progress Card Report',	715	name: 'Progress Card Report',
716	props: (route) => ({ type: route.query.type }),	716	props: (route) => ({ type: route.query.type }),
717	component: () =>	717	component: () =>
718	import (	718	import (
719	/* webpackChunkName: "routes" */	719	/* webpackChunkName: "routes" */
720	/* webpackMode: "lazy-once" */	720	/* webpackMode: "lazy-once" */
721	`@/pages/Report/progressCardReport.vue`	721	`@/pages/Report/progressCardReport.vue`
722	)	722	)
723	},	723	},
724	{	724	{
725	path: '/idCard',	725	path: '/idCard',
726	meta: {},	726	meta: {},
727	name: 'Id Card Report',	727	name: 'Id Card Report',
728	props: (route) => ({ type: route.query.type }),	728	props: (route) => ({ type: route.query.type }),
729	component: () =>	729	component: () =>
730	import (	730	import (
731	`@/pages/Report/idCard.vue`	731	`@/pages/Report/idCard.vue`
732	)	732	)
733	},	733	},
734	{	734	{
735	path: '/admitCard',	735	path: '/admitCard',
736	meta: {},	736	meta: {},
737	name: 'Admit Card Report',	737	name: 'Admit Card Report',
738	props: (route) => ({ type: route.query.type }),	738	props: (route) => ({ type: route.query.type }),
739	component: () =>	739	component: () =>
740	import (	740	import (
741	`@/pages/Report/admitCard.vue`	741	`@/pages/Report/admitCard.vue`
742	)	742	)
743	},	743	},
744	{	744	{
745	path: '/generalSetting',	745	path: '/generalSetting',
746	meta: {},	746	meta: {},
747	name: 'General Setting',	747	name: 'General Setting',
748	props: (route) => ({ type: route.query.type }),	748	props: (route) => ({ type: route.query.type }),
749	component: () =>	749	component: () =>
750	import (	750	import (
751	/* webpackChunkName: "routes" */	751	/* webpackChunkName: "routes" */
752	/* webpackMode: "lazy-once" */	752	/* webpackMode: "lazy-once" */
753	`@/pages/generalSetting/generalSetting.vue`	753	`@/pages/generalSetting/generalSetting.vue`
754	)	754	)
755	},	755	},
756	{	756	{
757	path: '/assignment',	757	path: '/assignment',
758	meta: {},	758	meta: {},
759	name: 'Assignment',	759	name: 'Assignment',
760	props: (route) => ({ type: route.query.type }),	760	props: (route) => ({ type: route.query.type }),
761	component: () =>	761	component: () =>
762	import (	762	import (
763	`@/pages/Academic/assignment.vue`	763	`@/pages/Academic/assignment.vue`
764	)	764	)
765	},	765	},
766	{	766	{
767	path: '/routine',	767	path: '/routine',
768	meta: {},	768	meta: {},
769	name: 'Routine',	769	name: 'Routine',
770	props: (route) => ({ type: route.query.type }),	770	props: (route) => ({ type: route.query.type }),
771	component: () =>	771	component: () =>
772	import (	772	import (
773	`@/pages/Academic/routine.vue`	773	`@/pages/Academic/routine.vue`
774	)	774	)
775	},	775	},
776	{	776	{
777	path: '/subject',	777	path: '/subject',
778	meta: {},	778	meta: {},
779	name: 'Subject',	779	name: 'Subject',
780	props: (route) => ({ type: route.query.type }),	780	props: (route) => ({ type: route.query.type }),
781	component: () =>	781	component: () =>
782	import (	782	import (
783	`@/pages/Academic/subject.vue`	783	`@/pages/Academic/subject.vue`
784	)	784	)
785	},	785	},
786	{	786	{
787	path: '/syllabus',	787	path: '/syllabus',
788	meta: {},	788	meta: {},
789	name: 'Syllabus',	789	name: 'Syllabus',
790	props: (route) => ({ type: route.query.type }),	790	props: (route) => ({ type: route.query.type }),
791	component: () =>	791	component: () =>
792	import (	792	import (
793	`@/pages/Academic/syllabus.vue`	793	`@/pages/Academic/syllabus.vue`
794	)	794	)
795	},	795	},
796		796	{
		797	path: '/course',
		798	meta: {},
		799	name: 'Course',
		800	props: (route) => ({ type: route.query.type }),
		801	component: () =>
		802	import (
		803	/* webpackChunkName: "routes" */
		804	/* webpackMode: "lazy-once" */
		805	`@/pages/Course/course.vue`
		806	)
		807	},
		808	{
		809	path: '/enrollStudents',
		810	meta: {},
		811	name: 'Enroll Students',
		812	props: (route) => ({ type: route.query.type }),
		813	component: () =>
		814	import (
		815	/* webpackChunkName: "routes" */
		816	/* webpackMode: "lazy-once" */
		817	`@/pages/Course/enrollStudents.vue`
		818	)
		819	},
		820	{
		821	path: '/annoucement',
		822	meta: {},
		823	name: 'Annoucement',
		824	props: (route) => ({ type: route.query.type }),
		825	component: () =>
		826	import (
		827	/* webpackChunkName: "routes" */
		828	/* webpackMode: "lazy-once" */
		829	`@/pages/Annoucement/annoucement.vue`
		830	)
		831	},
797	//////SCHOOL	832	//////SCHOOL
798		833
799	{	834	{
800	path: '/school',	835	path: '/school',
801	meta: {},	836	meta: {},
802	name: 'School',	837	name: 'School',
803	props: (route) => ({ type: route.query.type }),	838	props: (route) => ({ type: route.query.type }),
804	component: () =>	839	component: () =>
805	import (	840	import (
806	/* webpackChunkName: "routes" */	841	/* webpackChunkName: "routes" */
807	/* webpackMode: "lazy-once" */	842	/* webpackMode: "lazy-once" */
808	`@/pages/School/school.vue`	843	`@/pages/School/school.vue`
809	)	844	)
810	},	845	},
811	{	846	{
812	path: '/schooldashboard',	847	path: '/schooldashboard',
813	meta: {},	848	meta: {},
814	name: 'View School Dashboard',	849	name: 'View School Dashboard',
815	props: (route) => ({ type: route.query.type }),	850	props: (route) => ({ type: route.query.type }),
816	component: () =>	851	component: () =>
817	import (	852	import (
818	/* webpackChunkName: "routes" */	853	/* webpackChunkName: "routes" */
819	/* webpackMode: "lazy-once" */	854	/* webpackMode: "lazy-once" */
820	`@/pages/School/viewSchoolDashboard.vue`	855	`@/pages/School/viewSchoolDashboard.vue`
821	)	856	)
822	}	857	}
823	];	858	];

static/icon/camera-icon-white.jpg

Diff comments View file @229463b

68.4 KB