From db965de899db0136765ad631f994b5842e75ccdd Mon Sep 17 00:00:00 2001
From: amber <amber.dev@viithiisys.com>
Date: Fri, 21 Aug 2020 11:31:53 +0530
Subject: [PATCH] added dialog persistence

---
 src/Services/AllApiCalls.js                     |   4 +-
 src/Services/GetApis.js                         |  26 ++
 src/api/menu.js                                 |  10 +
 src/components/pageHeader/AppDrawer.vue         |   2 +
 src/pages/Academic/assignment.vue               |   6 +-
 src/pages/Academic/routine.vue                  |   2 +-
 src/pages/Academic/subject.vue                  |   6 +-
 src/pages/Academic/syllabus.vue                 |   4 +-
 src/pages/Account/expense.vue                   |   6 +-
 src/pages/Account/feeTypes.vue                  |   6 +-
 src/pages/Account/income.vue                    |   6 +-
 src/pages/Account/invoice.vue                   |   8 +-
 src/pages/Account/paymentHistory.vue            |   2 +-
 src/pages/Administrator/academicYear.vue        |   6 +-
 src/pages/Administrator/role.vue                |   4 +-
 src/pages/Administrator/systemAdmin.vue         |   4 +-
 src/pages/Annoucement/annoucement.vue           |   6 +-
 src/pages/AssignTeachers.vue                    | 419 ++++++++++++++++++++++++
 src/pages/Attendence/studentAttendence.vue      |   2 +-
 src/pages/Attendence/teacherAttendence.vue      |   2 +-
 src/pages/Attendence/viewStudentsAttendence.vue |   2 +-
 src/pages/Attendence/viewTeacherAttendence.vue  |   2 +-
 src/pages/Class/addclass.vue                    |   6 +-
 src/pages/Course/course.vue                     |   6 +-
 src/pages/Course/courseDetail.vue               |   8 +-
 src/pages/Course/courseDiscussion.vue           |   2 +-
 src/pages/Dashboard/LiveOnlineClass.vue         |   1 +
 src/pages/Dashboard/dashboard.vue               |   4 +-
 src/pages/Event/event.vue                       |   6 +-
 src/pages/Exam/exam.vue                         |   6 +-
 src/pages/Exam/examAttendence.vue               |   4 +-
 src/pages/Exam/examSchedule.vue                 |   6 +-
 src/pages/Exam/grade.vue                        |   6 +-
 src/pages/Gallery/gallery.vue                   |   6 +-
 src/pages/Holiday/holiday.vue                   |   6 +-
 src/pages/Library/books.vue                     |   6 +-
 src/pages/Library/eBook.vue                     |   6 +-
 src/pages/Library/issue.vue                     |   6 +-
 src/pages/Library/member.vue                    |   6 +-
 src/pages/Mark/mark.vue                         |   2 +-
 src/pages/Mark/markDistribution.vue             |   4 +-
 src/pages/News/news.vue                         |   6 +-
 src/pages/NoticeBoard/noticeBoard.vue           |   6 +-
 src/pages/Notification/notification.vue         |   6 +-
 src/pages/Parent/parents.vue                    |   8 +-
 src/pages/Payroll/hourlyTemplate.vue            |   4 +-
 src/pages/Payroll/manageSalary.vue              |   4 +-
 src/pages/Payroll/salaryTemplate.vue            |   6 +-
 src/pages/Reminder/reminder.vue                 |   4 +-
 src/pages/School/appVersion.vue                 |   2 +-
 src/pages/School/school.vue                     |   2 +-
 src/pages/School/viewSchoolDashboard.vue        |   2 +-
 src/pages/Section/section.vue                   |   6 +-
 src/pages/Students/students.vue                 |   6 +-
 src/pages/Subjects/subjects.vue                 |   6 +-
 src/pages/Teachers/teachers.vue                 |   6 +-
 src/pages/TimeTable/timeTable.vue               |   8 +-
 src/pages/User/user.vue                         |   6 +-
 src/pages/meetingEvent/meetingEvent.vue         |   6 +-
 src/pages/socialMedia/socialMedia.vue           |   6 +-
 src/router/paths.js                             |  13 +
 61 files changed, 609 insertions(+), 136 deletions(-)
 create mode 100644 src/pages/AssignTeachers.vue

diff --git a/src/Services/AllApiCalls.js b/src/Services/AllApiCalls.js
index 93103f8..19245aa 100644
--- a/src/Services/AllApiCalls.js
+++ b/src/Services/AllApiCalls.js
@@ -12,7 +12,9 @@ export default {
             pptFile: "",
             pptFileName: "",
             pdfFile: "",
-            pdfFileName: ""
+            pdfFileName: "",
+            courseData: [],
+            teachersList: [],
 
         }
     },
diff --git a/src/Services/GetApis.js b/src/Services/GetApis.js
index d084856..f5ddb4b 100644
--- a/src/Services/GetApis.js
+++ b/src/Services/GetApis.js
@@ -118,7 +118,33 @@ export default {
             } catch (error) {
                 console.log("Error in getAnnoucementesList - ", error.message)
             }
+        },
+
+        /***********************************************************************************************/
+
+        /* APIS USED IN AssignTeachers.vue */
+        async getCourseesList(params) {
+            try {
+                let response = await this.getMethod("/getCourseesList", {
+                    classId: params.classId
+                })
+                this.courseData = response.data.data;
+                return response;
+            } catch (error) {
+                console.log("Error in getAnnoucementesList - ", error.message)
+            }
+        },
+        async getTeachersList(params) {
+            try {
+                let response = await this.getMethod("/getTeachersList")
+                this.teachersList = response.data.data;
+                console.log("teachers list - ", this.teachersList)
+                return response;
+            } catch (error) {
+                console.log("Error in getAnnoucementesList - ", error.message)
+            }
         }
 
+
     },
 }
