viithiisys / School-Management-dashboard

Browse Code »

Commit 1c69557ac3f458e77fc45d3ca2622783b10cc2dc

Authored by Neeraj Sharma 2019-11-29 05:08:33 -0500

1 parent 00e4bc4e16

Exists in master and in 3 other branches

implement design bulkImport

Showing 10 changed files with 415 additions and 3 deletions Show diff stats

src/api/menu.js

Diff comments View file @1c69557

 const adminMenu = [
     //  { header: 'Apps' },
     {
         title: 'Dashboard',
         // group: 'apps',
         path: '/dashboard',
         icon: '/static/schoolIcons/Dashboard.png',
     },
     {
         title: 'Class',
         // group: 'apps',
         path: '/addclass',
         icon: '/static/schoolIcons/Class.png',
     },
     {
         title: 'Section',
         // group: 'apps',
         path: '/section',
         icon: '/static/schoolIcons/Section.png',
     },
     {
         title: 'Subjects',
         path: '/subject',
         icon: '/static/schoolIcons/Subjects.png',
     },
     {
         title: 'Parents',
         // group: 'apps',
         path: '/parents',
         icon: '/static/schoolIcons/Parents.png',
     },
     {
         title: 'Teachers',
         // group: '',
         path: 'teachers',
         icon: '/static/schoolIcons/Teachers.png',
     },
     {
         title: 'Students',
         // group: 'apps',
         path: '/Students',
         icon: '/static/schoolIcons/Students.png',
     },
     {
         title: 'User',
         path: '/User',
         icon: '/static/schoolIcons/User.png',
     },
     {
         title: 'Attendance',
         group: 'Attendance',
         component: 'Attendance',
         icon: '/static/schoolIcons/Attendance.png',
         items: [
             { name: 'studentAttendence', title: 'Student Attendance', component: 'studentAttendence', action: '', },
             // { name: 'teacherAttendence', title: 'Teacher Attendance', component: 'teacherAttendence', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
         ]
     },
     {
         title: 'Exam',
         group: 'Exam',
         component: 'Exam',
         icon: '/static/schoolIcons/exam.png',
         items: [
             { name: 'Exam', title: 'Exam', component: 'Exam', action: '', },
             { name: 'ExamSchedule', title: 'Exam Schedule', component: 'ExamSchedule', action: '', },
             { name: 'Grade', title: 'Grade', component: 'Grade', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
         ]
     },
     {
         title: 'Mark',
         group: 'Mark',
         component: 'Mark',
         icon: '/static/schoolIcons/marks.png',
         items: [
             { name: 'Mark', title: 'Mark', component: 'Mark', action: '', },
             { name: 'markDistribution', title: 'Mark Distribution', component: 'markDistribution', action: '', },
             { name: 'Promotion', title: 'promotion', component: 'Promotion', action: '', },
             // { name: 'userAttendence', title: 'User Attendance', component: 'userAttendence', action: '', },
         ]
     },
     {
         title: 'Administrator',
         group: 'Administrator',
         component: 'Administrator',
         icon: '/static/schoolIcons/administrator.png',
         items: [
             { name: 'academicYear', title: 'Academic Year', component: 'academicYear', action: '', },
             { name: 'systemAdmin', title: 'System Admin', component: 'systemAdmin', action: '', },
             { name: 'resetPassword', title: 'Reset Password', component: 'resetPassword', action: '', },
             { name: 'Role', title: 'Role', component: 'Role', action: '', },
+            { name: 'bulkImportole', title: 'Bulk Import', component: 'bulkImport', action: '', },
         ]
     },
     {
         title: 'Notice Board',
         path: '/NoticeBoard',
         icon: '/static/schoolIcons/Notice_board.png',
     },
     {
         title: 'News',
         path: '/news',
         icon: '/static/schoolIcons/News.png',
     },
     // {
     //   title: 'Reminder',
     //   name: 'reminder',
     //   icon: 'alarm_add',
     // },
     {
         title: 'Time Table',
         path: '/timeTable',
         icon: '/static/schoolIcons/Time_table.png',
     },
     {
         title: 'Library',
         group: 'Library',
         component: 'Library',
         icon: '/static/schoolIcons/Library.png',
         items: [
             { name: 'libraryMember', title: ' Library Member', component: 'libraryMember', action: '', },
             { name: 'Books', title: 'Books', component: 'Books', action: '', },
             { name: 'Issue', title: ' Issue', component: 'Issue', action: '', },
             { name: 'eBooks', title: 'E-Books', component: 'eBooks', action: '', }
         ]
     },
     {
         title: 'Report',
         group: 'Report',
         component: 'Report',
         icon: '/static/schoolIcons/reports.png',
         items: [
             { name: 'studentReport', title: 'Student Report', component: 'studentReport', action: '', },
             { name: 'progressCardReport', title: 'Progress Card Report', component: 'progressCardReport', action: '', }
         ]
     },
     {
         title: 'Notification',
         path: '/notification',
         icon: '/static/schoolIcons/Notification.png',
     },
     {
         title: 'Social Media',
         path: '/SocialMedia',
         icon: '/static/schoolIcons/Social_Media.png',
     },
     {
         title: 'Gallery',
         path: '/Gallery',
         icon: '/static/schoolIcons/Gallery.png',
     },
     {
         title: 'Event',
         path: '/Event',
         icon: '/static/schoolIcons/Events.png',
     },
     {
         title: 'Account',
         group: 'Account',
         component: 'Account',
         icon: '/static/schoolIcons/Account.png',
         items: [
             { name: 'feeTypes', title: 'Fee Types', component: 'feeTypes', action: '', },
             { name: 'Invoice', title: 'Invoice', component: 'Invoice', action: '', },
             { name: 'paymentHistory', title: 'Payment History', component: 'paymentHistory', action: '', },
             { name: 'Expense', title: 'Expense', component: 'Expense', action: '', },
             { name: 'Income', title: 'Income', component: 'Income', action: '', },
         ]
     },
     {
         title: 'Holiday',
         path: '/Holiday',
         icon: '/static/schoolIcons/Holidays.png',
     },
     {
         title: 'General Setting',
         path: '/generalSetting',
         icon: '/static/schoolIcons/settings.png',
     }
 ];
 const schoolMenu = [
     //  { header: 'Apps' },
     {
         title: 'School',
         // group: 'apps',
         path: '/school',
         icon: '/static/schoolIcons/Dashboard.png',
-    },
+    }
 ];
 // reorder menu
 // Menu.forEach((item) => {
 // if (item.items) {
 //     item.items.sort((x, y) => {
 //         let textA = x.title.toUpperCase();
 //         let textB = y.title.toUpperCase();
 //         return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
 //     });
 // }
 // });
 export default { adminMenu, schoolMenu };

