From 159dff730cf1c24a325fabb8c3a1ab462886ca75 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Thu, 12 Dec 2019 12:04:25 +0530
Subject: [PATCH] implement functionality in viewTeacherAttendence

---
 src/pages/Attendence/viewTeacherAttendence.vue | 76 +++++++++++++++-----------
 1 file changed, 45 insertions(+), 31 deletions(-)

diff --git a/src/pages/Attendence/viewTeacherAttendence.vue b/src/pages/Attendence/viewTeacherAttendence.vue
index 2878f51..9b68d59 100644
--- a/src/pages/Attendence/viewTeacherAttendence.vue
+++ b/src/pages/Attendence/viewTeacherAttendence.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid grid-list-md>
-    <!-- <div v-show="hideData"> -->
+    <div v-show="hideData">
       <!-- <v-layout row>
         <v-btn color="grey" @click="exportPdf" class="right" dark>
           Export Pdf
@@ -77,7 +77,7 @@
             </v-card-actions>
           </v-card>
         </v-dialog>
-      </v-layout> -->
+      </v-layout>-->
       <v-layout wrap>
         <v-flex xs12 sm12 md4>
           <v-card flat>
@@ -92,10 +92,10 @@
                         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="!teacherData.teacherData.profilePicUrl" />
+                          <img src="/static/icon/user.png" v-if="!teacherData.profilePicUrl" />
                           <img
-                            :src="teacherData.teacherData.profilePicUrl"
-                            v-else-if="teacherData.teacherData.profilePicUrl"
+                            :src="teacherData.profilePicUrl"
+                            v-else-if="teacherData.profilePicUrl"
                           />
                         </v-avatar>
                       </v-flex>
@@ -103,7 +103,7 @@
                     <v-layout>
                       <v-flex xs12 sm12>
                         <h3 class="text-xs-center">
-                          <b>{{ teacherData.teacherData.name }}</b>
+                          <b>{{ teacherData.name }}</b>
                         </h3>
                         <p class="text-xs-center grey--text">Teacher</p>
                       </v-flex>
@@ -117,7 +117,7 @@
                       <v-flex sm6 xs6 class="pa-0">
                         <h4>{{ teacherData.teacherData.gender }}</h4>
                       </v-flex>
-                    </v-layout> -->
+                    </v-layout>-->
                     <v-layout style="border: 1px solid lightgrey;">
                       <v-flex xs6 sm6 class="pa-0">
                         <h4 class="right">
@@ -125,7 +125,7 @@
                         </h4>
                       </v-flex>
                       <v-flex sm6 xs6 class="right pa-0">
-                        <h4>{{ dates(teacherData.teacherData.dob) }}</h4>
+                        <h4>{{ dates(teacherData.dob) }}</h4>
                       </v-flex>
                     </v-layout>
                     <v-layout style="border: 1px solid lightgrey;">
@@ -135,7 +135,7 @@
                         </h4>
                       </v-flex>
                       <v-flex sm6 xs6 class="right pa-0">
-                        <h4>{{ teacherData.teacherData.mobileNo}}</h4>
+                        <h4>{{ teacherData.mobileNo}}</h4>
                       </v-flex>
                     </v-layout>
                   </v-flex>
@@ -157,12 +157,12 @@
                 <span class="subheading">Absent</span>
               </span>
             </h3>
-            <!-- <YearCalendar
+            <YearCalendar
               v-model="year"
               :activeDates="activeDates"
               prefixClass="your_customized_wrapper_class"
               :activeClass="activeClass"
-            ></YearCalendar> -->
+            ></YearCalendar>
           </v-card>
         </v-flex>
       </v-layout>
@@ -179,7 +179,7 @@
           >
             Download
             <v-icon dark right size="20">save_alt</v-icon>
-          </v-btn> -->
+          </v-btn>-->
         </v-flex>
       </v-container>
     </v-layout>
@@ -238,7 +238,7 @@
                   <v-flex sm10 xs6 class="pa-0 mb-3">
                     <h4>: {{ studentData.sectionId.name}}</h4>
                   </v-flex>
-                </v-layout> -->
+                </v-layout>-->
               </v-flex>
               <!-- <v-card flat>
                 <h3 class="py-2 text-xs-center grey lighten-1 white--text">
@@ -257,8 +257,8 @@
                   :activeDates="activeDates"
                   prefixClass="your_customized_wrapper_class"
                   :activeClass="activeClass"
-                ></YearCalendar>
-              </v-card> -->
+                ></YearCalendactiveDatesar>
+              </v-card>-->
             </div>
           </v-flex>
         </v-layout>
@@ -323,22 +323,36 @@ export default {
         )
         .then(response => {
           this.showLoader = false;
-          this.teacherData = response.data.data;
-        //   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;
+          this.teacherData = response.data.data.teacherData;
+          let array = [];
+          for (let i = 0; i < response.data.data.attendanceData.length; i++) {
+          for (let j = 0; j < response.data.data.attendanceData[i].teachers.length; j++) {
+              if (response.data.data.attendanceData[i].teachers[j].attendanceType === "present") {
+              array.push({
+                date: response.data.data.attendanceData[i].date,
+                className: "green"
+              });
+            } else if (response.data.data.attendanceData[i].teachers[j].attendanceType === "latePresentWithExcuse") {
+              array.push({
+                date: response.data.data.attendanceData[i].date,
+                className: "yellow"
+              });
+            }
+             else if (response.data.data.attendanceData[i].teachers[j].attendanceType === "latePresent") {
+              array.push({
+                date: response.data.data.attendanceData[i].date,
+                className: "black"
+              });
+            }
+             else if (response.data.data.attendanceData[i].teachers[j].attendanceType === "absent") {
+              array.push({
+                date: response.data.data.attendanceData[i].date,
+                className: "red"
+              });
+            }
+          }
+          this.activeDates = array;
+          }            
         })
         .catch(error => {
           this.showLoader = false;
-- 
2.0.0