From 1b9dd5859eb67c337266545fc2cde2b7cba3d335 Mon Sep 17 00:00:00 2001
From: amber <amber.dev@viithiisys.com>
Date: Mon, 21 Sep 2020 13:44:55 +0530
Subject: [PATCH] added my kids to parents section

---
 src/pages/Dashboard/dashboard.vue | 205 +++++++++++++++++++++++---------------
 1 file changed, 122 insertions(+), 83 deletions(-)

diff --git a/src/pages/Dashboard/dashboard.vue b/src/pages/Dashboard/dashboard.vue
index 281da32..4732756 100644
--- a/src/pages/Dashboard/dashboard.vue
+++ b/src/pages/Dashboard/dashboard.vue
@@ -426,85 +426,131 @@
           </v-layout>
 
           <v-layout row wrap v-if="role == 'PARENT'">
-            <!-- ROLE - PARENT , ACTIVE STUDENTS -->
+            <!-- ROLE - PARENT , MY KIDS -->
             <v-flex xs12>
-              <v-card class="elevation-0 account-Card">
+              <v-card class="elevation-3 card">
                 <v-container>
-                  <v-card-title class="title font-weight-bold">Students</v-card-title>
-                  <v-data-iterator
-                    :items="activeStudentsList"
-                    :rows-per-page-items="rowsPerPageItems"
-                    :pagination.sync="pagination"
-                    content-tag="v-layout"
-                    row
-                    wrap
-                  >
-                    <template v-slot:item="props">
-                      <v-flex xs12 sm6>
-                        <v-card style="border: 2px solid black" class="elevation-0" height="300">
-                          <v-container>
-                            <v-card-text>
-                              <v-layout row wrap>
-                                <!-- IMAGE OF ACTIVE STUDENT -->
-                                <v-flex xs12 class="text-xs-center">
+                  <v-card-title class="title font-weight-bold justify-center">My Kids</v-card-title>
+                    <v-data-iterator
+                      :items="activeStudentsList"
+                      :rows-per-page-items="rowsPerPageItems"
+                      :pagination.sync="pagination"
+                      content-tag="v-layout"
+                      row
+                      wrap
+                    >
+                      <template v-slot:item="props">
+                        <v-flex xs12 sm6>
+                          <div style="height: 150px; width: 100% display: inline-block;">
+                            <v-layout row wrap>
+                              <!-- IMAGE OF ACTIVE STUDENT -->
+                              <v-flex xs3 class="text-xs-center">
+                                <v-avatar size="50px">
                                   <img
                                     :src="props.item.profilePicUrl"
-                                    alt="profileImage"
-                                    width="80"
+                                    v-if="props.item.profilePicUrl"
                                   />
-                                </v-flex>
-                                <v-flex xs12 class="text-xs-center">
-                                  <!--NAME -->
-                                  <v-layout class="pa-0 ma-0">
-                                    <v-flex xs4 class="body-1 font-weight-bold pa-0 ma-0">
-                                      <span class="left">Name:</span>
-                                    </v-flex>
-                                    <v-flex xs8 class="body-1 font-weight-bold pa-0 ml-2">
-                                      <span class="left">{{props.item.name}}</span>
-                                    </v-flex>
-                                  </v-layout>
-                                  <!--ROLLNO -->
-                                  <v-layout class="pa-0 ma-0">
-                                    <v-flex xs4 class="body-1 font-weight-bold pa-0 ma-0">
-                                      <span class="left">Roll No:</span>
-                                    </v-flex>
-                                    <v-flex xs8 class="body-1 font-weight-bold pa-0 ml-2">
-                                      <span class="left">{{props.item.rollNo}}</span>
-                                    </v-flex>
-                                  </v-layout>
-                                  <!--GENDER -->
-                                  <v-layout class="pa-0 ma-0">
-                                    <v-flex xs4 class="body-1 font-weight-bold pa-0 ma-0">
-                                      <span class="left">Gender:</span>
-                                    </v-flex>
-                                    <v-flex xs8 class="body-1 font-weight-bold pa-0 ml-2">
-                                      <span class="left">{{props.item.gender}}</span>
-                                    </v-flex>
-                                  </v-layout>
-                                  <!--EMAIL -->
-                                  <v-layout class="pa-0 ma-0">
-                                    <v-flex xs4 class="body-1 font-weight-bold pa-0 ma-0">
-                                      <span class="left">Email:</span>
-                                    </v-flex>
-                                    <v-flex xs8 class="body-1 font-weight-bold pa-0 ml-2">
-                                      <span class="left">{{props.item.email}}</span>
-                                    </v-flex>
-                                  </v-layout>
-                                </v-flex>
-                              </v-layout>
-                            </v-card-text>
-                          </v-container>
-                        </v-card>
-                      </v-flex>
-                    </template>
-                  </v-data-iterator>
+                                  <img src="/static/icon/user.png" v-else />
+                                </v-avatar>
+                                <!-- <div style="height: 90px;">
+                                    <img
+                                      :src="props.item.profilePicUrl"
+                                      alt="profileImage"
+                                      width="80"
+                                      v-if="props.item.profilePicUrl"
+                                    />
+                                    <img width="80" src="/static/icon/user.png" v-else />
+                                </div>-->
+                              </v-flex>
+                              <v-flex xs9 class="text-xs-center">
+                                <!--NAME -->
+                                <v-layout class="pa-0 ma-0">
+                                  <v-flex xs3 class="body-1 pa-0 ma-0">
+                                    <span class="left">Name:</span>
+                                  </v-flex>
+                                  <v-flex xs9 class="body-1 pa-0 ml-2">
+                                    <span class="left">{{props.item.name}}</span>
+                                  </v-flex>
+                                </v-layout>
+                                <!--ROLLNO -->
+                                <v-layout class="pa-0 ma-0">
+                                  <v-flex xs3 class="body-1 pa-0 ma-0">
+                                    <span class="left">Roll No:</span>
+                                  </v-flex>
+                                  <v-flex xs9 class="body-1 pa-0 ml-2">
+                                    <span class="left">{{props.item.rollNo}}</span>
+                                  </v-flex>
+                                </v-layout>
+                                <!--GENDER -->
+                                <v-layout class="pa-0 ma-0">
+                                  <v-flex xs3 class="body-1 pa-0 ma-0">
+                                    <span class="left">Gender:</span>
+                                  </v-flex>
+                                  <v-flex xs9 class="body-1 pa-0 ml-2">
+                                    <span class="left">{{props.item.gender}}</span>
+                                  </v-flex>
+                                </v-layout>
+                                <!--EMAIL -->
+                                <v-layout class="pa-0 ma-0">
+                                  <v-flex xs3 class="body-1 pa-0 ma-0">
+                                    <span class="left">Email:</span>
+                                  </v-flex>
+                                  <v-flex xs9 class="body-1 pa-0 ml-2">
+                                    <span class="left">{{props.item.email}}</span>
+                                  </v-flex>
+                                </v-layout>
+                              </v-flex>
+                            </v-layout>
+                          </div>
+                        </v-flex>
+                      </template>
+                    </v-data-iterator>
                 </v-container>
               </v-card>
             </v-flex>
 
             <!-- ROLE - PARENT, MY COURSES -->
             <v-flex xs12>