src/components/pageHeader/AppToolbar.vue

Diff comments View file @1c69557

1	<template>	1	<template>
2	<v-toolbar class="fixcolors" fixed app>	2	<v-toolbar class="fixcolors" fixed app>
3	<v-toolbar-title class="ml-0">	3	<v-toolbar-title class="ml-0">
4	<v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide white--text"></v-toolbar-side-icon>	4	<v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide white--text"></v-toolbar-side-icon>
5	</v-toolbar-title>	5	</v-toolbar-title>
6		6
7	<!-- **** SEARCH ALL EXISTING STUDENTS **** -->	7	<!-- **** SEARCH ALL EXISTING STUDENTS **** -->
8	<v-flex	8	<v-flex
9	xs7	9	xs7
10	sm3	10	sm3
11	class="userSearch"	11	class="userSearch"
12	v-if="$route.name != 'Dashboard' && $route.name != 'changepassword' && $route.name != 'generalSetting' && $route.name != 'resetPassword'"	12	v-if="$route.name != 'Dashboard' && $route.name != 'changepassword' && $route.name != 'generalSetting' && $route.name != 'resetPassword' && $route.name != 'bulkImport'"
13	>	13	>
14	<v-text-field	14	<v-text-field
15	flat	15	flat
16	append-icon="search"	16	append-icon="search"
17	label="Seacrh"	17	label="Seacrh"
18	class="pl-3"	18	class="pl-3"
19	color="white"	19	color="white"
20	@input.native="emitSearch"	20	@input.native="emitSearch"
21	type="text"	21	type="text"
22	dark	22	dark
23	></v-text-field>	23	></v-text-field>
24	</v-flex>	24	</v-flex>
25	<v-spacer></v-spacer>	25	<v-spacer></v-spacer>
26	<v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">	26	<v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
27	<v-btn icon large flat slot="activator">	27	<v-btn icon large flat slot="activator">
28	<v-avatar>	28	<v-avatar>
29	<!-- <img src="/static/icon/user.png" /> -->	29	<!-- <img src="/static/icon/user.png" /> -->
30	<v-icon dark size="40px">account_circle</v-icon>	30	<v-icon dark size="40px">account_circle</v-icon>
31	</v-avatar>	31	</v-avatar>
32	</v-btn>	32	</v-btn>
33	<v-list class="pa-0">	33	<v-list class="pa-0">
34	<v-list-tile	34	<v-list-tile
35	v-for="(item,index) in items"	35	v-for="(item,index) in items"
36	:to="!item.href ? { name: item.name } : null"	36	:to="!item.href ? { name: item.name } : null"
37	:href="item.href"	37	:href="item.href"
38	@click="item.click"	38	@click="item.click"
39	ripple="ripple"	39	ripple="ripple"
40	:disabled="item.disabled"	40	:disabled="item.disabled"
41	:target="item.target"	41	:target="item.target"
42	rel="noopener"	42	rel="noopener"
43	:key="index"	43	:key="index"
44	>	44	>
45	<v-list-tile-action v-if="item.icon">	45	<v-list-tile-action v-if="item.icon">
46	<v-icon class="iconSize">{{ item.icon }}</v-icon>	46	<v-icon class="iconSize">{{ item.icon }}</v-icon>
47	</v-list-tile-action>	47	</v-list-tile-action>
48	<v-list-tile-content>	48	<v-list-tile-content>
49	<v-list-tile-title>{{ item.title }}</v-list-tile-title>	49	<v-list-tile-title>{{ item.title }}</v-list-tile-title>
50	</v-list-tile-content>	50	</v-list-tile-content>
51	</v-list-tile>	51	</v-list-tile>
52	</v-list>	52	</v-list>
53	</v-menu>	53	</v-menu>
54	</v-toolbar>	54	</v-toolbar>
55	</template>	55	</template>
56	<script>	56	<script>
57	import Util from "@/util";	57	import Util from "@/util";
58	export default {	58	export default {
59	name: "app-toolbar",	59	name: "app-toolbar",
60	data: () => ({	60	data: () => ({
61	userName: "",	61	userName: "",
62	search: "",	62	search: "",
63	items: [	63	items: [
64	{	64	{
65	icon: "account_circle",	65	icon: "account_circle",
66	href: "/resetPassword",	66	href: "/resetPassword",
67	title: "Change Password",	67	title: "Change Password",
68	click: e => {	68	click: e => {
69	console.log(e);	69	console.log(e);
70	}	70	}
71	},	71	},
72	// {	72	// {
73	// icon: 'settings',	73	// icon: 'settings',
74	// href: '#',	74	// href: '#',
75	// title: 'Settings',	75	// title: 'Settings',
76	// click: (e) => {	76	// click: (e) => {
77	// console.log(e);	77	// console.log(e);
78	// }	78	// }
79	// },	79	// },
80	{	80	{
81	icon: "lock",	81	icon: "lock",
82	href: "#",	82	href: "#",
83	title: "Logout",	83	title: "Logout",
84	click: e => {	84	click: e => {
85	window.getApp.$emit("APP_LOGOUT");	85	window.getApp.$emit("APP_LOGOUT");
86	}	86	}
87	}	87	}
88	]	88	]
89	}),	89	}),
90	computed: {	90	computed: {
91	toolbarColor() {	91	toolbarColor() {
92	return this.$vuetify.options.extra.mainNav;	92	return this.$vuetify.options.extra.mainNav;
93	}	93	}
94	},	94	},
95	methods: {	95	methods: {
96	emitSearch(ev) {	96	emitSearch(ev) {
97	this.$root.$emit("app:search", ev.target.value);	97	this.$root.$emit("app:search", ev.target.value);
98	console.log("ev.target.value", ev.target.value);	98	console.log("ev.target.value", ev.target.value);
99	},	99	},
100	handleDrawerToggle() {	100	handleDrawerToggle() {
101	window.getApp.$emit("APP_DRAWER_TOGGLED");	101	window.getApp.$emit("APP_DRAWER_TOGGLED");
102	},	102	},
103	handleFullScreen() {	103	handleFullScreen() {
104	Util.toggleFullScreen();	104	Util.toggleFullScreen();
105	}	105	}
106	}	106	}
107	};	107	};
108	</script>	108	</script>
109	<style>	109	<style>
110	.v-icon {	110	.v-icon {
111	font-size: 30px;	111	font-size: 30px;
112	}	112	}
113	.fixcolors {	113	.fixcolors {
114	background: #444b54 !important;	114	background: #444b54 !important;
115	}	115	}
116	@media screen and (min-width: 1270px) {	116	@media screen and (min-width: 1270px) {
117	.hide {	117	.hide {
118	display: none;	118	display: none;
119	}	119	}
120	/* }	120	/* }
121	@media screen and (max-width: 962px) {	121	@media screen and (max-width: 962px) {
122	.imglogo{	122	.imglogo{
123	position: absolute;	123	position: absolute;
124	top: 13px;	124	top: 13px;
125	left: 13px !important;	125	left: 13px !important;
126	width: 70px;	126	width: 70px;
127	height: 24px;	127	height: 24px;
128	} */	128	} */
129	}	129	}
130	@media screen and (max-width: 420px) {	130	@media screen and (max-width: 420px) {
131	.v-list__tile {	131	.v-list__tile {
132	font-size: 14px;	132	font-size: 14px;
133	padding: 0 10px;	133	padding: 0 10px;
134	}	134	}
135	.name {	135	.name {
136	font-size: 15px;	136	font-size: 15px;
137	}	137	}
138	}	138	}
139	</style>	139	</style>
140		140

