viithiisys / School-Management-dashboard

Browse Code »

Commit dea4d2889746cb7b62acba1f1d51c56e26799349

Authored by Neeraj Sharma 2020-07-12 10:03:46 -0400

1 parent 6a40df7c7f

Exists in master and in 2 other branches

task commited

Showing 6 changed files with 902 additions and 85 deletions Show diff stats

src/api/menu.js

Diff comments View file @dea4d28

1	const adminMenu = [	1	const adminMenu = [
2	// { header: 'Apps' },	2	// { header: 'Apps' },
3	{	3	{
4	title: 'Dashboard',	4	title: 'Dashboard',
5	// group: 'apps',	5	// group: 'apps',
6	name: 'Dashboard',	6	name: 'Dashboard',
7	icon: '/static/icon/dashboard.png',	7	icon: '/static/icon/dashboard.png',
8	},	8	},
9	{	9	{
10	title: 'Class',	10	title: 'Class',
11	// group: 'apps',	11	// group: 'apps',
12	name: 'Class',	12	name: 'Class',
13	icon: '/static/icon/class.png',	13	icon: '/static/icon/class.png',
14	},	14	},
15	{	15	{
16	title: 'Section',	16	title: 'Section',
17	// group: 'apps',	17	// group: 'apps',
18	name: 'Section',	18	name: 'Section',
19	icon: '/static/icon/section.png',	19	icon: '/static/icon/section.png',
20	},	20	},
21	// {	21	// {
22	// title: 'Subjects',	22	// title: 'Subjects',
23	// name: 'Subject',	23	// name: 'Subject',
24	// icon: '/static/icon/subject.png',	24	// icon: '/static/icon/subject.png',
25	// },	25	// },
26	{	26	{
27	title: 'Parents',	27	title: 'Parents',
28	// group: 'apps',	28	// group: 'apps',
29	name: 'Parents',	29	name: 'Parents',
30	icon: '/static/icon/parents.png',	30	icon: '/static/icon/parents.png',
31	},	31	},
32	{	32	{
33	title: 'Teachers',	33	title: 'Teachers',
34	// group: '',	34	// group: '',
35	name: 'Teachers',	35	name: 'Teachers',
36	icon: '/static/icon/teacher.png',	36	icon: '/static/icon/teacher.png',
37	},	37	},
38	{	38	{
39	title: 'Students',	39	title: 'Students',
40	// group: 'apps',	40	// group: 'apps',
41	name: 'Students',	41	name: 'Students',
42	icon: '/static/icon/student.png',	42	icon: '/static/icon/student.png',
43	},	43	},
44	{	44	{
45	title: 'User',	45	title: 'User',
46	name: 'User',	46	name: 'User',
47	icon: '/static/icon/users.png',	47	icon: '/static/icon/users.png',
48	},	48	},
49	{	49	{
50	title: 'Attendance',	50	title: 'Attendance',
51	group: 'Attendance',	51	group: 'Attendance',
52	component: 'Attendance',	52	component: 'Attendance',
53	icon: '/static/icon/attendence.png',	53	icon: '/static/icon/attendence.png',
54	items: [	54	items: [
55	{ name: 'StudentAttendence', title: 'Student Attendance', component: 'Student Attendence', action: '', },	55	{ name: 'StudentAttendence', title: 'Student Attendance', component: 'Student Attendence', action: '', },
56	{ name: 'TeacherAttendence', title: 'Teacher Attendance', component: 'Teacher Attendence', action: '', },	56	{ name: 'TeacherAttendence', title: 'Teacher Attendance', component: 'Teacher Attendence', action: '', },
57	// { name: 'userAttendence', title: 'User Attendance', component: 'User Attendence', action: '', },	57	// { name: 'userAttendence', title: 'User Attendance', component: 'User Attendence', action: '', },
58	]	58	]
59	},	59	},
60	{	60	{
61	title: 'Exam',	61	title: 'Exam',
62	group: 'Exam',	62	group: 'Exam',
63	component: 'Exam',	63	component: 'Exam',
64	icon: '/static/icon/exam.png',	64	icon: '/static/icon/exam.png',
65	items: [	65	items: [
66	{ name: 'Exam', title: 'Exam', component: 'Exam', action: '', },	66	{ name: 'Exam', title: 'Exam', component: 'Exam', action: '', },
67	{ name: 'ExamSchedule', title: 'Exam Schedule', component: 'Exam Schedule', action: '', },	67	{ name: 'ExamSchedule', title: 'Exam Schedule', component: 'Exam Schedule', action: '', },
68	{ name: 'Grade', title: 'Grade', component: 'Grade', action: '', },	68	{ name: 'Grade', title: 'Grade', component: 'Grade', action: '', },
69	// { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },	69	// { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
70	]	70	]
71	},	71	},
72	{	72	{
73	title: 'Marks',	73	title: 'Marks',
74	group: 'Mark',	74	group: 'Mark',
75	component: 'Mark',	75	component: 'Mark',
76	icon: '/static/icon/marks.png',	76	icon: '/static/icon/marks.png',
77	items: [	77	items: [
78	{ name: 'Mark', title: 'Mark', component: 'Mark', action: '', },	78	{ name: 'Mark', title: 'Mark', component: 'Mark', action: '', },
79	{ name: 'MarkDistribution', title: 'Mark Distribution', component: 'Mark Distribution', action: '', },	79	{ name: 'MarkDistribution', title: 'Mark Distribution', component: 'Mark Distribution', action: '', },
80	// { name: 'Promotion', title: 'promotion', component: 'Promotion', action: '', },	80	// { name: 'Promotion', title: 'promotion', component: 'Promotion', action: '', },
81	// { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },	81	// { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
82	]	82	]
83	},	83	},
84	{	84	{
85	title: 'Academic',	85	title: 'Academic',
86	group: 'Academic',	86	group: 'Academic',
87	component: 'Academic',	87	component: 'Academic',
88	icon: '/static/icon/school.png',	88	icon: '/static/icon/school.png',
89	items: [	89	items: [
90	{ name: 'Subject', title: 'Subject', component: 'Subject', action: '', },	90	{ name: 'Subject', title: 'Subject', component: 'Subject', action: '', },
91	{ name: 'Syllabus', title: 'Syllabus', component: 'Syllabus', action: '', },	91	{ name: 'Syllabus', title: 'Syllabus', component: 'Syllabus', action: '', },
92	{ name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },	92	{ name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },
93	{ name: 'Routine', title: 'Routine', component: 'Routine', action: '', },	93	{ name: 'Routine', title: 'Routine', component: 'Routine', action: '', },
94	]	94	]
95	},	95	},
96	{	96	{
97	title: 'Administrator',	97	title: 'Administrator',
98	group: 'Administrator',	98	group: 'Administrator',
99	component: 'Administrator',	99	component: 'Administrator',
100	icon: '/static/icon/adminstrator.png',	100	icon: '/static/icon/adminstrator.png',
101	items: [	101	items: [
102	{ name: 'AcademicYear', title: 'Academic Year', component: 'Academic Year', action: '', },	102	{ name: 'AcademicYear', title: 'Academic Year', component: 'Academic Year', action: '', },
103	// { name: 'systemAdmin', title: 'System Admin', component: 'systemAdmin', action: '', },	103	// { name: 'systemAdmin', title: 'System Admin', component: 'systemAdmin', action: '', },
104	{ name: 'resetPassword', title: 'Change Password', component: 'Change Password', action: '', },	104	{ name: 'resetPassword', title: 'Change Password', component: 'Change Password', action: '', },
105	{ name: 'Role', title: 'Role', component: 'Role', action: '', },	105	{ name: 'Role', title: 'Role', component: 'Role', action: '', },
106	{ name: 'BulkImport', title: 'Bulk Import', component: 'Bulk Import', action: '', },	106	{ name: 'BulkImport', title: 'Bulk Import', component: 'Bulk Import', action: '', },
107		107
108	]	108	]
109	},	109	},
110	{	110	{
111	title: 'Payroll',	111	title: 'Payroll',
112	group: 'Payroll',	112	group: 'Payroll',
113	component: 'Payroll',	113	component: 'Payroll',
114	icon: '/static/icon/dollar.png',	114	icon: '/static/icon/dollar.png',
115	items: [	115	items: [
116	{ name: 'salaryTemplate', title: 'Salary Template', component: 'Salary Template', action: '', },	116	{ name: 'salaryTemplate', title: 'Salary Template', component: 'Salary Template', action: '', },
117	{ name: 'hourlyTemplate', title: 'Hourly Template', component: 'Hourly Template', action: '', },	117	{ name: 'hourlyTemplate', title: 'Hourly Template', component: 'Hourly Template', action: '', },
118	{ name: 'manageSalary', title: 'Manage Salary', component: 'Manage Salary', action: '', },	118	{ name: 'manageSalary', title: 'Manage Salary', component: 'Manage Salary', action: '', },
119	// { name: 'makePayment', title: 'Make Payment', component: 'Make Payment', action: '', },	119	// { name: 'makePayment', title: 'Make Payment', component: 'Make Payment', action: '', },
120	]	120	]
121	},	121	},
122	{	122	{
123	title: 'Notice Board',	123	title: 'Notice Board',
124	name: 'Notice Board',	124	name: 'Notice Board',
125	icon: '/static/icon/notice board.png',	125	icon: '/static/icon/notice board.png',
126	},	126	},
127	{	127	{
128	title: 'News',	128	title: 'News',
129	name: 'News',	129	name: 'News',
130	icon: '/static/icon/news.png',	130	icon: '/static/icon/news.png',
131	},	131	},
132	// {	132	// {
133	// title: 'Reminder',	133	// title: 'Reminder',
134	// name: 'reminder',	134	// name: 'reminder',
135	// icon: 'alarm_add',	135	// icon: 'alarm_add',
136	// },	136	// },
137	{	137	{
138	title: 'Time Table',	138	title: 'Time Table',
139	name: 'Time Table',	139	name: 'Time Table',
140	icon: '/static/icon/time table.png',	140	icon: '/static/icon/time table.png',
141	},	141	},
142	{	142	{
143	title: 'Library',	143	title: 'Library',
144	group: 'Library',	144	group: 'Library',
145	component: 'Library',	145	component: 'Library',
146	icon: '/static/icon/library.png',	146	icon: '/static/icon/library.png',
147	items: [	147	items: [
148	{ name: 'LibraryMember', title: ' Library Member', component: 'Library Member', action: '', },	148	{ name: 'LibraryMember', title: ' Library Member', component: 'Library Member', action: '', },
149	{ name: 'Books', title: 'Books', component: 'Books', action: '', },	149	{ name: 'Books', title: 'Books', component: 'Books', action: '', },
150	{ name: 'Issue', title: ' Issue', component: 'Issue', action: '', },	150	{ name: 'Issue', title: ' Issue', component: 'Issue', action: '', },
151	{ name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }	151	{ name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }
152		152
153	]	153	]
154	},	154	},
155	{	155	{
156	title: 'Report',	156	title: 'Report',
157	group: 'Report',	157	group: 'Report',
158	component: 'Report',	158	component: 'Report',
159	icon: '/static/icon/reports.png',	159	icon: '/static/icon/reports.png',
160	items: [	160	items: [
161	{ name: 'studentReport', title: 'Student Report', component: 'Student Report', action: '', },	161	{ name: 'studentReport', title: 'Student Report', component: 'Student Report', action: '', },
162	{ name: 'ProgressCardReport', title: 'Progress Card Report', component: 'Progress Card Report', action: '', },	162	{ name: 'ProgressCardReport', title: 'Progress Card Report', component: 'Progress Card Report', action: '', },
163	{ name: 'idCard', title: 'Id Card Report', component: 'Id Card Report', action: '', },	163	{ name: 'idCard', title: 'Id Card Report', component: 'Id Card Report', action: '', },
164	{ name: 'admitCard', title: 'Admit Card Report', component: 'Admit Card Report', action: '', }	164	{ name: 'admitCard', title: 'Admit Card Report', component: 'Admit Card Report', action: '', }
165	]	165	]
166	},	166	},
167	{	167	{
168	title: 'Notification',	168	title: 'Notification',
169	name: 'Notification',	169	name: 'Notification',
170	icon: '/static/icon/notification.png',	170	icon: '/static/icon/notification.png',
171	},	171	},
172	{	172	{
173	title: 'Social Media',	173	title: 'Social Media',
174	name: 'Social Media',	174	name: 'Social Media',
175	icon: '/static/icon/events.png',	175	icon: '/static/icon/events.png',
176	},	176	},
177	{	177	{
178	title: 'Gallery',	178	title: 'Gallery',
179	name: 'Gallery',	179	name: 'Gallery',
180	icon: '/static/icon/gallery.png',	180	icon: '/static/icon/gallery.png',
181	},	181	},
182	{	182	{
183	title: 'Event',	183	title: 'Event',
184	name: 'Event',	184	name: 'Event',
185	icon: '/static/icon/events.png',	185	icon: '/static/icon/events.png',
186	},	186	},
187	{	187	{
188	title: 'Account',	188	title: 'Account',
189	group: 'Account',	189	group: 'Account',
190	component: 'Account',	190	component: 'Account',
191	icon: '/static/icon/accounts.png',	191	icon: '/static/icon/accounts.png',
192	items: [	192	items: [
193	{ name: 'feeTypes', title: 'Fee Types', component: 'Fee Types', action: '', },	193	{ name: 'feeTypes', title: 'Fee Types', component: 'Fee Types', action: '', },
194	{ name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },	194	{ name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },
195	{ name: 'PaymentHistory', title: 'Payment History', component: 'Payment History', action: '', },	195	{ name: 'PaymentHistory', title: 'Payment History', component: 'Payment History', action: '', },
196	{ name: 'Expense', title: 'Expense', component: 'Expense', action: '', },	196	{ name: 'Expense', title: 'Expense', component: 'Expense', action: '', },
197	{ name: 'Income', title: 'Income', component: 'Income', action: '', },	197	{ name: 'Income', title: 'Income', component: 'Income', action: '', },
198	{ name: 'GlobalPayment', title: 'Global Payment', component: 'Global Payment', action: '', }	198	{ name: 'GlobalPayment', title: 'Global Payment', component: 'Global Payment', action: '', }
199	]	199	]
200	},	200	},
201	{	201	{
202	title: 'Holiday',	202	title: 'Holiday',
203	name: 'Holiday',	203	name: 'Holiday',
204	icon: '/static/icon/holiday.png',	204	icon: '/static/icon/holiday.png',
205	},	205	},
206	{	206	{
207	title: 'General Setting',	207	title: 'General Setting',
208	name: 'General Setting',	208	name: 'General Setting',
209	icon: '/static/icon/settings.png',	209	icon: '/static/icon/settings.png',
210	}	210	}
211	];	211	];
212		212
213	const libraryMenu = [{	213	const libraryMenu = [{
214	title: 'Dashboard',	214	title: 'Dashboard',
215	name: 'Dashboard',	215	name: 'Dashboard',
216	icon: '/static/icon/dashboard.png',	216	icon: '/static/icon/dashboard.png',
217	},	217	},
218	{	218	{
219	title: 'Library',	219	title: 'Library',
220	group: 'Library',	220	group: 'Library',
221	component: 'Library',	221	component: 'Library',
222	icon: '/static/icon/library.png',	222	icon: '/static/icon/library.png',
223	items: [	223	items: [
224	{ name: 'LibraryMember', title: ' Library Member', component: 'Library Member', action: '', },	224	{ name: 'LibraryMember', title: ' Library Member', component: 'Library Member', action: '', },
225	{ name: 'Books', title: 'Books', component: 'Books', action: '', },	225	{ name: 'Books', title: 'Books', component: 'Books', action: '', },
226	{ name: 'Issue', title: ' Issue', component: 'Issue', action: '', },	226	{ name: 'Issue', title: ' Issue', component: 'Issue', action: '', },
227	{ name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }	227	{ name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }
228		228
229	]	229	]
230	},	230	},
231	];	231	];
232		232
233	const accountMenu = [{	233	const accountMenu = [{
234	title: 'Dashboard',	234	title: 'Dashboard',
235	name: 'Dashboard',	235	name: 'Dashboard',
236	icon: '/static/icon/dashboard.png',	236	icon: '/static/icon/dashboard.png',
237	},	237	},
238		238
239	{	239	{
240	title: 'Account',	240	title: 'Account',
241	group: 'Account',	241	group: 'Account',
242	component: 'Account',	242	component: 'Account',
243	icon: '/static/icon/accounts.png',	243	icon: '/static/icon/accounts.png',
244	items: [	244	items: [
245	{ name: 'feeTypes', title: 'Fee Types', component: 'Fee Types', action: '', },	245	{ name: 'feeTypes', title: 'Fee Types', component: 'Fee Types', action: '', },
246	{ name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },	246	{ name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },
247	{ name: 'PaymentHistory', title: 'Payment History', component: 'Payment History', action: '', },	247	{ name: 'PaymentHistory', title: 'Payment History', component: 'Payment History', action: '', },
248	{ name: 'Expense', title: 'Expense', component: 'Expense', action: '', },	248	{ name: 'Expense', title: 'Expense', component: 'Expense', action: '', },
249	{ name: 'Income', title: 'Income', component: 'Income', action: '', },	249	{ name: 'Income', title: 'Income', component: 'Income', action: '', },
250	{ name: 'GlobalPayment', title: 'Global Payment', component: 'Global Payment', action: '', }	250	{ name: 'GlobalPayment', title: 'Global Payment', component: 'Global Payment', action: '', }
251	]	251	]
252	},	252	},
253	];	253	];
254		254
255	const schoolMenu = [	255	const schoolMenu = [
256	// { header: 'Apps' },	256	// { header: 'Apps' },
257	{	257	{
258	title: 'Dashboard',	258	title: 'Dashboard',
259	// group: 'apps',	259	// group: 'apps',
260	name: 'View School Dashboard',	260	name: 'View School Dashboard',
261	icon: '/static/icon/dashboard.png',	261	icon: '/static/icon/dashboard.png',
262	},	262	},
263	{	263	{
264	title: 'School',	264	title: 'School',
265	// group: 'apps',	265	// group: 'apps',
266	name: 'School',	266	name: 'School',
267	icon: '/static/schoolIcons/Dashboard.png',	267	icon: '/static/schoolIcons/Dashboard.png',
268	}	268	}
269	];	269	];
270		270
271	const teacherMenu = [{	271	const teacherMenu = [{
272	title: 'Dashboard',	272	title: 'Dashboard',
273	name: 'Dashboard',	273	name: 'Dashboard',
274	icon: '/static/icon/dashboard.png',	274	icon: '/static/icon/dashboard.png',
275	},	275	},
276	{	276	{
277	title: 'Parents',	277	title: 'Parents',
278	// group: 'apps',	278	// group: 'apps',
279	name: 'Parents',	279	name: 'Parents',
280	icon: '/static/icon/parents.png',	280	icon: '/static/icon/parents.png',
281	},	281	},
282	{	282	{
283	title: 'Teachers',	283	title: 'Teachers',
284	// group: '',	284	// group: '',
285	name: 'Teachers',	285	name: 'Teachers',
286	icon: '/static/icon/teacher.png',	286	icon: '/static/icon/teacher.png',
287	},	287	},
288	{	288	{
289	title: 'Students',	289	title: 'Students',
290	// group: 'apps',	290	// group: 'apps',
291	name: 'Students',	291	name: 'Students',
292	icon: '/static/icon/student.png',	292	icon: '/static/icon/student.png',
293	},	293	},
294	{	294	{
295	title: 'Academic',	295	title: 'Academic',
296	group: 'Academic',	296	group: 'Academic',
297	component: 'Academic',	297	component: 'Academic',
298	icon: '/static/icon/school.png',	298	icon: '/static/icon/school.png',
299	items: [	299	items: [
300	{ name: 'Subject', title: 'Subject', component: 'Subject', action: '', },	300	{ name: 'Subject', title: 'Subject', component: 'Subject', action: '', },
301	{ name: 'Syllabus', title: 'Syllabus', component: 'Syllabus', action: '', },	301	{ name: 'Syllabus', title: 'Syllabus', component: 'Syllabus', action: '', },
302	{ name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },	302	{ name: 'Assignment', title: 'Assignment', component: 'Assignment', action: '', },
303	{ name: 'Routine', title: 'Routine', component: 'Routine', action: '', },	303	{ name: 'Routine', title: 'Routine', component: 'Routine', action: '', },
304	]	304	]
305	},	305	},
306	{	306	{
307	title: 'Course',	307	title: 'Course',
308	group: 'Course',	308	group: 'Course',
309	component: 'Course',	309	component: 'Course',
310	icon: '/static/icon/school.png',	310	icon: '/static/icon/school.png',
311	items: [	311	items: [
312	{ name: 'Course', title: 'Course', component: 'Course', action: '', },	312	{ name: 'Course', title: 'Course', component: 'Course', action: '', },
313	{ name: 'Enroll Students', title: 'Enroll Students', component: 'Enroll Students', action: '', },	313	{ name: 'Enroll Students', title: 'Enroll Students', component: 'Enroll Students', action: '', },
314	{ name: 'Course Detail', title: 'Course Detail', component: 'Course Detail', action: '', },	314	{ name: 'Course Detail', title: 'Course Detail', component: 'Course Detail', action: '', },
315	// { name: 'Routine', title: 'Routine', component: 'Routine', action: '', },	315	{ name: 'Course Discussion', title: 'Course Discussion', component: 'Course Discussion', action: '', },
316	]	316	]
317	},	317	},
318	{	318	{
319	title: 'Annoucement',	319	title: 'Annoucement',
320	// group: 'apps',	320	// group: 'apps',
321	name: 'Annoucement',	321	name: 'Annoucement',
322	icon: '/static/icon/student.png',	322	icon: '/static/icon/student.png',
323	},	323	},
324	{	324	{
325	title: 'Meeting Event',	325	title: 'Meeting Event',
326	// group: 'apps',	326	// group: 'apps',
327	name: 'Meeting Event',	327	name: 'Meeting Event',
328	icon: '/static/icon/student.png',	328	icon: '/static/icon/student.png',
329	},	329	},
330	{	330	{
331	title: 'Attendance',	331	title: 'Attendance',
332	group: 'Attendance',	332	group: 'Attendance',
333	component: 'Attendance',	333	component: 'Attendance',
334	icon: '/static/icon/attendence.png',	334	icon: '/static/icon/attendence.png',
335	items: [	335	items: [
336	{ name: 'StudentAttendence', title: 'Student Attendance', component: 'Student Attendence', action: '', },	336	{ name: 'StudentAttendence', title: 'Student Attendance', component: 'Student Attendence', action: '', },
337	{ name: 'TeacherAttendence', title: 'Teacher Attendance', component: 'Teacher Attendence', action: '', },	337	{ name: 'TeacherAttendence', title: 'Teacher Attendance', component: 'Teacher Attendence', action: '', },
338	// { name: 'userAttendence', title: 'User Attendance', component: 'User Attendence', action: '', },	338	// { name: 'userAttendence', title: 'User Attendance', component: 'User Attendence', action: '', },
339	]	339	]
340	},	340	},
341	{	341	{
342	title: 'Exam',	342	title: 'Exam',
343	group: 'Exam',	343	group: 'Exam',
344	component: 'Exam',	344	component: 'Exam',
345	icon: '/static/icon/exam.png',	345	icon: '/static/icon/exam.png',
346	items: [	346	items: [
347	{ name: 'ExamSchedule', title: 'Exam Schedule', component: 'Exam Schedule', action: '', },	347	{ name: 'ExamSchedule', title: 'Exam Schedule', component: 'Exam Schedule', action: '', },
348	{ name: 'ExamAttendence', title: 'Exam Attendence', component: 'Exam Attendence', action: '', }	348	{ name: 'ExamAttendence', title: 'Exam Attendence', component: 'Exam Attendence', action: '', }
349	]	349	]
350	},	350	},
351	{	351	{
352	title: 'Marks',	352	title: 'Marks',
353	group: 'Mark',	353	group: 'Mark',
354	component: 'Mark',	354	component: 'Mark',
355	icon: '/static/icon/marks.png',	355	icon: '/static/icon/marks.png',
356	items: [	356	items: [
357	{ name: 'Mark', title: 'Mark', component: 'Mark', action: '', }	357	{ name: 'Mark', title: 'Mark', component: 'Mark', action: '', }
358	]	358	]
359	},	359	},
360	{	360	{
361	title: 'Report',	361	title: 'Report',
362	group: 'Report',	362	group: 'Report',
363	component: 'Report',	363	component: 'Report',
364	icon: '/static/icon/reports.png',	364	icon: '/static/icon/reports.png',
365	items: [	365	items: [
366	{ name: 'studentReport', title: 'Student Report', component: 'Student Report', action: '', },	366	{ name: 'studentReport', title: 'Student Report', component: 'Student Report', action: '', },
367	{ name: 'ProgressCardReport', title: 'Progress Card Report', component: 'Progress Card Report', action: '', },	367	{ name: 'ProgressCardReport', title: 'Progress Card Report', component: 'Progress Card Report', action: '', },
368	{ name: 'idCard', title: 'Id Card Report', component: 'Id Card Report', action: '', },	368	{ name: 'idCard', title: 'Id Card Report', component: 'Id Card Report', action: '', },
369	{ name: 'admitCard', title: 'Admit Card Report', component: 'Admit Card Report', action: '', }	369	{ name: 'admitCard', title: 'Admit Card Report', component: 'Admit Card Report', action: '', }
370	]	370	]
371	},	371	},
372	{	372	{
373	title: 'Library',	373	title: 'Library',
374	group: 'Library',	374	group: 'Library',
375	component: 'Library',	375	component: 'Library',
376	icon: '/static/icon/library.png',	376	icon: '/static/icon/library.png',
377	items: [	377	items: [
378	{ name: 'Books', title: 'Books', component: 'Books', action: '', },	378	{ name: 'Books', title: 'Books', component: 'Books', action: '', },
379	{ name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }	379	{ name: 'E-Books', title: 'E-Books', component: 'E-Books', action: '', }
380		380
381	]	381	]
382	},	382	},
383	{	383	{
384	title: 'Meet',	384	title: 'Meet',
385	name: 'Meet',	385	name: 'Meet',
386	icon: '/static/icon/parents.png',	386	icon: '/static/icon/parents.png',
387	}	387	}
388	];	388	];
389		389
390	const parentMenu = [{	390	const parentMenu = [{
391	title: 'Dashboard',	391	title: 'Dashboard',
392	name: 'Dashboard',	392	name: 'Dashboard',
393	icon: '/static/icon/dashboard.png',	393	icon: '/static/icon/dashboard.png',
394	}];	394	}];
395	// reorder menu	395	// reorder menu
396	// Menu.forEach((item) => {	396	// Menu.forEach((item) => {
397	// if (item.items) {	397	// if (item.items) {
398	// item.items.sort((x, y) => {	398	// item.items.sort((x, y) => {
399	// let textA = x.title.toUpperCase();	399	// let textA = x.title.toUpperCase();
400	// let textB = y.title.toUpperCase();	400	// let textB = y.title.toUpperCase();
401	// return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;	401	// return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
402	// });	402	// });
403	// }	403	// }
404	// });	404	// });
405		405
406	export default { adminMenu, schoolMenu, teacherMenu, libraryMenu, accountMenu, parentMenu };	406	export default { adminMenu, schoolMenu, teacherMenu, libraryMenu, accountMenu, parentMenu };