\ No newline at end of file
diff --git a/src/api/menu.js b/src/api/menu.js
index 008505e..4df4f42 100644
--- a/src/api/menu.js
+++ b/src/api/menu.js
@@ -13,6 +13,16 @@ const adminMenu = [
 		icon: '/static/icon/class.png',
 	},
 	{
+		title: 'Course',
+		group: 'AdminCourse',
+		component: 'AdminCourse',
+		icon: '/static/icon/attendence.png',
+		items: [
+			{ name: 'AssignTeachers', title: 'Assign Teachers', component: 'AssignTeachers', action: '', },
+			
+		]
+	},
+	{
 		title: 'Section',
 		// group: 'apps',
 		name: 'Section',
diff --git a/src/components/pageHeader/AppDrawer.vue b/src/components/pageHeader/AppDrawer.vue
index 6d6d4c9..ded7848 100644
--- a/src/components/pageHeader/AppDrawer.vue
+++ b/src/components/pageHeader/AppDrawer.vue
@@ -27,6 +27,7 @@
       />
     </v-toolbar>
     <v-list dense dark>
+      <!-- NAVIGATION DRAWER IF ROLE IS ADMIN -->
       <template v-for="(item, i) in menus" v-if="role === 'ADMIN'">
         <!-- {{menus}} -->
         <!--group with subitems-->
@@ -211,6 +212,7 @@
           <!-- </a> -->
         </v-list-tile>
       </template>
+      <!-- NAVIGATION DRAWER IF ROLE IS LIBRARIAN -->
       <template v-for="(item, i) in menuLibrarian" v-if="role === 'LIBRARIAN'">
         <!-- {{menus}} -->
         <!--group with subitems-->
diff --git a/src/pages/Academic/assignment.vue b/src/pages/Academic/assignment.vue
index 43a0298..dc8dea8 100644
--- a/src/pages/Academic/assignment.vue
+++ b/src/pages/Academic/assignment.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  Assignment ****** -->
-    <v-dialog v-model="editAssignmentDialog" max-width="400px">
+    <v-dialog v-model="editAssignmentDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -141,7 +141,7 @@
     </v-dialog>
 
     <!-- ****** VIEW PROFIL NOTICE BOARD ******  -->
-    <v-dialog v-model="viewAssignmentDialog" max-width="500px">
+    <v-dialog v-model="viewAssignmentDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -329,7 +329,7 @@
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
-    <v-dialog v-model="addAssignmentDialog" max-width="400px" v-if="addAssignmentDialog">
+    <v-dialog v-model="addAssignmentDialog" max-width="400px" v-if="addAssignmentDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Academic/routine.vue b/src/pages/Academic/routine.vue
index c716c7e..dcd956f 100644
--- a/src/pages/Academic/routine.vue
+++ b/src/pages/Academic/routine.vue
@@ -372,7 +372,7 @@
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
-    <v-dialog v-model="addRoutineDialog" max-width="600px" v-if="addRoutineDialog">
+    <v-dialog v-model="addRoutineDialog" max-width="600px" v-if="addRoutineDialog" persistent>
       v-if="addRoutineDialog"
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
diff --git a/src/pages/Academic/subject.vue b/src/pages/Academic/subject.vue
index 1537a8b..8adc14a 100644
--- a/src/pages/Academic/subject.vue
+++ b/src/pages/Academic/subject.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  Subject ****** -->
-    <v-dialog v-model="editSubjectDialog" max-width="600px">
+    <v-dialog v-model="editSubjectDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -149,7 +149,7 @@
 
     <!-- ****** VIEW PROFIL NOTICE BOARD ******  -->
 
-    <v-dialog v-model="viewSubjectDialog" max-width="500px">
+    <v-dialog v-model="viewSubjectDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -365,7 +365,7 @@
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
-    <v-dialog v-model="addSubjectDialog" max-width="600px" v-if="addSubjectDialog">
+    <v-dialog v-model="addSubjectDialog" max-width="600px" v-if="addSubjectDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Academic/syllabus.vue b/src/pages/Academic/syllabus.vue
index e5b7fb9..a080b3b 100644
--- a/src/pages/Academic/syllabus.vue
+++ b/src/pages/Academic/syllabus.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  Syllabus ****** -->
-    <v-dialog v-model="editSyllabusDialog" max-width="400px">
+    <v-dialog v-model="editSyllabusDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -262,7 +262,7 @@
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
-    <v-dialog v-model="addSyllabusDialog" max-width="400px" v-if="addSyllabusDialog">
+    <v-dialog v-model="addSyllabusDialog" max-width="400px" v-if="addSyllabusDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Account/expense.vue b/src/pages/Account/expense.vue
index 641efc0..f600fe2 100644
--- a/src/pages/Account/expense.vue
+++ b/src/pages/Account/expense.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT EXPENSE  ****** -->
-    <v-dialog v-model="editExpenseDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editExpenseDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -156,7 +156,7 @@
 
     <!-- ****** PROFILE VIEW EXPENSE DETAILS ******  -->
 
-    <v-dialog v-model="viewExpenseDialog" max-width="600px" scrollable>
+    <v-dialog v-model="viewExpenseDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -324,7 +324,7 @@
     </v-data-table>
 
     <!-- ****** Add Expense Data ****** -->
-    <v-dialog v-model="addExpenseDialog" max-width="600px" v-if="addExpenseDialog">
+    <v-dialog v-model="addExpenseDialog" max-width="600px" v-if="addExpenseDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Account/feeTypes.vue b/src/pages/Account/feeTypes.vue
index 362746a..dba3f86 100644
--- a/src/pages/Account/feeTypes.vue
+++ b/src/pages/Account/feeTypes.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  SECTION  ****** -->
-    <v-dialog v-model="editFeeTypeDialog" max-width="600px">
+    <v-dialog v-model="editFeeTypeDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -57,7 +57,7 @@
 
     <!-- ****** PROFILE VIEW FEE TYPE DATA ******  -->
 
-    <v-dialog v-model="viewFeeTypeDialog" max-width="400px">
+    <v-dialog v-model="viewFeeTypeDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -192,7 +192,7 @@
     </v-data-table>
 
     <!-- ****** ADD Fee Type ****** -->
-    <v-dialog v-model="addFeeTypeDialog" max-width="500px" v-if="addFeeTypeDialog">
+    <v-dialog v-model="addFeeTypeDialog" max-width="500px" v-if="addFeeTypeDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Account/income.vue b/src/pages/Account/income.vue
index 93c4991..387402e 100644
--- a/src/pages/Account/income.vue
+++ b/src/pages/Account/income.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT Income DETAILS ****** -->
-    <v-dialog v-model="editIncomeDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editIncomeDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -152,7 +152,7 @@
     </v-dialog>
 
     <!-- ****** PROFILE VIEW INCOME DETAILS ******  -->
-    <v-dialog v-model="profileIncomeDialog" max-width="400px">
+    <v-dialog v-model="profileIncomeDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -321,7 +321,7 @@
     </v-data-table>
 
     <!-- ****** Add Income Data****** -->
-    <v-dialog v-model="addIncomeDialog" max-width="600px" v-if="addIncomeDialog">
+    <v-dialog v-model="addIncomeDialog" max-width="600px" v-if="addIncomeDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Account/invoice.vue b/src/pages/Account/invoice.vue
index fac20b1..5d2eee2 100644
--- a/src/pages/Account/invoice.vue
+++ b/src/pages/Account/invoice.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit INVOICE ****** -->
-    <v-dialog v-model="editInvoiceDialog">
+    <v-dialog v-model="editInvoiceDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-styles pa-2">
@@ -14,7 +14,7 @@
     </v-dialog>
 
     <!-- ****PAYMENT INVOICE DIALOG -->
-    <v-dialog v-model="paymentInvoiceDialog">
+    <v-dialog v-model="paymentInvoiceDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-styles pa-2">
@@ -28,7 +28,7 @@
 
     <!-- ****** PROFILE VIEW SECTION DATA ******  -->
 
-    <v-dialog v-model="dialog1" max-width="800px">
+    <v-dialog v-model="dialog1" max-width="800px" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-style pa-2">
@@ -261,7 +261,7 @@
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
-    <v-dialog v-model="addInvoiceDialog" v-if="addInvoiceDialog">
+    <v-dialog v-model="addInvoiceDialog" v-if="addInvoiceDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-styles pa-2">
diff --git a/src/pages/Account/paymentHistory.vue b/src/pages/Account/paymentHistory.vue
index 143cee0..1f313e2 100644
--- a/src/pages/Account/paymentHistory.vue
+++ b/src/pages/Account/paymentHistory.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit  Payment History  ****** -->
-    <v-dialog v-model="editPaymentDialog" max-width="400px">
+    <v-dialog v-model="editPaymentDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Administrator/academicYear.vue b/src/pages/Administrator/academicYear.vue
index 0d68760..6a219db 100644
--- a/src/pages/Administrator/academicYear.vue
+++ b/src/pages/Administrator/academicYear.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT ACADEMIC YEAR ****** -->
-    <v-dialog v-model="editAcademinYearDialog" max-width="600px">
+    <v-dialog v-model="editAcademinYearDialog" max-width="600px" persistent >
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -124,7 +124,7 @@
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE ACADEMIC YEAR DEATILS ******  -->
-    <v-dialog v-model="viewAcademinYearDialog" max-width="500px">
+    <v-dialog v-model="viewAcademinYearDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -285,7 +285,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD ACADEMIC YEAR ****** -->
-    <v-dialog v-model="addAcademicYearDialog" max-width="600px" v-if="addAcademicYearDialog">
+    <v-dialog v-model="addAcademicYearDialog" max-width="600px" v-if="addAcademicYearDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Administrator/role.vue b/src/pages/Administrator/role.vue
index 79665b7..4bd12ed 100644
--- a/src/pages/Administrator/role.vue
+++ b/src/pages/Administrator/role.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  Role Distribution  ****** -->
-    <v-dialog v-model="editRoleDialog" max-width="400px">
+    <v-dialog v-model="editRoleDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -114,7 +114,7 @@
 
     <!-- ****** ADD ROLE ****** -->
 
-    <v-dialog v-model="addRoleDialog" max-width="400px">
+    <v-dialog v-model="addRoleDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Administrator/systemAdmin.vue b/src/pages/Administrator/systemAdmin.vue
index a455d7b..ae3f686 100644
--- a/src/pages/Administrator/systemAdmin.vue
+++ b/src/pages/Administrator/systemAdmin.vue
@@ -26,7 +26,7 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="1100px" scrollable>
+        <v-dialog v-model="dialog" max-width="1100px" scrollable persistent>
           <v-card flat>
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
@@ -348,7 +348,7 @@
 
         <!-- ****** PROFILE VIEW  System Admin DETAILS ******  -->
 
-        <v-dialog v-model="dialog1" max-width="600px" scrollable>
+        <v-dialog v-model="dialog1" max-width="600px" scrollable persistent>
           <v-card>
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
diff --git a/src/pages/Annoucement/annoucement.vue b/src/pages/Annoucement/annoucement.vue
index 776ced0..fd31827 100644
--- a/src/pages/Annoucement/annoucement.vue
+++ b/src/pages/Annoucement/annoucement.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS COURSES DETAILS ****** -->
-    <v-dialog v-model="editStudentDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editStudentDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -121,7 +121,7 @@
 
     <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
 
-    <v-dialog v-model="profileStudentDialog" max-width="600px" scrollable>
+    <v-dialog v-model="profileStudentDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -324,7 +324,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** Add Annoucement DETAILS******-->
-    <v-dialog v-model="addAnnoucementDialog" max-width="500" v-if="addAnnoucementDialog">
+    <v-dialog v-model="addAnnoucementDialog" max-width="500" v-if="addAnnoucementDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/AssignTeachers.vue b/src/pages/AssignTeachers.vue
new file mode 100644
index 0000000..c146774
--- /dev/null
+++ b/src/pages/AssignTeachers.vue
@@ -0,0 +1,419 @@
+<template>
+  <v-container fluid class="body-color">
+    <!-- LOADER -->
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
+
+    <!-- SNACKBAR -->
+    <v-snackbar
+      :timeout="timeout"
+      :top="y === 'top'"
+      :right="x === 'right'"
+      :vertical="mode === 'vertical'"
+      v-model="snackbar"
+      :color="snackbarColor"
+    >
+      {{ text }}
+      <v-spacer></v-spacer>
+      <v-btn flat text @click="snackbar = false">X</v-btn>
+    </v-snackbar>
+
+    <!-- DIALOG ENROLL TEACHER -->
+    <v-dialog v-model="dialogEnrollTeacher" max-width="600px" scrollable persistent>
+      <v-card flat class="card-style pa-3" dark>
+        <v-layout>
+          <v-flex xs12>
+            <label class="title text-xs-center">View Course</label>
+            <v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
+          </v-flex>
+        </v-layout>
+        <v-card-text>
+          <v-flex align-center justify-center layout text-xs-center class="mt-3">
+            <v-avatar size="100px">
+              <img src="/static/icon/user.png" v-if="!editedItem.courseImageUrl" />
+              <img :src="editedItem.courseImageUrl" v-else-if="editedItem.courseImageUrl" />
+            </v-avatar>
+          </v-flex>
+          <v-container grid-list-md>
+            <v-layout wrap>
+              <v-flex xs12>
+                <v-layout>
+                  <v-flex xs6 sm6>
+                    <h5 class="right my-1">
+                      <b>Course :</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs6>
+                    <h5 class="my-1 left">{{ editedItem.courseName }}</h5>
+                  </v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-container>
+        </v-card-text>
+      </v-card>
+    </v-dialog>
+
+    <v-toolbar color="transparent" flat>
+      <v-card-actions>
+        <v-layout row wrap>
+          <!-- SELECT CLASS -->
+          <v-flex xs12 sm6>
+            <v-select
+              :items="classesList"
+              label="Select Class"
+              v-model="classId"
+              item-text="classNum"
+              item-value="_id"
+              name="Select Class"
+              :rules="classRules"
+              required
+              @change="populateCourses(classId)"
+              class="ml-2"
+            ></v-select>
+          </v-flex>
+          <!-- SELECT COURSE -->
+          <v-flex xs12 sm6>
+            <v-select
+              :items="courseData"
+              label="Select Course"
+              v-model="courseId"
+              item-text="courseName"
+              item-value="_id"
+              required
+              class="ml-2"
+              @change="getTeachersList()"
+            ></v-select>
+          </v-flex>
+        </v-layout>
+      </v-card-actions>
+    </v-toolbar>
+
+    <!-- LIST OF TEACHERS -->
+    <v-data-table
+      :headers="headers"
+      :items="teachersList"
+      :pagination.sync="pagination"
+      :search="search"
+      select-all
+      v-model="selected"
+      item-key="_id"
+    >
+      <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="enrollTeacher(props.item)"
+              primary
+              hide-details
+            ></v-checkbox>
+          </td>
+
+          <td class="text-xs-center td td-row">{{ props.item.name}}</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="color"
+    >{{ 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";
+import countryList from "@/script/country.js";
+import parent from "@/script/parents.js";
+import AllApicalls from "@/Services/AllApiCalls.js";
+
+export default {
+  mixins: [AllApicalls],
+  data: () => ({
+    showNext: false,
+    snackbar: false,
+    y: "top",
+    x: "right",
+    role: "",
+    mode: "",
+    append: "",
+    timeout: 3000,
+    text: "",
+    show: true,
+    color: "",
+    showSearch: false,
+    showLoader: false,
+    loading: false,
+    editLoading: false,
+    date: null,
+    search: "",
+    menu: false,
+    menu1: false,
+    editStudentDialog: false,
+    profileStudentDialog: false,
+    addCourseDialog: false,
+    valid: true,
+
+    addSection: [],
+    pagination: {
+      rowsPerPage: 10,
+    },
+    imageData: {},
+    imageName: "",
+    imageUrl: "",
+    imageFile: "",
+    editImageName: "",
+    editImageUrl: "",
+    courseRules: [(v) => !!v || " Course Name is required"],
+    classRules: [(v) => !!v || " Class Name is required"],
+    sectionRules: [(v) => !!v || " Section Name is required"],
+    errorMessages: "",
+    /* LIST OF TEACHERS */
+    headers: [
+      {
+        text: "Teacher Name",
+        value: "name",
+        sortable: false,
+        align: "center",
+      },
+      {
+        text: "Email",
+        value: "email",
+        sortable: false,
+        align: "center",
+      },
+    ],
+    selected: [],
+    teachers: [],
+    // courseData: [],
+    editedIndex: -1,
+    addCourses: {},
+    selectStudents: {
+      select: "",
+      selectSection: "",
+    },
+    editedItem: {},
+    /* DIALOG ENROLL TEACHER */
+    dialogEnrollTeacher: false,
+    /* SELECT CLASS*/
+    classesList: [],
+    classId: "",
+    /* SELECT COURSE */
+    courseId: "",
+  }),
+
+  methods: {
+    async populateCourses() {
+      let response = await this.getCourseesList({ classId: this.classId });
+    },
+    enrollTeacher(selected) {
+      let selectedTeachersArray = [];
+      selectedTeachersArray.push({ teacherId: selected._id });
+
+      let isExists = false;
+      for (let item of this.selected) {
+        if (item._id === selected._id) {
+          isExists = true;
+          break;
+        }
+      }
+
+      if (selected.enroll === true) {
+        if (!isExists) this.selected.push(selected);
+        var payload = {
+          courseId: this.courseId,
+          teacherId: selectedTeachersArray,
+        };
+        http()
+          .put("/assignTeacherToCourse", payload)
+          .then((response) => {
+            this.snackbar = true;
+            this.text = response.data.message;
+            this.getParticularCourse("noSnackbar");
+          })
+          .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.courseId,
+          teacherId: 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;
+          });
+      }
+    },
+
+    toggleAll() {
+      let withdraw = false;
+      if (this.selected.length === this.studentsData.length) withdraw = true;
+
+      if (withdraw) {
+        var payload = {
+          courseId: this.courseId,
+          teacherId: [],
+        };
+        http()
+          .put("/assignTeacherToCourse", payload)
+          .then((response) => {
+            this.snackbar = true;
+            this.text = response.data.message;
+            this.selected = [];
+            for (let i = 0; i < this.studentsData.length; i++) {
+              this.studentsData[i].enroll = false;
+            }
+            this.getParticularCourse();
+          })
+          .catch((error) => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+          });
+      } else {
+        let selectedTeachersArray = [];
+        for (let item of this.studentsData) {
+          if (item.enroll === false || !item.enroll) {
+            selectedTeachersArray.push({ teacherId: item._id });
+          }
+        }
+
+        var payload = {
+          courseId: this.courseId,
+          teacherId: selectedTeachersArray,
+        };
+        http()
+          .put("/assignTeacherToCourse", payload)
+          .then((response) => {
+            this.snackbar = true;
+            this.text = response.data.message;
+            for (let i = 0; i < this.studentsData.length; i++) {
+              this.studentsData[i].enroll = true;
+            }
+            this.getParticularCourse();
+          })
+          .catch((error) => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+          });
+      }
+    },
+    // getCourses() {
+    //   this.showLoader = true;
+    //   http()
+    //     .get("/getCourseesList", {
+    //       params: {
+    //         classId: this.selectStudents.select,
+    //       },
+    //     })
+    //     .then((response) => {
+    //       this.courseData = response.data.data;
+    //       this.showLoader = false;
+    //     })
+    //     .catch((err) => {
+    //       console.log("err====>", err);
+    //       this.showLoader = false;
+    //     });
+    // },
+    // getSections(_id) {
+    //   var token = this.$store.state.token;
+    //   this.showLoader = true;
+    //   http()
+    //     .get(
+    //       "/getSectionsList",
+    //       { params: { classId: _id } },
+    //       {
+    //         headers: { Authorization: "Bearer " + token },
+    //       }
+    //     )
+    //     .then((response) => {
+    //       this.addSection = response.data.data;
+    //       this.showLoader = false;
+    //     })
+    //     .catch((err) => {
+    //       this.showLoader = false;
+    //     });
+    // },
+  },
+  mounted() {
+    var token = this.$store.state.token;
+    http()
+      .get("/getClassesList", {
+        headers: { Authorization: "Bearer " + token },
+      })
+      .then((response) => {
+        this.classesList = response.data.data;
+      })
+      .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);
+        }
+      });
+  },
+};
+</script>
+<style scoped>
+.active {
+  background-color: gray;
+  color: white !important;
+}
+.activebtn {
+  color: black !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/Attendence/studentAttendence.vue b/src/pages/Attendence/studentAttendence.vue
index 44d2ac8..7fd3432 100644
--- a/src/pages/Attendence/studentAttendence.vue
+++ b/src/pages/Attendence/studentAttendence.vue
@@ -122,7 +122,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** Add Students Attendece****** -->
-    <v-dialog v-model="addStudentAttendenceDialog" width="1600" v-if="addStudentAttendenceDialog">
+    <v-dialog v-model="addStudentAttendenceDialog" width="1600" v-if="addStudentAttendenceDialog" persistent>
       <v-card flat class="pa-2">
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Attendence/teacherAttendence.vue b/src/pages/Attendence/teacherAttendence.vue
index 1b9912f..7b8ebf5 100644
--- a/src/pages/Attendence/teacherAttendence.vue
+++ b/src/pages/Attendence/teacherAttendence.vue
@@ -85,7 +85,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** Add Teachers Attendece****** -->
-    <v-dialog v-model="addTeacherAttendenceDialog" width="1600" v-if="addTeacherAttendenceDialog">
+    <v-dialog v-model="addTeacherAttendenceDialog" width="1600" v-if="addTeacherAttendenceDialog" persistent>
       <v-card flat class="pa-2">
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Attendence/viewStudentsAttendence.vue b/src/pages/Attendence/viewStudentsAttendence.vue
index d396e97..e097cd8 100644
--- a/src/pages/Attendence/viewStudentsAttendence.vue
+++ b/src/pages/Attendence/viewStudentsAttendence.vue
@@ -6,7 +6,7 @@
           Export Pdf
           <v-icon dark right size="20">save_alt</v-icon>
         </v-btn>
-        <v-dialog v-model="dialogExport" max-width="500px">
+        <v-dialog v-model="dialogExport" max-width="500px" persistent>
           <v-btn round slot="activator" class="right open-dialog-button" dark>
             Export csv
             <v-icon dark right size="20">save_alt</v-icon>
diff --git a/src/pages/Attendence/viewTeacherAttendence.vue b/src/pages/Attendence/viewTeacherAttendence.vue
index e127440..8ac3dd9 100644
--- a/src/pages/Attendence/viewTeacherAttendence.vue
+++ b/src/pages/Attendence/viewTeacherAttendence.vue
@@ -6,7 +6,7 @@
           Export Pdf
           <v-icon dark right size="20">save_alt</v-icon>
         </v-btn>
-        <v-dialog v-model="dialogExport" max-width="500px">
+        <v-dialog v-model="dialogExport" max-width="500px" persistent>
           <v-btn round slot="activator" class="right open-dialog-button" dark>
             Export csv
             <v-icon dark right size="20">save_alt</v-icon>
diff --git a/src/pages/Class/addclass.vue b/src/pages/Class/addclass.vue
index 7d02121..0255ffb 100644
--- a/src/pages/Class/addclass.vue
+++ b/src/pages/Class/addclass.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  ClASS  ****** -->
-    <v-dialog v-model="editClassDialog" max-width="400px">
+    <v-dialog v-model="editClassDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -27,7 +27,7 @@
     </v-dialog>
 
     <!-- ****** PROFILE VIEW STUDENTS ******  -->
-    <v-dialog v-model="profileClassDialog" max-width="400px">
+    <v-dialog v-model="profileClassDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -147,7 +147,7 @@
     </v-data-table>
 
     <!-- DIALOG BOX - ADD Class  -->
-    <v-dialog v-model="addClassDialog" max-width="400px" v-if="addClassDialog">
+    <v-dialog v-model="addClassDialog" max-width="400px" v-if="addClassDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Course/course.vue b/src/pages/Course/course.vue
index 43e5fe3..0ad2233 100644
--- a/src/pages/Course/course.vue
+++ b/src/pages/Course/course.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS COURSES DETAILS ****** -->
-    <v-dialog v-model="editStudentDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editStudentDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -101,7 +101,7 @@
 
     <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
 
-    <v-dialog v-model="profileStudentDialog" max-width="600px" scrollable>
+    <v-dialog v-model="profileStudentDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -287,7 +287,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** Add CourseS DETAILS****** -->
-    <v-dialog v-model="addCourseDialog" max-width="500" v-if="addCourseDialog">
+    <v-dialog v-model="addCourseDialog" max-width="500" v-if="addCourseDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Course/courseDetail.vue b/src/pages/Course/courseDetail.vue
index 364a49b..c8fe63e 100644
--- a/src/pages/Course/courseDetail.vue
+++ b/src/pages/Course/courseDetail.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit Chapter detail  ****** -->
-    <v-dialog v-model="editCourseDetailDialog" max-width="1000px" scrollable>
+    <v-dialog v-model="editCourseDetailDialog" max-width="1000px" scrollable persistent>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -68,7 +68,7 @@
       </v-card>
     </v-dialog>
     <!-- DIALOG BOX -  EDIT CHAPTER-->
-    <v-dialog v-model="editChapterDetailDialog" max-width="1000px" scrollable>
+    <v-dialog v-model="editChapterDetailDialog" max-width="1000px" scrollable persistent>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -221,7 +221,7 @@
       </v-card>
     </v-dialog>
     <!-- ADD NEW CHAPTER-->
-    <v-dialog v-model="addChapterDialog" max-width="1000px" scrollable>
+    <v-dialog v-model="addChapterDialog" max-width="1000px" scrollable persistent>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -347,7 +347,7 @@
 
     <!-- ****** PROFILE Gallery ******  -->
 
-    <v-dialog v-model="viewProfileGallery" max-width="1000" scrollable>
+    <v-dialog v-model="viewProfileGallery" max-width="1000" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Course/courseDiscussion.vue b/src/pages/Course/courseDiscussion.vue
index 304b9bd..b756043 100644
--- a/src/pages/Course/courseDiscussion.vue
+++ b/src/pages/Course/courseDiscussion.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid class="body-color">
-    <v-dialog v-model="editDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Dashboard/LiveOnlineClass.vue b/src/pages/Dashboard/LiveOnlineClass.vue
index c63bdae..a7703bf 100644
--- a/src/pages/Dashboard/LiveOnlineClass.vue
+++ b/src/pages/Dashboard/LiveOnlineClass.vue
@@ -236,6 +236,7 @@ export default {
         });
         _this.api.on("readyToClose", () => {
           this.$router.push({ name: "Refresh" });
+          this.showLoader = false;
         });
       } catch (error) {
         console.error("Failed to load Jitsi API", error);
diff --git a/src/pages/Dashboard/dashboard.vue b/src/pages/Dashboard/dashboard.vue
index 54472a1..97e1cc2 100644
--- a/src/pages/Dashboard/dashboard.vue
+++ b/src/pages/Dashboard/dashboard.vue
@@ -69,7 +69,7 @@
     </v-snackbar>
 
     <!-- DIALOG BOX EVENT DETAILS -->
-    <v-dialog v-model="viewEventDetails" max-width="500">
+    <v-dialog v-model="viewEventDetails" max-width="500" persistent>
       <v-card flat class="card-style pa-2" dark>
         <!-- TITLE -->
         <v-layout>
@@ -614,7 +614,7 @@
       </v-flex>
     </v-layout>
 
-    <v-dialog v-model="dialog" max-width="500">
+    <v-dialog v-model="dialog" max-width="500" persistent>
       <v-card color="grey lighten-4" flat>
         <v-toolbar dark color="fixcolors">
           <v-spacer></v-spacer>
diff --git a/src/pages/Event/event.vue b/src/pages/Event/event.vue
index a3b1678..0546786 100644
--- a/src/pages/Event/event.vue
+++ b/src/pages/Event/event.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  EVENT  ****** -->
-    <v-dialog v-model="editEventdialog" max-width="500px">
+    <v-dialog v-model="editEventdialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -89,7 +89,7 @@
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE VIEW EVENT  ******  -->
-    <v-dialog v-model="viewEventdialog" max-width="500px">
+    <v-dialog v-model="viewEventdialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -230,7 +230,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD MULTIPLE EVENT ****** -->
-    <v-dialog v-model="addEventDialog" max-width="500px" v-if="addEventDialog">
+    <v-dialog v-model="addEventDialog" max-width="500px" v-if="addEventDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Exam/exam.vue b/src/pages/Exam/exam.vue
index feb4c25..677765f 100644
--- a/src/pages/Exam/exam.vue
+++ b/src/pages/Exam/exam.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT EXAM ****** -->
-    <v-dialog v-model="editExamDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editExamDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -88,7 +88,7 @@
 
     <!-- ****** PROFILE VIEW PARTICULAR EXAM  ******  -->
 
-    <v-dialog v-model="profileExamDialog" max-width="500px">
+    <v-dialog v-model="profileExamDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -234,7 +234,7 @@
     </v-data-table>
 
     <!-- ****** ADD EXAM ****** -->
-    <v-dialog v-model="addExamDialog" max-width="500px" v-if="addExamDialog">
+    <v-dialog v-model="addExamDialog" max-width="500px" v-if="addExamDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Exam/examAttendence.vue b/src/pages/Exam/examAttendence.vue
index d042443..6dc07ec 100644
--- a/src/pages/Exam/examAttendence.vue
+++ b/src/pages/Exam/examAttendence.vue
@@ -133,7 +133,7 @@
     </v-data-table>
 
     <!-- ****** ADD  Student Attendence ****** -->
-    <v-dialog v-model="changeStudentAttendenceDialog" max-width="500px">
+    <v-dialog v-model="changeStudentAttendenceDialog" max-width="500px" persistent>
       <v-card flat>
         <v-layout class="pa-3 card-style white--text">
           <v-flex xs12>
@@ -174,7 +174,7 @@
     </v-dialog>
 
     <!-- ****** ADD  Exam Attendence ****** -->
-    <v-dialog v-model="addExamAttendenceDialog" max-width="800px" v-if="addExamAttendenceDialog">
+    <v-dialog v-model="addExamAttendenceDialog" max-width="800px" v-if="addExamAttendenceDialog" persistent>
       <v-card flat>
         <v-layout class="pa-3 card-style white--text">
           <v-flex xs12>
diff --git a/src/pages/Exam/examSchedule.vue b/src/pages/Exam/examSchedule.vue
index 734cee8..4384244 100644
--- a/src/pages/Exam/examSchedule.vue
+++ b/src/pages/Exam/examSchedule.vue
@@ -1,7 +1,7 @@
     <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit Exam Schedule****** -->
-    <v-dialog v-model="editExamScheduleDialog" max-width="800px" scrollable>
+    <v-dialog v-model="editExamScheduleDialog" max-width="800px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -196,7 +196,7 @@
 
     <!-- ****** PROFILE VIEW Exam Schedule  DATA ******  -->
 
-    <v-dialog v-model="profileExamScheduleDialog" max-width="600px">
+    <v-dialog v-model="profileExamScheduleDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -418,7 +418,7 @@
     </v-data-table>
 
     <!-- ****** ADD  Exam Schedule ****** -->
-    <v-dialog v-model="addExamScheduleDialog" max-width="600" v-if="addExamScheduleDialog">
+    <v-dialog v-model="addExamScheduleDialog" max-width="600" v-if="addExamScheduleDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Exam/grade.vue b/src/pages/Exam/grade.vue
index ab39cc3..cc6266f 100644
--- a/src/pages/Exam/grade.vue
+++ b/src/pages/Exam/grade.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT GRADE  ****** -->
-    <v-dialog v-model="editGradeDialog" max-width="500px">
+    <v-dialog v-model="editGradeDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -102,7 +102,7 @@
 
     <!-- ****** PROFILE VIEW PARTICULAR GRDAE DATA ******  -->
 
-    <v-dialog v-model="viewGradeDialog" max-width="500px">
+    <v-dialog v-model="viewGradeDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -269,7 +269,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD GRADE ****** -->
-    <v-dialog v-model="addGradeDialog" max-width="500px" v-if="addGradeDialog">
+    <v-dialog v-model="addGradeDialog" max-width="500px" v-if="addGradeDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Gallery/gallery.vue b/src/pages/Gallery/gallery.vue
index f6d3a7a..3f954ff 100644
--- a/src/pages/Gallery/gallery.vue
+++ b/src/pages/Gallery/gallery.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  Gallery  ****** -->
-    <v-dialog v-model="editGalleryDialog" max-width="1000px" scrollable>
+    <v-dialog v-model="editGalleryDialog" max-width="1000px" scrollable persistent>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -194,7 +194,7 @@
 
     <!-- ****** PROFILE Gallery ******  -->
 
-    <v-dialog v-model="viewProfileGallery" max-width="1000" scrollable>
+    <v-dialog v-model="viewProfileGallery" max-width="1000" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -358,7 +358,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD Gallery  ****** -->
-    <v-dialog v-model="addGalleryDialog" max-width="600px" v-if="addGalleryDialog">
+    <v-dialog v-model="addGalleryDialog" max-width="600px" v-if="addGalleryDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Holiday/holiday.vue b/src/pages/Holiday/holiday.vue
index 0bc41f4..879cea1 100644
--- a/src/pages/Holiday/holiday.vue
+++ b/src/pages/Holiday/holiday.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT HOLIDAY  ****** -->
-    <v-dialog v-model="editHolidayDialog" max-width="500px">
+    <v-dialog v-model="editHolidayDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -79,7 +79,7 @@
 
     <!-- ****** PROFILE VIEW Holiday DEATILS ******  -->
 
-    <v-dialog v-model="viewHolidayDialog" max-width="500px">
+    <v-dialog v-model="viewHolidayDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -212,7 +212,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD MULTIPLE Holiday ****** -->
-    <v-dialog v-model="addHolidayDialog" max-width="400px" v-if="addHolidayDialog">
+    <v-dialog v-model="addHolidayDialog" max-width="400px" v-if="addHolidayDialog" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Library/books.vue b/src/pages/Library/books.vue
index ba0fbbd..62e9a44 100644
--- a/src/pages/Library/books.vue
+++ b/src/pages/Library/books.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit  Member  ****** -->
-    <v-dialog v-model="editBookDialog" max-width="500px">
+    <v-dialog v-model="editBookDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -87,7 +87,7 @@
 
     <!-- ****** PROFILE VIEW BOOKS DATA ******  -->
 
-    <v-dialog v-model="viewBookDialog" max-width="500px">
+    <v-dialog v-model="viewBookDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -272,7 +272,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD BOOK ****** -->
-    <v-dialog v-model="addBookDialog" max-width="600px" v-if="addBookDialog">
+    <v-dialog v-model="addBookDialog" max-width="600px" v-if="addBookDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Library/eBook.vue b/src/pages/Library/eBook.vue
index b724f88..dc215f3 100644
--- a/src/pages/Library/eBook.vue
+++ b/src/pages/Library/eBook.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS EBOOK DETAILS ****** -->
-    <v-dialog v-model="editEbookDialog" max-width="600px">
+    <v-dialog v-model="editEbookDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -137,7 +137,7 @@
 
     <!-- ****** PROFILE VIEW ALL NEWS DEATILS ******  -->
 
-    <v-dialog v-model="viewEbookDialog" max-width="600px" scrollable>
+    <v-dialog v-model="viewEbookDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -297,7 +297,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD MULTIPLE E-BOOK ****** -->
-    <v-dialog v-model="addEBookDialog" max-width="600px" v-if="addEBookDialog">
+    <v-dialog v-model="addEBookDialog" max-width="600px" v-if="addEBookDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Library/issue.vue b/src/pages/Library/issue.vue
index 6251993..5f155a8 100644
--- a/src/pages/Library/issue.vue
+++ b/src/pages/Library/issue.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT ISSUE  ****** -->
-    <v-dialog v-model="editIssueDialog" max-width="600px" scrollable>
+    <v-dialog v-model="editIssueDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -149,7 +149,7 @@
 
     <!-- ****** PROFILE VIEW PARTICULAR ISSUE DATA ******  -->
 
-    <v-dialog v-model="viewIssueDialog" max-width="500px">
+    <v-dialog v-model="viewIssueDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -380,7 +380,7 @@
     </v-data-table>
 
     <!-- ****** ADD Issue ****** -->
-    <v-dialog v-model="addIssueDialog" max-width="600px" v-if="addIssueDialog">
+    <v-dialog v-model="addIssueDialog" max-width="600px" v-if="addIssueDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Library/member.vue b/src/pages/Library/member.vue
index 74e2f1d..581b90e 100644
--- a/src/pages/Library/member.vue
+++ b/src/pages/Library/member.vue
@@ -11,7 +11,7 @@
 
     <!-- ****** PROFILE VIEW STUDENTS LIBRARY MEMBER DEATILS ******  -->
 
-    <v-dialog v-model="dialogStudents" max-width="1100px" scrollable>
+    <v-dialog v-model="dialogStudents" max-width="1100px" scrollable persistent>
       <v-card>
         <v-toolbar dark class="card-styles" flat>
           <v-spacer></v-spacer>
@@ -334,7 +334,7 @@
 
     <!-- Edit Student Library Member Dialog -->
 
-    <v-dialog v-model="editStudentdialog" max-width="600px" scrollable>
+    <v-dialog v-model="editStudentdialog" max-width="600px" scrollable persistent>
       <v-card flat>
         <v-toolbar dark class="card-styles" flat>
           <v-spacer></v-spacer>
@@ -420,7 +420,7 @@
     </v-dialog>
     <!-- Add Student Library Member Dialog -->
 
-    <v-dialog v-model="addLibrary" max-width="600px" v-if="addLibrary">
+    <v-dialog v-model="addLibrary" max-width="600px" v-if="addLibrary" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Mark/mark.vue b/src/pages/Mark/mark.vue
index 40d0abc..78a550f 100644
--- a/src/pages/Mark/mark.vue
+++ b/src/pages/Mark/mark.vue
@@ -167,7 +167,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD  Mark Schedule ****** -->
-    <v-dialog v-model="addMarkDialog" max-width v-if="addMarkDialog">
+    <v-dialog v-model="addMarkDialog" max-width v-if="addMarkDialog" persistent>
       <v-card flat class>
         <v-layout class="pa-3 card-style white--text">
           <v-flex xs12>
diff --git a/src/pages/Mark/markDistribution.vue b/src/pages/Mark/markDistribution.vue
index 2b28a3f..8fed1c3 100644
--- a/src/pages/Mark/markDistribution.vue
+++ b/src/pages/Mark/markDistribution.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  Mark Distribution ****** -->
-    <v-dialog v-model="editMarkDistributionDialog" max-width="500px">
+    <v-dialog v-model="editMarkDistributionDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -116,7 +116,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD MULTIPLE REMINDER ****** -->
-    <v-dialog v-model="addMarkDistributionDialog" max-width="500px">
+    <v-dialog v-model="addMarkDistributionDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/News/news.vue b/src/pages/News/news.vue
index 4870c4f..64f2b4a 100644
--- a/src/pages/News/news.vue
+++ b/src/pages/News/news.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT NEWS  ****** -->
-    <v-dialog v-model="editNewsDialog" max-width="600px">
+    <v-dialog v-model="editNewsDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -127,7 +127,7 @@
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE  NEWS  ******  -->
-    <v-dialog v-model="dialog1" max-width="500px">
+    <v-dialog v-model="dialog1" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -283,7 +283,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD  NEWS ****** -->
-    <v-dialog v-model="addNewsDialog" max-width="600px" v-if="addNewsDialog">
+    <v-dialog v-model="addNewsDialog" max-width="600px" v-if="addNewsDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/NoticeBoard/noticeBoard.vue b/src/pages/NoticeBoard/noticeBoard.vue
index efd0b3a..cb72ff2 100644
--- a/src/pages/NoticeBoard/noticeBoard.vue
+++ b/src/pages/NoticeBoard/noticeBoard.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit  Notice Board ****** -->
-    <v-dialog v-model="editNoticeBoardDialog" max-width="500px" scrollable>
+    <v-dialog v-model="editNoticeBoardDialog" max-width="500px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -107,7 +107,7 @@
 
     <!-- ****** VIEW PROFIL NOTICE BOARD ******  -->
 
-    <v-dialog v-model="viewNoticeBoardDialog" max-width="600px" scrollable>
+    <v-dialog v-model="viewNoticeBoardDialog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -263,7 +263,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD  Notice Board ****** -->
-    <v-dialog v-model="addNoticeBoardDialog" max-width="600px" v-if="addNoticeBoardDialog">
+    <v-dialog v-model="addNoticeBoardDialog" max-width="600px" v-if="addNoticeBoardDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Notification/notification.vue b/src/pages/Notification/notification.vue
index 25f86e5..4cd4b16 100644
--- a/src/pages/Notification/notification.vue
+++ b/src/pages/Notification/notification.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  NOTIFICATION DETAILS ****** -->
-    <v-dialog v-model="editNotificationDialog" max-width="500px">
+    <v-dialog v-model="editNotificationDialog" max-width="500px" persistent>
       <v-flex xs12 sm12>
         <v-card flat class="card-style pa-3" dark>
           <v-layout>
@@ -54,7 +54,7 @@
 
     <!-- ****** PROFILE VIEW NOTIFICATION DEATILS ******  -->
 
-    <v-dialog v-model="profileNotificationDialog" max-width="400px">
+    <v-dialog v-model="profileNotificationDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -188,7 +188,7 @@
     </v-data-table>
 
     <!-- ****** ADD MULTIPLE NOTIFICATION ****** -->
-    <v-dialog v-model="addNotificationDialog" max-width="480px" v-if="addNotificationDialog">
+    <v-dialog v-model="addNotificationDialog" max-width="480px" v-if="addNotificationDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Parent/parents.vue b/src/pages/Parent/parents.vue
index 5b74f48..d349b3b 100644
--- a/src/pages/Parent/parents.vue
+++ b/src/pages/Parent/parents.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid class="body-color">
-    <v-dialog v-model="editParentDilaog" max-width="600px" scrollable>
+    <v-dialog v-model="editParentDilaog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -269,7 +269,7 @@
     </v-dialog>
 
     <!-- ****** RESET Parents MPIN ******  -->
-    <v-dialog v-model="resetParentMpin" max-width="500px" scrollable>
+    <v-dialog v-model="resetParentMpin" max-width="500px" scrollable persistent>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -312,7 +312,7 @@
 
     <!-- ****** PROFILE VIEW Parents DEATILS ******  -->
 
-    <v-dialog v-model="profileParentDialog" max-width="500px" scrollable>
+    <v-dialog v-model="profileParentDialog" max-width="500px" scrollable persistent>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -564,7 +564,7 @@
     </v-data-table>
 
     <!-- ******DIALOG BOX -  ADD PARENTS DETAILS****** -->
-    <v-dialog v-model="addParentDialog" max-width="1100px" v-if="addParentDialog">
+    <v-dialog v-model="addParentDialog" max-width="1100px" v-if="addParentDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Payroll/hourlyTemplate.vue b/src/pages/Payroll/hourlyTemplate.vue
index 782f9a9..b36f92e 100644
--- a/src/pages/Payroll/hourlyTemplate.vue
+++ b/src/pages/Payroll/hourlyTemplate.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit  Hourly Template  ****** -->
-    <v-dialog v-model="editHourDialog" max-width="400px">
+    <v-dialog v-model="editHourDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -139,7 +139,7 @@
     </v-data-table>
 
     <!-- **** Add Hourly Template **** -->
-    <v-dialog v-model="addHourDialog" max-width="400px" v-if="addHourDialog">
+    <v-dialog v-model="addHourDialog" max-width="400px" v-if="addHourDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Payroll/manageSalary.vue b/src/pages/Payroll/manageSalary.vue
index 4e6788d..efc4797 100644
--- a/src/pages/Payroll/manageSalary.vue
+++ b/src/pages/Payroll/manageSalary.vue
@@ -87,7 +87,7 @@
 
     <!-- ****** PROFILE VIEW  ******  -->
 
-    <v-dialog v-model="profileSalaryDialog">
+    <v-dialog v-model="profileSalaryDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-style pa-2">
@@ -430,7 +430,7 @@
     </v-dialog>
 
     <!-- ****** Edit  Hourly Template  ****** -->
-    <v-dialog v-model="editSalaryDialog" max-width="400px">
+    <v-dialog v-model="editSalaryDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Payroll/salaryTemplate.vue b/src/pages/Payroll/salaryTemplate.vue
index 2457bfd..9f92e30 100644
--- a/src/pages/Payroll/salaryTemplate.vue
+++ b/src/pages/Payroll/salaryTemplate.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color" style="box-sizing: border-box;">
     <!-- ****** EDIT SALARY ****** -->
-    <v-dialog v-model="editSalaryDialog">
+    <v-dialog v-model="editSalaryDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-style pa-2">
@@ -236,7 +236,7 @@
 
     <!-- ****** PROFILE VIEW  ******  -->
 
-    <v-dialog v-model="profileSalaryDialog">
+    <v-dialog v-model="profileSalaryDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-style pa-2">
@@ -531,7 +531,7 @@
     </v-data-table>
 
     <!-- ****** ADD SALARY ****** -->
-    <v-dialog v-model="addSalaryDialog" v-if="addSalaryDialog">
+    <v-dialog v-model="addSalaryDialog" v-if="addSalaryDialog" persistent>
       <v-card flat class="text-xs-center white--text">
         <v-layout>
           <v-flex xs12 class="card-style pa-2">
diff --git a/src/pages/Reminder/reminder.vue b/src/pages/Reminder/reminder.vue
index be794d4..ca905ea 100644
--- a/src/pages/Reminder/reminder.vue
+++ b/src/pages/Reminder/reminder.vue
@@ -72,7 +72,7 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="600px">
+        <v-dialog v-model="dialog" max-width="600px" persistent>
           <v-flex xs12 sm12 class="">
             <v-toolbar color="white">
               <v-spacer></v-spacer>
@@ -150,7 +150,7 @@
         </v-dialog>
 
         <!-- ****** PROFILE VIEW REMINDER DEATILS ******  -->
-        <v-dialog v-model="dialog1" max-width="600px">
+        <v-dialog v-model="dialog1" max-width="600px" persistent>
           <v-toolbar color="white">
             <v-spacer></v-spacer>
             <v-toolbar-title>Profile</v-toolbar-title>
diff --git a/src/pages/School/appVersion.vue b/src/pages/School/appVersion.vue
index c687225..fc9fa31 100644
--- a/src/pages/School/appVersion.vue
+++ b/src/pages/School/appVersion.vue
@@ -26,7 +26,7 @@
     </v-data-table>
 
     <!-- EDIT VERSION DILAOG -->
-    <v-dialog v-model="editVerionDilaog" max-width="600px" scrollable>
+    <v-dialog v-model="editVerionDilaog" max-width="600px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/School/school.vue b/src/pages/School/school.vue
index 02b37a1..cdcc3bb 100644
--- a/src/pages/School/school.vue
+++ b/src/pages/School/school.vue
@@ -28,7 +28,7 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="1500px" scrollable>
+        <v-dialog v-model="dialog" max-width="1500px" scrollable persistent>
           <v-card flat>
             <v-toolbar dark class="card-styles" flat>
               <v-spacer></v-spacer>
diff --git a/src/pages/School/viewSchoolDashboard.vue b/src/pages/School/viewSchoolDashboard.vue
index 1ecf18d..18dfc79 100644
--- a/src/pages/School/viewSchoolDashboard.vue
+++ b/src/pages/School/viewSchoolDashboard.vue
@@ -244,7 +244,7 @@
         </v-layout>
       </v-flex>
     </v-layout>
-    <v-dialog v-model="dialog" max-width="500">
+    <v-dialog v-model="dialog" max-width="500" persistent>
       <v-card color="grey lighten-4" flat>
         <v-toolbar dark color="fixcolors">
           <v-spacer></v-spacer>
diff --git a/src/pages/Section/section.vue b/src/pages/Section/section.vue
index e47ab96..709c4b7 100644
--- a/src/pages/Section/section.vue
+++ b/src/pages/Section/section.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid class="body-color">
-    <v-dialog v-model="editSectionDialog" max-width="460px">
+    <v-dialog v-model="editSectionDialog" max-width="460px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -73,7 +73,7 @@
 
     <!-- ****** PROFILE VIEW SECTION DATA ******  -->
 
-    <v-dialog v-model="viewSectionDialog" max-width="500px">
+    <v-dialog v-model="viewSectionDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -236,7 +236,7 @@
     <!-- </v-tab-item> -->
 
     <!-- DIALOG BOX - ADD Students Dialog box -->
-    <v-dialog v-model="addSectionDialog" max-width="400px" v-if="addSectionDialog">
+    <v-dialog v-model="addSectionDialog" max-width="400px" v-if="addSectionDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index 28f60e2..ba716b5 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  STUDENTS DETAILS ****** -->
-    <v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>
+    <v-dialog v-model="editStudentDialog" max-width="1700px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -448,7 +448,7 @@
 
     <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
 
-    <v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>
+    <v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -1016,7 +1016,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- DIALOG -- ADD STUDENTS DETAILS -->
-    <v-dialog v-model="addStudentDialog" max-width="1280" v-if="addStudentDialog">
+    <v-dialog v-model="addStudentDialog" max-width="1280" v-if="addStudentDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Subjects/subjects.vue b/src/pages/Subjects/subjects.vue
index efc81db..db40292 100644
--- a/src/pages/Subjects/subjects.vue
+++ b/src/pages/Subjects/subjects.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT  Subject ****** -->
-    <v-dialog v-model="editSubjectDialog" max-width="600px">
+    <v-dialog v-model="editSubjectDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -143,7 +143,7 @@
 
     <!-- ****** VIEW PROFIL NOTICE BOARD ******  -->
 
-    <v-dialog v-model="viewSubjectDialog" max-width="500px">
+    <v-dialog v-model="viewSubjectDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -359,7 +359,7 @@
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
-    <v-dialog v-model="addSubjectDialog" max-width="600px">
+    <v-dialog v-model="addSubjectDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/Teachers/teachers.vue b/src/pages/Teachers/teachers.vue
index 4803369..7b7acab 100644
--- a/src/pages/Teachers/teachers.vue
+++ b/src/pages/Teachers/teachers.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT TEACHERS DETAILS ****** -->
-    <v-dialog v-model="editTeacherDialog" max-width="1160px" scrollable>
+    <v-dialog v-model="editTeacherDialog" max-width="1160px" scrollable persistent>
       <v-card flat class="card-style" dark>
         <v-card-text>
           <v-layout>
@@ -322,7 +322,7 @@
 
     <!-- ****** PROFILE VIEW TEACHERS DETAILS ******  -->
 
-    <v-dialog v-model="viewTeacherProfileDialog" max-width="500px" scrollable>
+    <v-dialog v-model="viewTeacherProfileDialog" max-width="500px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -569,7 +569,7 @@
     </v-data-table>
 
     <!-- ****** DIALOG BOX - Add Teachers Data****** -->
-    <v-dialog v-model="addTeacherDialog" max-width="1160" v-if="addTeacherDialog">
+    <v-dialog v-model="addTeacherDialog" max-width="1160" v-if="addTeacherDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12 class="pa-0">
diff --git a/src/pages/TimeTable/timeTable.vue b/src/pages/TimeTable/timeTable.vue
index 978029d..cc3b577 100644
--- a/src/pages/TimeTable/timeTable.vue
+++ b/src/pages/TimeTable/timeTable.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT TIME-TABLE****** -->
-    <v-dialog v-model="dialog" max-width="600px">
+    <v-dialog v-model="dialog" max-width="600px" persistent>
       <v-flex xs12 sm12>
         <v-card flat class="card-style pa-2" dark>
           <v-layout>
@@ -83,7 +83,7 @@
 
     <!-- ****** ADD Dialog Schedule IN TIME-TABLE ******  -->
 
-    <v-dialog v-model="dialogSchedule" max-width="600px">
+    <v-dialog v-model="dialogSchedule" max-width="600px" persistent>
       <v-flex xs12 sm12>
         <v-card flat class="card-style pa-2" dark>
           <v-layout>
@@ -278,7 +278,7 @@
 
     <!-- ****** EDIT PARTICULAR LECTURES TIME-TABLE ******  -->
 
-    <v-dialog v-model="dialogUpdateLectures" max-width="600px">
+    <v-dialog v-model="dialogUpdateLectures" max-width="600px" persistent>
       <v-flex xs12 sm12 class>
         <v-card flat class="card-style pa-2" dark>
           <v-layout>
@@ -679,7 +679,7 @@
     </v-flex>
 
     <!-- ****** ADD  TIME-TABLE ****** -->
-    <v-dialog v-model="addTimeTableDialog" max-width="600px" v-if="addTimeTableDialog">
+    <v-dialog v-model="addTimeTableDialog" max-width="600px" v-if="addTimeTableDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/User/user.vue b/src/pages/User/user.vue
index 84e05fa..ebbe5b8 100644
--- a/src/pages/User/user.vue
+++ b/src/pages/User/user.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT USERS DETAILS ****** -->
-    <v-dialog v-model="editUserDialog" max-width="1100px" scrollable>
+    <v-dialog v-model="editUserDialog" max-width="1100px" scrollable persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -257,7 +257,7 @@
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE User DETAILS ******  -->
-    <v-dialog v-model="viewUserDialog" max-width="560px" scrollable>
+    <v-dialog v-model="viewUserDialog" max-width="560px" scrollable persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -481,7 +481,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- DIALOG BOX - Add User Data -->
-    <v-dialog v-model="addUserDialog" max-width="900px" v-if="addUserDialog">
+    <v-dialog v-model="addUserDialog" max-width="900px" v-if="addUserDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/meetingEvent/meetingEvent.vue b/src/pages/meetingEvent/meetingEvent.vue
index c3ef19b..f15e3af 100644
--- a/src/pages/meetingEvent/meetingEvent.vue
+++ b/src/pages/meetingEvent/meetingEvent.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  EVENT  ****** -->
-    <v-dialog v-model="editEventdialog" max-width="500px">
+    <v-dialog v-model="editEventdialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -113,7 +113,7 @@
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE VIEW EVENT  ******  -->
-    <v-dialog v-model="viewEventdialog" max-width="500px">
+    <v-dialog v-model="viewEventdialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -297,7 +297,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD MULTIPLE EVENT ****** -->
-    <v-dialog v-model="meetEventDialog" max-width="500px" persistent v-if="meetEventDialog">
+    <v-dialog v-model="meetEventDialog" max-width="500px" persistent v-if="meetEventDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/pages/socialMedia/socialMedia.vue b/src/pages/socialMedia/socialMedia.vue
index b0036a4..82d08c5 100644
--- a/src/pages/socialMedia/socialMedia.vue
+++ b/src/pages/socialMedia/socialMedia.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDIT Social Media ****** -->
-    <v-dialog v-model="editSocialMediaDialog" max-width="400px">
+    <v-dialog v-model="editSocialMediaDialog" max-width="400px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
@@ -53,7 +53,7 @@
 
     <!-- ****** PROFILE VIEW Social ******  -->
 
-    <v-dialog v-model="profileSocialMediaDialog" max-width="500px">
+    <v-dialog v-model="profileSocialMediaDialog" max-width="500px" persistent>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
@@ -182,7 +182,7 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD MULTIPLE REMINDER ****** -->
-    <v-dialog v-model="addSocialMediaDialog" max-width="400px" v-if="addSocialMediaDialog">
+    <v-dialog v-model="addSocialMediaDialog" max-width="400px" v-if="addSocialMediaDialog" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
diff --git a/src/router/paths.js b/src/router/paths.js
index 6cc0138..955dabe 100644
--- a/src/router/paths.js
+++ b/src/router/paths.js
@@ -88,6 +88,19 @@ export default [{
 		)
 },
 {
+	path: '/AssignTeachers',
+	meta: {
+		breadcrumb: false
+	},
+	name: 'AssignTeachers',
+	component: () =>
+		import(
+			/* webpackChunkName: "routes" */
+			/* webpackMode: "lazy-once" */
+			`@/pages/AssignTeachers.vue`
+		)
+},
+{
 	path: '/',
 	meta: {
 		public: true,
-- 
2.0.0