-              <v-card class="elevation-0 account-Card">
+              <v-card class="elevation-3 card">
+                <v-container>
+                  <v-card-title class="justify-center title font-weight-bold">My Courses</v-card-title>
+                  <v-layout wrap>
+                    <v-flex xs12 sm12>
+                      <v-list two-line>
+                        <template>
+                          <v-list-tile v-for="(course,i) in courseData" :key="i">
+                            <v-list-tile-avatar>
+                              <!-- <v-icon
+                              class="account-circle darkBlue-color"
+                              style="cursor: pointer;"
+                              @click="routeToCourseDetails(course._id)"
+                              >panorama_fish_eye</v-icon>-->
+                              <span>
+                                <v-tooltip top>
+                                  <img
+                                    slot="activator"
+                                    style="cursor:pointer; width:25px; height:25px; "
+                                    src="/static/icon/view.png"
+                                    @click="routeToCourseDetails(course._id)"
+                                  />
+                                  <span>View</span>
+                                </v-tooltip>
+                              </span>
+                            </v-list-tile-avatar>
+                            <v-list-tile-content>
+                              <v-list-tile-title
+                                style="cursor: pointer;"
+                                @click="routeToCourseDetails(course._id)"
+                              >{{ course.courseName }}</v-list-tile-title>
+                            </v-list-tile-content>
+                          </v-list-tile>
+                        </template>
+                      </v-list>
+                    </v-flex>
+                  </v-layout>
+                </v-container>
+              </v-card>
+              <!-- <v-card class="elevation-0 account-Card">
                 <v-container>
                   <v-card-title class="title font-weight-bold">My Courses</v-card-title>
                   <v-layout wrap>
@@ -515,20 +561,11 @@
                           @click="routeToCourseDetails(course._id)"
                         >{{ course.courseName }}</span>
                       </v-btn>
-                      <!-- <v-list two-line>
-                        <template>
-                          <v-list-tile>
-                            <v-list-tile-avatar>
-                             
-                            </v-list-tile-avatar>
-                            <v-list-tile-content></v-list-tile-content>
-                          </v-list-tile>
-                        </template>
-                      </v-list>-->
+                      
                     </v-flex>
                   </v-layout>
                 </v-container>
-              </v-card>
+              </v-card>-->
             </v-flex>
           </v-layout>
 
@@ -536,9 +573,11 @@
             <!-- ROLE - PARENT , LATEST ANNOUNCEMENTS -->
             <v-flex xs12 sm6 md6>
               <!-- NOTICE -->
-              <v-card class="account-Card">
+              <v-card class="elevation-3 card">
                 <v-container>
-                  <v-card-title class="justify-center subheading font-weight-bold">Latest Announcements</v-card-title>
+                  <v-card-title
+                    class="justify-center subheading font-weight-bold"
+                  >Latest Announcements</v-card-title>
                   <v-layout column>
                     <v-flex
                       v-for="(item,index) in annoucementData"
@@ -577,7 +616,7 @@
               <v-layout column>
                 <!-- ROLE - PARENT, SCHOOL EVENTS -->
                 <v-flex>
-                  <v-card class="account-Card">
+                  <v-card class="elevation-3 card">
                     <v-container>
                       <v-card-title class="justify-center subheading font-weight-bold">School Events</v-card-title>
                       <div
@@ -965,7 +1004,7 @@ export default {
         },
       },
 
-      /* ROLE PARENT - ACTIVE STUDENTS  */
+      /* ROLE PARENT - MY KIDS  */
       studentsData: [],
       activeStudent: {},
       activeStudentsList: [],
-- 
2.0.0