src/pages/Course/courseDiscussion.vue

Diff comments View file @dea4d28

File was created	1	<template>
	2	<v-container fluid class="body-color">
	3	<v-dialog v-model="editDialog" max-width="600px" scrollable>
	4	<v-card flat class="card-style pa-2" dark>
	5	<v-layout>
	6	<v-flex xs12>
	7	<label class="title text-xs-center">Edit Course Discussion</label>
	8	<v-icon size="24" class="right" @click="editDialog = false">cancel</v-icon>
	9	</v-flex>
	10	</v-layout>
	11	<v-card-text>
	12	<v-form ref="form">
	13	<v-container fluid>
	14	<v-layout>
	15	<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
	16	<v-avatar size="100px" v-if="!editedItem.attachementUrl && !editImageUrl">
	17	<img src="/static/icon/user.png" />
	18	</v-avatar>
	19	<img
	20	:src="editedItem.attachementUrl"
	21	v-else-if="editedItem.attachementUrl && !editImageUrl"
	22	height="150"
	23	style="border-radius:50%; width:150px"
	24	/>
	25	<img
	26	v-if="editImageUrl"
	27	:src="editImageUrl"
	28	style="border-radius:50%; width:150px;height:150px"
	29	/>
	30	<input
	31	type="file"
	32	style="display: none"
	33	ref="editDataImage"
	34	accept="image/*"
	35	@change="onEditFilePicked"
	36	/>
	37	</v-flex>
	38	</v-layout>
	39	<v-layout wrap>
	40	<v-flex xs12 sm12>
	41	<v-layout>
	42	<v-flex xs4 sm5 class="pt-4 subheading">
	43	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
	44	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
	45	</v-flex>
	46	<v-flex xs8 sm7 class="ml-3">
	47	<v-select
	48	:items="addclass"
	49	v-model="editedItem.classId"
	50	item-text="classNum"
	51	item-value="_id"
	52	name="Select Class"
	53	required
	54	@change="editGetCourses(editedItem.classId)"
	55	></v-select>
	56	</v-flex>
	57	</v-layout>
	58	<v-layout>
	59	<v-flex xs12 sm12>
	60	<v-layout>
	61	<v-flex xs4 sm5 class="pt-4 subheading">
	62	<label class="right">Select Course:</label>
	63	</v-flex>
	64	<v-flex xs8 sm7 class="ml-3">
	65	<v-select
	66	:items="editCourseData"
	67	label="Select Course"
	68	v-model="editedItem.courseId"
	69	item-text="courseName"
	70	item-value="_id"
	71	required
	72	class="ml-2"
	73	></v-select>
	74	</v-flex>
	75	</v-layout>
	76	</v-flex>
	77	</v-layout>
	78	<v-layout>
	79	<v-flex xs4 sm5 class="pt-4 subheading">
	80	<label class="right">Subject:</label>
	81	</v-flex>
	82	<v-flex xs8 sm7 class="ml-3">
	83	<v-text-field v-model="editedItem.subject" type="text" required></v-text-field>
	84	</v-flex>
	85	</v-layout>
	86	<v-layout>
	87	<v-flex xs4 sm5 class="pt-4 subheading">
	88	<label class="right">Description:</label>
	89	</v-flex>
	90	<v-flex xs8 sm7 class="ml-3">
	91	<v-text-field v-model="editedItem.description" type="text" required></v-text-field>
	92	</v-flex>
	93	</v-layout>
	94	<v-layout>
	95	<v-flex xs4 sm5 class="pt-4 subheading">
	96	<label class="right hidden-xs-only hidden-sm-only">Upload Image:</label>
	97	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload:</label>
	98	</v-flex>
	99	<v-flex xs8 sm7 class="ml-3">
	100	<v-text-field
	101	@click="pickEditFile"
	102	v-model="editImageName"
	103	append-icon="attach_file"
	104	></v-text-field>
	105	</v-flex>
	106	</v-layout>
	107	</v-flex>
	108	</v-layout>
	109	<v-layout>
	110	<v-flex xs12 sm12 class="px-0 mx-0">
	111	<v-layout class="right">
	112	<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
	113	</v-layout>
	114	</v-flex>
	115	</v-layout>
	116	</v-container>
	117	</v-form>
	118	</v-card-text>
	119	</v-card>
	120	</v-dialog>
	121	<!-- **** DIsCUSIION TABLE **** -->
	122	<v-toolbar color="transparent" flat>
	123	<v-spacer></v-spacer>
	124	<v-flex xs12 sm4 md2>
	125	<v-select
	126	small
	127	:items="addclass"
	128	label="Select Class"
	129	v-model="getSelectedData.classId"
	130	item-text="classNum"
	131	item-value="_id"
	132	name="Select Class"
	133	@change="getCourses(getSelectedData.classId)"
	134	class="mr-2"
	135	required
	136	></v-select>
	137	</v-flex>
	138	<v-flex xs12 sm4 md2>
	139	<v-select
	140	:items="courseData"
	141	label="Select Course"
	142	v-model="getSelectedData.courseId"
	143	item-text="courseName"
	144	item-value="_id"
	145	required
	146	class="ml-2"
	147	@change="getCourseDiscussionTable(getSelectedData.courseId)"
	148	></v-select>
	149	</v-flex>
	150	<v-card-title class="body-1" v-show="show">
	151	<v-btn icon large flat @click="displaySearch">
	152	<v-avatar size="27">
	153	<img src="/static/icon/search.png" alt="icon" />
	154	</v-avatar>
	155	</v-btn>
	156	</v-card-title>
	157	<v-flex xs8 sm8 md3 lg2 v-show="showSearch">
	158	<v-layout>
	159	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
	160	<v-icon @click="closeSearch" color="error">close</v-icon>
	161	</v-layout>
	162	</v-flex>
	163	</v-toolbar>
	164	<v-data-table
	165	:headers="headers"
	166	:items="courseDiscussionData"
	167	:pagination.sync="pagination"
	168	:search="search"
	169	>
	170	<template slot="items" slot-scope="props">
	171	<tr class="tr">
	172	<td class="text-xs-center td td-row">
	173	<v-avatar size="40">
	174	<img :src="props.item.attachementUrl" v-if="props.item.attachementUrl" />
	175	<img src="/static/icon/user.png" v-else-if="!props.item.attachementUrl" />
	176	</v-avatar>
	177	</td>
	178	<td class="text-xs-center td td-row">
	179	<router-link
	180	:to="{ name:'Course Discussiones Form',params: { discussionId:props.item._id } }"
	181	>{{ props.item.subject }}</router-link>
	182	</td>
	183	<td class="text-xs-center td td-row">{{ props.item.studentId.name}}</td>
	184	<td class="text-xs-center td td-row">-</td>
	185	<td class="text-xs-center td td-row">{{ props.item.forumThread.length }}</td>
	186	<td class="text-xs-center td td-row">
	187	<span>
	188	<v-tooltip top>
	189	<img
	190	slot="activator"
	191	style="cursor:pointer; width:20px; height:18px; "
	192	class="mr-3"
	193	@click="editItem(props.item)"
	194	src="/static/icon/edit.png"
	195	/>
	196	<span>Edit</span>
	197	</v-tooltip>
	198	<v-tooltip top>
	199	<img
	200	slot="activator"
	201	style="cursor:pointer; width:20px; height:20px; "
	202	class="mr-3"
	203	@click="deleteItem(props.item)"
	204	src="/static/icon/delete.png"
	205	/>
	206	<span>Delete</span>
	207	</v-tooltip>
	208	</span>
	209	</td>
	210	</tr>
	211	</template>
	212	<v-alert
	213	slot="no-results"
	214	:value="true"
	215	color="error"
	216	icon="warning"
	217	>Your search for "{{ search }}" found no results.</v-alert>
	218	</v-data-table>
	219	<v-snackbar
	220	:timeout="timeout"
	221	:top="y === 'top'"
	222	:right="x === 'right'"
	223	:vertical="mode === 'vertical'"
	224	v-model="snackbar"
	225	color="success"
	226	>{{ text }}</v-snackbar>
	227	<div class="loader" v-if="showLoader">
	228	<v-progress-circular indeterminate color="white"></v-progress-circular>
	229	</div>
	230	</v-container>
	231	</template>
	232
	233	<script>
	234	import http from "@/Services/http.js";
	235	import moment from "moment";
	236
	237	export default {
	238	data: () => ({
	239	snackbar: false,
	240	y: "top",
	241	x: "right",
	242	mode: "",
	243	timeout: 3000,
	244	text: "",
	245	show: true,
	246	showSearch: false,
	247	showLoader: false,
	248	loading: false,
	249	date: null,
	250	search: "",
	251	addclass: [],
	252	pagination: {
	253	rowsPerPage: 10
	254	},
	255	headers: [
	256	{
	257	text: "Image",
	258	value: "subjattachementUrlect",
	259	sortable: false,
	260	align: "center"
	261	},
	262	{
	263	text: "Discussion",
	264	value: "subject",
	265	sortable: false,
	266	align: "center"
	267	},
	268	{ text: "Started", value: "studentId", sortable: false, align: "center" },
	269	{
	270	text: "Last Post",
	271	value: "forumThread",
	272	sortable: false,
	273	align: "center"
	274	},
	275	{ text: "replies", value: "email", sortable: false, align: "center" },
	276	{ text: "Action", value: "", sortable: false, align: "center" }
	277	],
	278	token: "",
	279	selectStudents: {
	280	select: "",
	281	selectSection: ""
	282	},
	283
	284	role: "",
	285	schoolRole: "",
	286	menu: false,
	287	valid: true,
	288
	289	getSelectedData: {},
	290	courseDiscussionData: [],
	291	courseData: [],
	292	editCourseData: [],
	293	addSection: [],
	294	editedItem: {},
	295	editDialog: false,
	296	editedIndex: -1,
	297	editiImageFile: "",
	298	editImageName: "",
	299	editImageUrl: "",
	300	editLoading: false
	301	}),
	302	methods: {
	303	// save(date) {
	304	// this.$refs.menu.save(date);
	305	// },
	306	pickEditFile() {
	307	this.$refs.editDataImage.click();
	308	},
	309	onEditFilePicked(e) {
	310	console.log(e);
	311	const files = e.target.files;
	312	if (files[0] !== undefined) {
	313	this.editImageName = files[0].name;
	314	console.log("this.editImageName", this.editImageName);
	315
	316	if (this.editImageName.lastIndexOf(".") <= 0) {
	317	return;
	318	}
	319	const fr = new FileReader();
	320	fr.readAsDataURL(files[0]);
	321	fr.addEventListener("load", () => {
	322	this.editImageUrl = fr.result;
	323	this.editiImageFile = files[0]; // this is an image file that can be sent to server...
	324	});
	325	} else {
	326	this.editImageName = "";
	327	this.editiImageFile = "";
	328	}
	329	},
	330	getAllClass() {
	331	http()
	332	.get("/getClassesList", {
	333	headers: { Authorization: "Bearer " + this.token }
	334	})
	335	.then(response => {
	336	this.addclass = response.data.data;
	337	})
	338	.catch(error => {
	339	// console.log("err====>", err);
	340	// this.$router.replace({ path: "/" });
	341	});
	342	},
	343	getCourses(classId) {
	344	this.showLoader = true;
	345	http()
	346	.get("/getCourseesList", {
	347	params: {
	348	classId: classId
	349	}
	350	})
	351	.then(response => {
	352	this.courseData = response.data.data;
	353	this.showLoader = false;
	354	})
	355	.catch(err => {
	356	console.log("err====>", err);
	357	this.showLoader = false;
	358	});
	359	},
	360	editGetCourses(classId) {
	361	this.showLoader = true;
	362	http()
	363	.get("/getCourseesList", {
	364	params: {
	365	classId: classId
	366	}
	367	})
	368	.then(response => {
	369	this.editCourseData = response.data.data;
	370	this.showLoader = false;
	371	})
	372	.catch(err => {
	373	console.log("err====>", err);
	374	this.showLoader = false;
	375	});
	376	},
	377	getCourseDiscussionTable(id) {
	378	// console.log("id", this.getSelectedData.courseId);
	379	this.showLoader = true;
	380	http()
	381	.get("/getCourseDiscussionesList", {
	382	params: {
	383	classId: this.getSelectedData.classId,
	384	courseId: id
	385	}
	386	})
	387	.then(response => {
	388	// console.log("response", response.data.data);
	389	this.courseDiscussionData = response.data.data;
	390	this.showLoader = false;
	391	})
	392	.catch(error => {
	393	console.log("err====>", error);
	394	this.showLoader = false;
	395	});
	396	},
	397	editItem(item) {
	398	this.editedIndex = this.courseDiscussionData.indexOf(item);
	399	this.editedItem = Object.assign({}, item);
	400	this.editDialog = true;
	401	},
	402	save() {
	403	console.log("this.editedItem", this.editedItem);
	404	let editCourseDiscuss = {
	405	courseDiscussionId: this.editedItem._id,
	406	courseId: this.editedItem.courseId,
	407	studentId: this.editedItem.studentId._id,
	408	subject: this.editedItem.subject,
	409	description: this.editedItem.description
	410	};
	411	if (this.editedItem.classId._id) {
	412	editCourseDiscuss.classId = this.editedItem.classId._id;
	413	}
	414	if (!this.editedItem.classId._id) {
	415	editCourseDiscuss.classId = this.editedItem.classId;
	416	}
	417	if (this.editImageUrl) {
	418	var str = this.editImageUrl;
	419	const [baseUrl, editImageUrl] = str.split(/,/);
	420	editCourse.upload = editImageUrl;
	421	}
	422	this.editLoading = true;
	423	http()
	424	.put("/updateCourseDiscussion", editCourseDiscuss)
	425	.then(response => {
	426	this.snackbar = true;
	427	this.text = response.data.message;
	428	this.color = "green";
	429	this.imageUrl = "";
	430	this.getCourseDiscussionTable();
	431	this.editDialog = false;
	432	this.editLoading = false;
	433	})
	434	.catch(error => {
	435	this.editLoading = false;
	436	this.snackbar = true;
	437	this.text = error.response.data.statusText;
	438	this.color = "error";
	439	});
	440	},
	441	deleteItem(item) {
	442	let deleteCourseDiscussion = {
	443	courseDiscussionId: item._id
	444	};
	445	http()
	446	.delete(
	447	"/deleteCourseDiscussion",
	448	confirm("Are you sure you want to delete this?") && {
	449	params: deleteCourseDiscussion
	450	}
	451	)
	452	.then(response => {
	453	this.snackbar = true;
	454	this.text = response.data.message;
	455	this.color = "green";
	456	this.getCourseDiscussionTable();
	457	})
	458	.catch(error => {
	459	this.snackbar = true;
	460	this.text = error.response.data.message;
	461	this.color = "error";
	462	});
	463	},
	464	displaySearch() {
	465	this.show = false;
	466	this.showSearch = true;
	467	},
	468	closeSearch() {
	469	this.showSearch = false;
	470	this.show = true;
	471	this.search = "";
	472	}
	473	},
	474	mounted() {
	475	// this.getStudentList();
	476	this.token = this.$store.state.token;
	477	this.role = this.$store.state.role;
	478	this.getAllClass();
	479	}
	480	};
	481	</script>