src/pages/Administrator/bulkImport.vue

Diff comments View file @1c69557

File was created	1	<template>
	2	<v-container fluid grid-list-md>
	3	<v-card flat>
	4	<v-toolbar class="fixcolors" dark flat>
	5	<v-spacer></v-spacer>
	6	<v-toolbar-title>Import</v-toolbar-title>
	7	<v-spacer></v-spacer>
	8	</v-toolbar>
	9	<v-container fluid>
	10	<v-layout>
	11	<v-flex xs12>
	12	<v-layout wrap>
	13	<v-flex xs6 sm5 lg2 class="pt-4">
	14	<label class="title right">Add Teacher:</label>
	15	</v-flex>
	16	<v-flex xs12 sm6 lg3>
	17	<v-text-field v-model="teacherFileName" placeholder="Choose file" :disabled="true"></v-text-field>
	18	<input
	19	type="file"
	20	style="display: none"
	21	ref="file"
	22	@change="picFileTeacher($event)"
	23	/>
	24	</v-flex>
	25	<v-flex xs6 sm4 lg2 class="mt-1">
	26	<v-btn class="grey" dark block @click="pickFile">
	27	<v-icon small class="pr-1">refresh</v-icon>Upload
	28	</v-btn>
	29	</v-flex>
	30	<v-flex xs6 sm4 lg2 class="mt-1">
	31	<v-btn class="grey" dark block>import</v-btn>
	32	</v-flex>
	33	<v-flex xs12 sm4 lg2 class="mt-1">
	34	<download-csv :data="teacherData">
	35	<v-btn class="blue lighten-2" dark block>
	36	<v-icon small class="pr-1">archive</v-icon>sample download
	37	</v-btn>
	38	</download-csv>
	39	</v-flex>
	40	</v-layout>
	41	</v-flex>
	42	</v-layout>
	43	<v-layout>
	44	<v-flex xs12>
	45	<v-layout wrap>
	46	<v-flex xs6 sm5 lg2 class="pt-4">
	47	<label class="title right">Add Parent:</label>
	48	</v-flex>
	49	<v-flex xs12 sm6 lg3>
	50	<v-text-field v-model="parentFileName" placeholder="Choose file" :disabled="true"></v-text-field>
	51	</v-flex>
	52	<v-flex xs6 sm4 lg2 class="mt-1">
	53	<v-btn class="grey" dark block @click="pickFile">
	54	<v-icon small class="pr-1">refresh</v-icon>Upload
	55	</v-btn>
	56	</v-flex>
	57	<v-flex xs6 sm4 lg2 class="mt-1">
	58	<v-btn class="grey" dark block>import</v-btn>
	59	</v-flex>
	60	<v-flex xs12 sm4 lg2 class="mt-1">
	61	<download-csv :data="parentData">
	62	<v-btn class="blue lighten-2" dark block>
	63	<v-icon small class="pr-1">archive</v-icon>sample download
	64	</v-btn>
	65	</download-csv>
	66	</v-flex>
	67	</v-layout>
	68	</v-flex>
	69	</v-layout>
	70	<v-layout>
	71	<v-flex xs12>
	72	<v-layout wrap>
	73	<v-flex xs6 sm5 lg2 class="pt-4">
	74	<label class="title right">Add User:</label>
	75	</v-flex>
	76	<v-flex xs12 sm6 lg3>
	77	<v-text-field placeholder="Choose file" :disabled="true"></v-text-field>
	78	</v-flex>
	79	<v-flex xs6 sm4 lg2 class="mt-1">
	80	<v-btn class="grey" dark block>
	81	<v-icon small class="pr-1">refresh</v-icon>Upload
	82	</v-btn>
	83	</v-flex>
	84	<v-flex xs6 sm4 lg2 class="mt-1">
	85	<v-btn class="grey" dark block>import</v-btn>
	86	</v-flex>
	87	<v-flex xs12 sm4 lg2 class="mt-1">
	88	<download-csv :data="userData">
	89	<v-btn class="blue lighten-2" dark block>
	90	<v-icon small class="pr-1">archive</v-icon>sample download
	91	</v-btn>
	92	</download-csv>
	93	</v-flex>
	94	</v-layout>
	95	</v-flex>
	96	</v-layout>
	97	<v-layout>
	98	<v-flex xs12>
	99	<v-layout wrap>
	100	<v-flex xs6 sm5 lg2 class="pt-4">
	101	<label class="title right">Add Book:</label>
	102	</v-flex>
	103	<v-flex xs12 sm6 lg3>
	104	<v-text-field placeholder="Choose file" :disabled="true"></v-text-field>
	105	</v-flex>
	106	<v-flex xs6 sm4 lg2 class="mt-1">
	107	<v-btn class="grey" dark block>
	108	<v-icon small class="pr-1">refresh</v-icon>Upload
	109	</v-btn>
	110	</v-flex>
	111	<v-flex xs6 sm4 lg2 class="mt-1">
	112	<v-btn class="grey" dark block>import</v-btn>
	113	</v-flex>
	114	<v-flex xs12 sm4 lg2 class="mt-1">
	115	<download-csv :data="bookData">
	116	<v-btn class="blue lighten-2" dark block>
	117	<v-icon small class="pr-1">archive</v-icon>sample download
	118	</v-btn>
	119	</download-csv>
	120	</v-flex>
	121	</v-layout>
	122	</v-flex>
	123	</v-layout>
	124	<v-layout>
	125	<v-flex xs12>
	126	<v-layout wrap>
	127	<v-flex xs6 sm5 lg2 class="pt-4">
	128	<label class="title right">Add Student:</label>
	129	</v-flex>
	130	<v-flex xs12 sm6 lg3>
	131	<v-text-field placeholder="Choose file" :disabled="true"></v-text-field>
	132	</v-flex>
	133	<v-flex xs6 sm4 lg2 class="mt-1">
	134	<v-btn class="grey" dark block>
	135	<v-icon small class="pr-1">refresh</v-icon>Upload
	136	</v-btn>
	137	</v-flex>
	138	<v-flex xs6 sm4 lg2 class="mt-1">
	139	<v-btn class="grey" dark block>import</v-btn>
	140	</v-flex>
	141	<v-flex xs12 sm4 lg2 class="mt-1">
	142	<download-csv :data="studentData">
	143	<v-btn class="blue lighten-2" dark block>
	144	<v-icon small class="pr-1">archive</v-icon>sample download
	145	</v-btn>
	146	</download-csv>
	147	</v-flex>
	148	</v-layout>
	149	</v-flex>
	150	</v-layout>
	151	<v-layout>
	152	<v-flex xs12>
	153	<v-layout wrap>
	154	<v-flex xs9 sm5 lg2 class="pt-4">
	155	<label class="title right">Students & Parents:</label>
	156	</v-flex>
	157	<v-flex xs12 sm6 lg3>
	158	<v-text-field placeholder="Choose file" :disabled="true"></v-text-field>
	159	</v-flex>
	160	<v-flex xs6 sm4 lg2 class="mt-1">
	161	<v-btn class="grey" dark block>
	162	<v-icon small class="pr-1">refresh</v-icon>Upload
	163	</v-btn>
	164	</v-flex>
	165	<v-flex xs6 sm4 lg2 class="mt-1">
	166	<v-btn class="grey" dark block>import</v-btn>
	167	</v-flex>
	168	<v-flex xs12 sm4 lg2 class="mt-1">
	169	<v-btn class="blue lighten-2" dark block>
	170	<v-icon small class="pr-1">archive</v-icon>sample download
	171	</v-btn>
	172	</v-flex>
	173	</v-layout>
	174	</v-flex>
	175	</v-layout>
	176	</v-container>
	177	</v-card>
	178	</v-container>
	179	</template>
	180
	181
	182	<script>
	183	import http from "@/Services/http.js";
	184	import moment from "moment";
	185	import teacherData from "@/script/teachers.js";
	186	import studentData from "@/script/students.js";
	187	import parentData from "@/script/parents.js";
	188	import userData from "@/script/users.js";
	189	import bookData from "@/script/books.js";
	190
	191	export default {
	192	data: () => ({
	193	teacherData: [],
	194	studentData: [],
	195	parentData: [],
	196	userData: [],
	197	bookData: [],
	198	teacher: "TEACHER",
	199	teacherFileName: "",
	200	teacherFileUrl: "",
	201	parent: "PARENT",
	202	parentFileName: "",
	203	parentFileUrl: ""
	204	}),
	205	methods: {
	206	pickFile() {
	207	this.$refs.file.click();
	208	},
	209	picFileTeacher(e) {
	210	console.log(this.parent);
	211	if (this.teacher === "TEACHER") {
	212	var vm = this;
	213	if (window.FileReader) {
	214	var reader = new FileReader();
	215	this.teacherFileName = e.target.files[0].name;
	216	this.teacherFileUrl = e.target.files[0];
	217	console.log("this.teacherFileUrl", this.teacherFileUrl);
	218	}
	219	}
	220	// if (this.parent === "PARENT") {
	221	// var vm = this;
	222	// if (window.FileReader) {
	223	// var reader = new FileReader();
	224	// this.parentFileName = e.target.files[0].name;
	225	// this.parentFileUrl = e.target.files[0];
	226	// console.log("this.teacherFileUrl", this.parentFileUrl);
	227	// }
	228	// }
	229	// if (this.teacher === "TEACHER") {
	230	// const files = e.target.files;
	231	// if (files[0] !== undefined) {
	232	// this.teacherFileName = files[0].name;
	233	// if (this.teacherFileName.lastIndexOf(".") <= 0) {
	234	// return;
	235	// }
	236	// const fr = new FileReader();
	237	// fr.readAsDataURL(files[0]);
	238	// fr.addEventListener("load", () => {
	239	// this.teacherFileUrl = fr.result;
	240	// // this.imageFile = files[0]; // this is an image file that can be sent to server...
	241	// });
	242	// } else {
	243	// this.teacherFileName = "";
	244	// this.teacherFileUrl = "";
	245	// }
	246	// }
	247	}
	248	},
	249	mounted() {
	250	/** TEACHERS SAMPLE CSV */
	251	const getTeacherData = teacherData();
	252	this.teacherData = getTeacherData;
	253
	254	/** STUDENTS SAMPLE CSV */
	255	const getstudentData = studentData();
	256	this.studentData = getstudentData;
	257
	258	/** PARENTS SAMPLE CSV */
	259	const getparentData = parentData();
	260	this.parentData = getparentData;
	261
	262	/** USERS SAMPLE CSV */
	263	const getUserData = userData();
	264	this.userData = getUserData;
	265
	266	/** BOOKS SAMPLE CSV */
	267	const getBookData = bookData();
	268	this.bookData = getBookData;
	269	}
	270	};
	271	</script>

