viithiisys / School-Management-dashboard

Browse Code »

Commit 6ef5200204b13f0a0ed31c47d34bbc7bc4ecfe9b

Authored by Neeraj Sharma 2020-07-09 03:53:19 -0400

1 parent 6c8f4ba9ad

Exists in master and in 3 other branches

implement all functionality of meetingEvent and enroll student

Showing 5 changed files with 793 additions and 31 deletions Show diff stats

src/api/menu.js

Diff comments View file @6ef5200

 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: '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: 'Course Detail', title: 'Course Detail', component: 'Course Detail', action: '', },
             // { name: 'Routine', title: 'Routine', component: 'Routine', action: '', },
         ]
     },
     {
         title: 'Annoucement',
         // group: 'apps',
         name: 'Annoucement',
         icon: '/static/icon/student.png',
     },
     {
+        title: 'Meeting Event',
+        // group: 'apps',
+        name: 'Meeting Event',
+        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',
     }
 ];
 const parentMenu = [{
     title: 'Dashboard',
     name: 'Dashboard',
     icon: '/static/icon/dashboard.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, parentMenu };

src/pages/Course/courseDetail.vue

Diff comments View file @6ef5200

1	<template>	1	<template>
2	<v-container fluid class="body-color">	2	<v-container fluid class="body-color">
3	<!-- **** Edit Chapter detail **** -->	3	<!-- **** Edit Chapter detail **** -->
4	<v-dialog v-model="editCourseDetailDialog" max-width="1000px" scrollable>	4	<v-dialog v-model="editCourseDetailDialog" max-width="1000px" scrollable>
5	<v-card class="card-style pa-2" dark>	5	<v-card class="card-style pa-2" dark>
6	<v-layout>	6	<v-layout>
7	<v-flex xs12>	7	<v-flex xs12>
8	<label class="title text-xs-center">Edit Chapter</label>	8	<label class="title text-xs-center">Edit Chapter</label>
9	<v-icon size="24" class="right" @click="editCourseDetailDialog = false">cancel</v-icon>	9	<v-icon size="24" class="right" @click="editCourseDetailDialog = false">cancel</v-icon>
10	</v-flex>	10	</v-flex>
11	</v-layout>	11	</v-layout>
12	<v-card-text>	12	<v-card-text>
13	<v-layout wrap>	13	<v-layout wrap>
14	<v-flex xs12 sm12>	14	<v-flex xs12 sm12>
15	<v-layout>	15	<v-layout>
16	<v-flex xs4 class="pt-4 subheading">	16	<v-flex xs4 class="pt-4 subheading">
17	<label class="right">Select Class:</label>	17	<label class="right">Select Class:</label>
18	</v-flex>	18	</v-flex>
19	<v-flex xs8 sm6 class="ml-3">	19	<v-flex xs8 sm6 class="ml-3">
20	<v-select	20	<v-select
21	small	21	small
22	:items="addclass"	22	:items="addclass"
23	label="Select Class"	23	label="Select Class"
24	v-model="editedCourse.classId"	24	v-model="editedCourse.classId"
25	item-text="classNum"	25	item-text="classNum"
26	item-value="_id"	26	item-value="_id"
27	name="Select Class"	27	name="Select Class"
28	@change="getCourses(getCourse.classId)"	28	@change="getCourses(editedCourse.classId)"
29	class="mr-2"	29	class="mr-2"
30	required	30	required
31	></v-select>	31	></v-select>
32	</v-flex>	32	</v-flex>
33	</v-layout>	33	</v-layout>
34	</v-flex>	34	</v-flex>
35	<v-flex xs12 sm12>	35	<v-flex xs12 sm12>
36	<v-layout>	36	<v-layout>
37	<v-flex xs4 class="pt-4 subheading">	37	<v-flex xs4 class="pt-4 subheading">
38	<label class="right">Select Course:</label>	38	<label class="right">Select Course:</label>
39	</v-flex>	39	</v-flex>
40	<v-flex xs8 sm6 class="ml-3">	40	<v-flex xs8 sm6 class="ml-3">
41	<v-select	41	<v-select
42	:items="courseData"	42	:items="courseData"
43	label="Select Course"	43	label="Select Course"
44	v-model="editedCourse.courseId"	44	v-model="editedCourse.courseId"
45	item-text="coursrName"	45	item-text="coursrName"
46	item-value="_id"	46	item-value="_id"
47	required	47	required
48	class="ml-2"	48	class="ml-2"
49	></v-select>	49	></v-select>
50	</v-flex>	50	</v-flex>
51	</v-layout>	51	</v-layout>
52	</v-flex>	52	</v-flex>
53	</v-layout>	53	</v-layout>
54	<v-layout>	54	<v-layout>
55	<v-flex xs12 sm12 md11 lg11>	55	<v-flex xs12 sm12 md11 lg11>
56	<v-card-actions class="hidden-xs-only hidden-sm-only">	56	<v-card-actions class="hidden-xs-only hidden-sm-only">
57	<v-spacer></v-spacer>	57	<v-spacer></v-spacer>
58	<v-btn round dark @click="save" :loading="editLoading" class="add-button mr-4">Save</v-btn>	58	<v-btn round dark @click="save" :loading="editLoading" class="add-button mr-4">Save</v-btn>
59	</v-card-actions>	59	</v-card-actions>
60	<v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">	60	<v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
61	<v-spacer></v-spacer>	61	<v-spacer></v-spacer>
62	<v-btn round dark @click="save" :loading="editLoading" class="add-button">Save</v-btn>	62	<v-btn round dark @click="save" :loading="editLoading" class="add-button">Save</v-btn>
63	<v-spacer></v-spacer>	63	<v-spacer></v-spacer>
64	</v-card-actions>	64	</v-card-actions>
65	</v-flex>	65	</v-flex>
66	</v-layout>	66	</v-layout>
67	</v-card-text>	67	</v-card-text>
68	</v-card>	68	</v-card>
69	</v-dialog>	69	</v-dialog>
70	<!-- **** Edit Chapter detail **** -->	70	<!-- **** Edit Chapter detail **** -->
71	<v-dialog v-model="editChapterDetailDialog" max-width="1000px" scrollable>	71	<v-dialog v-model="editChapterDetailDialog" max-width="1000px" scrollable>
72	<v-card class="card-style pa-2" dark>	72	<v-card class="card-style pa-2" dark>
73	<v-layout>	73	<v-layout>
74	<v-flex xs12>	74	<v-flex xs12>
75	<label class="title text-xs-center">Edit Chapter</label>	75	<label class="title text-xs-center">Edit Chapter</label>
76	<v-icon size="24" class="right" @click="editChapterDetailDialog = false">cancel</v-icon>	76	<v-icon size="24" class="right" @click="editChapterDetailDialog = false">cancel</v-icon>
77	</v-flex>	77	</v-flex>
78	</v-layout>	78	</v-layout>
79	<v-card-text>	79	<v-card-text>
80	<v-layout wrap>	80	<v-layout wrap>
81	<v-flex xs12 sm12>	81	<v-flex xs12 sm12>
82	<v-layout>	82	<v-layout>
83	<v-flex xs4 class="pt-4 subheading">	83	<v-flex xs4 class="pt-4 subheading">
84	<label class="right">Chapter Name:</label>	84	<label class="right">Chapter Name:</label>
85	</v-flex>	85	</v-flex>
86	<v-flex xs8 sm6 class="ml-3">	86	<v-flex xs8 sm6 class="ml-3">
87	<v-text-field	87	<v-text-field
88	v-model="editChapter.chapterName"	88	v-model="editChapter.chapterName"
89	placeholder="fill your Title"	89	placeholder="fill your Title"
90	type="text"	90	type="text"
91	required	91	required
92	></v-text-field>	92	></v-text-field>
93	</v-flex>	93	</v-flex>
94	</v-layout>	94	</v-layout>
95	</v-flex>	95	</v-flex>
96	<v-flex xs12 sm12>	96	<v-flex xs12 sm12>
97	<v-layout>	97	<v-layout>
98	<v-flex xs4 class="pt-4 subheading">	98	<v-flex xs4 class="pt-4 subheading">
99	<label class="right">Description:</label>	99	<label class="right">Description:</label>
100	</v-flex>	100	</v-flex>
101	<v-flex xs8 sm6 class="ml-3">	101	<v-flex xs8 sm6 class="ml-3">
102	<v-text-field	102	<v-text-field
103	placeholder="fill your Description"	103	placeholder="fill your Description"
104	v-model="editChapter.description"	104	v-model="editChapter.description"
105	type="text"	105	type="text"
106	required	106	required
107	></v-text-field>	107	></v-text-field>
108	</v-flex>	108	</v-flex>
109	</v-layout>	109	</v-layout>
110	</v-flex>	110	</v-flex>
111	</v-layout>	111	</v-layout>
112	<v-flex xs12 v-if="editChapter.chapterPoints !=[]">	112	<v-flex xs12 v-if="editChapter.chapterPoints !=[]">
113	<v-layout	113	<v-layout
114	wrap	114	wrap
115	v-for="(editChapterPoint,index) in editChapter.chapterPoints"	115	v-for="(editChapterPoint,index) in editChapter.chapterPoints"
116	:key="index"	116	:key="index"
117	>	117	>
118	<v-flex xs12 sm12 md4 class="pt-4 subheading">	118	<v-flex xs12 sm12 md4 class="pt-4 subheading">
119	<label class="right hidden-xs-only hidden-sm-only">Chapter Points:</label>	119	<label class="right hidden-xs-only hidden-sm-only">Chapter Points:</label>
120	<label class="hidden-md-only hidden-lg-only hidden-xl-only">Chapter Points:</label>	120	<label class="hidden-md-only hidden-lg-only hidden-xl-only">Chapter Points:</label>
121	</v-flex>	121	</v-flex>
122	<v-layout>	122	<v-layout>
123	<v-flex xs10 sm10 sm5 md9 class="ml-3">	123	<v-flex xs10 sm10 sm5 md9 class="ml-3">
124	<v-text-field :value="editChapterPoint" type="text" required></v-text-field>	124	<v-text-field :value="editChapterPoint" type="text" required></v-text-field>
125	</v-flex>	125	</v-flex>
126	<v-flex xs2 class="pt-4">	126	<v-flex xs2 class="pt-4">
127	<v-icon @click="deleteUrl(index)">cancel</v-icon>	127	<v-icon @click="deleteUrl(index)">cancel</v-icon>
128	<!-- <v-icon @click="update()">add_circle</v-icon> -->	128	<!-- <v-icon @click="update()">add_circle</v-icon> -->
129	</v-flex>	129	</v-flex>
130	</v-layout>	130	</v-layout>
131	</v-layout>	131	</v-layout>
132	</v-flex>	132	</v-flex>
133	<v-flex xs12>	133	<v-flex xs12>
134	<div v-for="(updateImage,index) in updates" :key="index">	134	<div v-for="(updateImage,index) in updates" :key="index">
135	<v-layout wrap>	135	<v-layout wrap>
136	<v-flex xs12 sm12 md4 class="pt-4 subheading">	136	<v-flex xs12 sm12 md4 class="pt-4 subheading">
137	<label class="right hidden-xs-only hidden-sm-only">Chapter Points:</label>	137	<label class="right hidden-xs-only hidden-sm-only">Chapter Points:</label>
138	<label class="hidden-md-only hidden-lg-only hidden-xl-only">Chapter Points:</label>	138	<label class="hidden-md-only hidden-lg-only hidden-xl-only">Chapter Points:</label>
139	</v-flex>	139	</v-flex>
140	<v-layout>	140	<v-layout>
141	<v-flex xs10 sm12 md9 class="ml-3">	141	<v-flex xs10 sm12 md9 class="ml-3">
142	<v-text-field	142	<v-text-field
143	v-model="updateImage.value"	143	v-model="updateImage.value"
144	placeholder="Upload new Chapter Points"	144	placeholder="Upload new Chapter Points"
145	required	145	required
146	></v-text-field>	146	></v-text-field>
147	</v-flex>	147	</v-flex>
148	<v-flex xs2 class="pt-4">	148	<v-flex xs2 class="pt-4">
149	<v-icon @click="deleteUpdate(index)" v-if="index !=0">cancel</v-icon>	149	<v-icon @click="deleteUpdate(index)" v-if="index !=0">cancel</v-icon>
150	<v-icon @click="update">add_circle</v-icon>	150	<v-icon @click="update">add_circle</v-icon>
151	</v-flex>	151	</v-flex>
152	</v-layout>	152	</v-layout>
153	</v-layout>	153	</v-layout>
154	</div>	154	</div>
155	</v-flex>	155	</v-flex>
156	<v-layout>	156	<v-layout>
157	<v-flex xs12 sm12 md11 lg11>	157	<v-flex xs12 sm12 md11 lg11>
158	<v-card-actions class="hidden-xs-only hidden-sm-only">	158	<v-card-actions class="hidden-xs-only hidden-sm-only">
159	<v-spacer></v-spacer>	159	<v-spacer></v-spacer>
160	<v-btn	160	<v-btn
161	round	161	round
162	dark	162	dark
163	@click="saveChapter"	163	@click="saveChapter"
164	:loading="editLoading"	164	:loading="editLoading"
165	class="add-button mr-4"	165	class="add-button mr-4"
166	>Save</v-btn>	166	>Save</v-btn>
167	</v-card-actions>	167	</v-card-actions>
168	<v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">	168	<v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
169	<v-spacer></v-spacer>	169	<v-spacer></v-spacer>
170	<v-btn	170	<v-btn
171	round	171	round
172	dark	172	dark
173	@click="saveChapter"	173	@click="saveChapter"
174	:loading="editLoading"	174	:loading="editLoading"
175	class="add-button"	175	class="add-button"
176	>Save</v-btn>	176	>Save</v-btn>
177	<v-spacer></v-spacer>	177	<v-spacer></v-spacer>
178	</v-card-actions>	178	</v-card-actions>
179	</v-flex>	179	</v-flex>
180	</v-layout>	180	</v-layout>
181	</v-card-text>	181	</v-card-text>
182	</v-card>	182	</v-card>
183	</v-dialog>	183	</v-dialog>
184	<!-- **** Add Chapter detail **** -->	184	<!-- **** Add Chapter detail **** -->
185	<v-dialog v-model="addChapterDialog" max-width="1000px" scrollable>	185	<v-dialog v-model="addChapterDialog" max-width="1000px" scrollable>
186	<v-card class="card-style pa-2" dark>	186	<v-card class="card-style pa-2" dark>
187	<v-layout>	187	<v-layout>
188	<v-flex xs12>	188	<v-flex xs12>
189	<label class="title text-xs-center">Add Chapter Detail</label>	189	<label class="title text-xs-center">Add Chapter Detail</label>
190	<v-icon size="24" class="right" @click="addChapterDialog = false">cancel</v-icon>	190	<v-icon size="24" class="right" @click="addChapterDialog = false">cancel</v-icon>
191	</v-flex>	191	</v-flex>
192	</v-layout>	192	</v-layout>
193	<v-card-text>	193	<v-card-text>
194	<v-layout wrap>	194	<v-layout wrap>
195	<v-flex xs12 sm12>	195	<v-flex xs12 sm12>
196	<v-layout>	196	<v-layout>
197	<v-flex xs4 class="pt-4 subheading">	197	<v-flex xs4 class="pt-4 subheading">
198	<label class="right">Chapter Name:</label>	198	<label class="right">Chapter Name:</label>
199	</v-flex>	199	</v-flex>
200	<v-flex xs8 sm6 class="ml-3">	200	<v-flex xs8 sm6 class="ml-3">
201	<v-text-field	201	<v-text-field
202	v-model="addChapterItem.chapterName"	202	v-model="addChapterItem.chapterName"
203	placeholder="fill your Title"	203	placeholder="fill your Title"
204	type="text"	204	type="text"
205	required	205	required
206	></v-text-field>	206	></v-text-field>
207	</v-flex>	207	</v-flex>
208	</v-layout>	208	</v-layout>
209	</v-flex>	209	</v-flex>
210	<v-flex xs12 sm12>	210	<v-flex xs12 sm12>
211	<v-layout>	211	<v-layout>
212	<v-flex xs4 class="pt-4 subheading">	212	<v-flex xs4 class="pt-4 subheading">
213	<label class="right">Description:</label>	213	<label class="right">Description:</label>
214	</v-flex>	214	</v-flex>
215	<v-flex xs8 sm6 class="ml-3">	215	<v-flex xs8 sm6 class="ml-3">
216	<v-text-field	216	<v-text-field
217	placeholder="fill your Description"	217	placeholder="fill your Description"
218	v-model="addChapterItem.description"	218	v-model="addChapterItem.description"
219	type="text"	219	type="text"
220	required	220	required
221	></v-text-field>	221	></v-text-field>
222	</v-flex>	222	</v-flex>
223	</v-layout>	223	</v-layout>
224	</v-flex>	224	</v-flex>
225	</v-layout>	225	</v-layout>
226	<v-flex xs12>	226	<v-flex xs12>
227	<div v-for="(chapterPoints,index) in findsChapterPoint" :key="index">	227	<div v-for="(chapterPoints,index) in findsChapterPoint" :key="index">
228	<v-layout>	228	<v-layout>
229	<v-flex xs4 class="pt-4 subheading">	229	<v-flex xs4 class="pt-4 subheading">
230	<label class="right">Chapter Points:</label>	230	<label class="right">Chapter Points:</label>
231	</v-flex>	231	</v-flex>
232	<v-flex xs8 sm8 md6 class="ml-3">	232	<v-flex xs8 sm8 md6 class="ml-3">
233	<v-text-field	233	<v-text-field
234	placeholder="fill your Chapter Points"	234	placeholder="fill your Chapter Points"
235	v-model="chapterPoints.value"	235	v-model="chapterPoints.value"
236	type="text"	236	type="text"
237	name="link"	237	name="link"
238	required	238	required
239	></v-text-field>	239	></v-text-field>
240	</v-flex>	240	</v-flex>
241	<v-flex xs2 class="pt-4">	241	<v-flex xs2 class="pt-4">
242	<v-icon @click="deleteChapterPoint(index)" v-if="index !=0 ">cancel</v-icon>	242	<v-icon @click="deleteChapterPoint(index)" v-if="index !=0 ">cancel</v-icon>
243	<v-icon @click="addChapterPoint()">add_circle</v-icon>	243	<v-icon @click="addChapterPoint()">add_circle</v-icon>
244	</v-flex>	244	</v-flex>
245	</v-layout>	245	</v-layout>
246	</div>	246	</div>
247	</v-flex>	247	</v-flex>
248	<v-layout>	248	<v-layout>
249	<v-flex xs12 sm12 md11 lg11>	249	<v-flex xs12 sm12 md11 lg11>
250	<v-card-actions class="hidden-xs-only hidden-sm-only">	250	<v-card-actions class="hidden-xs-only hidden-sm-only">
251	<v-spacer></v-spacer>	251	<v-spacer></v-spacer>
252	<v-btn	252	<v-btn
253	round	253	round
254	dark	254	dark
255	@click="submitChapter"	255	@click="submitChapter"
256	:loading="editLoading"	256	:loading="editLoading"
257	class="add-button mr-4"	257	class="add-button mr-4"
258	>Submit</v-btn>	258	>Submit</v-btn>
259	</v-card-actions>	259	</v-card-actions>
260	<v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">	260	<v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
261	<v-spacer></v-spacer>	261	<v-spacer></v-spacer>
262	<v-btn round dark @click="save" :loading="editLoading" class="add-button">Save</v-btn>	262	<v-btn round dark @click="save" :loading="editLoading" class="add-button">Save</v-btn>
263	<v-spacer></v-spacer>	263	<v-spacer></v-spacer>
264	</v-card-actions>	264	</v-card-actions>
265	</v-flex>	265	</v-flex>
266	</v-layout>	266	</v-layout>
267	</v-card-text>	267	</v-card-text>
268	</v-card>	268	</v-card>
269	</v-dialog>	269	</v-dialog>
270		270
271	<!-- **** PROFILE Gallery **** -->	271	<!-- **** PROFILE Gallery **** -->
272		272
273	<v-dialog v-model="viewProfileGallery" max-width="1000" scrollable>	273	<v-dialog v-model="viewProfileGallery" max-width="1000" scrollable>
274	<v-card flat class="card-style pa-3" dark>	274	<v-card flat class="card-style pa-3" dark>
275	<v-layout>	275	<v-layout>
276	<v-flex xs12>	276	<v-flex xs12>
277	<label class="title text-xs-center">View Course Detail</label>	277	<label class="title text-xs-center">View Course Detail</label>
278	<v-icon size="24" class="right" @click="closeProfileGallery">cancel</v-icon>	278	<v-icon size="24" class="right" @click="closeProfileGallery">cancel</v-icon>
279	</v-flex>	279	</v-flex>
280	</v-layout>	280	</v-layout>
281	<v-card-text>	281	<v-card-text>
282	<v-container grid-list-md>	282	<v-container grid-list-md>
283	<v-layout wrap>	283	<v-layout wrap>
284	<v-flex xs12>	284	<v-flex xs12>
285	<v-layout>	285	<v-layout>
286	<v-flex xs4 sm6>	286	<v-flex xs4 sm6>
287	<h5 class="right my-1">	287	<h5 class="right my-1">
288	<b>Chapter Name:</b>	288	<b>Chapter Name:</b>
289	</h5>	289	</h5>
290	</v-flex>	290	</v-flex>
291	<v-flex sm6 xs8>	291	<v-flex sm6 xs8>
292	<h5 class="my-1">{{ editedItem.chapterName }}</h5>	292	<h5 class="my-1">{{ editedItem.chapterName }}</h5>
293	</v-flex>	293	</v-flex>
294	</v-layout>	294	</v-layout>
295	<v-layout>	295	<v-layout>
296	<v-flex xs4 sm6>	296	<v-flex xs4 sm6>
297	<h5 class="right my-1">	297	<h5 class="right my-1">
298	<b>Description:</b>	298	<b>Description:</b>
299	</h5>	299	</h5>
300	</v-flex>	300	</v-flex>
301	<v-flex sm6 xs8>	301	<v-flex sm6 xs8>
302	<h5 class="my-1">{{ editedItem.description }}</h5>	302	<h5 class="my-1">{{ editedItem.description }}</h5>
303	</v-flex>	303	</v-flex>
304	</v-layout>	304	</v-layout>
305	<v-layout>	305	<v-layout>
306	<v-flex xs5 sm6>	306	<v-flex xs5 sm6>
307	<h5 class="right my-1">	307	<h5 class="right my-1">
308	<b>You Tube Link Url:</b>	308	<b>You Tube Link Url:</b>
309	</h5>	309	</h5>
310	</v-flex>	310	</v-flex>
311	<v-flex sm6 xs8>	311	<v-flex sm6 xs8>
312	<h5 class="my-1">	312	<h5 class="my-1">
313	<ul v-for="chapterPoint in editedItem.chapterPoints" :key="chapterPoint">	313	<ul v-for="chapterPoint in editedItem.chapterPoints" :key="chapterPoint">
314	<li>{{ chapterPoint}}</li>	314	<li>{{ chapterPoint}}</li>
315	</ul>	315	</ul>
316	</h5>	316	</h5>
317	</v-flex>	317	</v-flex>
318	</v-layout>	318	</v-layout>
319	</v-flex>	319	</v-flex>
320	</v-layout>	320	</v-layout>
321	</v-container>	321	</v-container>
322	</v-card-text>	322	</v-card-text>
323	</v-card>	323	</v-card>
324	</v-dialog>	324	</v-dialog>
325		325
326	<!-- **** Course Detail TABLE **** -->	326	<!-- **** Course Detail TABLE **** -->
327		327
328	<v-toolbar color="transparent" flat>	328	<v-toolbar color="transparent" flat>
329	<v-btn	329	<v-btn
330	fab	330	fab
331	dark	331	dark
332	class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"	332	class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
333	small	333	small
334	@click="addCourseDetailDialog = true"	334	@click="addCourseDetailDialog = true"
335	>	335	>
336	<v-icon dark>add</v-icon>	336	<v-icon dark>add</v-icon>
337	</v-btn>	337	</v-btn>
338	<v-btn	338	<v-btn
339	round	339	round
340	class="open-dialog-button hidden-sm-only hidden-xs-only"	340	class="open-dialog-button hidden-sm-only hidden-xs-only"
341	dark	341	dark
342	@click="addCourseDetailDialog = true"	342	@click="addCourseDetailDialog = true"
343	>	343	>
344	<v-icon class="white--text pr-1" size="20">add</v-icon>Add Course Detail	344	<v-icon class="white--text pr-1" size="20">add</v-icon>Add Course Detail
345	</v-btn>	345	</v-btn>
346	<v-flex xs12 sm4 md2>	346	<v-flex xs12 sm4 md2>
347	<v-select	347	<v-select
348	small	348	small
349	:items="addclass"	349	:items="addclass"
350	label="Select Class"	350	label="Select Class"
351	v-model="getCourse.classId"	351	v-model="getCourse.classId"
352	item-text="classNum"	352	item-text="classNum"
353	item-value="_id"	353	item-value="_id"
354	name="Select Class"	354	name="Select Class"
355	@change="getCourses(getCourse.classId)"	355	@change="getCourses(getCourse.classId)"
356	class="mr-2"	356	class="mr-2"
357	required	357	required
358	></v-select>	358	></v-select>
359	</v-flex>	359	</v-flex>
360	<v-flex xs12 sm4 md2>	360	<v-flex xs12 sm4 md2>
361	<v-select	361	<v-select
362	:items="courseData"	362	:items="courseData"
363	label="Select Course"	363	label="Select Course"
364	v-model="getCourse.courseId"	364	v-model="getCourse.courseId"
365	item-text="coursrName"	365	item-text="coursrName"
366	item-value="_id"	366	item-value="_id"
367	required	367	required
368	class="ml-2"	368	class="ml-2"
369	@change="getCourseDetailsList(getCourse.courseId)"	369	@change="getCourseDetailsList(getCourse.courseId)"
370	></v-select>	370	></v-select>
371	</v-flex>	371	</v-flex>
372	<v-spacer></v-spacer>	372	<v-spacer></v-spacer>
373	<v-card-title class="body-1" v-show="show">	373	<v-card-title class="body-1" v-show="show">
374	<v-btn icon large flat @click="displaySearch">	374	<v-btn icon large flat @click="displaySearch">
375	<v-avatar size="27">	375	<v-avatar size="27">
376	<img src="/static/icon/search.png" alt="icon" />	376	<img src="/static/icon/search.png" alt="icon" />
377	</v-avatar>	377	</v-avatar>
378	</v-btn>	378	</v-btn>
379	</v-card-title>	379	</v-card-title>
380	<v-flex xs8 sm8 md3 lg2 v-show="showSearch">	380	<v-flex xs8 sm8 md3 lg2 v-show="showSearch">
381	<v-layout>	381	<v-layout>
382	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>	382	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
383	<v-icon @click="closeSearch" color="error">close</v-icon>	383	<v-icon @click="closeSearch" color="error">close</v-icon>
384	</v-layout>	384	</v-layout>
385	</v-flex>	385	</v-flex>
386	</v-toolbar>	386	</v-toolbar>
387	<v-data-table	387	<v-data-table
388	:headers="headers"	388	:headers="headers"
389	:items="CourseDetailsList"	389	:items="CourseDetailsList"
390	:pagination.sync="pagination"	390	:pagination.sync="pagination"
391	:search="search"	391	:search="search"
392	item-key="_id"	392	item-key="_id"
393	>	393	>
394	<template slot="items" slot-scope="props">	394	<template slot="items" slot-scope="props">
395	<tr class="tr" @click="courseTableRow(props.item._id)">	395	<tr class="tr" @click="courseTableRow(props.item._id)">
396	<td class="td td-row">{{ props.index + 1}}</td>	396	<td class="td td-row">{{ props.index + 1}}</td>
397	<td class="td td-row text-xs-center">{{ props.item.classId.classNum }}</td>	397	<td class="td td-row text-xs-center">{{ props.item.classId.classNum }}</td>
398	<td class="td td-row text-xs-center">{{ props.item.courseId.coursrName }}</td>	398	<td class="td td-row text-xs-center">{{ props.item.courseId.coursrName }}</td>
399	<td class="td td-row text-xs-center">	399	<td class="td td-row text-xs-center">
400	<span>	400	<span>
401	<v-tooltip top>	401	<v-tooltip top>
402	<v-icon	402	<v-icon
403	slot="activator"	403	slot="activator"
404	style="cursor:pointer;font-size:22px "	404	style="cursor:pointer;font-size:22px "
405	class="mr-3"	405	class="mr-3"
406	@click="addChapters(props.item)"	406	@click="addChapters(props.item)"
407	>add_circle_outline</v-icon>	407	>add_circle_outline</v-icon>
408	<span>Add</span>	408	<span>Add</span>
409	</v-tooltip>	409	</v-tooltip>
410	<v-tooltip top>	410	<v-tooltip top>
411	<img	411	<img
412	slot="activator"	412	slot="activator"
413	style="cursor:pointer; width:25px; height:25px; "	413	style="cursor:pointer; width:25px; height:25px; "
414	class="mr-3"	414	class="mr-3"
415	@click="props.expanded = !props.expanded"	415	@click="props.expanded = !props.expanded"
416	src="/static/icon/view.png"	416	src="/static/icon/view.png"
417	/>	417	/>
418	<span>View</span>	418	<span>View</span>
419	</v-tooltip>	419	</v-tooltip>
420	<v-tooltip top>	420	<v-tooltip top>
421	<img	421	<img
422	slot="activator"	422	slot="activator"
423	style="cursor:pointer; width:20px; height:18px; "	423	style="cursor:pointer; width:20px; height:18px; "
424	class="mr-3"	424	class="mr-3"
425	@click="editItem(props.item)"	425	@click="editItem(props.item)"
426	src="/static/icon/edit.png"	426	src="/static/icon/edit.png"
427	/>	427	/>
428	<span>Edit</span>	428	<span>Edit</span>
429	</v-tooltip>	429	</v-tooltip>
430	<v-tooltip top>	430	<v-tooltip top>
431	<img	431	<img
432	slot="activator"	432	slot="activator"
433	style="cursor:pointer; width:20px; height:20px; "	433	style="cursor:pointer; width:20px; height:20px; "
434	class="mr-3"	434	class="mr-3"
435	@click="deleteItem(props.item)"	435	@click="deleteItem(props.item)"
436	src="/static/icon/delete.png"	436	src="/static/icon/delete.png"
437	/>	437	/>
438	<span>Delete</span>	438	<span>Delete</span>
439	</v-tooltip>	439	</v-tooltip>
440	</span>	440	</span>
441	</td>	441	</td>
442	</tr>	442	</tr>
443	</template>	443	</template>
444	<template slot="expand" slot-scope="props">	444	<template slot="expand" slot-scope="props">
445	<v-data-table :items="chapters" hide-actions item-key="chapterName" style="width: auto;">	445	<v-data-table :items="chapters" hide-actions item-key="chapterName" style="width: auto;">
446	<template slot="items" slot-scope="props">	446	<template slot="items" slot-scope="props">
447	<tr class="tr" @click="props.expanded = !props.expanded">	447	<tr class="tr" @click="props.expanded = !props.expanded">
448	<td class="td td-row">{{ props.index + 1}}</td>	448	<td class="td td-row">{{ props.index + 1}}</td>
449	<td class="text-xs-center td td-row">{{ props.item.chapterName}}</td>	449	<td class="text-xs-center td td-row">{{ props.item.chapterName}}</td>
450	<td class="text-xs-center td td-row">{{ props.item.description }}</td>	450	<td class="text-xs-center td td-row">{{ props.item.description }}</td>
451	<td class="text-xs-center td td-row">	451	<td class="text-xs-center td td-row">
452	<v-tooltip top>	452	<v-tooltip top>
453	<img	453	<img
454	slot="activator"	454	slot="activator"
455	style="cursor:pointer; width:25px; height:25px; "	455	style="cursor:pointer; width:25px; height:25px; "
456	class="mr-3"	456	class="mr-3"
457	@click="profile(props.item)"	457	@click="profile(props.item)"
458	src="/static/icon/view.png"	458	src="/static/icon/view.png"
459	/>	459	/>
460	<span>View</span>	460	<span>View</span>
461	</v-tooltip>	461	</v-tooltip>
462	<v-tooltip top>	462	<v-tooltip top>
463	<img	463	<img
464	slot="activator"	464	slot="activator"
465	style="cursor:pointer; width:20px; height:18px; "	465	style="cursor:pointer; width:20px; height:18px; "
466	class="mr-3"	466	class="mr-3"
467	@click="editChapterItem(props.item)"	467	@click="editChapterItem(props.item)"
468	src="/static/icon/edit.png"	468	src="/static/icon/edit.png"
469	/>	469	/>
470	<span>Edit</span>	470	<span>Edit</span>
471	</v-tooltip>	471	</v-tooltip>
472	<v-tooltip top>	472	<v-tooltip top>
473	<img	473	<img
474	slot="activator"	474	slot="activator"
475	style="cursor:pointer; width:20px; height:20px; "	475	style="cursor:pointer; width:20px; height:20px; "
476	class="mr-3"	476	class="mr-3"
477	@click="deleteChapters(props.item)"	477	@click="deleteChapters(props.item)"
478	src="/static/icon/delete.png"	478	src="/static/icon/delete.png"
479	/>	479	/>
480	<span>Delete Chapter</span>	480	<span>Delete Chapter</span>
481	</v-tooltip>	481	</v-tooltip>
482	</td>	482	</td>
483	</tr>	483	</tr>
484	</template>	484	</template>
485	</v-data-table>	485	</v-data-table>
486	</template>	486	</template>
487		487
488	<v-alert	488	<v-alert
489	slot="no-results"	489	slot="no-results"
490	:value="true"	490	:value="true"
491	color="error"	491	color="error"
492	icon="warning"	492	icon="warning"
493	>Your search for "{{ search }}" found no results.</v-alert>	493	>Your search for "{{ search }}" found no results.</v-alert>
494	</v-data-table>	494	</v-data-table>
495	<!-- **** ADD Course Detail **** -->	495	<!-- **** ADD Course Detail **** -->
496	<v-dialog v-model="addCourseDetailDialog" max-width="600px">	496	<v-dialog v-model="addCourseDetailDialog" max-width="600px">
497	<v-card flat class="card-style pa-2" dark>	497	<v-card flat class="card-style pa-2" dark>
498	<v-layout>	498	<v-layout>
499	<v-flex xs12>	499	<v-flex xs12>
500	<label class="title text-xs-center">Add Course Details</label>	500	<label class="title text-xs-center">Add Course Details</label>
501	<v-icon size="24" class="right" @click="addCourseDetailDialog = false">cancel</v-icon>	501	<v-icon size="24" class="right" @click="addCourseDetailDialog = false">cancel</v-icon>
502	</v-flex>	502	</v-flex>
503	</v-layout>	503	</v-layout>
504	<v-form ref="form" v-model="valid" lazy-validation>	504	<v-form ref="form" v-model="valid" lazy-validation>
505	<v-container fluid>	505	<v-container fluid>
506	<v-flex xs12>	506	<v-flex xs12>
507	<v-layout>	507	<v-layout>
508	<v-flex xs4 class="pt-4 subheading">	508	<v-flex xs4 class="pt-4 subheading">
509	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>	509	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
510	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>	510	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
511	</v-flex>	511	</v-flex>
512	<v-flex xs8 sm8 md7 class="ml-3">	512	<v-flex xs8 sm8 md7 class="ml-3">
513	<v-select	513	<v-select
514	:items="addclass"	514	:items="addclass"
515	label="Select Class"	515	label="Select Class"
516	v-model="addCourseDetail.classId"	516	v-model="addCourseDetail.classId"
517	item-text="classNum"	517	item-text="classNum"
518	item-value="_id"	518	item-value="_id"
519	name="Select Class"	519	name="Select Class"
520	:rules="clsssRules"	520	:rules="clsssRules"
521	@change="getCourses(addCourseDetail.classId)"	521	@change="getCourses(addCourseDetail.classId)"
522	required	522	required
523	></v-select>	523	></v-select>
524	</v-flex>	524	</v-flex>
525	</v-layout>	525	</v-layout>
526	</v-flex>	526	</v-flex>
527	<v-flex xs12>	527	<v-flex xs12>
528	<v-layout>	528	<v-layout>
529	<v-flex xs4 class="pt-4 subheading">	529	<v-flex xs4 class="pt-4 subheading">
530	<label class="right hidden-xs-only hidden-sm-only">Select Course:</label>	530	<label class="right hidden-xs-only hidden-sm-only">Select Course:</label>
531	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>	531	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>
532	</v-flex>	532	</v-flex>
533	<v-flex xs8 sm8 md7 class="ml-3">	533	<v-flex xs8 sm8 md7 class="ml-3">
534	<v-select	534	<v-select
535	:items="courseData"	535	:items="courseData"
536	label="Select Course"	536	label="Select Course"
537	v-model="addCourseDetail.courseId"	537	v-model="addCourseDetail.courseId"
538	item-text="coursrName"	538	item-text="coursrName"
539	item-value="_id"	539	item-value="_id"
540	:rules="courseRules"	540	:rules="courseRules"
541	required	541	required
542	></v-select>	542	></v-select>
543	</v-flex>	543	</v-flex>
544	</v-layout>	544	</v-layout>
545	</v-flex>	545	</v-flex>
546	<v-flex xs12>	546	<v-flex xs12>
547	<v-layout>	547	<v-layout>
548	<v-flex xs4 class="pt-4 subheading">	548	<v-flex xs4 class="pt-4 subheading">
549	<label class="right">Chapter Name:</label>	549	<label class="right">Chapter Name:</label>
550	</v-flex>	550	</v-flex>
551	<v-flex xs8 sm8 md7 class="ml-3">	551	<v-flex xs8 sm8 md7 class="ml-3">
552	<v-text-field	552	<v-text-field
553	v-model="addCourseDetail.chapterName"	553	v-model="addCourseDetail.chapterName"
554	placeholder="fill your Title"	554	placeholder="fill your Title"
555	name="name"	555	name="name"
556	type="text"	556	type="text"
557	:rules="chapterNameRules"	557	:rules="chapterNameRules"
558	required	558	required
559	></v-text-field>	559	></v-text-field>
560	</v-flex>	560	</v-flex>
561	</v-layout>	561	</v-layout>
562	</v-flex>	562	</v-flex>
563	<v-flex xs12>	563	<v-flex xs12>
564	<v-layout>	564	<v-layout>
565	<v-flex xs4 class="pt-4 subheading">	565	<v-flex xs4 class="pt-4 subheading">
566	<label class="right">Description:</label>	566	<label class="right">Description:</label>
567	</v-flex>	567	</v-flex>
568	<v-flex xs8 sm8 md7 class="ml-3">	568	<v-flex xs8 sm8 md7 class="ml-3">
569	<v-text-field	569	<v-text-field
570	placeholder="fill your Description"	570	placeholder="fill your Description"
571	:rules="descriptionRules"	571	:rules="descriptionRules"
572	v-model="addCourseDetail.description"	572	v-model="addCourseDetail.description"
573	type="text"	573	type="text"
574	name="email"	574	name="email"
575	required	575	required
576	></v-text-field>	576	></v-text-field>
577	</v-flex>	577	</v-flex>
578	</v-layout>	578	</v-layout>
579	</v-flex>	579	</v-flex>
580	<v-layout>	580	<v-layout>
581	<v-flex xs12>	581	<v-flex xs12>
582	<div v-for="(chapterPoints,index) in finds" :key="index">	582	<div v-for="(chapterPoints,index) in finds" :key="index">
583	<v-layout>	583	<v-layout>
584	<v-flex xs4 class="pt-4 subheading">	584	<v-flex xs4 class="pt-4 subheading">
585	<label class="right">Chapter Points:</label>	585	<label class="right">Chapter Points:</label>
586	</v-flex>	586	</v-flex>
587	<v-flex xs8 sm8 md6 class="ml-3">	587	<v-flex xs8 sm8 md6 class="ml-3">
588	<v-text-field	588	<v-text-field
589	placeholder="fill your Chapter Points"	589	placeholder="fill your Chapter Points"
590	v-model="chapterPoints.value"	590	v-model="chapterPoints.value"
591	type="text"	591	type="text"
592	required	592	required
593	></v-text-field>	593	></v-text-field>
594	</v-flex>	594	</v-flex>
595	<v-flex xs2 class="pt-4">	595	<v-flex xs2 class="pt-4">
596	<v-icon @click="deleteFind(index)" v-if="index !=0 ">cancel</v-icon>	596	<v-icon @click="deleteFind(index)" v-if="index !=0 ">cancel</v-icon>
597	<v-icon @click="addFind">add_circle</v-icon>	597	<v-icon @click="addFind">add_circle</v-icon>
598	</v-flex>	598	</v-flex>
599	</v-layout>	599	</v-layout>
600	</div>	600	</div>
601	</v-flex>	601	</v-flex>
602	</v-layout>	602	</v-layout>
603	<v-layout>	603	<v-layout>
604	<v-flex xs12 sm12>	604	<v-flex xs12 sm12>
605	<v-layout class="right">	605	<v-layout class="right">
606	<v-btn @click="clear" round dark class="clear-button">Clear</v-btn>	606	<v-btn @click="clear" round dark class="clear-button">Clear</v-btn>
607	<v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>	607	<v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
608	</v-layout>	608	</v-layout>
609	</v-flex>	609	</v-flex>
610	</v-layout>	610	</v-layout>
611	</v-container>	611	</v-container>
612	</v-form>	612	</v-form>
613	</v-card>	613	</v-card>
614	</v-dialog>	614	</v-dialog>
615	<v-snackbar	615	<v-snackbar
616	:timeout="timeout"	616	:timeout="timeout"
617	:top="y === 'top'"	617	:top="y === 'top'"
618	:right="x === 'right'"	618	:right="x === 'right'"
619	:vertical="mode === 'vertical'"	619	:vertical="mode === 'vertical'"
620	v-model="snackbar"	620	v-model="snackbar"
621	:color="color"	621	:color="color"
622	>{{ text }}</v-snackbar>	622	>{{ text }}</v-snackbar>
623	<div class="loader" v-if="showLoader">	623	<div class="loader" v-if="showLoader">
624	<v-progress-circular indeterminate color="white"></v-progress-circular>	624	<v-progress-circular indeterminate color="white"></v-progress-circular>
625	</div>	625	</div>
626	</v-container>	626	</v-container>
627	</template>	627	</template>
628		628
629	<script>	629	<script>
630	import http from "@/Services/http.js";	630	import http from "@/Services/http.js";
631		631
632	export default {	632	export default {
633	data: () => ({	633	data: () => ({
634	snackbar: false,	634	snackbar: false,
635	y: "top",	635	y: "top",
636	x: "right",	636	x: "right",
637	mode: "",	637	mode: "",
638	timeout: 3000,	638	timeout: 3000,
639	text: "",	639	text: "",
640	loading: false,	640	loading: false,
641	color: "",	641	color: "",
642	date: null,	642	date: null,
643	search: "",	643	search: "",
644	show: true,	644	show: true,
645	addCourseDetailDialog: false,	645	addCourseDetailDialog: false,
646	showSearch: false,	646	showSearch: false,
647	showLoader: false,	647	showLoader: false,
648	editCourseDetailDialog: false,	648	editCourseDetailDialog: false,
649	editChapterDetailDialog: false,	649	editChapterDetailDialog: false,
650	viewProfileGallery: false,	650	viewProfileGallery: false,
651	valid: true,	651	valid: true,
652	editLoading: false,	652	editLoading: false,
653	addclass: [],	653	addclass: [],
654	courseData: [],	654	courseData: [],
655	addSection: [],	655	addSection: [],
656	getCourse: {},	656	getCourse: {},
657	finds: [{ value: "" }],	657	finds: [{ value: "" }],
658	findsChapterPoint: [{ value: "" }],	658	findsChapterPoint: [{ value: "" }],
659	updates: [{ value: "" }],	659	updates: [{ value: "" }],
660	youTubeLink: {},	660	youTubeLink: {},
661	addCourseDetail: {	661	addCourseDetail: {
662	chapters: [	662	chapters: [
663	{	663	{
664	chapterName: "",	664	chapterName: "",
665	description: "",	665	description: "",
666	chapterPoints: []	666	chapterPoints: []
667	}	667	}
668	]	668	]
669	},	669	},
670	chapters: [],	670	chapters: [],
671	pagination: {	671	pagination: {
672	rowsPerPage: 10	672	rowsPerPage: 10
673	},	673	},
674	editFiles: [],	674	editFiles: [],
675	files: [],	675	files: [],
676	courseData: [],	676	courseData: [],
677	token: "",	677	token: "",
678	courseId: "",	678	courseId: "",
679	clsssRules: [v => !!v \|\| " Class is required"],	679	clsssRules: [v => !!v \|\| " Class is required"],
680	courseRules: [v => !!v \|\| " Course is required"],	680	courseRules: [v => !!v \|\| " Course is required"],
681	chapterNameRules: [v => !!v \|\| " Tilte is required"],	681	chapterNameRules: [v => !!v \|\| " Tilte is required"],
682	descriptionRules: [v => !!v \|\| " Description is required"],	682	descriptionRules: [v => !!v \|\| " Description is required"],
683	headers: [	683	headers: [
684	{	684	{
685	align: "",	685	align: "",
686	text: "No",	686	text: "No",
687	sortable: false,	687	sortable: false,
688	value: "index"	688	value: "index"
689	},	689	},
690	{	690	{
691	text: "Class Name",	691	text: "Class Name",
692	value: "classNum",	692	value: "classNum",
693	sortable: false,	693	sortable: false,
694	align: "center"	694	align: "center"
695	},	695	},
696	{	696	{
697	text: "Course Name",	697	text: "Course Name",
698	value: "courseName",	698	value: "courseName",
699	sortable: false,	699	sortable: false,
700	align: "center"	700	align: "center"
701	},	701	},
702	{ text: "Action", value: "", sortable: false, align: "center" }	702	{ text: "Action", value: "", sortable: false, align: "center" }
703	],	703	],
704	CourseDetailsList: [],	704	CourseDetailsList: [],
705	editedIndex: -1,	705	editedIndex: -1,
706	editedItem: {},	706	editedItem: {},
707	editedCourse: {},	707	editedCourse: {},
708	editChapter: {},	708	editChapter: {},
709	index: "",	709	index: "",
710	addChapterItem: {},	710	addChapterItem: {},
711	addChapterDialog: false	711	addChapterDialog: false
712	}),	712	}),
713	methods: {	713	methods: {
714	getCourses(classId) {	714	getCourses(classId) {
715	this.showLoader = true;	715	this.showLoader = true;
716	http()	716	http()
717	.get("/getCourseesList", {	717	.get("/getCourseesList", {
718	params: {	718	params: {
719	classId: classId	719	classId: classId
720	}	720	}
721	})	721	})
722	.then(response => {	722	.then(response => {
723	this.editChapter.courseId = "";	723	this.editChapter.courseId = "";
724	this.courseData = response.data.data;	724	this.courseData = response.data.data;
725	console.log("this.courseData", this.courseData);	725	console.log("this.courseData", this.courseData);
726	this.showLoader = false;	726	this.showLoader = false;
727	})	727	})
728	.catch(err => {	728	.catch(err => {
729	console.log("err====>", err);	729	console.log("err====>", err);
730	this.showLoader = false;	730	this.showLoader = false;
731	});	731	});
732	},	732	},
733	getCourseDetailsList() {	733	getCourseDetailsList() {
734	this.showLoader = true;	734	this.showLoader = true;
735	http()	735	http()
736	.get("/getParticularCourseDetail", {	736	.get("/getParticularCourseDetail", {
737	params: {	737	params: {
738	courseId: this.getCourse.courseId	738	courseId: this.getCourse.courseId
739	}	739	}
740	})	740	})
741	.then(response => {	741	.then(response => {
742	this.CourseDetailsList = response.data.data;	742	this.CourseDetailsList = response.data.data;
743	this.chapters = response.data.data[0].chapters;	743	this.chapters = response.data.data[0].chapters;
744	// console.log("response.data.data", this.CourseDetailsList);	744	// console.log("response.data.data", this.CourseDetailsList);
745	this.showLoader = false;	745	this.showLoader = false;
746	})	746	})
747	.catch(error => {	747	.catch(error => {
748	// console.log("err====>", err);	748	// console.log("err====>", err);
749	this.showLoader = false;	749	this.showLoader = false;
750	if (error.response.status === 401) {	750	if (error.response.status === 401) {
751	this.$router.replace({ path: "/" });	751	this.$router.replace({ path: "/" });
752	this.$store.dispatch("setToken", null);	752	this.$store.dispatch("setToken", null);
753	this.$store.dispatch("Id", null);	753	this.$store.dispatch("Id", null);
754	}	754	}
755	});	755	});
756	},	756	},
757	courseTableRow(id) {	757	courseTableRow(id) {
758	// console.log("click7", id);	758	// console.log("click7", id);
759	this.courseId = id;	759	this.courseId = id;
760	},	760	},
761	addChapters(item) {	761	addChapters(item) {
762	this.files = [];	762	this.files = [];
763	this.editedIndex = this.CourseDetailsList.indexOf(item);	763	this.editedIndex = this.CourseDetailsList.indexOf(item);
764	let addChapterItem = Object.assign({}, item);	764	let addChapterItem = Object.assign({}, item);
765	this.addChapterItem.courseDetailId = addChapterItem._id;	765	this.addChapterItem.courseDetailId = addChapterItem._id;
766	this.addChapterDialog = true;	766	this.addChapterDialog = true;
767	console.log("this.addChapterItem", this.addChapterItem);	767	console.log("this.addChapterItem", this.addChapterItem);
768	},	768	},
769	submitChapter() {	769	submitChapter() {
770	this.addChapterItem.chapterPoints = [];	770	this.addChapterItem.chapterPoints = [];
771	for (let i = 0; i < this.findsChapterPoint.length; i++) {	771	for (let i = 0; i < this.findsChapterPoint.length; i++) {
772	this.addChapterItem.chapterPoints.push(this.findsChapterPoint[i].value);	772	this.addChapterItem.chapterPoints.push(this.findsChapterPoint[i].value);
773	}	773	}
774	// console.log("this.addChapterItem", this.addChapterItem);	774	// console.log("this.addChapterItem", this.addChapterItem);
775	this.loading = true;	775	this.loading = true;
776	http()	776	http()
777	.put("/addChapters", this.addChapterItem)	777	.put("/addChapters", this.addChapterItem)
778	.then(response => {	778	.then(response => {
779	this.addChapterDialog = false;	779	this.addChapterDialog = false;
780	this.loading = false;	780	this.loading = false;
781	this.snackbar = true;	781	this.snackbar = true;
782	this.text = response.data.message;	782	this.text = response.data.message;
783	this.color = "green";	783	this.color = "green";
784	this.getCourseDetailsList();	784	this.getCourseDetailsList();
785	this.clear();	785	this.clear();
786	this.findsChapterPoint = "";	786	this.findsChapterPoint = "";
787	})	787	})
788	.catch(error => {	788	.catch(error => {
789	this.snackbar = true;	789	this.snackbar = true;
790	this.text = error.response.data.message;	790	this.text = error.response.data.message;
791	this.color = "error";	791	this.color = "error";
792	this.loading = false;	792	this.loading = false;
793	});	793	});
794	},	794	},
795	profile(item) {	795	profile(item) {
796	this.editedIndex = this.chapters.indexOf(item);	796	this.editedIndex = this.chapters.indexOf(item);
797	this.editedItem = Object.assign({}, item);	797	this.editedItem = Object.assign({}, item);
798	this.viewProfileGallery = true;	798	this.viewProfileGallery = true;
799	},	799	},
800	editItem(item) {	800	editItem(item) {
801	this.editedIndex = this.CourseDetailsList.indexOf(item);	801	this.editedIndex = this.CourseDetailsList.indexOf(item);
802	this.editedCourse = Object.assign({}, item);	802	this.editedCourse = Object.assign({}, item);
803	console.log("this.editChapter", this.editedCourse);	803	console.log("this.editChapter", this.editedCourse);
804	this.editCourseDetailDialog = true;	804	this.editCourseDetailDialog = true;
805	},	805	},
806	editChapterItem(item) {	806	editChapterItem(item) {
807	this.editedIndex = this.chapters.indexOf(item);	807	this.editedIndex = this.chapters.indexOf(item);
808	this.editChapter = Object.assign({}, item);	808	this.editChapter = Object.assign({}, item);
809	// console.log("this.editChapter", this.editChapter);	809	// console.log("this.editChapter", this.editChapter);
810	this.editChapterDetailDialog = true;	810	this.editChapterDetailDialog = true;
811	},	811	},
812	deleteItem(item) {	812	deleteItem(item) {
813	let deleteGallery = {	813	let deleteGallery = {
814	courseDetailId: item._id	814	courseDetailId: item._id
815	};	815	};
816	http()	816	http()
817	.delete(	817	.delete(
818	"/deleteCourseDetail",	818	"/deleteCourseDetail",
819	confirm("Are you sure you want to delete this?") && {	819	confirm("Are you sure you want to delete this?") && {
820	params: deleteGallery,	820	params: deleteGallery,
821	headers: {	821	headers: {
822	Authorization: "Bearer " + this.token	822	Authorization: "Bearer " + this.token
823	}	823	}
824	}	824	}
825	)	825	)
826	.then(response => {	826	.then(response => {
827	this.snackbar = true;	827	this.snackbar = true;
828	this.text = "Successfully delete Course Details";	828	this.text = "Successfully delete Course Details";
829	this.color = "green";	829	this.color = "green";
830	this.getCourseDetailsList();	830	this.getCourseDetailsList();
831	})	831	})
832	.catch(error => {	832	.catch(error => {
833	// console.log(error);	833	// console.log(error);
834	this.snackbar = true;	834	this.snackbar = true;
835	this.text = error.response.data.message;	835	this.text = error.response.data.message;
836	this.color = "error";	836	this.color = "error";
837	});	837	});
838	},	838	},
839	deleteChapters(item) {	839	deleteChapters(item) {
840	// console.log("item", item);	840	// console.log("item", item);
841	let deleteChapters = {	841	let deleteChapters = {
842	courseDetailId: this.courseId,	842	courseDetailId: this.courseId,
843	chapterId: item._id	843	chapterId: item._id
844	};	844	};
845	http()	845	http()
846	.put(	846	.put(
847	"/deleteChapters",	847	"/deleteChapters",
848	confirm("Are you sure you want to delete this?") && deleteChapters	848	confirm("Are you sure you want to delete this?") && deleteChapters
849	)	849	)
850	.then(response => {	850	.then(response => {
851	this.snackbar = true;	851	this.snackbar = true;
852	this.text = "Successfully delete Chapters";	852	this.text = "Successfully delete Chapters";
853	this.color = "green";	853	this.color = "green";
854	this.getCourseDetailsList();	854	this.getCourseDetailsList();
855	})	855	})
856	.catch(error => {	856	.catch(error => {
857	// console.log(error);	857	// console.log(error);
858	this.snackbar = true;	858	this.snackbar = true;
859	this.text = error.response.data.message;	859	this.text = error.response.data.message;
860	this.color = "error";	860	this.color = "error";
861	});	861	});
862	},	862	},
863	close() {	863	close() {
864	this.editCourseDetailDialog = false;	864	this.editCourseDetailDialog = false;
865	},	865	},
866	closeProfileGallery() {	866	closeProfileGallery() {
867	this.viewProfileGallery = false;	867	this.viewProfileGallery = false;
868	},	868	},
869	submit() {	869	submit() {
870	let chapters = [];	870	let chapters = [];
871	var chapterPoints = [];	871	var chapterPoints = [];
872	for (let i = 0; i < this.finds.length; i++) {	872	for (let i = 0; i < this.finds.length; i++) {
873	chapterPoints.push(this.finds[i].value);	873	chapterPoints.push(this.finds[i].value);
874	// console.log("this.finds[i].value", this.finds[i].value);	874	// console.log("this.finds[i].value", this.finds[i].value);
875	chapters = [	875	chapters = [
876	{	876	{
877	chapterName: this.addCourseDetail.chapterName,	877	chapterName: this.addCourseDetail.chapterName,
878	description: this.addCourseDetail.description,	878	description: this.addCourseDetail.description,
879	chapterPoints: chapterPoints	879	chapterPoints: chapterPoints
880	}	880	}
881	];	881	];
882	}	882	}
883	if (this.$refs.form.validate()) {	883	if (this.$refs.form.validate()) {
884	// console.log("this.addCourseDetail", this.addCourseDetail);	884	// console.log("this.addCourseDetail", this.addCourseDetail);
885	var courseDetailsData = {	885	var courseDetailsData = {
886	classId: this.addCourseDetail.classId,	886	classId: this.addCourseDetail.classId,
887	courseId: this.addCourseDetail.courseId,	887	courseId: this.addCourseDetail.courseId,
888	chapters: chapters	888	chapters: chapters
889	};	889	};
890	this.loading = true;	890	this.loading = true;
891	http()	891	http()
892	.post("/createCourseDetail", courseDetailsData)	892	.post("/createCourseDetail", courseDetailsData)
893	.then(response => {	893	.then(response => {
894	this.addCourseDetailDialog = false;	894	this.addCourseDetailDialog = false;
895	this.loading = false;	895	this.loading = false;
896	this.snackbar = true;	896	this.snackbar = true;
897	this.text = response.data.message;	897	this.text = response.data.message;
898	this.color = "green";	898	this.color = "green";
899	this.clear();	899	this.clear();
900	this.files = "";	900	this.files = "";
901	})	901	})
902	.catch(error => {	902	.catch(error => {
903	this.snackbar = true;	903	this.snackbar = true;
904	this.text = error.response.data.message;	904	this.text = error.response.data.message;
905	this.color = "error";	905	this.color = "error";
906	this.loading = false;	906	this.loading = false;
907	});	907	});
908	}	908	}
909	},	909	},
910	clear() {	910	clear() {
911	this.$refs.form.reset();	911	this.$refs.form.reset();
912	this.files = [];	912	this.files = [];
913	},	913	},
914	saveChapter() {	914	saveChapter() {
915	this.editedItem.courseDetailId = this.editedItem._id;	915	this.editedItem.courseDetailId = this.editedItem._id;
916	for (let i = 0; i < this.updates.length; i++) {	916	for (let i = 0; i < this.updates.length; i++) {
917	this.editChapter.chapterPoints.push(this.updates[i].value);	917	this.editChapter.chapterPoints.push(this.updates[i].value);
918	}	918	}
919	var updateData = {	919	var updateData = {
920	courseDetailId: this.courseId,	920	courseDetailId: this.courseId,
921	chapterId: this.editChapter._id,	921	chapterId: this.editChapter._id,
922	chapterName: this.editChapter.chapterName,	922	chapterName: this.editChapter.chapterName,
923	description: this.editChapter.description,	923	description: this.editChapter.description,
924	chapterPoints: this.editChapter.chapterPoints	924	chapterPoints: this.editChapter.chapterPoints
925	};	925	};
926	this.editLoading = true;	926	this.editLoading = true;
927	http()	927	http()
928	.put("/updateChapters", updateData)	928	.put("/updateChapters", updateData)
929	.then(response => {	929	.then(response => {
930	this.getCourseDetailsList();	930	this.getCourseDetailsList();
931	this.close();	931	this.close();
932	this.snackbar = true;	932	this.snackbar = true;
933	this.text = response.data.message;	933	this.text = response.data.message;
934	this.color = "green";	934	this.color = "green";
935	this.editLoading = false;	935	this.editLoading = false;
936	// this.editChapterPointName = "";	936	// this.editChapterPointName = "";
937	this.editFiles = [];	937	this.editFiles = [];
938	})	938	})
939	.catch(error => {	939	.catch(error => {
940	this.editLoading = false;	940	this.editLoading = false;
941	this.snackbar = true;	941	this.snackbar = true;
942	this.text = error.response.data.message;	942	this.text = error.response.data.message;
943	this.color = "error";	943	this.color = "error";
944	});	944	});
945	},	945	},
946	save() {	946	save() {
947	// console.log("utykgigiu", this.editedCourse);	947	// console.log("utykgigiu", this.editedCourse);
948	var updateData = {	948	var updateData = {
949	courseDetailId: this.editedCourse._id,	949	courseDetailId: this.editedCourse._id,
950	courseId: this.editedCourse.courseId,	950	courseId: this.editedCourse.courseId,
951	classId: this.editedCourse.classId	951	classId: this.editedCourse.classId
952	};	952	};
953	this.editLoading = true;	953	this.editLoading = true;
954	http()	954	http()
955	.put("/updateCourseDetail", updateData)	955	.put("/updateCourseDetail", updateData)
956	.then(response => {	956	.then(response => {
957	this.getCourseDetailsList();	957	this.getCourseDetailsList();
958	this.editCourseDetailDialog = false;	958	this.editCourseDetailDialog = false;
959	this.snackbar = true;	959	this.snackbar = true;
960	this.text = response.data.message;	960	this.text = response.data.message;
961	this.color = "green";	961	this.color = "green";
962	this.editLoading = false;	962	this.editLoading = false;
963	// this.editChapterPointName = "";	963	// this.editChapterPointName = "";
964	this.editFiles = [];	964	this.editFiles = [];
965	})	965	})
966	.catch(error => {	966	.catch(error => {
967	this.editLoading = false;	967	this.editLoading = false;
968	this.snackbar = true;	968	this.snackbar = true;
969	this.text = error.response.data.message;	969	this.text = error.response.data.message;
970	this.color = "error";	970	this.color = "error";
971	});	971	});
972	},	972	},
973	getAllClasses() {	973	getAllClasses() {
974	http()	974	http()
975	.get("/getClassesList", {	975	.get("/getClassesList", {
976	headers: { Authorization: "Bearer " + this.token }	976	headers: { Authorization: "Bearer " + this.token }
977	})	977	})
978	.then(response => {	978	.then(response => {
979	this.addclass = response.data.data;	979	this.addclass = response.data.data;
980	})	980	})
981	.catch(err => {	981	.catch(err => {
982	// console.log("err====>", err);	982	// console.log("err====>", err);
983	});	983	});
984	},	984	},
985	removeChapterPoint: function() {	985	removeChapterPoint: function() {
986	this.findsChapterPoint = [{ value: "" }];	986	this.findsChapterPoint = [{ value: "" }];
987	},	987	},
988	removeAddFind: function() {	988	removeAddFind: function() {
989	this.finds = [{ value: "" }];	989	this.finds = [{ value: "" }];
990	},	990	},
991	addFind: function() {	991	addFind: function() {
992	this.finds.push({ value: "" });	992	this.finds.push({ value: "" });
993	},	993	},
994	addChapterPoint: function() {	994	addChapterPoint: function() {
995	this.findsChapterPoint.push({ value: "" });	995	this.findsChapterPoint.push({ value: "" });
996	},	996	},
997	update: function() {	997	update: function() {
998	console.log("click");	998	console.log("click");
999	this.updates.push({ value: "" });	999	this.updates.push({ value: "" });
1000	},	1000	},
1001	deleteFind: function(index) {	1001	deleteFind: function(index) {
1002	this.finds.splice(index, 1);	1002	this.finds.splice(index, 1);
1003	if (index === 0) this.addFind();	1003	if (index === 0) this.addFind();
1004	},	1004	},
1005	deleteChapterPoint: function(index) {	1005	deleteChapterPoint: function(index) {
1006	this.findsChapterPoint.splice(index, 1);	1006	this.findsChapterPoint.splice(index, 1);
1007	if (index === 0) this.addChapterPoint();	1007	if (index === 0) this.addChapterPoint();
1008	},	1008	},
1009	deleteUpdate: function(index) {	1009	deleteUpdate: function(index) {
1010	this.updates.splice(index, 1);	1010	this.updates.splice(index, 1);
1011	if (index === 0) this.update();	1011	if (index === 0) this.update();
1012	},	1012	},
1013	deleteUrl: function(index, youTubelinkId, id) {	1013	deleteUrl: function(index, youTubelinkId, id) {
1014	this.editChapter.chapterPoints.splice(index, 1);	1014	this.editChapter.chapterPoints.splice(index, 1);
1015	if (index === 0) this.update();	1015	if (index === 0) this.update();
1016	},	1016	},
1017	displaySearch() {	1017	displaySearch() {
1018	this.show = false;	1018	this.show = false;
1019	this.showSearch = true;	1019	this.showSearch = true;
1020	},	1020	},
1021	closeSearch() {	1021	closeSearch() {
1022	this.showSearch = false;	1022	this.showSearch = false;
1023	this.show = true;	1023	this.show = true;
1024	this.search = "";	1024	this.search = "";
1025	}	1025	}
1026	},	1026	},
1027	mounted() {	1027	mounted() {
1028	this.token = this.$store.state.token;	1028	this.token = this.$store.state.token;
1029	this.getAllClasses();	1029	this.getAllClasses();
1030	}	1030	}
1031	};	1031	};
1032	</script>	1032	</script>

src/pages/Course/enrollStudents.vue

Diff comments View file @6ef5200

 <template>
   <v-container fluid class="body-color">
     <!-- ****** STUDENTS TABLE ****** -->
     <v-toolbar color="transparent" flat>
       <v-spacer></v-spacer>
       <v-flex xs12 sm4 md2>
         <v-select
           small
           :items="addclass"
           label="Select Class"
           v-model="getReport.classId"
           item-text="classNum"
           item-value="_id"
           name="Select Class"
           @change="getCourses(getReport.classId)"
           class="mr-2"
           required
         ></v-select>
       </v-flex>
       <v-flex xs12 sm4 md2>
         <v-select
           :items="courseData"
           label="Select Course"
           v-model="getReport.courseId"
           item-text="coursrName"
           item-value="_id"
           required
           class="ml-2"
           @change="getStudentTable(getReport.courseId)"
         ></v-select>
       </v-flex>
       <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 md3 lg2 v-show="showSearch">
         <v-layout>
           <v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
           <v-icon @click="closeSearch" color="error">close</v-icon>
         </v-layout>
       </v-flex>
     </v-toolbar>
     <v-data-table
       :headers="headers"
       :items="studentsData"
       :pagination.sync="pagination"
       :search="search"
       select-all
       v-model="selected"
       item-key="name"
     >
       <template slot="items" slot-scope="props">
         <tr class="tr" :active="props.selected" @click="props.selected = !props.selected">
           <td class="text-xs-center td td-row">
             <v-checkbox
-              :input-value="props.selected"
+              v-model="props.item.enroll"
-              @change="selectParticularStudent(props.item._id)"
+              @change="selectParticularStudent(props.item)"
               primary
               hide-details
             ></v-checkbox>
           </td>
           <td class="text-xs-center td td-row">
             <v-avatar size="40">
               <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
               <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
             </v-avatar>
           </td>
           <td class="text-xs-center td td-row">{{ props.item.name}}</td>
           <td class="text-xs-center td td-row">{{ props.item.fatherCellNo}}</td>
           <td class="text-xs-center td td-row">{{ props.item.email }}</td>
         </tr>
       </template>
       <template slot="headers" slot-scope="props">
         <tr>
           <th>
             <v-checkbox
               :input-value="props.all"
               :indeterminate="props.indeterminate"
               primary
               hide-details
               @click.native="toggleAll"
             ></v-checkbox>
           </th>
           <th
             v-for="header in props.headers"
             :key="header.text"
             :class="['column sortable', pagination.descending ? 'desc' : 'asc', header.value === pagination.sortBy ? 'active' : '']"
             @click="changeSort(header.value)"
           >
             <v-icon small>arrow_upward</v-icon>
             {{ header.text }}
           </th>
         </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>
     <v-snackbar
       :timeout="timeout"
       :top="y === 'top'"
       :right="x === 'right'"
       :vertical="mode === 'vertical'"
       v-model="snackbar"
       color="success"
     >{{ text }}</v-snackbar>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
   </v-container>
 </template>
 <script>
 import http from "@/Services/http.js";
 import moment from "moment";
 export default {
   data: () => ({
     snackbar: false,
     y: "top",
     x: "right",
     mode: "",
     timeout: 3000,
     text: "",
     show: true,
     showSearch: false,
     showLoader: false,
     loading: false,
     date: null,
     search: "",
     addclass: [],
     pagination: {
       rowsPerPage: 10
     },
     headers: [
       {
         text: "Profile Pic",
         value: "profilprofilePicUrlePicUrl",
         sortable: false,
         align: "center"
       },
       { text: "Name", value: "name", sortable: false, align: "center" },
       {
         text: "Mobile No",
         value: "fatherCellNo",
         sortable: false,
         align: "center"
       },
       { text: "Email", value: "email", sortable: false, align: "center" }
       // { text: "Action", value: "", sortable: false, align: "center" }
     ],
     token: "",
     selectStudents: {
       select: "",
       selectSection: ""
     },
     role: "",
     schoolRole: "",
     menu: false,
     valid: true,
     getReport: {},
     studentsData: [],
     courseData: [],
     addSection: [],
-    selected: [],
+    selected: []
-    SectionName: ["A", "B", "C", "D", "E", "F"],
-    classRules: [v => !!v || "Class is required"],
-    sectionRules: [v => !!v || "Class is required"],
-    studentRules: [v => !!v || "Student is required"],
-    dataValid: [v => !!v || "Date is required"]
   }),
   methods: {
     save(date) {
       this.$refs.menu.save(date);
     },
     getAllClass() {
       http()
         .get("/getClassesList", {
           headers: { Authorization: "Bearer " + this.token }
         })
         .then(response => {
           this.addclass = response.data.data;
         })
         .catch(error => {
           // console.log("err====>", err);
           // this.$router.replace({ path: "/" });
         });
     },
     getCourses(classId) {
       this.showLoader = true;
       http()
         .get("/getCourseesList", {
           params: {
             classId: classId
           }
         })
         .then(response => {
           this.courseData = response.data.data;
           this.showLoader = false;
         })
         .catch(err => {
           console.log("err====>", err);
           this.showLoader = false;
         });
     },
     getStudents() {
       this.showLoader = true;
       http()
         .get("/getStudentsList", {
           params: {
             classId: this.getReport.classId
           }
         })
         .then(response => {
           this.studentsData = response.data.data;
           this.showLoader = false;
           // this.addStudentAttendenceDialog = false;
           var attendence = "";
           for (let i = 0; i < this.studentsData.length; i++) {
             this.studentsData[i].attendence = true;
           }
+          this.getParticularCourse();
         })
         .catch(error => {
           console.log("err====>", error);
           this.showLoader = false;
         });
     },
     getStudentTable(id) {
-      console.log("id", this.getReport.courseId);
+      // console.log("id", this.getReport.courseId);
       this.getStudents();
-      this.getParticularCourse();
     },
     update() {
       var studentsAttendence = [];
       for (var j = 0; j < this.studentsData.length; j++) {
         studentsAttendence.push({
           studentId: this.studentsData[j]._id,
           isPresent: this.studentsData[j].attendence
         });
       }
       if (this.$refs.form.validate()) {
         let attendanceData = {
           sectionId: this.getReport.sectionId,
           date: this.date,
           students: studentsAttendence
         };
         http()
           .put("/updateAttendance", attendanceData)
           .then(response => {
             this.snackbar = true;
             this.text = response.data.message;
             this.addStudentAttendenceDialog = false;
           })
           .catch(error => {
             this.snackbar = true;
             this.text = error.response.data.message;
           });
       }
     },
     toggleAll() {
       if (this.selected.length) this.selected = [];
       else this.selected = this.studentsData.slice();
-      console.log("this.selected", this.selected);
-      console.log("selected====", selected);
       let selectedStudentsArray = [];
-      selectedStudentsArray.push({ studentId: selected.id });
+      for (let i = 0; i < this.selected.length; i++) {
+        selectedStudentsArray.push({ studentId: this.selected[i]._id });
+      }
+      // console.log("selectedStudentsArray", selectedStudentsArray);
       var payload = {
         courseId: this.getReport.courseId,
         enrollStudents: selectedStudentsArray
       };
       http()
         .put("/enrollStudents", payload)
         .then(response => {
           this.snackbar = true;
           this.text = response.data.message;
+          this.getParticularCourse()
         })
         .catch(error => {
           this.snackbar = true;
           this.text = error.response.data.message;
         });
     },
     selectParticularStudent(selected) {
-      console.log("selected====", selected);
+      console.log("selected", selected);
       let selectedStudentsArray = [];
-      selectedStudentsArray.push({ studentId: selected });
+      selectedStudentsArray.push({ studentId: selected._id });
-      var payload = {
+      if (
-        courseId: this.getReport.courseId,
+        selected.enroll === true &&
-        enrollStudents: selectedStudentsArray
+        selected.enroll === undefined &&
-      };
+        selected.enroll === null
-      http()
+      ) {
-        .put("/enrollStudents", payload)
+        var payload = {
-        .then(response => {
+          courseId: this.getReport.courseId,
-          this.snackbar = true;
+          enrollStudents: selectedStudentsArray
-          this.text = response.data.message;
+        };
-        })
+        http()
-        .catch(error => {
+          .put("/enrollStudents", payload)
-          this.snackbar = true;
+          .then(response => {
-          this.text = error.response.data.message;
+            this.snackbar = true;
-        });
+            this.text = response.data.message;
+          })
+          .catch(error => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+          });
+      }
+      if (
+        selected.enroll == false &&
+        selected.enroll != undefined &&
+        selected.enroll != null
+      ) {
+        var payloadDeleteStudents = {
+          courseId: this.getReport.courseId,
+          enrollStudentsId: selected.enrollId
+        };
+        http()
+          .put("/deleteStudents", payloadDeleteStudents)
+          .then(response => {
+            this.snackbar = true;
+            this.text = response.data.message;
+          })
+          .catch(error => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+          });
+      }
     },
     getParticularCourse() {
       var payload = {
         courseId: this.getReport.courseId
       };
       http()
         .get("/getParticularCourse", {
           params: payload
         })
         .then(response => {
-          conso.log("DTAAAAA", response.data.data);
+          for (let i = 0; i < response.data.data.enrollStudents.length; i++) {
+            var studentId = {};
+            studentId = response.data.data.enrollStudents[i];
+            for (let j = 0; j < this.studentsData.length; j++) {
+              if (studentId.studentId == this.studentsData[j]._id) {
+                console.log("studentId._id", studentId._id);
+                this.studentsData[j].enroll = true;
+                this.studentsData[j].enrollId = studentId._id;
+              }
+            }
+          }
           this.snackbar = true;
           this.text = response.data.message;
         })
         .catch(error => {
           this.snackbar = true;
           this.text = error.response.data.message;
         });
     },
     changeSort(column) {
       if (this.pagination.sortBy === column) {
         this.pagination.descending = !this.pagination.descending;
       } else {
         this.pagination.sortBy = column;
         this.pagination.descending = false;
       }
     },
     displaySearch() {
       this.show = false;
       this.showSearch = true;
     },
     closeSearch() {
       this.showSearch = false;
       this.show = true;
       this.search = "";
     }
   },

src/pages/meetingEvent/meetingEvent.vue

Diff comments View file @6ef5200

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

src/router/paths.js

Diff comments View file @6ef5200

 export default [{
         path: '*',
         meta: {
             public: true,
         },
         redirect: {
             path: '/404'
         }
     },
     {
         path: '/404',
         meta: {
             public: true,
         },
         name: 'NotFound',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/NotFound.vue`
             )
     },
     {
         path: '*',
         meta: {},
         name: 'dashboardAdmin',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
             )
     },
     {
         path: '/500',
         meta: {
             public: true,
         },
         name: 'ServerError',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/Error.vue`
             )
     },
     {
         path: '/changepassword',
         meta: {},
         name: 'changepassword',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/changepassword.vue`
             )
     },
     {
         path: '/teachers',
         meta: { breadcrumb: false },
         name: 'Teachers',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Teachers/teachers.vue`
             )
     },
     {
         path: '/',
         meta: {
             public: true,
         },
         name: 'Login',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/Login.vue`
             )
     },
     {
         path: '/forgetpassword',
         meta: {
             public: true,
         },
         name: 'forgetpassword',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/forgetpassword.vue`
             )
     },
     {
         path: '/students',
         meta: {},
         name: 'Students',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Students/students.vue`
             )
     },
     {
         path: '/class',
         meta: {},
         name: 'Class',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Class/addclass.vue`
             )
     },
     {
         path: '/section',
         meta: {},
         name: 'Section',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Section/section.vue`
             )
     },
     {
         path: '/noticeBoard',
         meta: {},
         name: 'Notice Board',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NoticeBoard/noticeBoard.vue`
             )
     },
     {
         path: '/news',
         meta: {},
         name: 'News',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/News/news.vue`
             )
     },
     // {
     //   path: '/reminder',
     //   meta: { },
     //   name: 'reminder',
     //   props: (route) => ({ type: route.query.type }),
     //   component: () => import(
     //     /* webpackChunkName: "routes" */
     //     /* webpackMode: "lazy-once" */
     //     `@/pages/Reminder/reminder.vue`
     //   )
     // },
     {
         path: '/timeTable',
         meta: {},
         name: 'Time Table',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/TimeTable/timeTable.vue`
             )
     },
     {
         path: '/notification',
         meta: {},
         name: 'Notification',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Notification/notification.vue`
             )
     },
     {
         path: '/parents',
         meta: {},
         name: 'Parents',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Parent/parents.vue`
             )
     },
     // {
     //     path: '/subject',
     //     meta: {},
     //     name: 'Subject',
     //     props: (route) => ({ type: route.query.type }),
     //     component: () =>
     //         import (
     //             /* webpackChunkName: "routes" */
     //             /* webpackMode: "lazy-once" */
     //             `@/pages/Subjects/subjects.vue`
     //         )
     // },
     {
         path: '/dashboard',
         meta: {},
         name: 'Dashboard',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
             )
     },
     {
         path: '/socialMedia',
         meta: {},
         name: 'Social Media',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/socialMedia/socialMedia.vue`
             )
     },
     {
         path: '/gallery',
         meta: {},
         name: 'Gallery',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Gallery/gallery.vue`
             )
     },
     {
         path: '/event',
         meta: {},
         name: 'Event',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Event/event.vue`
             )
     },
     {
         path: '/holiday',
         meta: {},
         name: 'Holiday',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Holiday/holiday.vue`
             )
     },
     {
         path: '/user',
         meta: {},
         name: 'User',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/User/user.vue`
             )
     },
     {
         path: '/AttendenceStudent',
         meta: {},
         name: 'Student Attendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/studentAttendence.vue`
             )
     },
     {
         path: '/AttendenceTeacher',
         meta: {},
         name: 'Teacher Attendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/teacherAttendence.vue`
             )
     },
     {
         path: '/salaryTemplate',
         meta: {},
         name: 'Salary Template',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Payroll/salaryTemplate.vue`
             )
     },
     {
         path: '/hourlyTemplate',
         meta: {},
         name: 'Hourly Template',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Payroll/hourlyTemplate.vue`
             )
     },
     {
         path: '/manageSalary',
         meta: {},
         name: 'Manage Salary',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Payroll/manageSalary.vue`
             )
     },
     // {
     //     path: '/makePayment',
     //     meta: {},
     //     name: 'Make Payment',
     //     props: (route) => ({ type: route.query.type }),
     //     component: () =>
     //         import (
     //             `@/pages/Payroll/makePayment.vue`
     //         )
     // },
     {
         path: '/AttendenceUser',
         meta: {},
         name: 'User Attendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/userAttendence.vue`
             )
     },
     {
         path: '/feeTypes',
         meta: {},
         name: 'Fee Types',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/feeTypes.vue`
             )
     },
     {
         path: '/invoice',
         meta: {},
         name: 'Invoice',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/invoice.vue`
             )
     },
     {
         path: '/paymentHistory',
         meta: {},
         name: 'Payment History',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/paymentHistory.vue`
             )
     },
     {
         path: '/expense',
         meta: {},
         name: 'Expense',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/expense.vue`
             )
     },
     {
         path: '/income',
         meta: {},
         name: 'Income',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/income.vue`
             )
     },
     {
         path: '/libraryMember',
         meta: {},
         name: 'Library Member',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/member.vue`
             )
     },
     {
         path: '/books',
         meta: {},
         name: 'Books',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/books.vue`
             )
     },
     {
         path: '/issue',
         meta: {},
         name: 'Issue',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/issue.vue`
             )
     },
     {
         path: '/e-books',
         meta: {},
         name: 'E-Books',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/eBook.vue`
             )
     },
     {
         path: '/editInvoice/:invoiceid',
         meta: {},
         name: 'Edit Invoice',
         // props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/editInvoice.vue`
             )
     },
     {
         path: '/StudentsAttendence/:id',
         meta: {},
         name: 'View Students Attendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/viewStudentsAttendence.vue`
             )
     },
     {
         path: '/TeacherAttendence/:teacherId',
         meta: {},
         name: 'View Teacher Attendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/viewTeacherAttendence.vue`
             )
     },
     {
         path: '/viewInvoice/:viewInvoiceId',
         meta: {},
         name: 'View Invoice',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/viewInvoice.vue`
             )
     },
     {
         path: '/viewPaymentInvoice/:viewPaymentInvoiceId',
         meta: {},
         name: 'View Payment Invoice',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/viewPaymentInvoice.vue`
             )
     },
     {
         path: '/globalPayment',
         meta: {},
         name: 'Global Payment',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/globalPayment.vue`
             )
     },
     {
         path: '/exam',
         meta: {},
         name: 'Exam',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/exam.vue`
             )
     },
     {
         path: '/grade',
         meta: {},
         name: 'Grade',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/grade.vue`
             )
     },
     {
         path: '/examSchedule',
         meta: {},
         name: 'Exam Schedule',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examSchedule.vue`
             )
     },
     {
         path: '/examAttendence',
         meta: {},
         name: 'Exam Attendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examAttendence.vue`
             )
     },
     {
         path: '/mark',
         meta: {},
         name: 'Mark',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/mark.vue`
             )
     },
     {
         path: '/viewMark/:markId',
         meta: {},
         name: 'view Mark',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/viewMark.vue`
             )
     },
     {
         path: '/markDistribution',
         meta: {},
         name: 'Mark Distribution',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/markDistribution.vue`
             )
     },
     {
         path: '/meet',
         meta: {},
         name: 'Meet',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Meet/meet.vue`
             )
     },
     {
         path: '/academicYear',
         meta: {},
         name: 'Academic Year',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/academicYear.vue`
             )
     },
     {
         path: '/systemAdmin',
         meta: {},
         name: 'System Admin',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/systemAdmin.vue`
             )
     },
     {
         path: '/resetPassword',
         meta: {},
         name: 'Change Password',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/resetPassword.vue`
             )
     },
     {
         path: '/role',
         meta: {},
         name: 'Role',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/role.vue`
             )
     },
     {
         path: '/bulkImport',
         meta: {},
         name: 'Bulk Import',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/bulkImport.vue`
             )
     },
     {
         path: '/studentReport',
         meta: {},
         name: 'Student Report',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Report/studentReport.vue`
             )
     },
     {
         path: '/progressCardReport',
         meta: {},
         name: 'Progress Card Report',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Report/progressCardReport.vue`
             )
     },
     {
         path: '/idCard',
         meta: {},
         name: 'Id Card Report',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Report/idCard.vue`
             )
     },
     {
         path: '/admitCard',
         meta: {},
         name: 'Admit Card Report',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Report/admitCard.vue`
             )
     },
     {
         path: '/generalSetting',
         meta: {},
         name: 'General Setting',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/generalSetting/generalSetting.vue`
             )
     },
     {
         path: '/assignment',
         meta: {},
         name: 'Assignment',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Academic/assignment.vue`
             )
     },
     {
         path: '/routine',
         meta: {},
         name: 'Routine',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Academic/routine.vue`
             )
     },
     {
         path: '/subject',
         meta: {},
         name: 'Subject',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Academic/subject.vue`
             )
     },
     {
         path: '/syllabus',
         meta: {},
         name: 'Syllabus',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 `@/pages/Academic/syllabus.vue`
             )
     },
     {
         path: '/course',
         meta: {},
         name: 'Course',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/course.vue`
             )
     },
     {
         path: '/courseDetail',
         meta: {},
         name: 'Course Detail',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/courseDetail.vue`
             )
     },
     {
         path: '/enrollStudents',
         meta: {},
         name: 'Enroll Students',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/enrollStudents.vue`
             )
     },
     {
         path: '/changeStudents',
         meta: {},
         name: 'Change Students',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/changeStudents/changeStudents.vue`
             )
     },
     {
         path: '/annoucement',
         meta: {},
         name: 'Annoucement',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Annoucement/annoucement.vue`
             )
     },
+    {
+        path: '/meetingEvent',
+        meta: {},
+        name: 'Meeting Event',
+        props: (route) => ({ type: route.query.type }),
+        component: () =>
+            import (
+                /* webpackChunkName: "routes" */
+                /* webpackMode: "lazy-once" */
+                `@/pages/meetingEvent/meetingEvent.vue`
+            )
+    },
     //////SCHOOL
     {
         path: '/school',
         meta: {},
         name: 'School',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/School/school.vue`
             )
     },
     {
         path: '/schooldashboard',
         meta: {},
         name: 'View School Dashboard',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/School/viewSchoolDashboard.vue`
             )
     }
 ];