src/pages/Course/discussion.vue

Diff comments View file @dea4d28

File was created	1	<template>
	2	<v-container fluid class="body-color">
	3	<!-- ****COURSE DISCUSIION COMMENT **** -->
	4	<v-layout>
	5	<v-flex xs12 v-for="(courseDiscussionData,i) in courseDiscussionData" :key="i">
	6	<v-card class="elevation-0 grey lighten-3 pa-2" flat>
	7	<v-list two-line subheader>
	8	<v-list-tile>
	9	<v-list-tile-avatar>
	10	<v-avatar size="46">
	11	<img
	12	:src="courseDiscussionData.attachementUrl"
	13	v-if="courseDiscussionData.attachementUrl"
	14	/>
	15	<img src="/static/icon/user.png" v-else-if="!courseDiscussionData.attachementUrl" />
	16	</v-avatar>
	17	</v-list-tile-avatar>
	18	<v-list-tile-content>
	19	<v-list-tile-title>{{ courseDiscussionData.subject }}</v-list-tile-title>
	20	<v-list-tile-sub-title>
	21	By
	22	<span class="info--text">{{ courseDiscussionData.studentId.name }}</span>
	23	- {{dates(courseDiscussionData.created ) }}
	24	</v-list-tile-sub-title>
	25	</v-list-tile-content>
	26	<v-list-tile-action>
	27	<div>
	28	<v-btn flat round dark class="reply-btn" @click="showReplyBox = true">Reply</v-btn>
	29	</div>
	30	</v-list-tile-action>
	31	</v-list-tile>
	32	</v-list>
	33	</v-card>
	34	<v-flex
	35	xs12
	36	class="mt-4 pl-5 mx-auto"
	37	v-for="(replyThread,i) in courseDiscussionData.forumThread"
	38	:key="i"
	39	>
	40	<v-card class="elevation-0 grey lighten-3" flat>
	41	<v-list two-line subheader class="grey lighten-3 pa-1">
	42	<v-list-tile>
	43	<v-list-tile-avatar>
	44	<v-avatar size="46">
	45	<img
	46	:src="courseDiscussionData.attachementUrl"
	47	v-if="courseDiscussionData.attachementUrl"
	48	/>
	49	<img
	50	src="/static/icon/user.png"
	51	v-else-if="!courseDiscussionData.attachementUrl"
	52	/>
	53	</v-avatar>
	54	</v-list-tile-avatar>
	55	<v-list-tile-content>
	56	<v-list-tile-title>Re: {{ courseDiscussionData.subject }}</v-list-tile-title>
	57	<v-list-tile-sub-title>
	58	By
	59	<span class="info--text">{{ replyThread.teacherId.name }}</span>
	60	- {{dates(replyThread.created ) }}
	61	</v-list-tile-sub-title>
	62	</v-list-tile-content>
	63	</v-list-tile>
	64	</v-list>
	65	<v-list class="pa-2 reply-desc">
	66	<v-list-tile-content>
	67	<v-list-tile-title
	68	v-show="replyThread.showDescriptionReplyThread"
	69	>{{ replyThread.description }}</v-list-tile-title>
	70	<v-flex xs12 sm12 md4 v-show="replyThread.showUpdateReplyThread == true">
	71	<v-text-field v-model="replyThread.description"></v-text-field>
	72	<v-btn
	73	flat
	74	round
	75	dark
	76	class="reply-btn right"
	77	@click="updateRelpyThreadDiscussion(replyThread)"
	78	>Save</v-btn>
	79	</v-flex>
	80	</v-list-tile-content>
	81	</v-list>
	82	<v-list class="grey lighten-4 pa-0">
	83	<v-list-tile-action>
	84	<v-spacer></v-spacer>
	85	<div>
	86	<v-btn
	87	flat
	88	round
	89	dark
	90	class="reply-btn"
	91	@click="deleteRelpyThreadDiscussion(replyThread._id)"
	92	>Delete</v-btn>
	93	<v-btn
	94	flat
	95	round
	96	dark
	97	class="reply-btn mr-4"
	98	@click="showUpdateReplyThreadDiscussion(replyThread)"
	99	>Edit</v-btn>
	100	</div>
	101	</v-list-tile-action>
	102	</v-list>
	103	</v-card>
	104	</v-flex>
	105	<v-flex xs12 class="mt-4" v-show="showReplyBox">
	106	<v-textarea
	107	name="input-7-1"
	108	solo
	109	label="Label Text"
	110	multi-line
	111	v-model="replyDescription"
	112	></v-textarea>
	113	<v-btn round dark class="open-dialog-button" flat @click="showReplyBox = false">Cancel</v-btn>
	114	<v-btn
	115	round
	116	dark
	117	:loading="loading"
	118	class="reply-btn"
	119	@click="replyThreadDiscussion()"
	120	>Submit</v-btn>
	121	</v-flex>
	122	</v-flex>
	123	</v-layout>
	124	<v-snackbar
	125	:timeout="timeout"
	126	:top="y === 'top'"
	127	:right="x === 'right'"
	128	:vertical="mode === 'vertical'"
	129	v-model="snackbar"
	130	color="success"
	131	>{{ text }}</v-snackbar>
	132	<div class="loader" v-if="showLoader">
	133	<v-progress-circular indeterminate color="white"></v-progress-circular>
	134	</div>
	135	</v-container>
	136	</template>
	137
	138	<script>
	139	import http from "@/Services/http.js";
	140	import moment from "moment";
	141
	142	export default {
	143	data: () => ({
	144	snackbar: false,
	145	y: "top",
	146	x: "right",
	147	mode: "",
	148	timeout: 3000,
	149	text: "",
	150	showLoader: false,
	151	loading: false,
	152	date: null,
	153	token: "",
	154	role: "",
	155	schoolRole: "",
	156	menu: false,
	157	courseDiscussionData: {},
	158	showReplyBox: false,
	159	replyDescription: "",
	160	loginId: "",
	161	editedIndex: -1
	162	}),
	163	methods: {
	164	dates: function(date) {
	165	return moment(date).format("MMMM DD, YYYY hh:mm A");
	166	},
	167	getDiscussionesThread() {
	168	// console.log("id", this.getSelectedData.courseId);
	169	this.showLoader = true;
	170	http()
	171	.get("/getParticularCourseDiscussion", {
	172	params: {
	173	courseDiscussionId: this.$route.params.discussionId
	174	}
	175	})
	176	.then(response => {
	177	// console.log("response", response.data.data);
	178	this.courseDiscussionData = response.data.data;
	179	for (let i = 0; i < this.courseDiscussionData.length; i++) {
	180	for (
	181	let j = 0;
	182	j < this.courseDiscussionData[i].forumThread.length;
	183	j++
	184	) {
	185	this.courseDiscussionData[i].forumThread[
	186	j
	187	].showUpdateReplyThread = false;
	188	this.courseDiscussionData[i].forumThread[
	189	j
	190	].showDescriptionReplyThread = true;
	191	}
	192	}
	193	this.showLoader = false;
	194	this.showReplyBox = false;
	195	})
	196	.catch(error => {
	197	console.log("err====>", error);
	198	this.showLoader = false;
	199	});
	200	},
	201	replyThreadDiscussion() {
	202	this.showLoader = true;
	203	var payloadData = {
	204	courseDiscussionId: this.$route.params.discussionId,
	205	teacherId: this.loginId,
	206	description: this.replyDescription
	207	};
	208	http()
	209	.put("/replyForumThread", payloadData)
	210	.then(response => {
	211	// console.log("response", response.data.data);
	212	this.showLoader = false;
	213	this.getDiscussionesThread();
	214	})
	215	.catch(error => {
	216	this.showLoader = false;
	217	});
	218	},
	219	showUpdateReplyThreadDiscussion(item) {
	220	this.editedIndex = this.courseDiscussionData.indexOf(item);
	221	var editedItem = Object.assign({}, item);
	222	var arrayOfcourseDiscussionData = [];
	223	for (let i = 0; i < this.courseDiscussionData.length; i++) {
	224	for (
	225	let j = 0;
	226	j < this.courseDiscussionData[i].forumThread.length;
	227	j++
	228	) {
	229	if (
	230	editedItem._id == this.courseDiscussionData[i].forumThread[j]._id
	231	) {
	232	this.courseDiscussionData[i].forumThread[
	233	j
	234	].showUpdateReplyThread = true;
	235	this.courseDiscussionData[i].forumThread[
	236	j
	237	].showDescriptionReplyThread = false;
	238	}
	239	}
	240	arrayOfcourseDiscussionData.push(this.courseDiscussionData[i]);
	241	}
	242	this.courseDiscussionData = arrayOfcourseDiscussionData;
	243	},
	244	updateRelpyThreadDiscussion(replyThread) {
	245	this.showLoader = true;
	246	var payloadData = {
	247	forumThreadId: replyThread._id,
	248	courseDiscussionId: this.$route.params.discussionId,
	249	teacherId: this.loginId,
	250	description: replyThread.description
	251	};
	252	http()
	253	.put("/updateForumThread", payloadData)
	254	.then(response => {
	255	this.showLoader = false;
	256	this.getDiscussionesThread();
	257	})
	258	.catch(error => {
	259	this.showLoader = false;
	260	});
	261	},
	262	deleteRelpyThreadDiscussion(id) {
	263	this.showLoader = true;
	264	var payloadData = {
	265	forumThreadId: id,
	266	courseDiscussionId: this.$route.params.discussionId
	267	};
	268	http()
	269	.put(
	270	"/deleteForumThread",
	271	confirm("Are you sure you want to delete this?") && payloadData
	272	)
	273	.then(response => {
	274	this.showLoader = false;
	275	this.getDiscussionesThread();
	276	})
	277	.catch(error => {
	278	this.showLoader = false;
	279	});
	280	}
	281	},
	282	mounted() {
	283	// this.getStudentList();
	284	this.token = this.$store.state.token;
	285	this.role = this.$store.state.role;
	286	this.loginId = this.$store.state.id;
	287	this.getDiscussionesThread();
	288	}
	289	};
	290	</script>
	291
	292	<style>
	293	.reply-desc {
	294	border: 1px solid #f2f2f2;
	295	}
	296	.open-dialog-button {
	297	background: #827bfa !important;
	298	border-color: #827bfa !important;
	299	text-transform: none !important;
	300	}
	301
	302	.reply-btn {
	303	background: #feb83c !important;
	304	border-color: #feb83c !important;
	305	text-transform: none !important;
	306	-webkit-box-shadow: none !important;
	307	box-shadow: none !important;
	308	}
	309	</style>