src/pages/Attendence/viewStudentsAttendence.vue

Diff comments View file @1c69557

 <template>
   <v-container fluid grid-list-md>
     <div v-show="hideData">
       <v-layout row>
         <v-btn color="grey" @click="exportPdf" class="right" dark>
           Export Pdf
           <v-icon dark right size="20">save_alt</v-icon>
         </v-btn>
         <v-dialog v-model="dialogExport" max-width="500px">
           <v-btn slot="activator" color="grey" class="right" dark>
             Export csv
             <v-icon dark right size="20">save_alt</v-icon>
           </v-btn>
           <v-card>
             <h3 class="text-xs-center py-2 grey lighten-1 white--text">Export</h3>
             <v-card-text>
               <v-container grid-list-md>
                 <v-layout wrap>
                   <v-flex xs12>
                     <v-menu
                       ref="menuStartDate"
                       :close-on-content-click="false"
                       v-model="menuStartDate"
                       :nudge-right="40"
                       :return-value.sync="startDate"
                       lazy
                       transition="scale-transition"
                       offset-y
                       full-width
                       min-width="290px"
                     >
                       <v-text-field
                         slot="activator"
                         v-model="startDate"
                         label="Select Start Date"
                         prepend-icon="event"
                         readonly
                       ></v-text-field>
                       <v-date-picker
                         v-model="startDate"
                         @input="$refs.menuStartDate.save(startDate)"
                       ></v-date-picker>
                     </v-menu>
                   </v-flex>
                   <v-flex xs12>
                     <v-menu
                       ref="menuEndDate"
                       :close-on-content-click="false"
                       v-model="menuEndDate"
                       :nudge-right="40"
                       :return-value.sync="endDate"
                       lazy
                       transition="scale-transition"
                       offset-y
                       full-width
                       min-width="290px"
                     >
                       <v-text-field
                         slot="activator"
                         v-model="endDate"
                         label="Select End Date"
                         prepend-icon="event"
                         readonly
                       ></v-text-field>
                       <v-date-picker v-model="endDate" @input="$refs.menuEndDate.save(endDate)"></v-date-picker>
                     </v-menu>
                   </v-flex>
                 </v-layout>
               </v-container>
             </v-card-text>
             <v-card-actions>
               <v-spacer></v-spacer>
               <v-btn color="blue darken-1" flat @click.native="dialogExport = false">Close</v-btn>
               <download-csv :data="json_data">
                 <v-btn color="blue darken-1" flat @click.native="exportData">Export</v-btn>
               </download-csv>
             </v-card-actions>
           </v-card>
         </v-dialog>
       </v-layout>
       <v-layout wrap>
         <v-flex xs12 sm12 md4>
           <v-card flat>
             <h3 class="text-xs-center py-2 grey lighten-1 white--text">Profile</h3>
             <v-card-text>
               <v-container>
                 <v-layout wrap>
                   <v-flex xs12>
                     <v-layout>
                       <v-flex
                         xs12
                         class="text-xs-center text-sm-center text-md-center text-lg-center"
                       >
                         <v-avatar size="160px">
                           <img src="/static/icon/user.png" v-if="!studentData.profilePicUrl" />
                           <img
                             :src="studentData.profilePicUrl"
                             v-else-if="studentData.profilePicUrl"
                           />
                         </v-avatar>
                       </v-flex>
                     </v-layout>
                     <v-layout>
                       <v-flex xs12 sm12>
                         <h3 class="text-xs-center">
                           <b>{{ studentData.name }}</b>
                         </h3>
                         <p class="text-xs-center grey--text">Student</p>
                       </v-flex>
                     </v-layout>
                     <v-layout style="border: 1px solid lightgrey;">
                       <v-flex xs6 sm6 class="pa-0">
                         <h4 class="right">
                           <b>Roll No :</b>
                         </h4>
                       </v-flex>
                       <v-flex sm6 xs6 class="pa-0">
                         <h4>{{ studentData.rollNo }}</h4>
                       </v-flex>
                     </v-layout>
                     <v-layout style="border: 1px solid lightgrey;">
                       <v-flex xs6 sm6 class="pa-0">
                         <h4 class="right">
                           <b>Class :</b>
                         </h4>
                       </v-flex>
                       <v-flex sm6 xs6 class="right pa-0">
                         <h4>{{ studentData.classId.classNum }}</h4>
                       </v-flex>
                     </v-layout>
                     <v-layout style="border: 1px solid lightgrey;">
                       <v-flex xs6 sm6 class="right pa-0">
                         <h4 class="right">
                           <b>Section :</b>
                         </h4>
                       </v-flex>
                       <v-flex sm6 xs6 class="right pa-0">
                         <h4>{{ studentData.sectionId.name}}</h4>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-layout>
               </v-container>
             </v-card-text>
           </v-card>
         </v-flex>
         <v-flex xs12 sm12 md8>
           <v-card flat>
             <h3 class="py-2 text-xs-center grey lighten-1 white--text">
               Attendence
               <span class="ml-4">
                 <v-avatar class="green caption" size="12"></v-avatar>
                 <span class="subheading">Present</span>
               </span>
               <span class="ml-4">
                 <v-avatar color="red caption" size="12" class></v-avatar>
                 <span class="subheading">Absent</span>
               </span>
             </h3>
             <YearCalendar
               v-model="year"
               :activeDates="activeDates"
               prefixClass="your_customized_wrapper_class"
               :activeClass="activeClass"
             ></YearCalendar>
           </v-card>
         </v-flex>
       </v-layout>
     </div>
     <v-layout v-show="showPdfData">
       <v-container>
         <v-flex xs12 sm12 md8 offset-sm2>
           <v-btn
             color="grey"
             @click="generatePDF2Canvas()"
             :loading="loadingPdf"
             class="right"
             dark
           >
             Download
             <v-icon dark right size="20">save_alt</v-icon>
           </v-btn>
         </v-flex>
       </v-container>
     </v-layout>
     <v-layout v-show="showPdfData">
       <v-container>
         <v-layout v-show="showPdfData">
           <v-flex xs12 sm12 md8 offset-sm2>
             <div ref="printMe">
               <v-flex xs12 class="pl-3">
                 <v-layout>
                   <v-flex xs6 sm2 class="pa-0 mb-1">
                     <h4>
                       <b>Name</b>
                     </h4>
                   </v-flex>
                   <v-flex sm10 xs6 class="pa-0">
                     <h4>: {{ studentData.name }}</h4>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs6 sm2 class="pa-0 mb-1">
                     <h4>
                       <b>Type</b>
                     </h4>
                   </v-flex>
                   <v-flex sm10 xs6 class="pa-0 mb-1">
                     <h4>: Student</h4>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs6 sm2 class="pa-0 mb-1">
                     <h4>
                       <b>Roll No</b>
                     </h4>
                   </v-flex>
                   <v-flex sm10 xs6 class="pa-0 mb-1">
                     <h4>: {{ studentData.rollNo }}</h4>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs6 sm2 class="pa-0 mb-1">
                     <h4>
                       <b>Class</b>
                     </h4>
                   </v-flex>
                   <v-flex sm10 xs6 class="pa-0 mb-1">
                     <h4>: {{ studentData.classId.classNum }}</h4>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs6 sm2 class="pa-0 mb-1">
                     <h4>
                       <b>Section</b>
                     </h4>
                   </v-flex>
                   <v-flex sm10 xs6 class="pa-0 mb-3">
                     <h4>: {{ studentData.sectionId.name}}</h4>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-card flat>
                 <h3 class="py-2 text-xs-center grey lighten-1 white--text">
                   Attendence
                   <span class="ml-4">
                     <v-avatar class="green caption" size="12"></v-avatar>
                     <span class="subheading">Present</span>
                   </span>
                   <span class="ml-4">
                     <v-avatar color="red caption" size="12" class></v-avatar>
                     <span class="subheading">Absent</span>
                   </span>
                 </h3>
                 <YearCalendar
                   v-model="year"
                   :activeDates="activeDates"
                   prefixClass="your_customized_wrapper_class"
                   :activeClass="activeClass"
                 ></YearCalendar>
               </v-card>
             </div>
           </v-flex>
         </v-layout>
       </v-container>
     </v-layout>
     <img :src="output" v-show="false"/>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
   </v-container>
 </template>
 <script lang="js">
 import moment from "moment";
 import http from "@/Services/http.js";
 import YearCalendar from "vue-material-year-calendar";
 import jsPDF from 'jspdf';
     // eslint-disable-next-line
 import autoTable from 'jspdf-autotable';
 export default {
   components: { YearCalendar },
   data() {
     return {
       showPdfData:false,
       hideData:true,
       loadingPdf:false,
       output:null,
       studentsList: [],
       json_data: [],
       dialogExport: false,
       startDate: "",
       endDate: "",
       menuEndDate: false,
       menuStartDate: false,
       showLoader: false,
       token: "",
       year: new Date().getFullYear(),
       activeDates: [],
       activeClass: "",
       studentData: {}
     };
   },
   mounted() {
     this.token = this.$store.state.token;
     this.getStudentAttendence();
     this.getStudentData();
   },
   methods: {
     dates: function(date) {
       return moment(date).format("MMMM DD, YYYY");
     },
     getStudentAttendence() {
       this.showLoader = true;
       http()
         .get(
           "/studentAttendance",
           { params: { studentId: this.$route.params.id } },
           {
             headers: { Authorization: "Bearer " + this.token }
           }
         )
         .then(response => {
           this.showLoader = false;
           let array = [];
           for (let i = 0; i < response.data.data.length; i++) {
             if (response.data.data[i].students[0].isPresent == true) {
               array.push({
                 date: response.data.data[i].date,
                 className: "green"
               });
             } else if (response.data.data[i].students[0].isPresent == false) {
               array.push({
                 date: response.data.data[i].date,
                 className: "red"
               });
             }
           }
           this.activeDates = array;
         })
         .catch(error => {
           this.showLoader = false;
           if (error.response.status === 401) {
             this.$router.replace({ path: "/" });
             this.$store.dispatch("setToken", null);
             this.$store.dispatch("Id", null);
             this.$store.dispatch("Role", null);
           }
         });
     },
     getStudentData() {
       http()
         .get(
           "/getParticularStudentDetail",
           { params: { studentId: this.$route.params.id } },
           {
             headers: { Authorization: "Bearer " + this.token }
           }
         )
         .then(response => {
           this.studentData = response.data.data;
         })
         .catch(err => {
           console.log("err====>", err);
           // this.$router.replace({ path: '/' });
         });
     },
     exportData() {
       http()
         .get(
           "/studentAttendanceByMonth",
           {
             params: {
               studentId: this.$route.params.id,
               startDate: this.startDate,
               endDate: this.endDate
             }
           },
           {
             headers: { Authorization: "Bearer " + this.token }
           }
         )
         .then(response => {
           this.json_data = response.data.data;
           this.dialogExport = true;
         })
         .catch(err => {
           console.log("err====>", err);
           // this.$router.replace({ path: '/' });
         });
     },
     exportPdf(){
         this.hideData = false;
         this.showPdfData = true
     },
      async  generatePDF2Canvas(){
             this.loadingPdf = true
             const el = this.$refs.printMe;
             // add option type to get the image version
             // if not provided the promise will return
             // the canvas.
             const options = {
                 type: 'dataURL'
             }
             this.output = await this.$html2canvas(el, options);
-            console.log(this.output);
             if(this.output) {
                this.loadingPdf = false
             }
             let doc = new jsPDF();
             doc.addImage(this.output, 'JPEG', 5, 10, 200, 280);
             doc.save("Attendance.pdf");
         }
   }
 };
 </script>
 <style lang="stylus">
 .your_customized_wrapper_class {
   background-color: #0aa;
   color: white;
   &.red {
     background-color: red;
     color: white;
     &:after {
       background-size: 100% 100%;
     }
   }
   &.blue {
     background-color: #0000aa;
     color: white;
   }
   &.your_customized_classname {
     background-color: yellow;
     color: black;
   }
 }
 </style>

