From 36fc987dfdd054276740ef3815b11d9d242ed144 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Fri, 29 Mar 2019 17:56:09 +0530
Subject: [PATCH] add loader in all pages

---
 src/pages/Event/event.vue       |  9 ++++++++-
 src/pages/Reminder/reminder.vue | 28 ++++++++--------------------
 src/pages/Students/students.vue |  7 +++++++
 src/pages/Teachers/teachers.vue |  7 +++++++
 4 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/src/pages/Event/event.vue b/src/pages/Event/event.vue
index 14aef23..d2d76cb 100644
--- a/src/pages/Event/event.vue
+++ b/src/pages/Event/event.vue
@@ -338,6 +338,9 @@
         </v-container>
       </v-tab-item>
     </v-tabs>
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
   </v-app>
 </template>
 
@@ -353,6 +356,7 @@ export default {
     mode: "",
     timeout: 3000,
     text: "",
+    showLoader:false,
     loading: false,
     date: null,
     search: "",
@@ -457,6 +461,7 @@ export default {
       }
     },
     getEventList() {
+      this.showLoader = true;
       var token = this.$store.state.token;
       http()
         .get("/getEventsList", {
@@ -464,11 +469,13 @@ export default {
         })
         .then(response => {
           this.desserts = response.data.data;
+          this.showLoader = false;
           // console.log("getEventList=====>",this.desserts)
         })
         .catch(err => {
+          this.showLoader = false;
           // console.log("err====>", err);
-          // this.$router.replace({ path: "/" });
+          this.$router.replace({ path: "/" });
         });
     },
     editItem(item) {
diff --git a/src/pages/Reminder/reminder.vue b/src/pages/Reminder/reminder.vue
index d7e14ea..c600e63 100644
--- a/src/pages/Reminder/reminder.vue
+++ b/src/pages/Reminder/reminder.vue
@@ -332,6 +332,9 @@
         </v-container>
       </v-tab-item>
     </v-tabs>
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
   </v-app>
 </template>
 
@@ -350,6 +353,7 @@ export default {
     loading: false,
     date: null,
     search: "",
+    showLoader:false,
     menu: false,
     menu1: false,
     dialog: false,
@@ -429,25 +433,6 @@ export default {
     }
   },
   methods: {
-    getSections(_id) {
-      // var token = this.$store.state.token;
-      // http()
-      //   .get(
-      //     "/getSectionsList",
-      //     { params: { classId: _id } },
-      //     {
-      //       headers: { Authorization: "Bearer " + token }
-      //     }
-      //   )
-      //   .then(response => {
-      //     this.addSection = response.data.data;
-      //     console.log("getSectionsList=====>", this.addSection);
-      //   })
-      //   .catch(err => {
-      //     // console.log("err====>", err);
-      //     // this.$router.replace({ path: '/' });
-      //   });
-    },
     pickFile() {
       this.$refs.image.click();
     },
@@ -477,6 +462,7 @@ export default {
       }
     },
     getReminderList() {
+      this.showLoader = true;
       var token = this.$store.state.token;
       http()
         .get("/getRemindersList", {
@@ -484,11 +470,13 @@ export default {
         })
         .then(response => {
           this.desserts = response.data.data;
+          this.showLoader = false;
           // console.log("getRemindersList=====>",this.desserts)
         })
         .catch(err => {
           // console.log("err====>", err);
-          // this.$router.replace({ path: "/" });
+          this.showLoader = false;
+          this.$router.replace({ path: "/" });
         });
     },
     editItem(item) {
diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index 7096134..aeb7333 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -1085,6 +1085,9 @@
         </v-container>
       </v-tab-item>
     </v-tabs>
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
   </v-app>
 </template>
 
@@ -1100,6 +1103,7 @@ export default {
     mode: "",
     timeout: 3000,
     text: "",
+    showLoader:false,
     loading: false,
     date: null,
     search: "",
@@ -1493,6 +1497,7 @@ export default {
       }
     },
     getStudentList() {
+      this.showLoader = true;
       var token = this.$store.state.token;
       http()
         .get("/getStudentsList", {
@@ -1500,10 +1505,12 @@ export default {
         })
         .then(response => {
           this.desserts = response.data.data;
+          this.showLoader = false;
           // console.log("getStudentList=====>",this.desserts)
         })
         .catch(err => {
           // console.log("err====>", err);
+          this.showLoader = false;
           this.$router.replace({ path: "/" });
         });
     },
diff --git a/src/pages/Teachers/teachers.vue b/src/pages/Teachers/teachers.vue
index 4afab7e..075a041 100644
--- a/src/pages/Teachers/teachers.vue
+++ b/src/pages/Teachers/teachers.vue
@@ -828,6 +828,9 @@
         </v-container>
       </v-tab-item>
     </v-tabs>
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
   </v-app>
 </template>
 
@@ -848,6 +851,7 @@ export default {
     mode: "",
     timeout: 3000,
     text: "",
+    showLoader:false,
     loading: false,
     date: null,
     search: "",
@@ -1205,6 +1209,7 @@ export default {
       }
     },
     getTeacherList() {
+      this.showLoader = true;
       var token = this.$store.state.token;
       http()
         .get("/getTeachersList", {
@@ -1212,10 +1217,12 @@ export default {
         })
         .then(response => {
           this.desserts = response.data.data;
+          this.showLoader = false;
           // console.log("getTeacherList=====>",this.desserts)
         })
         .catch(err => {
           // console.log("err====>", err);
+          this.showLoader = false;
           this.$router.replace({ path: "/" });
         });
     },
-- 
2.0.0