src/pages/Course/enrollStudents.vue

Diff comments View file @dea4d28

 <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="courseName"
           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
               v-model="props.item.enroll"
               @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: []
   }),
   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);
       this.getStudents();
     },
     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();
       let selectedStudentsArray = [];
       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()
+          this.getParticularCourse();
         })
         .catch(error => {
           this.snackbar = true;
           this.text = error.response.data.message;
         });
     },
     selectParticularStudent(selected) {
       console.log("selected", selected);
       let selectedStudentsArray = [];
       selectedStudentsArray.push({ studentId: selected._id });
-      if (
+      // console.log("selected.enroll", selected.enroll);
-        selected.enroll === true &&
+      if (selected.enroll === true) {
-        selected.enroll === undefined &&
-        selected.enroll === null
-      ) {
         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;
           });
       }
       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;
+            this.getParticularCourse();
           })
           .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 => {
           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);
+                // 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 = "";
     }
   },
   mounted() {
     // this.getStudentList();
     this.token = this.$store.state.token;
     this.role = this.$store.state.role;
     this.getAllClass();
   }

src/pages/Dashboard/dashboard.vue

Diff comments View file @dea4d28

1	<template>	1	<template>
2	<v-app id="pages-dasboard">	2	<v-app id="pages-dasboard">
3	<!-- **** VIEW PROFIL NOTICE BOARD **** -->	3	<!-- **** VIEW PROFIL NOTICE BOARD **** -->
4	<!-- <v-dialog v-model="dialogNotice" max-width="940px" scrollable>	4	<!-- <v-dialog v-model="dialogNotice" max-width="940px" scrollable>
5	<v-card>	5	<v-card>
6	<v-toolbar color="grey lighten-2" flat>	6	<v-toolbar color="grey lighten-2" flat>
7	<v-spacer></v-spacer>	7	<v-spacer></v-spacer>
8	<v-toolbar-title>	8	<v-toolbar-title>
9	<h3>Notice Board</h3>	9	<h3>Notice Board</h3>
10	</v-toolbar-title>	10	</v-toolbar-title>
11	<v-spacer></v-spacer>	11	<v-spacer></v-spacer>
12	<v-icon @click="closeNotice">close</v-icon>	12	<v-icon @click="closeNotice">close</v-icon>
13	</v-toolbar>	13	</v-toolbar>
14	<v-card-text>	14	<v-card-text>
15	<v-layout>	15	<v-layout>
16	<v-flex align-center justify-center layout text-xs-center class="mt-2">	16	<v-flex align-center justify-center layout text-xs-center class="mt-2">
17	<img src="/static/icon/user.png" width="70px" v-if="!notice.eventImageUrl" />	17	<img src="/static/icon/user.png" width="70px" v-if="!notice.eventImageUrl" />
18	<img :src="notice.eventImageUrl" width="280px" v-else-if="notice.eventImageUrl" />	18	<img :src="notice.eventImageUrl" width="280px" v-else-if="notice.eventImageUrl" />
19	</v-flex>	19	</v-flex>
20	</v-layout>	20	</v-layout>
21	<v-container grid-list-md>	21	<v-container grid-list-md>
22	<v-layout wrap>	22	<v-layout wrap>
23	<v-flex>	23	<v-flex>
24	<v-layout>	24	<v-layout>
25	<v-flex xs5 sm6>	25	<v-flex xs5 sm6>
26	<h5 class="right my-1">	26	<h5 class="right my-1">
27	<b>Title:</b>	27	<b>Title:</b>
28	</h5>	28	</h5>
29	</v-flex>	29	</v-flex>
30	<v-flex sm6 xs8>	30	<v-flex sm6 xs8>
31	<h5 class="my-1">{{ notice.title }}</h5>	31	<h5 class="my-1">{{ notice.title }}</h5>
32	</v-flex>	32	</v-flex>
33	</v-layout>	33	</v-layout>
34	<v-layout>	34	<v-layout>
35	<v-flex xs5 sm6>	35	<v-flex xs5 sm6>
36	<h5 class="right my-1">	36	<h5 class="right my-1">
37	<b>Description:</b>	37	<b>Description:</b>
38	</h5>	38	</h5>
39	</v-flex>	39	</v-flex>
40	<v-flex sm6 xs8>	40	<v-flex sm6 xs8>
41	<h5 class="my-1">{{ notice.description }}</h5>	41	<h5 class="my-1">{{ notice.description }}</h5>
42	</v-flex>	42	</v-flex>
43	</v-layout>	43	</v-layout>
44	</v-flex>	44	</v-flex>
45	</v-layout>	45	</v-layout>
46	</v-container>	46	</v-container>
47	</v-card-text>	47	</v-card-text>
48	</v-card>	48	</v-card>
49	</v-dialog>-->	49	</v-dialog>-->
50	<!-- <v-container fluid grid-list-xl> -->	50	<!-- <v-container fluid grid-list-xl> -->
51		51
52	<!-- LOADER -->	52	<!-- LOADER -->
53	<div class="loader" v-if="showLoader">	53	<div class="loader" v-if="showLoader">
54	<v-progress-circular indeterminate color="white"></v-progress-circular>	54	<v-progress-circular indeterminate color="white"></v-progress-circular>
55	</div>	55	</div>
56		56
57	<!-- SNACKBAR -->	57	<!-- SNACKBAR -->
58	<v-snackbar	58	<v-snackbar
59	:timeout="timeout"	59	:timeout="timeout"
60	:top="y === 'top'"	60	:top="y === 'top'"
61	:right="x === 'right'"	61	:right="x === 'right'"
62	:vertical="mode === 'vertical'"	62	:vertical="mode === 'vertical'"
63	v-model="snackbar"	63	v-model="snackbar"
64	:color="snackbarColor"	64	:color="snackbarColor"
65	>	65	>
66	{{ text }}	66	{{ text }}
67	<v-spacer></v-spacer>	67	<v-spacer></v-spacer>
68	<v-btn flat text @click="snackbar = false">X</v-btn>	68	<v-btn flat text @click="snackbar = false">X</v-btn>
69	</v-snackbar>	69	</v-snackbar>
70		70
71	<v-layout wrap row>	71	<v-layout wrap row>
72	<v-flex xs12 sm12 md9>	72	<v-flex xs12 sm12 md9>
73	<v-container fluid grid-list-xl>	73	<v-container fluid grid-list-xl>
74	<!-- *** Total Students *** -->	74	<!-- *** Total Students *** -->
75	<!-- <v-flex xs12 sm12 md12>	75	<!-- <v-flex xs12 sm12 md12>
76	<v-layout wrap class>	76	<v-layout wrap class>
77	<v-flex xs12 sm12 md3>	77	<v-flex xs12 sm12 md3>
78	<router-link :to="{ name:'Students' }">	78	<router-link :to="{ name:'Students' }">
79	<v-card class="card pink-bgcolor">	79	<v-card class="card pink-bgcolor">
80	<v-card-title primary-title class="titleCard white--text py-3">Students</v-card-title>	80	<v-card-title primary-title class="titleCard white--text py-3">Students</v-card-title>
81	<img src="/static/icon/student.png" class="ml-2" width="40" alt="icons" />	81	<img src="/static/icon/student.png" class="ml-2" width="40" alt="icons" />
82	<v-card-title class="headline py-1 white--text">{{ students.length }}</v-card-title>	82	<v-card-title class="headline py-1 white--text">{{ students.length }}</v-card-title>
83	</v-card>	83	</v-card>
84	</router-link>	84	</router-link>
85	</v-flex>-->	85	</v-flex>-->
86	<!-- *** Total Teachers*** -->	86	<!-- *** Total Teachers*** -->
87	<!-- <v-flex xs12 sm12 md3>	87	<!-- <v-flex xs12 sm12 md3>
88	<router-link :to="{ name:'Teachers' }">	88	<router-link :to="{ name:'Teachers' }">
89	<v-card flat class="card elevation-2 firozi-bgcolor">	89	<v-card flat class="card elevation-2 firozi-bgcolor">
90	<v-card-title primary-title class="titleCard white--text py-3">Teachers</v-card-title>	90	<v-card-title primary-title class="titleCard white--text py-3">Teachers</v-card-title>
91	<img src="/static/icon/teacher.png" class="ml-2" width="40" alt="icons" />	91	<img src="/static/icon/teacher.png" class="ml-2" width="40" alt="icons" />
92		92
93	<v-card-title class="headline py-1 white--text">{{ teachers.length }}</v-card-title>	93	<v-card-title class="headline py-1 white--text">{{ teachers.length }}</v-card-title>
94	</v-card>	94	</v-card>
95	</router-link>	95	</router-link>
96	</v-flex>-->	96	</v-flex>-->
97	<!-- *** Total Parents *** -->	97	<!-- *** Total Parents *** -->
98	<!-- <v-flex xs12 sm12 md3>	98	<!-- <v-flex xs12 sm12 md3>
99	<router-link :to="{ name:'Parents' }">	99	<router-link :to="{ name:'Parents' }">
100	<v-card flat class="card yellow darken-3">	100	<v-card flat class="card yellow darken-3">
101	<v-card-title primary-title class="titleCard white--text py-3">Parents</v-card-title>	101	<v-card-title primary-title class="titleCard white--text py-3">Parents</v-card-title>
102	<img src="/static/icon/parents.png" class="ml-3" width="40px" alt="icons" />	102	<img src="/static/icon/parents.png" class="ml-3" width="40px" alt="icons" />
103	<v-card-title class="headline py-1 white--text">{{ parents.length }}</v-card-title>	103	<v-card-title class="headline py-1 white--text">{{ parents.length }}</v-card-title>
104	</v-card>	104	</v-card>
105	</router-link>	105	</router-link>
106	</v-flex>-->	106	</v-flex>-->
107	<!-- *** Total Class*** -->	107	<!-- *** Total Class*** -->
108	<!-- <v-flex xs12 sm12 md3>	108	<!-- <v-flex xs12 sm12 md3>
109	<router-link :to="{ name:'Class' }">	109	<router-link :to="{ name:'Class' }">
110	<v-card flat class="card darkBlue-bgcolor">	110	<v-card flat class="card darkBlue-bgcolor">
111	<v-card-title primary-title class="titleCard white--text py-3">Class</v-card-title>	111	<v-card-title primary-title class="titleCard white--text py-3">Class</v-card-title>
112	<img src="/static/icon/class.png" width="40" alt="icons" class="ml-2" />	112	<img src="/static/icon/class.png" width="40" alt="icons" class="ml-2" />
113	<v-card-title class="headline py-1 white--text">{{ classes.length }}</v-card-title>	113	<v-card-title class="headline py-1 white--text">{{ classes.length }}</v-card-title>
114	</v-card>	114	</v-card>
115	</router-link>	115	</router-link>
116	</v-flex>	116	</v-flex>
117	</v-layout>	117	</v-layout>
118	</v-flex>-->	118	</v-flex>-->
119	<p	119	<p
120	v-if="studentsData.length === 0 && role == 'PARENT'"	120	v-if="studentsData.length === 0 && role == 'PARENT'"
121	class="text-center title grey lighten-4 error--text"	121	class="text-center title grey lighten-4 error--text"
122	>You have no student registered with school</p>	122	>You have no student registered with school</p>
123	<v-layout v-if="role != 'PARENT'">	123	<v-layout v-if="role != 'PARENT'">
124	<v-flex xs12>	124	<v-flex xs12>
125	<v-card class="card mt-2 account-Card">	125	<v-card class="card mt-2 account-Card">
126	<h4>	126	<h4>
127	<b>Account</b>	127	<b>Account</b>
128	</h4>	128	</h4>
129	<v-layout wrap>	129	<v-layout wrap>
130	<v-flex xs12 sm12 md3>	130	<v-flex xs12 sm12 md3>
131	<v-list two-line>	131	<v-list two-line>
132	<template>	132	<template>
133	<v-list-tile>	133	<v-list-tile>
134	<v-list-tile-avatar>	134	<v-list-tile-avatar>
135	<v-icon class="account-circle darkBlue-color">panorama_fish_eye</v-icon>	135	<v-icon class="account-circle darkBlue-color">panorama_fish_eye</v-icon>
136	</v-list-tile-avatar>	136	</v-list-tile-avatar>
137	<v-list-tile-content>	137	<v-list-tile-content>
138	<v-list-tile-title class="mt-2">	138	<v-list-tile-title class="mt-2">
139	<p class="subheading font-color">Fees</p>	139	<p class="subheading font-color">Fees</p>
140	</v-list-tile-title>	140	</v-list-tile-title>
141	<v-list-tile-title>Rs. {{ feeData.totalFees }}</v-list-tile-title>	141	<v-list-tile-title>Rs. {{ feeData.totalFees }}</v-list-tile-title>
142	</v-list-tile-content>	142	</v-list-tile-content>
143	</v-list-tile>	143	</v-list-tile>
144	<v-list-tile>	144	<v-list-tile>
145	<v-list-tile-avatar>	145	<v-list-tile-avatar>
146	<v-icon class="account-circle yellowDark-color">panorama_fish_eye</v-icon>	146	<v-icon class="account-circle yellowDark-color">panorama_fish_eye</v-icon>
147	</v-list-tile-avatar>	147	</v-list-tile-avatar>
148	<v-list-tile-content>	148	<v-list-tile-content>
149	<v-list-tile-title class="mt-2">	149	<v-list-tile-title class="mt-2">
150	<p class="subheading font-color">Collection</p>	150	<p class="subheading font-color">Collection</p>
151	</v-list-tile-title>	151	</v-list-tile-title>
152	<v-list-tile-title>Rs. {{ feeData.totalCollection }}</v-list-tile-title>	152	<v-list-tile-title>Rs. {{ feeData.totalCollection }}</v-list-tile-title>
153	</v-list-tile-content>	153	</v-list-tile-content>
154	</v-list-tile>	154	</v-list-tile>
155	<v-list-tile>	155	<v-list-tile>
156	<v-list-tile-avatar>	156	<v-list-tile-avatar>
157	<v-icon class="account-circle pink-color">panorama_fish_eye</v-icon>	157	<v-icon class="account-circle pink-color">panorama_fish_eye</v-icon>
158	</v-list-tile-avatar>	158	</v-list-tile-avatar>
159	<v-list-tile-content>	159	<v-list-tile-content>
160	<v-list-tile-title class="mt-2">	160	<v-list-tile-title class="mt-2">
161	<p class="subheading font-color">Expences</p>	161	<p class="subheading font-color">Expences</p>
162	</v-list-tile-title>	162	</v-list-tile-title>
163	<v-list-tile-title>Rs. {{ expenseData.sum }}</v-list-tile-title>	163	<v-list-tile-title>Rs. {{ expenseData.sum }}</v-list-tile-title>
164	</v-list-tile-content>	164	</v-list-tile-content>
165	</v-list-tile>	165	</v-list-tile>
166	</template>	166	</template>
167	</v-list>	167	</v-list>
168	</v-flex>	168	</v-flex>
169	<v-flex xs12 sm12 md9 lg9>	169	<v-flex xs12 sm12 md9 lg9>
170	<div id="chart">	170	<div id="chart">
171	<div v-if="this.series">	171	<div v-if="this.series">
172	<apexchart	172	<apexchart
173	type="bar"	173	type="bar"
174	height="250"	174	height="250"
175	style="max-width: 800px !important"	175	style="max-width: 800px !important"
176	:options="chartOptions"	176	:options="chartOptions"
177	:series="series"	177	:series="series"
178	v-show="true"	178	v-show="true"
179	></apexchart>	179	></apexchart>
180	</div>	180	</div>
181	</div>	181	</div>
182	</v-flex>	182	</v-flex>
183	</v-layout>	183	</v-layout>
184	</v-card>	184	</v-card>
185	</v-flex>	185	</v-flex>
186	</v-layout>	186	</v-layout>
187	<v-card class="mt-2 card" v-if="role != 'PARENT'">	187	<v-card class="mt-2 card" v-if="role != 'PARENT'">
188	<!-- <full-calendar	188	<!-- <full-calendar
189	ref="calendar"	189	ref="calendar"
190	defaultView="month"	190	defaultView="month"
191	droppable="false"	191	droppable="false"
192	:events="events"	192	:events="events"
193	:config="config"	193	:config="config"
194	></full-calendar>-->	194	></full-calendar>-->
195	<h4 class="pa-3">	195	<h4 class="pa-3">
196	<b>Notice</b>	196	<b>Notice</b>
197	</h4>	197	</h4>
198		198
199	<v-data-table	199	<v-data-table
200	:items="noticeData"	200	:items="noticeData"
201	class="elevation-0"	201	class="elevation-0"
202	flat	202	flat
203	hide-actions	203	hide-actions
204	hide-headers	204	hide-headers
205	style="border-spacing: 0 !important;"	205	style="border-spacing: 0 !important;"
206	>	206	>
207	<template	207	<template
208	slot="items"	208	slot="items"
209	slot-scope="props"	209	slot-scope="props"
210	v-if="props.index < 5"	210	v-if="props.index < 5"
211	style="border-spacing: 0 !important;"	211	style="border-spacing: 0 !important;"
212	>	212	>
213	<tr class="td-notice">	213	<tr class="td-notice">
214	<td class="grey--text" style="width:18px">{{ props.index + 1}}</td>	214	<td class="grey--text" style="width:18px">{{ props.index + 1}}</td>
215	<td>	215	<td>
216	<span class="grey--text caption">{{ date(props.item.created) }}</span>	216	<span class="grey--text caption">{{ date(props.item.created) }}</span>
217	<br />	217	<br />
218	<span class="body-2">{{ props.item.title}}</span>	218	<span class="body-2">{{ props.item.title}}</span>
219	</td>	219	</td>
220	<td class="noticeDecritpion grey--text mt-2">{{ props.item.description}}</td>	220	<td class="noticeDecritpion grey--text mt-2">{{ props.item.description}}</td>
221		221
222	<td class="text-xs-center">	222	<td class="text-xs-center">
223	<span>	223	<span>
224	<v-tooltip top>	224	<v-tooltip top>
225	<img	225	<img
226	slot="activator"	226	slot="activator"
227	style="cursor:pointer; width:25px; height:25px; "	227	style="cursor:pointer; width:25px; height:25px; "
228	@click="profile"	228	@click="profile"
229	src="/static/icon/view.png"	229	src="/static/icon/view.png"
230	/>	230	/>
231	<span>View</span>	231	<span>View</span>
232	</v-tooltip>	232	</v-tooltip>
233	</span>	233	</span>
234	</td>	234	</td>
235	</tr>	235	</tr>
236	</template>	236	</template>
237	</v-data-table>	237	</v-data-table>
238	</v-card>	238	</v-card>
239	<!-- COURSES -->	239	<!-- COURSES -->
240	<v-layout v-if="role == 'PARENT'">	240	<v-layout v-if="role == 'PARENT'">
241	<v-flex xs12>	241	<v-flex xs12>
242	<v-card class="card mt-2 account-Card">	242	<v-card class="card mt-2 account-Card">
243	<h4>	243	<h4>
244	<b>My Courses</b>	244	<b>My Courses</b>
245	</h4>	245	</h4>
246	<v-layout wrap>	246	<v-layout wrap>
247	<v-flex xs12 sm12>	247	<v-flex xs12 sm12>
248	<v-list two-line>	248	<v-list two-line>
249	<template>	249	<template>
250	<v-list-tile v-for="(course,i) in courseData" :key="i">	250	<v-list-tile v-for="(course,i) in courseData" :key="i">
251	<v-list-tile-avatar>	251	<v-list-tile-avatar>
252	<v-icon	252	<v-icon
253	class="account-circle darkBlue-color"	253	class="account-circle darkBlue-color"
254	style="cursor: pointer;"	254	style="cursor: pointer;"
255	>panorama_fish_eye</v-icon>	255	>panorama_fish_eye</v-icon>
256	</v-list-tile-avatar>	256	</v-list-tile-avatar>
257	<v-list-tile-content>	257	<v-list-tile-content>
258	<v-list-tile-title	258	<v-list-tile-title
259	style="cursor: pointer;"	259	style="cursor: pointer;"
260	@click="routeToCourseDetails(course._id)"	260	@click="routeToCourseDetails(course._id)"
261	>{{ course.courseName }}</v-list-tile-title>	261	>{{ course.courseName }}</v-list-tile-title>
262	</v-list-tile-content>	262	</v-list-tile-content>
263	</v-list-tile>	263	</v-list-tile>
264	</template>	264	</template>
265	</v-list>	265	</v-list>
266	</v-flex>	266	</v-flex>
267	</v-layout>	267	</v-layout>
268	</v-card>	268	</v-card>
269	</v-flex>	269	</v-flex>
270	</v-layout>	270	</v-layout>
271	<v-layout v-if="role == 'PARENT'">	271	<v-layout v-if="role == 'PARENT'">
272	<v-flex xs6>	272	<v-flex xs6>
273	<v-card class="mt-2 card">	273	<v-card class="mt-2 card">
274	<h4 class="pa-3">	274	<h4 class="pa-3">
275	<b>Latest Annoucements</b>	275	<b>Latest Annoucements</b>
276	</h4>	276	</h4>
277		277
278	<v-data-table	278	<v-data-table
279	:items="annoucementData"	279	:items="annoucementData"
280	class="elevation-0"	280	class="elevation-0"
281	flat	281	flat
282	hide-actions	282	hide-actions
283	hide-headers	283	hide-headers
284	style="border-spacing: 0 !important;"	284	style="border-spacing: 0 !important;"
285	>	285	>
286	<template	286	<template
287	slot="items"	287	slot="items"
288	slot-scope="props"	288	slot-scope="props"
289	v-if="props.index < 5"	289	v-if="props.index < 5"
290	style="border-spacing: 0 !important;"	290	style="border-spacing: 0 !important;"
291	>	291	>
292	<tr class="td-notice">	292	<tr class="td-notice">
293	<td class="grey--text" style="width:18px">{{ props.index + 1}}</td>	293	<td class="grey--text" style="width:18px">{{ props.index + 1}}</td>
294	<td>	294	<td>
295	<span class="grey--text caption">{{ date(props.item.created) }}</span>	295	<span class="grey--text caption">{{ date(props.item.created) }}</span>
296	<br />	296	<br />
297	<span class="body-2">{{ props.item.discussionType}}</span>	297	<span class="body-2">{{ props.item.discussionType}}</span>
298	</td>	298	</td>
299	<td class="text-xs-center">	299	<td class="text-xs-center">
300	<span>	300	<span>
301	<v-tooltip top>	301	<v-tooltip top>
302	<img	302	<img
303	slot="activator"	303	slot="activator"
304	style="cursor:pointer; width:25px; height:25px; "	304	style="cursor:pointer; width:25px; height:25px; "
305	src="/static/icon/view.png"	305	src="/static/icon/view.png"
306	/>	306	/>
307	<span>View</span>	307	<span>View</span>
308	</v-tooltip>	308	</v-tooltip>
309	</span>	309	</span>
310	</td>	310	</td>
311	</tr>	311	</tr>
312	</template>	312	</template>
313	</v-data-table>	313	</v-data-table>
314	</v-card>	314	</v-card>
315	</v-flex>	315	</v-flex>
316	<v-flex xs6>	316	<v-flex xs6>
317	<v-card class="mt-2 card">	317	<v-card class="mt-2 card">
318	<h4 class="pa-3">	318	<h4 class="pa-3">
319	<b>Online User</b>	319	<b>Online User</b>
320	</h4>	320	</h4>
321		321
322	<v-data-table	322	<v-data-table
323	:items="onlineUser"	323	:items="onlineUser"
324	class="elevation-0"	324	class="elevation-0"
325	flat	325	flat
326	hide-actions	326	hide-actions
327	hide-headers	327	hide-headers
328	style="border-spacing: 0 !important;"	328	style="border-spacing: 0 !important;"
329	>	329	>
330	<template	330	<template
331	slot="items"	331	slot="items"
332	slot-scope="props"	332	slot-scope="props"
333	v-if="props.index < 5"	333	v-if="props.index < 5"
334	style="border-spacing: 0 !important;"	334	style="border-spacing: 0 !important;"
335	>	335	>
336	<tr class="td-notice">	336	<tr class="td-notice">
337	<td class="grey--text" style="width:18px">{{ props.index + 1}}</td>	337	<td class="grey--text" style="width:18px">{{ props.index + 1}}</td>
338	<td>	338	<td>
339	<span class="body-2">{{ props.item.user }}</span>	339	<span class="body-2">{{ props.item.user }}</span>
340	</td>	340	</td>
341	<td class="text-xs-center">	341	<td class="text-xs-center">
342	<span>	342	<span>
343	<v-tooltip top>	343	<v-tooltip top>
344	<img	344	<img
345	slot="activator"	345	slot="activator"
346	style="cursor:pointer; width:25px; height:25px; "	346	style="cursor:pointer; width:25px; height:25px; "
347	src="/static/icon/view.png"	347	src="/static/icon/view.png"
348	/>	348	/>
349	<span>View</span>	349	<span>View</span>
350	</v-tooltip>	350	</v-tooltip>
351	</span>	351	</span>
352	</td>	352	</td>
353	</tr>	353	</tr>
354	</template>	354	</template>
355	</v-data-table>	355	</v-data-table>
356	</v-card>	356	</v-card>
357	</v-flex>	357	</v-flex>
358	</v-layout>	358	</v-layout>
359	</v-container>	359	</v-container>
360	</v-flex>	360	</v-flex>
361	<v-spacer></v-spacer>	361	<v-spacer></v-spacer>
362	<!-- SIDE BAR -->	362	<!-- SIDE BAR -->
363	<v-flex xs12 sm12 md3>	363	<v-flex xs12 sm12 md3>
364	<v-card height="100%" class="elevation-0 mt-3 profileDasboard">	364	<v-card height="100%" class="elevation-0 mt-3 profileDasboard">
365	<v-card-text class="px-2">	365	<v-card-text class="px-2">
366	<h4 class="text-xs-center py-3">	366	<h4 class="text-xs-center py-3">
367	<b>Profile</b>	367	<b>Profile</b>
368	</h4>	368	</h4>
369	<v-flex xs12 class="py-3">	369	<v-flex xs12 class="py-3">
370	<v-layout wrap>	370	<v-layout wrap>
371	<v-flex xs12 sm12 md4>	371	<v-flex xs12 sm12 md4>
372	<img src="/static/icon/user.png" v-if="!userData.schoolLogoUrl" width="80" />	372	<img src="/static/icon/user.png" v-if="!userData.schoolLogoUrl" width="80" />
373	<img :src="userData.schoolLogoUrl" v-else-if="userData.schoolLogoUrl" width="80" />	373	<img :src="userData.schoolLogoUrl" v-else-if="userData.schoolLogoUrl" width="80" />
374	</v-flex>	374	</v-flex>
375	<v-flex xs12 sm12 md6>	375	<v-flex xs12 sm12 md6>
376	<p class="mb-0 body-1">	376	<p class="mb-0 body-1">
377	<i>{{ userData.name }}</i>	377	<i>{{ userData.name }}</i>
378	</p>	378	</p>
379	<p class="mb-0 caption grey--text">{{ userData.email }}</p>	379	<p class="mb-0 caption grey--text">{{ userData.email }}</p>
380	<p class="mb-0 caption grey--text">{{ userData.mobile }}</p>	380	<p class="mb-0 caption grey--text">{{ userData.mobile }}</p>
381	<address class="caption grey--text mb-3">{{ userData.address }}</address>	381	<address class="caption grey--text mb-3">{{ userData.address }}</address>
382	</v-flex>	382	</v-flex>
383	</v-layout>	383	</v-layout>
384	</v-flex>	384	</v-flex>
385	<hr />	385	<hr />
386	<div class="text-xs-center py-3 subheading font-weight-bold">Calender</div>	386	<div class="text-xs-center py-3 subheading font-weight-bold">Calender</div>
387	<vue-event-calendar :events="activityEvents"></vue-event-calendar>	387	<vue-event-calendar :events="activityEvents"></vue-event-calendar>
388	<!-- LATEST ACTIVITY -->	388	<!-- LATEST ACTIVITY -->
389	<v-card class="my-3 elevation-0">	389	<v-card class="my-3 elevation-0" v-if="role == 'PARENT'">
390	<v-card-text>	390	<v-card-text>
391	<v-card-title class="justify-center subheading font-weight-bold">Latest Activity</v-card-title>	391	<v-card-title class="justify-center subheading font-weight-bold">Latest Activity</v-card-title>
392	<div v-for="(activity,index) in activityList" :key="index" class="mt-2">	392	<div v-for="(activity,index) in activityList" :key="index" class="mt-2">
393	<span	393	<span
394	:style="{ 'background-color': colorsArray[index%colorsArray.length] }"	394	:style="{ 'background-color': colorsArray[index%colorsArray.length] }"
395	style="height: 12px;width: 12px;border-radius: 50%;display: inline-block;vertical-align: top;"	395	style="height: 12px;width: 12px;border-radius: 50%;display: inline-block;vertical-align: top;"
396	></span>	396	></span>
397	<div style="display: inline-block;" class="ml-2">	397	<div style="display: inline-block;" class="ml-2">
398	<div	398	<div
399	class="grey--text lighten-1 caption"	399	class="grey--text lighten-1 caption"
400	>{{moment(activity.meetingEvent.dateOfEvent).format("DD MMMM, YYYY")}}</div>	400	>{{moment(activity.meetingEvent.dateOfEvent).format("DD MMMM, YYYY")}}</div>
401	<div class="body-2">{{activity.meetingEvent.title}}</div>	401	<div class="body-2">{{activity.meetingEvent.title}}</div>
402	</div>	402	</div>
403	</div>	403	</div>
404	</v-card-text>	404	</v-card-text>
405	</v-card>	405	</v-card>
406	</v-card-text>	406	</v-card-text>
407	</v-card>	407	</v-card>
408	</v-flex>	408	</v-flex>
409	</v-layout>	409	</v-layout>
410		410
411	<v-dialog v-model="dialog" max-width="500">	411	<v-dialog v-model="dialog" max-width="500">
412	<v-card color="grey lighten-4" flat>	412	<v-card color="grey lighten-4" flat>
413	<v-toolbar dark color="fixcolors">	413	<v-toolbar dark color="fixcolors">
414	<v-spacer></v-spacer>	414	<v-spacer></v-spacer>
415	<v-btn icon @click="dialog= false">	415	<v-btn icon @click="dialog= false">
416	<v-icon>close</v-icon>	416	<v-icon>close</v-icon>
417	</v-btn>	417	</v-btn>
418	</v-toolbar>	418	</v-toolbar>
419	<v-flex class="py-4">	419	<v-flex class="py-4">
420	<v-list-tile>	420	<v-list-tile>
421	<v-list-tile-action>	421	<v-list-tile-action>
422	<v-icon>edit</v-icon>	422	<v-icon>edit</v-icon>
423	</v-list-tile-action>	423	</v-list-tile-action>
424	<v-list-tile-content>	424	<v-list-tile-content>
425	<v-list-tile-title>{{ selected.title }}</v-list-tile-title>	425	<v-list-tile-title>{{ selected.title }}</v-list-tile-title>
426	</v-list-tile-content>	426	</v-list-tile-content>
427	</v-list-tile>	427	</v-list-tile>
428	<v-list-tile>	428	<v-list-tile>
429	<v-list-tile-action>	429	<v-list-tile-action>
430	<v-icon>access_time</v-icon>	430	<v-icon>access_time</v-icon>
431	</v-list-tile-action>	431	</v-list-tile-action>
432	<v-list-tile-content>	432	<v-list-tile-content>
433	<v-list-tile-title>{{ date(selected.start)}}</v-list-tile-title>	433	<v-list-tile-title>{{ date(selected.start)}}</v-list-tile-title>
434	</v-list-tile-content>	434	</v-list-tile-content>
435	</v-list-tile>	435	</v-list-tile>
436	</v-flex>	436	</v-flex>
437	</v-card>	437	</v-card>
438	</v-dialog>	438	</v-dialog>
439	</v-app>	439	</v-app>
440	</template>	440	</template>
441		441
442	<script>	442	<script>
443	import http from "@/Services/http.js";	443	import http from "@/Services/http.js";
444	import moment from "moment";	444	import moment from "moment";
445	import AllApiCalls from "@/Services/AllApiCalls.js";	445	import AllApiCalls from "@/Services/AllApiCalls.js";
446	// import { FunctionalCalendar } from "vue-functional-calendar";	446	// import { FunctionalCalendar } from "vue-functional-calendar";
447		447
448	export default {	448	export default {
449	components: {	449	components: {
450	// FunctionalCalendar	450	// FunctionalCalendar
451	},	451	},
452	mixins: [AllApiCalls],	452	mixins: [AllApiCalls],
453	data() {	453	data() {
454	return {	454	return {
455	// data: {	455	// data: {
456	// clieckedToday: false	456	// clieckedToday: false
457	// },	457	// },
458	// markedDates: ["16/4/2019", "18/4/2019", "20/4/2019", "21/4/2019"],	458	// markedDates: ["16/4/2019", "18/4/2019", "20/4/2019", "21/4/2019"],
459	// calendarData: {},	459	// calendarData: {},
460	// calendar: {},	460	// calendar: {},
461		461
462	// CALENDER	462	// CALENDER
463	moment: moment,	463	moment: moment,
464	activityEvents: [],	464	activityEvents: [],
465	onlineUser: [	465	onlineUser: [
466	{	466	{
467	user: "Student Demo"	467	user: "Student Demo"
468	},	468	},
469	{	469	{
470	user: "Teacher Demo"	470	user: "Teacher Demo"
471	},	471	},
472	{	472	{
473	user: "Priyansh Gupta"	473	user: "Priyansh Gupta"
474	},	474	},
475	{	475	{
476	user: "Gaurav Aggarwal"	476	user: "Gaurav Aggarwal"
477	},	477	},
478	{	478	{
479	user: "Approve Arorra"	479	user: "Approve Arorra"
480	}	480	}
481	],	481	],
482	showLoader: false,	482	showLoader: false,
483	calendarData: {},	483	calendarData: {},
484	dialog: false,	484	dialog: false,
485	dialogNotice: false,	485	dialogNotice: false,
486	HolidaysList: [],	486	HolidaysList: [],
487	EventsList: [],	487	EventsList: [],
488	events: [],	488	events: [],
489	config: {	489	config: {
490	eventClick: event => {	490	eventClick: event => {
491	this.selected = event;	491	this.selected = event;
492	this.dialog = true;	492	this.dialog = true;
493	}	493	}
494	},	494	},
495	selected: {},	495	selected: {},
496	barGraph: [],	496	barGraph: [],
497	// notice: {},	497	// notice: {},
498	userData: {},	498	userData: {},
499	dated: new Date(2018, 0, 9),	499	dated: new Date(2018, 0, 9),
500	userList: [],	500	userList: [],
501	sectionList: [],	501	sectionList: [],
502	students: "",	502	students: "",
503	parents: "",	503	parents: "",
504	teachers: "",	504	teachers: "",
505	classes: "",	505	classes: "",
506	noticeData: [],	506	noticeData: [],
507	expenseData: [],	507	expenseData: [],
508	feeData: [],	508	feeData: [],
509	collectionData: [],	509	collectionData: [],
510	courseData: [],	510	courseData: [],
511	studentsData: [],	511	studentsData: [],
512	annoucementData: [],	512	annoucementData: [],
513	role: "",	513	role: "",
514	attrs: [	514	attrs: [
515	{	515	{
516	key: "today",	516	key: "today",
517	highlight: true,	517	highlight: true,
518	dates: new Date()	518	dates: new Date()
519	}	519	}
520	],	520	],
521	drawer: true,	521	drawer: true,
522	items: [	522	items: [
523	{ title: "Home", icon: "dashboard" },	523	{ title: "Home", icon: "dashboard" },
524	{ title: "About", icon: "question_answer" }	524	{ title: "About", icon: "question_answer" }
525	],	525	],
526	right: null,	526	right: null,
527		527
528	series: [	528	series: [
529	{	529	{
530	name: "Total",	530	name: "Total",
531	data: []	531	data: []
532	}	532	}
533	],	533	],
534	chartOptions: {	534	chartOptions: {
535	chart: {	535	chart: {
536	type: "bar",	536	type: "bar",
537	height: 150,	537	height: 150,
538	stacked: true	538	stacked: true
539	// animations: {	539	// animations: {
540	// enabled: true,	540	// enabled: true,
541	// easing: "easeinout",	541	// easing: "easeinout",
542	// speed: 1200,	542	// speed: 1200,
543	// animateGradually: {	543	// animateGradually: {
544	// enabled: true,	544	// enabled: true,
545	// delay: 450	545	// delay: 450
546	// },	546	// },
547	// dynamicAnimation: {	547	// dynamicAnimation: {
548	// enabled: true,	548	// enabled: true,
549	// speed: 450	549	// speed: 450
550	// }	550	// }
551	// }	551	// }
552	},	552	},
553	plotOptions: {	553	plotOptions: {
554	bar: {	554	bar: {
555	horizontal: false,	555	horizontal: false,
556	columnWidth: "25%",	556	columnWidth: "25%",
557	// endingShape: "rounded",	557	// endingShape: "rounded",
558	distributed: true	558	distributed: true
559	}	559	}
560	},	560	},
561	responsive: [	561	responsive: [
562	{	562	{
563	breakpoint: 480,	563	breakpoint: 480,
564	options: {	564	options: {
565	legend: {	565	legend: {
566	position: "bottom",	566	position: "bottom",
567	offsetX: -10,	567	offsetX: -10,
568	offsetY: 0	568	offsetY: 0
569	}	569	}
570	}	570	}
571	}	571	}
572	],	572	],
573	legend: {	573	legend: {
574	show: false	574	show: false
575	},	575	},
576	colors: ["#7852cc", "#f9a825", "#ff8a89"],	576	colors: ["#7852cc", "#f9a825", "#ff8a89"],
577	dataLabels: {	577	dataLabels: {
578	enabled: false	578	enabled: false
579	},	579	},
580	stroke: {	580	stroke: {
581	show: true,	581	show: true,
582	width: 2,	582	width: 2,
583	colors: ["transparent"]	583	colors: ["transparent"]
584	},	584	},
585	xaxis: {	585	xaxis: {
586	categories: ["Fee", "Collections", "Expences"]	586	categories: ["Fee", "Collections", "Expences"]
587	},	587	},
588	yaxis: {	588	yaxis: {
589	title: {	589	title: {
590	text: ""	590	text: ""
591	}	591	}
592	},	592	},
593	fill: {	593	fill: {
594	opacity: 1	594	opacity: 1
595	},	595	},
596	tooltip: {	596	tooltip: {
597	y: {	597	y: {
598	formatter: function(val, opts) {	598	formatter: function(val, opts) {
599	// console.log("opts",opts.w.config.xaxis.categories)	599	// console.log("opts",opts.w.config.xaxis.categories)
600	return "" + val + " ";	600	return "" + val + " ";
601	}	601	}
602	}	602	}
603	}	603	}
604	},	604	},
605		605
606	// LATEST ACTIVITY	606	// LATEST ACTIVITY
607	colorsArray: ["#ff8a89", "#71d9ea", "#7852cc", "#F9A825"],	607	colorsArray: ["#ff8a89", "#71d9ea", "#7852cc", "#F9A825"],
608	activityList: []	608	activityList: []
609	};	609	};
610	},	610	},
611	mounted() {	611	mounted() {
612	// = this.$store.state.schoolToken;	612	// = this.$store.state.schoolToken;
613	// console.log("this.$store.state.role", this.token);	613	// console.log("this.$store.state.role", this.token);
614	if (this.$store.state.role === "ADMIN") {	614	if (this.$store.state.role === "ADMIN") {
615	this.token = this.$store.state.token;	615	this.token = this.$store.state.token;
616	} else if (this.$store.state.schoolRole === "SUPERADMIN") {	616	} else if (this.$store.state.schoolRole === "SUPERADMIN") {
617	this.token = this.$store.state.schoolToken;	617	this.token = this.$store.state.schoolToken;
618	} else if (this.$store.state.role === "TEACHER") {	618	} else if (this.$store.state.role === "TEACHER") {
619	this.token = this.$store.state.token;	619	this.token = this.$store.state.token;
620	} else if (this.$store.state.role === "ACCOUNTANT") {	620	} else if (this.$store.state.role === "ACCOUNTANT") {
621	this.token = this.$store.state.token;	621	this.token = this.$store.state.token;
622	} else if (this.$store.state.role === "LIBRARIAN") {	622	} else if (this.$store.state.role === "LIBRARIAN") {
623	this.token = this.$store.state.token;	623	this.token = this.$store.state.token;
624	} else if (this.$store.state.role === "PARENT") {	624	} else if (this.$store.state.role === "PARENT") {
625	this.token = this.$store.state.token;	625	this.token = this.$store.state.token;
626	}	626	}
627	this.role = this.$store.state.role;	627	this.role = this.$store.state.role;
628	// console.log("role", this.$store.state.schoolRole,"tt",this.$store.state.schoolToken);	628	// console.log("role", this.$store.state.schoolRole,"tt",this.$store.state.schoolToken);
629	// this.getData();	629	// this.getData();
630	this.getStudents();	630	this.getStudents();
631	this.getTeachers();	631	this.getTeachers();
632	this.getParents();	632	this.getParents();
633	this.getClasses();	633	this.getClasses();
634	this.getNoticeData();	634	this.getNoticeData();
635	this.getUserData();	635	this.getUserData();
636	this.getFeesAndCollectionsData();	636	this.getFeesAndCollectionsData();
637	this.getExpensesData();	637	this.getExpensesData();
638	this.getparentStudents();	638	this.getparentStudents();
639	// this.getUsersList();	639	// this.getUsersList();
640	},	640	},
641	methods: {	641	methods: {
642	async routeToCourseDetails(courseId) {	642	async routeToCourseDetails(courseId) {
643	/* getParticularCourseDetail- To get courseDetail - defined in GetApis.js*/	643	/* getParticularCourseDetail- To get courseDetail - defined in GetApis.js*/
644	let response = await this.getParticularCourseDetail(courseId);	644	let response = await this.getParticularCourseDetail(courseId);
645		645
646	/* If the response is null then dont route */	646	/* If the response is null then dont route */
647	if (response.data.data.length > 0) {	647	if (response.data.data.length > 0) {
648	this.$router.push({	648	this.$router.push({
649	name: "Course Details",	649	name: "Course Details",
650	query: { courseId: courseId }	650	query: { courseId: courseId }
651	});	651	});
652	} else {	652	} else {
653	this.seeSnackbar("No Data Available", "warning");	653	this.seeSnackbar("No Data Available", "warning");
654	}	654	}
655	},	655	},
656		656
657	closeNotice() {	657	closeNotice() {
658	this.dialogNotice = false;	658	this.dialogNotice = false;
659	},	659	},
660	profile() {	660	profile() {
661	// this.editedIndex = this.desserts.indexOf(item);	661	// this.editedIndex = this.desserts.indexOf(item);
662	// this.notice = Object.assign({}, item);	662	// this.notice = Object.assign({}, item);
663	// this.dialogNotice = true;	663	// this.dialogNotice = true;
664	this.$router.push({ name: "NoticeBoard" });	664	this.$router.push({ name: "NoticeBoard" });
665	},	665	},
666	date: function(date) {	666	date: function(date) {
667	return moment(date).format("MMMM DD, YYYY HH:mm");	667	return moment(date).format("MMMM DD, YYYY HH:mm");
668	},	668	},
669	activityDate(date) {	669	activityDate(date) {
670	return moment(date).format("MMMM DD, YYYY");	670	return moment(date).format("MMMM DD, YYYY");
671	},	671	},
672	refreshEvents() {	672	refreshEvents() {
673	this.$refs.calendar.$emit("refetch-events");	673	this.$refs.calendar.$emit("refetch-events");
674	},	674	},
675	removeEvent() {	675	removeEvent() {
676	this.$refs.calendar.$emit("remove-event", this.selected);	676	this.$refs.calendar.$emit("remove-event", this.selected);
677	this.selected = {};	677	this.selected = {};
678	},	678	},
679	eventSelected(event) {	679	eventSelected(event) {
680	this.selected = event;	680	this.selected = event;
681	console.log("this.selected", this.selected);	681	console.log("this.selected", this.selected);
682	},	682	},
683	// eventDropStart: function(event) {	683	// eventDropStart: function(event) {
684	// event.editable = false;	684	// event.editable = false;
685	// },	685	// },
686	eventCreated(...test) {	686	eventCreated(...test) {
687	console.log(test);	687	console.log(test);
688	},	688	},
689	getStudents() {	689	getStudents() {
690	http()	690	http()
691	.get("/getStudentsList", {	691	.get("/getStudentsList", {
692	headers: {	692	headers: {
693	Authorization: "Bearer " + this.token	693	Authorization: "Bearer " + this.token
694	}	694	}
695	})	695	})
696	.then(response => {	696	.then(response => {
697	this.students = response.data.data;	697	this.students = response.data.data;
698	this.showLoader = false;	698	this.showLoader = false;
699	})	699	})
700	.catch(error => {	700	.catch(error => {
701	// console.log("err====>", err);	701	// console.log("err====>", err);
702	this.showLoader = false;	702	this.showLoader = false;
703	if (error.response.status === 401) {	703	if (error.response.status === 401) {
704	this.$router.replace({ path: "/" });	704	this.$router.replace({ path: "/" });
705	this.$store.dispatch("setToken", null);	705	this.$store.dispatch("setToken", null);
706	this.$store.dispatch("Id", null);	706	this.$store.dispatch("Id", null);
707	}	707	}
708	});	708	});
709	},	709	},
710	getParents() {	710	getParents() {
711	http()	711	http()
712	.get("/getParentsList", {	712	.get("/getParentsList", {
713	headers: {	713	headers: {
714	Authorization: "Bearer " + this.token	714	Authorization: "Bearer " + this.token
715	}	715	}
716	})	716	})
717	.then(response => {	717	.then(response => {
718	this.parents = response.data.data;	718	this.parents = response.data.data;
719	this.showLoader = false;	719	this.showLoader = false;
720	})	720	})
721	.catch(error => {	721	.catch(error => {
722	// console.log("err====>", err);	722	// console.log("err====>", err);
723	this.showLoader = false;	723	this.showLoader = false;
724	});	724	});
725	},	725	},
726	getTeachers() {	726	getTeachers() {
727	http()	727	http()
728	.get("/getTeachersList", {	728	.get("/getTeachersList", {
729	headers: {	729	headers: {
730	Authorization: "Bearer " + this.token	730	Authorization: "Bearer " + this.token
731	}	731	}
732	})	732	})
733	.then(response => {	733	.then(response => {
734	this.teachers = response.data.data;	734	this.teachers = response.data.data;
735	this.showLoader = false;	735	this.showLoader = false;
736	})	736	})
737	.catch(error => {	737	.catch(error => {
738	// console.log("err====>", err);	738	// console.log("err====>", err);
739	this.showLoader = false;	739	this.showLoader = false;
740	});	740	});
741	},	741	},
742	getClasses() {	742	getClasses() {
743	http()	743	http()
744	.get("/getClassesList", {	744	.get("/getClassesList", {
745	headers: {	745	headers: {
746	Authorization: "Bearer " + this.token	746	Authorization: "Bearer " + this.token
747	}	747	}
748	})	748	})
749	.then(response => {	749	.then(response => {
750	this.classes = response.data.data;	750	this.classes = response.data.data;
751	this.showLoader = false;	751	this.showLoader = false;
752	})	752	})
753	.catch(error => {	753	.catch(error => {
754	this.showLoader = false;	754	this.showLoader = false;
755	});	755	});
756	},	756	},
757	getNoticeData() {	757	getNoticeData() {
758	this.showLoader = true;	758	this.showLoader = true;
759	http()	759	http()
760	.get("/getEventsList", {	760	.get("/getEventsList", {
761	headers: {	761	headers: {
762	Authorization: "Bearer " + this.token	762	Authorization: "Bearer " + this.token
763	}	763	}
764	})	764	})
765	.then(response => {	765	.then(response => {
766	this.noticeData = response.data.data;	766	this.noticeData = response.data.data;
767	this.showLoader = false;	767	this.showLoader = false;
768	})	768	})
769	.catch(error => {	769	.catch(error => {
770	this.showLoader = false;	770	this.showLoader = false;
771	});	771	});
772	},	772	},
773	getUserData() {	773	getUserData() {
774	// this.showLoader = true;	774	// this.showLoader = true;
775	if (this.$store.state.role === "PARENT") {	775	if (this.$store.state.role === "PARENT") {
776	http()	776	http()
777	.get("/getParticularUserDetail", {	777	.get("/getParticularUserDetail", {
778	headers: {	778	headers: {
779	Authorization: "Bearer " + this.token	779	Authorization: "Bearer " + this.token
780	},	780	},
781	params: {	781	params: {
782	studentId: localStorage.getItem("parentStudentId")	782	studentId: localStorage.getItem("parentStudentId")
783	}	783	}
784	})	784	})
785	.then(response => {	785	.then(response => {
786	this.userData = response.data.data;	786	this.userData = response.data.data;
787	this.showLoader = false;	787	this.showLoader = false;
788	console.log("sdsdfsdfsd - ", response);	788	console.log("sdsdfsdfsd - ", response);
789	})	789	})
790	.catch(error => {	790	.catch(error => {
791	this.showLoader = false;	791	this.showLoader = false;
792	});	792	});
793	} else {	793	} else {
794	http()	794	http()
795	.get("/getParticularUserDetail", {	795	.get("/getParticularUserDetail", {
796	headers: {	796	headers: {
797	Authorization: "Bearer " + this.token	797	Authorization: "Bearer " + this.token
798	}	798	}
799	})	799	})
800	.then(response => {	800	.then(response => {
801	this.userData = response.data.data;	801	this.userData = response.data.data;
802	this.showLoader = false;	802	this.showLoader = false;
803	})	803	})
804	.catch(error => {	804	.catch(error => {
805	this.showLoader = false;	805	this.showLoader = false;
806	});	806	});
807	}	807	}
808	},	808	},
809		809
810	getFeesAndCollectionsData() {	810	getFeesAndCollectionsData() {
811	http()	811	http()
812	.get("/getTotalFeesAndCollections", {	812	.get("/getTotalFeesAndCollections", {
813	headers: {	813	headers: {
814	Authorization: "Bearer " + this.token	814	Authorization: "Bearer " + this.token
815	}	815	}
816	})	816	})
817	.then(response => {	817	.then(response => {
818	this.feeData = response.data.data;	818	this.feeData = response.data.data;
819	// this.collectionData = response.data.data;	819	// this.collectionData = response.data.data;
820	this.series[0].data[0] = this.feeData.totalFees;	820	this.series[0].data[0] = this.feeData.totalFees;
821	this.series[0].data[1] = this.feeData.totalCollection;	821	this.series[0].data[1] = this.feeData.totalCollection;
822	// console.log("this.series====", this.series);	822	// console.log("this.series====", this.series);
823		823
824	this.showLoader = false;	824	this.showLoader = false;
825	})	825	})
826	.catch(error => {	826	.catch(error => {
827	this.showLoader = false;	827	this.showLoader = false;
828	});	828	});
829	},	829	},
830	getExpensesData() {	830	getExpensesData() {
831	http()	831	http()
832	.get("/getTotalExpenses", {	832	.get("/getTotalExpenses", {
833	headers: {	833	headers: {
834	Authorization: "Bearer " + this.token	834	Authorization: "Bearer " + this.token
835	}	835	}
836	})	836	})
837	.then(response => {	837	.then(response => {
838	this.expenseData = response.data.data;	838	this.expenseData = response.data.data;
839	// var array = response.data.data.sum;	839	// var array = response.data.data.sum;
840	this.series[0].data[2] = this.expenseData.sum;	840	this.series[0].data[2] = this.expenseData.sum;
841	// this.series = [	841	// this.series = [
842	// {	842	// {
843	// name: "Total",	843	// name: "Total",
844	// data: array	844	// data: array
845	// }	845	// }
846	// ];	846	// ];
847	// console.log("this.series====", this.series);	847	// console.log("this.series====", this.series);
848	this.showLoader = false;	848	this.showLoader = false;
849	})	849	})
850	.catch(error => {	850	.catch(error => {
851	this.showLoader = false;	851	this.showLoader = false;
852	});	852	});
853	},	853	},
854	getparentStudents() {	854	getparentStudents() {
855	this.showLoader = true;	855	this.showLoader = true;
856	http()	856	http()
857	.get("/parentStudentsList")	857	.get("/parentStudentsList")
858	.then(response => {	858	.then(response => {
859	// console.log("resssssss", response.data.data.students[0].classId);	859	// console.log("resssssss", response.data.data.students[0].classId);
860	this.studentsData = response.data.data;	860	this.studentsData = response.data.data;
861	// localStorage.setItem(	861	// localStorage.setItem(
862	// "parentStudentId",	862	// "parentStudentId",
863	// this.studentsData.students[0]._id	863	// this.studentsData.students[0]._id
864	// );	864	// );
865	// localStorage.setItem(	865	// localStorage.setItem(
866	// "parentClassId",	866	// "parentClassId",
867	// this.studentsData.students[0].classId	867	// this.studentsData.students[0].classId
868	// );	868	// );
869		869
870	if (localStorage.getItem("parentStudentId") == null) {	870	if (localStorage.getItem("parentStudentId") == null) {
871	var parentStudentsId = response.data.data.students[0].classId;	871	var parentStudentsId = response.data.data.students[0].classId;
872	var classId = response.data.data.students[0]._id;	872	var classId = response.data.data.students[0]._id;
873	}	873	}
874	if (localStorage.getItem("parentStudentId")) {	874	if (localStorage.getItem("parentStudentId")) {
875	var parentStudentsId = localStorage.getItem("parentStudentId");	875	var parentStudentsId = localStorage.getItem("parentStudentId");
876	var classId = localStorage.getItem("parentClassId");	876	var classId = localStorage.getItem("parentClassId");
877	}	877	}
878	this.getCourses(parentStudentsId, classId);	878	this.getCourses(parentStudentsId, classId);
879	this.getAnnoucementes(classId);	879	this.getAnnoucementes(classId);
880	this.showLoader = false;	880	this.showLoader = false;
881	})	881	})
882	.catch(err => {	882	.catch(err => {
883	console.log("err====>", err);	883	console.log("err====>", err);
884	this.showLoader = false;	884	this.showLoader = false;
885	});	885	});
886	},	886	},
887	async getCourses(parentStudentsId, classId) {	887	async getCourses(parentStudentsId, classId) {
888	/* getStudentCourses - to get courseData - defined in GetApis.js*/	888	/* getStudentCourses - to get courseData - defined in GetApis.js*/
889	await this.getStudentCourses({	889	await this.getStudentCourses({
890	classId: classId,	890	classId: classId,
891	studentId: parentStudentsId	891	studentId: parentStudentsId
892	});	892	});
893	},	893	},
894	getAnnoucementes(classId) {	894	getAnnoucementes(classId) {
895	this.showLoader = true;	895	this.showLoader = true;
896	http()	896	http()
897	.get("/getAnnoucementesList", {	897	.get("/getAnnoucementesList", {
898	params: {	898	params: {
899	classId: classId	899	classId: classId
900	}	900	}
901	})	901	})
902	.then(response => {	902	.then(response => {
903	this.annoucementData = response.data.data;	903	this.annoucementData = response.data.data;
904	this.showLoader = false;	904	this.showLoader = false;
905	})	905	})
906	.catch(err => {	906	.catch(err => {
907	console.log("err====>", err);	907	console.log("err====>", err);
908	this.showLoader = false;	908	this.showLoader = false;
909	});	909	});
910	}	910	}
911	},	911	},
912	async created() {	912	async created() {
913	/* get Latest events list */	913	/* get Latest events list */
914	let response = await this.studentMeetingEvents({	914	let response = await this.studentMeetingEvents({
915	studentId: localStorage.getItem("parentStudentId")	915	studentId: localStorage.getItem("parentStudentId")
916	});	916	});
917	this.activityList = response.data.data;	917	this.activityList = response.data.data;
918		918
919	/* set activityEvents array to highlight event dates in calender */	919	/* set activityEvents array to highlight event dates in calender */
920	for (var i = 0; i < this.activityList.length; i++) {	920	for (var i = 0; i < this.activityList.length; i++) {
921	let obj = {};	921	let obj = {};
922	obj.date = moment(this.activityList[i].meetingEvent.dateOfEvent).format(	922	obj.date = moment(this.activityList[i].meetingEvent.dateOfEvent).format(
923	"YYYY/MM/DD"	923	"YYYY/MM/DD"
924	);	924	);
925	obj.title = this.activityList[i].meetingEvent.title;	925	obj.title = this.activityList[i].meetingEvent.title;
926	this.activityEvents.push(obj);	926	this.activityEvents.push(obj);
927	}	927	}
928	}	928	}
929	};	929	};
930	</script>	930	</script>
931		931
932	<style scoped>	932	<style scoped>
933	@import "fullcalendar/dist/fullcalendar.css";	933	@import "fullcalendar/dist/fullcalendar.css";
934	</style>	934	</style>