src/router/paths.js

Diff comments View file @1c69557

 export default [{
         path: '*',
         meta: {
             public: true,
         },
         redirect: {
             path: '/404'
         }
     },
     {
         path: '/404',
         meta: {
             public: true,
         },
         name: 'NotFound',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/NotFound.vue`
             )
     },
     {
         path: '/500',
         meta: {
             public: true,
         },
         name: 'ServerError',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/Error.vue`
             )
     },
     {
         path: '/changepassword',
         meta: {},
         name: 'changepassword',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/changepassword.vue`
             )
     },
     {
         path: '/teachers',
         meta: { breadcrumb: false },
         name: 'teachers',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Teachers/teachers.vue`
             )
     },
     {
         path: '/',
         meta: {
             public: true,
         },
         name: 'Login',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/Login.vue`
             )
     },
     {
         path: '/forgetpassword',
         meta: {
             public: true,
         },
         name: 'forgetpassword',
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/forgetpassword.vue`
             )
     },
     {
         path: '/students',
         meta: {},
         name: 'Students',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Students/students.vue`
             )
     },
     {
         path: '/addclass',
         meta: {},
         name: 'addclass',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Class/addclass.vue`
             )
     },
     {
         path: '/section',
         meta: {},
         name: 'section',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Section/section.vue`
             )
     },
     {
         path: '/noticeBoard',
         meta: {},
         name: 'NoticeBoard',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NoticeBoard/noticeBoard.vue`
             )
     },
     {
         path: '/news',
         meta: {},
         name: 'news',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/News/news.vue`
             )
     },
     // {
     //   path: '/reminder',
     //   meta: { },
     //   name: 'reminder',
     //   props: (route) => ({ type: route.query.type }),
     //   component: () => import(
     //     /* webpackChunkName: "routes" */
     //     /* webpackMode: "lazy-once" */
     //     `@/pages/Reminder/reminder.vue`
     //   )
     // },
     {
         path: '/timeTable',
         meta: {},
         name: 'timeTable',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/TimeTable/timeTable.vue`
             )
     },
     {
         path: '/notification',
         meta: {},
         name: 'notification',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Notification/notification.vue`
             )
     },
     {
         path: '/parents',
         meta: {},
         name: 'parents',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Parent/parents.vue`
             )
     },
     {
         path: '/subject',
         meta: {},
         name: 'subject',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Subjects/subjects.vue`
             )
     },
     {
         path: '/dashboard',
         meta: {},
         name: 'Dashboard',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
             )
     },
     {
         path: '/socialMedia',
         meta: {},
         name: 'SocialMedia',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/socialMedia/socialMedia.vue`
             )
     },
     {
         path: '/gallery',
         meta: {},
         name: 'Gallery',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Gallery/gallery.vue`
             )
     },
     {
         path: '/event',
         meta: {},
         name: 'Event',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Event/event.vue`
             )
     },
     {
         path: '/holiday',
         meta: {},
         name: 'Holiday',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Holiday/holiday.vue`
             )
     },
     {
         path: '/user',
         meta: {},
         name: 'User',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/User/user.vue`
             )
     },
     {
         path: '/AttendenceStudent',
         meta: {},
         name: 'studentAttendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/studentAttendence.vue`
             )
     },
     {
         path: '/AttendenceTeacher',
         meta: {},
         name: 'teacherAttendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/teacherAttendence.vue`
             )
     },
     {
         path: '/AttendenceUser',
         meta: {},
         name: 'userAttendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/userAttendence.vue`
             )
     },
     {
         path: '/feeTypes',
         meta: {},
         name: 'feeTypes',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/feeTypes.vue`
             )
     },
     {
         path: '/invoice',
         meta: {},
         name: 'Invoice',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/invoice.vue`
             )
     },
     {
         path: '/paymentHistory',
         meta: {},
         name: 'paymentHistory',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/paymentHistory.vue`
             )
     },
     {
         path: '/expense',
         meta: {},
         name: 'Expense',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/expense.vue`
             )
     },
     {
         path: '/income',
         meta: {},
         name: 'Income',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/income.vue`
             )
     },
     {
         path: '/libraryMember',
         meta: {},
         name: 'libraryMember',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/member.vue`
             )
     },
     {
         path: '/books',
         meta: {},
         name: 'Books',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/books.vue`
             )
     },
     {
         path: '/issue',
         meta: {},
         name: 'Issue',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/issue.vue`
             )
     },
     {
         path: '/e-books',
         meta: {},
         name: 'eBooks',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/eBook.vue`
             )
     },
     {
         path: '/invoiceId/:invoiceid',
         meta: {},
         name: 'EditInvoice',
         // props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/editInvoice.vue`
             )
     },
     {
         path: '/StudentsAttendence/:id',
         meta: {},
         name: 'ViewStudentsAttendence',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/viewStudentsAttendence.vue`
             )
     },
     {
         path: '/viewInvoice/:viewInvoiceId',
         meta: {},
         name: 'ViewInvoice',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/viewInvoice.vue`
             )
     },
     {
         path: '/exam',
         meta: {},
         name: 'Exam',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/exam.vue`
             )
     },
     {
         path: '/grade',
         meta: {},
         name: 'Grade',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/grade.vue`
             )
     },
     {
         path: '/examSchedule',
         meta: {},
         name: 'ExamSchedule',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examSchedule.vue`
             )
     },
     {
         path: '/mark',
         meta: {},
         name: 'Mark',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/mark.vue`
             )
     },
     {
         path: '/viewMark/:markId',
         meta: {},
         name: 'viewMark',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/viewMark.vue`
             )
     },
     {
         path: '/markDistribution',
         meta: {},
         name: 'markDistribution',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/markDistribution.vue`
             )
     },
     {
         path: '/promotion',
         meta: {},
         name: 'Promotion',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/promotion.vue`
             )
     },
     {
         path: '/academicYear',
         meta: {},
         name: 'academicYear',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/academicYear.vue`
             )
     },
     {
         path: '/systemAdmin',
         meta: {},
         name: 'systemAdmin',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/systemAdmin.vue`
             )
     },
     {
         path: '/resetPassword',
         meta: {},
         name: 'resetPassword',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/resetPassword.vue`
             )
     },
     {
         path: '/role',
         meta: {},
         name: 'Role',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/role.vue`
             )
     },
     {
+        path: '/bulkImport',
+        meta: {},
+        name: 'bulkImport',
+        props: (route) => ({ type: route.query.type }),
+        component: () =>
+            import (
+                /* webpackChunkName: "routes" */
+                /* webpackMode: "lazy-once" */
+                `@/pages/Administrator/bulkImport.vue`
+            )
+    },
+    {
         path: '/studentReport',
         meta: {},
         name: 'studentReport',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Report/studentReport.vue`
             )
     },
     {
         path: '/progressCardReport',
         meta: {},
         name: 'progressCardReport',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Report/progressCardReport.vue`
             )
     },
     {
         path: '/generalSetting',
         meta: {},
         name: 'generalSetting',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/generalSetting/generalSetting.vue`
             )
     },