src/router/paths.js

Diff comments View file @dea4d28

 export default [{
         path: '*',
         meta: {
             public: true,
         },
         redirect: {
             path: '/404'
         }
     },
     {
         path: '/404',
         meta: {
             public: true,
         },
         name: 'NotFound',
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/NotFound.vue`
             )
     },
     {
         path: '*',
         meta: {},
         name: 'dashboardAdmin',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
             )
     },
     {
         path: '/500',
         meta: {
             public: true,
         },
         name: 'ServerError',
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/Error.vue`
             )
     },
     {
         path: '/changepassword',
         meta: {},
         name: 'changepassword',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/changepassword.vue`
             )
     },
     {
         path: '/teachers',
         meta: {
             breadcrumb: false
         },
         name: 'Teachers',
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Teachers/teachers.vue`
             )
     },
     {
         path: '/',
         meta: {
             public: true,
         },
         name: 'Login',
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/Login.vue`
             )
     },
     {
         path: '/forgetpassword',
         meta: {
             public: true,
         },
         name: 'forgetpassword',
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/forgetpassword.vue`
             )
     },
     {
         path: '/students',
         meta: {},
         name: 'Students',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Students/students.vue`
             )
     },
     {
         path: '/class',
         meta: {},
         name: 'Class',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Class/addclass.vue`
             )
     },
     {
         path: '/section',
         meta: {},
         name: 'Section',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Section/section.vue`
             )
     },
     {
         path: '/noticeBoard',
         meta: {},
         name: 'Notice Board',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NoticeBoard/noticeBoard.vue`
             )
     },
     {
         path: '/news',
         meta: {},
         name: 'News',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/TimeTable/timeTable.vue`
             )
     },
     {
         path: '/notification',
         meta: {},
         name: 'Notification',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Notification/notification.vue`
             )
     },
     {
         path: '/parents',
         meta: {},
         name: 'Parents',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
             )
     },
     {
         path: '/CourseDetails',
         meta: {},
         name: 'Course Details',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/CourseDetails.vue`
             )
     },
     {
         path: '/ChapterInfo',
         meta: {},
         name: 'Chapter Info',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/ChapterInfo.vue`
             )
     },
     {
         path: '/CourseDiscussionForum',
         meta: {},
         name: 'Course Discussion Forum',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/CourseDiscussionForum.vue`
             )
     },
     {
+        path: '/courseDiscussion',
+        meta: {},
+        name: 'Course Discussion',
+        props: (route) => ({
+            type: route.query.type
+        }),
+        component: () =>
+            import (
+                /* webpackChunkName: "routes" */
+                /* webpackMode: "lazy-once" */
+                `@/pages/Course/courseDiscussion.vue`
+            )
+    },
+    {
+        path: '/courseDiscussionesForm/:discussionId',
+        meta: {},
+        name: 'Course Discussiones Form',
+        props: (route) => ({
+            type: route.query.type
+        }),
+        component: () =>
+            import (
+                /* webpackChunkName: "routes" */
+                /* webpackMode: "lazy-once" */
+                `@/pages/Course/discussion.vue`
+            )
+    },
+    {
         path: '/Announcement',
         meta: {},
         name: 'Announcement',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/Announcement.vue`
             )
     },
     {
         path: '/socialMedia',
         meta: {},
         name: 'Social Media',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/socialMedia/socialMedia.vue`
             )
     },
     {
         path: '/gallery',
         meta: {},
         name: 'Gallery',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Gallery/gallery.vue`
             )
     },
     {
         path: '/event',
         meta: {},
         name: 'Event',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Event/event.vue`
             )
     },
     {
         path: '/holiday',
         meta: {},
         name: 'Holiday',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Holiday/holiday.vue`
             )
     },
     {
         path: '/user',
         meta: {},
         name: 'User',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/User/user.vue`
             )
     },
     {
         path: '/AttendenceStudent',
         meta: {},
         name: 'Student Attendence',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/studentAttendence.vue`
             )
     },
     {
         path: '/AttendenceTeacher',
         meta: {},
         name: 'Teacher Attendence',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/teacherAttendence.vue`
             )
     },
     {
         path: '/salaryTemplate',
         meta: {},
         name: 'Salary Template',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Payroll/salaryTemplate.vue`
             )
     },
     {
         path: '/hourlyTemplate',
         meta: {},
         name: 'Hourly Template',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Payroll/hourlyTemplate.vue`
             )
     },
     {
         path: '/manageSalary',
         meta: {},
         name: 'Manage Salary',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/userAttendence.vue`
             )
     },
     {
         path: '/feeTypes',
         meta: {},
         name: 'Fee Types',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/feeTypes.vue`
             )
     },
     {
         path: '/invoice',
         meta: {},
         name: 'Invoice',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/invoice.vue`
             )
     },
     {
         path: '/paymentHistory',
         meta: {},
         name: 'Payment History',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/paymentHistory.vue`
             )
     },
     {
         path: '/expense',
         meta: {},
         name: 'Expense',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/expense.vue`
             )
     },
     {
         path: '/income',
         meta: {},
         name: 'Income',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/income.vue`
             )
     },
     {
         path: '/libraryMember',
         meta: {},
         name: 'Library Member',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/member.vue`
             )
     },
     {
         path: '/books',
         meta: {},
         name: 'Books',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/books.vue`
             )
     },
     {
         path: '/issue',
         meta: {},
         name: 'Issue',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            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(
+            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(
+            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(
+            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(
+            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(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/viewPaymentInvoice.vue`
             )
     },
     {
         path: '/globalPayment',
         meta: {},
         name: 'Global Payment',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/globalPayment.vue`
             )
     },
     {
         path: '/exam',
         meta: {},
         name: 'Exam',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/exam.vue`
             )
     },
     {
         path: '/grade',
         meta: {},
         name: 'Grade',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/grade.vue`
             )
     },
     {
         path: '/examSchedule',
         meta: {},
         name: 'Exam Schedule',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examSchedule.vue`
             )
     },
     {
         path: '/examAttendence',
         meta: {},
         name: 'Exam Attendence',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examAttendence.vue`
             )
     },
     {
         path: '/mark',
         meta: {},
         name: 'Mark',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/viewMark.vue`
             )
     },
     {
         path: '/markDistribution',
         meta: {},
         name: 'Mark Distribution',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/markDistribution.vue`
             )
     },
     {
         path: '/meet',
         meta: {},
         name: 'Meet',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Meet/meet.vue`
             )
     },
     {
         path: '/academicYear',
         meta: {},
         name: 'Academic Year',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/academicYear.vue`
             )
     },
     {
         path: '/systemAdmin',
         meta: {},
         name: 'System Admin',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/systemAdmin.vue`
             )
     },
     {
         path: '/resetPassword',
         meta: {},
         name: 'Change Password',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/resetPassword.vue`
             )
     },
     {
         path: '/role',
         meta: {},
         name: 'Role',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/role.vue`
             )
     },
     {
         path: '/bulkImport',
         meta: {},
         name: 'Bulk Import',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/bulkImport.vue`
             )
     },
     {
         path: '/studentReport',
         meta: {},
         name: 'Student Report',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            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(
+            import (
                 `@/pages/Report/idCard.vue`
             )
     },
     {
         path: '/admitCard',
         meta: {},
         name: 'Admit Card Report',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Report/admitCard.vue`
             )
     },
     {
         path: '/generalSetting',
         meta: {},
         name: 'General Setting',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/generalSetting/generalSetting.vue`
             )
     },
     {
         path: '/assignment',
         meta: {},
         name: 'Assignment',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Academic/assignment.vue`
             )
     },
     {
         path: '/routine',
         meta: {},
         name: 'Routine',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Academic/routine.vue`
             )
     },
     {
         path: '/subject',
         meta: {},
         name: 'Subject',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Academic/subject.vue`
             )
     },
     {
         path: '/syllabus',
         meta: {},
         name: 'Syllabus',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 `@/pages/Academic/syllabus.vue`
             )
     },
     {
         path: '/course',
         meta: {},
         name: 'Course',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/course.vue`
             )
     },
     {
         path: '/courseDetail',
         meta: {},
         name: 'Course Detail',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/courseDetail.vue`
             )
     },
     {
         path: '/enrollStudents',
         meta: {},
         name: 'Enroll Students',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/enrollStudents.vue`
             )
     },
     {
         path: '/changeStudents',
         meta: {},
         name: 'Change Students',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/changeStudents/changeStudents.vue`
             )
     },
     {
         path: '/annoucement',
         meta: {},
         name: 'Annoucement',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Annoucement/annoucement.vue`
             )
     },
     {
         path: '/meetingEvent',
         meta: {},
         name: 'Meeting Event',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/meetingEvent/meetingEvent.vue`
             )
     },
     //////SCHOOL
     {
         path: '/school',
         meta: {},
         name: 'School',
         props: (route) => ({
             type: route.query.type
         }),
         component: () =>
-            import(
+            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(
+            import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/School/viewSchoolDashboard.vue`
             )
     }
 ];