+    //////SCHOOL
     {
         path: '/school',
         meta: {},
         name: 'School',
         props: (route) => ({ type: route.query.type }),
         component: () =>
             import (
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/School/school.vue`
             )
     }
 ];

src/script/books.js

Diff comments View file @1c69557

File was created	1	export default () => {
	2
	3	const books = [{
	4	"Book": "Math",
	5	"Subject": "002015",
	6	"Author": "R D Sharma",
	7	"Price": "600",
	8	"Quantity": "15",
	9	"Rack": "110",
	10	},
	11	{
	12	"Book": "Hindi",
	13	"Subject": "059090",
	14	"Author": "V Kumar",
	15	"Price": "400",
	16	"Quantity": "5",
	17	"Rack": "10",
	18	},
	19	]
	20	return books;
	21
	22	}

src/script/parents.js

Diff comments View file @1c69557

File was created	1	export default () => {
	2
	3	const parents = [{
	4	"email": "digital@theideazfactory.com",
	5	"fatherName": "Abhishek",
	6	"fatherCellNo": "9898981234",
	7	"motherName": "Rita",
	8	"motherCellNo": "8989786789",
	9	},
	10	{
	11	"email": "Rampal@viithiisys.com",
	12	"fatherName": "suresh",
	13	"fatherCellNo": "9898987867",
	14	"motherName": "rita kumari",
	15	"motherCellNo": "9768576536",
	16	}
	17	]
	18	return parents;
	19
	20	}

src/script/students.js

Diff comments View file @1c69557

File was created	1	export default () => {
	2
	3	const students = [{
	4	"name": "Rishav Singla",
	5	"email": "rsingla.rishu@gmail.com",
	6	"rollNo": "1",
	7	"dob": "1993-10-08",
	8	"gender": "Male",
	9	"bloodGroup": "A+",
	10	"mobile": "9914092452",
	11	"city": "Chandigarh",
	12	"country": "India",
	13	"presentAddress": "Mohali Sector ",
	14	"state": "Punjab",
	15	},
	16	{
	17	"name": "Shubham Chugh",
	18	"email": "shubham@theideazfactory.com",
	19	"rollNo": "2",
	20	"dob": "1994-05-29",
	21	"gender": "Male",
	22	"bloodGroup": "A+",
	23	"mobile": "8077362128",
	24	"city": "Chandigarh",
	25	"country": "India",
	26	"presentAddress": "#1571, ground floor, sector 7C",
	27	"state": "Chandigarh",
	28	},
	29	]
	30	return students;
	31	}

src/script/teachers.js

Diff comments View file @1c69557

File was created	1	export default () => {
	2
	3	const teachers = [{
	4	"name": "Test Teacher",
	5	"email": "shubhamchugh1992@gmail.com",
	6	"dob": "1994-05-01",
	7	"city": "Chandigarh",
	8	"country": "India",
	9	"presentAddress": "SCO 34, second floor",
	10	"mobileNo": "08558875847",
	11	"state": "Chandigarh",
	12	"joinDate": "2019-11-18",
	13	},
	14	{
	15	"name": "Neeraj Sharma",
	16	"email": "neeraj.sharma@viithiisys.com",
	17	"dob": "1995-01-14",
	18	"city": "Mohali",
	19	"country": "India",
	20	"presentAddress": "sector 71 ,Mohali",
	21	"mobileNo": "7009191451",
	22	"state": "Punjab",
	23	"joinDate": "2018-04-23",
	24	}
	25	]
	26	return teachers;
	27	}

src/script/users.js

Diff comments View file @1c69557

File was created	1	export default () => {
	2
	3	const users = [{
	4	"name": "Neeraj",
	5	"email": "neeraj.sharma@viithiisys.com",
	6	"dob": "1995-01-14",
	7	"gender": "Male",
	8	"religion": "Hindu",
	9	"address": "Mohali",
	10	"phone": "1234567890",
	11	"joiningDate": "2016-08-17",
	12	},
	13	{
	14	"name": "Rishav",
	15	"email": "rishav.singla@viithiisys.com",
	16	"dob": "1995-01-14",
	17	"gender": "Male",
	18	"religion": "Hindu",
	19	"address": "Punjab",
	20	"phone": "9878768790",
	21	"joiningDate": "2016-08-17",
	22	}
	23	]
	24	return users;
	25
	26	}