viithiisys / School-Management-dashboard

Browse Code »

Commit 3c297e236b57c930e07c02d1f4ea5fa0b423785d

Authored by Shikha Mishra 2020-02-18 02:38:49 -0500

1 parent 6e366ee805

Exists in master and in 3 other branches

remove password validation

Showing 2 changed files with 4 additions and 5 deletions Show diff stats

src/pages/Parent/parents.vue

Diff comments View file @3c297e2

 <template>
   <v-container fluid class="body-color">
     <v-dialog v-model="editParentDilaog" max-width="600px" scrollable>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Edit Parents Details</label>
             <v-icon size="24" class="right" @click="editParentDilaog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text class="hidden-xs-only hidden-sm-only">
           <v-form ref="editParentForm" v-model="validEditParent" lazy-validation>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Email ID:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     placeholder="fill your email"
                     v-model="editedItem.email"
                     type="text"
                     name="email"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Father Name:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.fatherName"
                     placeholder="fill your father Name"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Father Cell No:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.fatherCellNo"
                     placeholder="fill your father Cell Number"
                     :rules="editFatherNoRule"
                     type="number"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Father Profession:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.fatherProfession"
                     placeholder="fill your father Profession"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Mother Name:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.motherName"
                     placeholder="fill your Mother Name"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Mother Cell No:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.motherCellNo"
                     placeholder="fill your  Mother Cell Number"
                     type="number"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs3 sm4 class="pt-4 subheading">
                   <label class="right">Mother Profession:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editedItem.motherProfession"
                     placeholder="fill your Mother Profession"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Password:</label>
                 </v-flex>
                 <v-flex xs8 class="ml-3">
                   <v-text-field
                     :append-icon="e1 ? 'visibility_off' : 'visibility'"
                     :append-icon-cb="() => (e1 = !e1)"
                     :type="e1 ? 'password' : 'text'"
                     :rules="password"
                     placeholder="Enter Your Password"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-layout>
               <v-flex xs12 sm12>
                 <v-card-actions>
                   <v-spacer></v-spacer>
                   <v-btn round dark @click="save" class="add-button">Save</v-btn>
                   <v-spacer></v-spacer>
                 </v-card-actions>
               </v-flex>
             </v-layout>
           </v-form>
         </v-card-text>
         <v-card-text style="height: 600px;" class="hidden-lg-only hidden-xl-only hidden-md-only">
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Email ID:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   placeholder="fill your email"
                   v-model="editedItem.email"
                   type="text"
                   name="email"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Father Name:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.fatherName"
                   placeholder="fill your father Name"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Father Cell No:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.fatherCellNo"
                   placeholder="fill your father Cell Number"
                   type="number"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Father Profession:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.fatherProfession"
                   placeholder="fill your father Profession"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Mother Name:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.motherName"
                   placeholder="fill your Mother Name"
                   type="text"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Mother Cell No:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.motherCellNo"
                   placeholder="fill your  Mother Cell Number"
                   type="number"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-flex xs12>
             <v-layout wrap>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Mother Profession:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.motherProfession"
                   placeholder="fill your Mother Profession"
                   type="text"
                   required
                 ></v-text-field>
               </v-flex>
               <v-flex xs12 class="pt-4 subheading">
                 <label>Password:</label>
               </v-flex>
               <v-flex xs12>
                 <v-text-field
                   v-model="editedItem.password"
                   placeholder="Enter Password"
                   type="text"
                   required
                 ></v-text-field>
               </v-flex>
             </v-layout>
           </v-flex>
           <v-layout>
             <v-flex xs12 sm12>
               <v-card-actions>
                 <v-spacer></v-spacer>
                 <v-btn round dark @click="save" class="add-button">Save</v-btn>
                 <v-spacer></v-spacer>
               </v-card-actions>
             </v-flex>
           </v-layout>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE VIEW Parents DEATILS ******  -->
     <v-dialog v-model="profileParentDialog" max-width="500px" scrollable>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">View Parent Details</label>
             <v-icon size="24" class="right" @click="profileParentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container grid-list-md>
           <v-layout wrap>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs12 sm12>
                   <v-layout>
                     <v-flex xs6>
                       <h5 class="right my-1">
                         <b>Email:</b>
                       </h5>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.email }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Fahter Name:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.fatherName }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Mother Name:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.motherName }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex sm6 xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Father Cell No:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex sm6 xs6>
                       <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1">
                           <b>Mother Cell No:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1 hidden-lg-only hidden-xl-only hidden-md-only">
                           <b>FatherProfession:</b>
                         </h5>
                         <h5 class="right my-1 hidden-sm-only hidden-xs-only">
                           <b>Father Profession:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.fatherProfession }}</h5>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12>
                   <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1 hidden-lg-only hidden-xl-only hidden-md-only">
                           <b>MotherProfession:</b>
                         </h5>
                         <h5 class="right my-1 hidden-sm-only hidden-xs-only">
                           <b>Mother Profession:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.motherProfession }}</h5>
                     </v-flex>
                   </v-layout>
                   <!-- <v-layout>
                     <v-flex xs6>
                       <b>
                         <h5 class="right my-1 hidden-lg-only hidden-xl-only hidden-md-only">
                           <b>Password:</b>
                         </h5>
                         <h5 class="right my-1 hidden-sm-only hidden-xs-only">
                           <b>Password:</b>
                         </h5>
                       </b>
                     </v-flex>
                     <v-flex xs6>
                       <h5 class="my-1">{{ editedItem.password }}</h5>
                     </v-flex>
                   </v-layout> -->
                 </v-flex>
               </v-layout>
             </v-flex>
           </v-layout>
         </v-container>
       </v-card>
     </v-dialog>
     <!-- ****** EXISTING-USERS Parents TABLE ****** -->
     <v-toolbar color="transparent" flat>
       <v-btn
         fab
         dark
         class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
         small
         @click="addParentDialog = true"
       >
         <v-icon dark>add</v-icon>
       </v-btn>
       <v-btn
         round
         class="open-dialog-button hidden-sm-only hidden-xs-only"
         dark
         @click="addParentDialog = true"
       >
         <v-icon class="white--text pr-1" size="20">add</v-icon>Add Parent
       </v-btn>
       <v-spacer></v-spacer>
       <v-card-title class="body-1" v-show="show">
         <v-btn icon large flat @click="displaySearch">
           <v-avatar size="27">
             <img src="/static/icon/search.png" alt="icon" />
           </v-avatar>
         </v-btn>
       </v-card-title>
       <v-flex xs8 sm8 md2 lg2 v-show="showSearch">
         <v-layout>
           <v-text-field
             v-model="search"
             label="Search"
             prepend-inner-icon="search"
             color="primary"
             style="transition: 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); !important"
           ></v-text-field>
           <v-icon @click="closeSearch" color="error">close</v-icon>
         </v-layout>
       </v-flex>
     </v-toolbar>
     <v-data-table
       :headers="headers"
       :items="parentsList"
       :pagination.sync="pagination"
       :search="search"
     >
       <template slot="items" slot-scope="props">
         <tr class="tr">
           <td class="text-xs-center td td-row">{{ props.index + 1}}</td>
           <td class="text-xs-center td td-row">{{ props.item.email }}</td>
           <td class="text-xs-center td td-row">{{ props.item.fatherName }}</td>
           <td class="text-xs-center td td-row">{{ props.item.fatherCellNo }}</td>
           <td class="text-xs-center td td-row">{{ props.item.motherName }}</td>
           <td class="text-xs-center td td-row">{{ props.item.motherCellNo }}</td>
           <td class="text-xs-center td td-row">
             <span>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:25px; height:25px; "
                   class="mr-3"
                   @click="profile(props.item)"
                   src="/static/icon/view.png"
                 />
                 <span>View</span>
               </v-tooltip>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:20px; height:18px; "
                   @click="editItem(props.item)"
                   src="/static/icon/edit.png"
                   class="mr-3"
                 />
                 <span>Edit</span>
               </v-tooltip>
             </span>
           </td>
         </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>
     <!-- ****** ADD PARENTS DETAILS****** -->
     <v-dialog v-model="addParentDialog" max-width="1100px">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Parent</label>
             <v-icon size="24" class="right" @click="addParentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container fluid fill-height>
           <v-layout align-center>
             <v-flex xs12 sm12>
               <v-form ref="parentForm" v-model="valid" lazy-validation>
                 <v-container fluid class="hidden-xs-only hidden-sm-only">
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Father Cell No:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.fatherCellNo"
                             placeholder="fill your father Cell Number"
                             type="number"
                             :rules="fatheCellNoRules"
                             counter="10"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Parent Email Id:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             placeholder="fill Parent email"
                             v-model="parentData.email"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Father Name:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.fatherName"
                             placeholder="Fill your father Name"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Father Profession:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.fatherProfession"
                             placeholder="fill your father Profession"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Mother Name:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.motherName"
                             placeholder="fill your Mother Name"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Mother Cell No:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.motherCellNo"
                             placeholder="fill your  Mother Cell Number"
                             counter="10"
                             type="number"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Mother Profession:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.motherProfession"
                             placeholder="fill your Mother Profession"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Password:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-text-field
                             v-model="parentData.password"
                             :append-icon="e1 ? 'visibility_off' : 'visibility'"
                             :append-icon-cb="() => (e1 = !e1)"
                             :type="e1 ? 'password' : 'text'"
                             :rules="password"
                             placeholder="Enter Your Password"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-flex xs12 sm12>
                     <v-layout>
                       <v-flex xs12 sm12>
                         <v-btn
                           class="right add-button"
                           @click="submitParentDetails"
                           round
                           dark
                           :loading="loading"
                           v-show="showParent"
                         >Add</v-btn>
                         <v-btn @click="clear" round dark class="clear-button right">Clear</v-btn>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-container>
                 <v-container fluid class="hidden-lg-only hidden-xl-only hidden-md-only">
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Father Cell No:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.fatherCellNo"
                             :rules="fatheCellNoRules"
                             counter="10"
                             placeholder="fill your father Cell Number"
                             type="number"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Parent Email Id:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             placeholder="fill Parent email"
                             v-model="parentData.email"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Father Name:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.fatherName"
                             placeholder="Fill your father Name"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Father Profession:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.fatherProfession"
                             placeholder="fill your father Profession"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Mother Name:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.motherName"
                             placeholder="fill your Mother Name"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs42 class="pt-4 subheading">
                           <label>Mother Cell No:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.motherCellNo"
                             placeholder="fill your  Mother Cell Number"
                             type="number"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-layout wrap>
                     <v-flex xs12 sm6>
                       <v-layout wrap>
                         <v-flex xs12 class="pt-4 subheading">
                           <label>Mother Profession:</label>
                         </v-flex>
                         <v-flex xs12>
                           <v-text-field
                             v-model="parentData.motherProfession"
                             placeholder="fill your Mother Profession"
                             type="text"
                             required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
                   </v-layout>
                   <v-flex xs12 sm12>
                     <v-layout>
                       <v-flex xs6 sm6 offset-sm1>
                         <v-btn @click="clear" class="clear-button" round dark>clear</v-btn>
                       </v-flex>
                       <v-flex xs6 sm6>
                         <v-btn
                           class="add-button"
                           @click="submitParentDetails"
                           round
                           dark
                           :loading="loading"
                           v-show="showParent"
                         >Add</v-btn>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-container>
               </v-form>
             </v-flex>
           </v-layout>
         </v-container>
       </v-card>
     </v-dialog>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
     <v-snackbar
       :timeout="timeout"
       :top="y === 'top'"
       :right="x === 'right'"
       :vertical="mode === 'vertical'"
       v-model="snackbar"
       color="success"
     >{{ text }}</v-snackbar>
   </v-container>
 </template>
 <script>
 import http from "@/Services/http.js";
 import Util from "@/util";
 import moment from "moment";
 export default {
   data: () => ({
     e1: true,
     showParent: true,
     snackbar: false,
     y: "top",
     x: "right",
     color: "",
     mode: "",
     timeout: 3000,
     text: "",
     show: true,
     showSearch: false,
     showLoader: false,
     loading: false,
     date: null,
     search: "",
     password: "",
     addParentDialog: false,
     menu: false,
     menu1: false,
     editParentDilaog: false,
     profileParentDialog: false,
     viewProfileParentDialog: false,
     valid: true,
     validEditParent: true,
     pagination: {
       rowsPerPage: 10
     },
     fatherNameRules: [v => !!v || " Father Name is required"],
     fatheCellNoRules: [
       v => !!v || " father Cell Number  is required",
       v => v <= 10000000000 || "Max 10 characters is required"
     ],
     password: [
       v => !!v || "Password field is Required.",
-      v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8 || 'Min 8 characters lower case symbol required'
+      // v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8 || 'Min 8 characters lower case symbol required'
     ],
     editFatherNoRule: [
       v => !!v || " father Cell Number  is required",
       v => v <= 10000000000 || "Max 10 characters is required"
     ],
     editfatherCellNo: [v => !!v || " Father Name is required"],
     errorMessages: "",
     emailRules: [
       v => !!v || "E-mail is required",
       v =>
         /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||
         "E-mail must be valid"
     ],
     headers: [
       {
         text: "No",
         align: "center",
         sortable: false,
         value: "No"
       },
       { text: "Email", value: "email", sortable: false, align: "center" },
       {
         text: "Father Name",
         value: "fatherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Father Cell No",
         value: "fatherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Mother Name",
         value: "motherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Mother Cell No",
         value: "motherCellNo",
         sortable: false,
         align: "center"
       },
       { text: "Action", value: "", sortable: false, align: "center" }
     ],
     parentsList: [],
     editedIndex: -1,
     parentData: {},
     max: 10,
     editedItem: {
       fatherName: "",
       fatherCellNo: "",
       motherName: "",
       motherCellNo: "",
       email: "",
       password: ""
     }
   }),
   watch: {
     menu(val) {
       val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
     },
     menu1(val) {
       val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
     }
   },
   methods: {
     editItem(item) {
       this.editedIndex = this.parentsList.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.editParentDilaog = true;
     },
     profile(item) {
       this.editedIndex = this.parentsList.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.profileParentDialog = true;
     },
     close() {
       this.editParentDilaog = false;
     },
     closeProfile() {
       this.profileParentDialog = false;
     },
     clear() {
       this.$refs.parentForm.reset();
     },
     save() {
       if (this.$refs.editParentForm.validate()) {
         this.editedItem.parentId = this.editedItem._id;
         http()
           .put("/updateParent", this.editedItem)
           .then(response => {
             this.snackbar = true;
             this.color = "green";
             this.text = response.data.message;
             this.getParentDetails();
             this.close();
           })
           .catch(error => {
             this.snackbar = true;
             this.color = "error";
             this.text = error.response.data.message;
             if (error.response.data.statusText) {
               this.text = error.response.data.statusText;
             }
           });
       }
     },
     async submitParentDetails() {
       if (this.$refs.parentForm.validate()) {
         this.parentData.role = "PARENT";
         this.loading = true;
         await http()
           .post("/createParent", this.parentData)
           .then(response => {
             this.parentId = response.data.data.id;
             this.snackbar = true;
             this.color = "green";
             this.text = response.data.message;
             this.getParentDetails();
             this.clear();
             this.loading = false;
             this.addParentDialog = false;
           })
           .catch(error => {
-            // console.log(error.response.data);
             this.snackbar = true;
             this.color = "error";
             this.text = error.response.data.message;
             if (error.response.data.statusText) {
               this.text = error.response.data.statusText;
             }
             this.loading = false;
           });
       }
     },
     getParentDetails() {
       http()
         .get("getParentsList", {
           headers: {
             Authorization: "Bearer " + this.$store.state.token
           }
         })
         .then(response => {
           this.parentsList = response.data.data;
         })
         .catch(error => {
           // console.log("err====>", error.response.data.message);
           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);
           }
         });
     },
     displaySearch() {
       (this.show = false), (this.showSearch = true);
     },
     closeSearch() {
       this.showSearch = false;
       this.show = true;
       this.search = "";
     }
   },
   mounted() {
     this.getParentDetails();
   }
 };
 </script>

src/pages/Students/students.vue

Diff comments View file @3c297e2

1	<template>	1	<template>
2	<v-container fluid class="body-color">	2	<v-container fluid class="body-color">
3	<!-- **** EDITS STUDENTS DETAILS **** -->	3	<!-- **** EDITS STUDENTS DETAILS **** -->
4	<v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>	4	<v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>
5	<v-card flat class="card-style pa-2" dark>	5	<v-card flat class="card-style pa-2" dark>
6	<v-layout>	6	<v-layout>
7	<v-flex xs12>	7	<v-flex xs12>
8	<label class="title text-xs-center">Edit Student</label>	8	<label class="title text-xs-center">Edit Student Details</label>
9	<v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>	9	<v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>
10	</v-flex>	10	</v-flex>
11	</v-layout>	11	</v-layout>
12	<v-card-text>	12	<v-card-text>
13	<v-form ref="form">	13	<v-form ref="form">
14	<v-container fluid>	14	<v-container fluid>
15	<v-layout>	15	<v-layout>
16	<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">	16	<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
17	<v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">	17	<v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">
18	<img	18	<img
19	src="/static/icon/user.png"	19	src="/static/icon/user.png"
20	/>	20	/>
21	</v-avatar>	21	</v-avatar>
22	<img	22	<img
23	:src="editedItem.profilePicUrl"	23	:src="editedItem.profilePicUrl"
24	v-else-if="editedItem.profilePicUrl && !editImageUrl"	24	v-else-if="editedItem.profilePicUrl && !editImageUrl"
25	height="150"	25	height="150"
26	style="border-radius:50%; width:150px"	26	style="border-radius:50%; width:150px"
27	/>	27	/>
28	<img	28	<img
29	v-if="editImageUrl"	29	v-if="editImageUrl"
30	:src="editImageUrl"	30	:src="editImageUrl"
31	style="border-radius:50%; width:150px;height:150px"	31	style="border-radius:50%; width:150px;height:150px"
32	/>	32	/>
33	<input	33	<input
34	type="file"	34	type="file"
35	style="display: none"	35	style="display: none"
36	ref="editDataImage"	36	ref="editDataImage"
37	accept="image/*"	37	accept="image/*"
38	@change="onEditFilePicked"	38	@change="onEditFilePicked"
39	/>	39	/>
40	</v-flex>	40	</v-flex>
41	</v-layout>	41	</v-layout>
42	<v-layout wrap>	42	<v-layout wrap>
43	<v-flex xs12 sm4>	43	<v-flex xs12 sm4>
44	<v-layout>	44	<v-layout>
45	<v-flex xs4 class="pt-4 subheading">	45	<v-flex xs4 class="pt-4 subheading">
46	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>	46	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
47	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>	47	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
48	</v-flex>	48	</v-flex>
49	<v-flex xs8 class="ml-3">	49	<v-flex xs8 class="ml-3">
50	<v-select	50	<v-select
51	:items="addclass"	51	:items="addclass"
52	label="Select Class"	52	label="Select Class"
53	v-model="editedItem.select"	53	v-model="editedItem.select"
54	item-text="classNum"	54	item-text="classNum"
55	item-value="_id"	55	item-value="_id"
56	name="Select Class"	56	name="Select Class"
57	@change="getSections(editedItem.select)"	57	@change="getSections(editedItem.select)"
58	required	58	required
59	></v-select>	59	></v-select>
60	</v-flex>	60	</v-flex>
61	</v-layout>	61	</v-layout>
62	</v-flex>	62	</v-flex>
63	<v-flex xs12 sm4>	63	<v-flex xs12 sm4>
64	<v-layout>	64	<v-layout>
65	<v-flex xs4 class="pt-4 subheading">	65	<v-flex xs4 class="pt-4 subheading">
66	<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>	66	<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
67	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>	67	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
68	</v-flex>	68	</v-flex>
69	<v-flex xs8 class="ml-3">	69	<v-flex xs8 class="ml-3">
70	<v-select	70	<v-select
71	:items="addSection"	71	:items="addSection"
72	label="Select Section"	72	label="Select Section"
73	v-model="editedItem.selectSection"	73	v-model="editedItem.selectSection"
74	item-text="name"	74	item-text="name"
75	item-value="_id"	75	item-value="_id"
76	name="Select Section"	76	name="Select Section"
77	required	77	required
78	></v-select>	78	></v-select>
79	</v-flex>	79	</v-flex>
80	</v-layout>	80	</v-layout>
81	</v-flex>	81	</v-flex>
82	<v-flex xs12 sm4>	82	<v-flex xs12 sm4>
83	<v-layout>	83	<v-layout>
84	<v-flex xs4 class="pt-4 subheading">	84	<v-flex xs4 class="pt-4 subheading">
85	<label class="right hidden-xs-only hidden-sm-only">Full Name:</label>	85	<label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
86	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>	86	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
87	</v-flex>	87	</v-flex>
88	<v-flex xs8 class="ml-3">	88	<v-flex xs8 class="ml-3">
89	<v-text-field	89	<v-text-field
90	v-model="editedItem.name"	90	v-model="editedItem.name"
91	placeholder="fill your full Name"	91	placeholder="fill your full Name"
92	name="name"	92	name="name"
93	type="text"	93	type="text"
94	required	94	required
95	></v-text-field>	95	></v-text-field>
96	</v-flex>	96	</v-flex>
97	</v-layout>	97	</v-layout>
98	</v-flex>	98	</v-flex>
99	</v-layout>	99	</v-layout>
100	<v-layout wrap>	100	<v-layout wrap>
101	<v-flex xs12 sm4>	101	<v-flex xs12 sm4>
102	<v-layout>	102	<v-layout>
103	<v-flex xs4 class="pt-4 subheading">	103	<v-flex xs4 class="pt-4 subheading">
104	<label class="right hidden-xs-only hidden-sm-only">Email Id:</label>	104	<label class="right hidden-xs-only hidden-sm-only">Email Id:</label>
105	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>	105	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>
106	</v-flex>	106	</v-flex>
107	<v-flex xs8 class="ml-3">	107	<v-flex xs8 class="ml-3">
108	<v-text-field	108	<v-text-field
109	placeholder="fill your email"	109	placeholder="fill your email"
110	v-model="editedItem.email"	110	v-model="editedItem.email"
111	type="text"	111	type="text"
112	name="email"	112	name="email"
113	required	113	required
114	></v-text-field>	114	></v-text-field>
115	</v-flex>	115	</v-flex>
116	</v-layout>	116	</v-layout>
117	</v-flex>	117	</v-flex>
118	<v-flex xs12 sm4>	118	<v-flex xs12 sm4>
119	<v-layout>	119	<v-layout>
120	<v-flex xs4 class="pt-4 subheading">	120	<v-flex xs4 class="pt-4 subheading">
121	<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>	121	<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
122	<label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>	122	<label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
123	</v-flex>	123	</v-flex>
124	<v-flex xs8 class="ml-3">	124	<v-flex xs8 class="ml-3">
125	<v-menu	125	<v-menu
126	ref="menu"	126	ref="menu"
127	:close-on-content-click="false"	127	:close-on-content-click="false"
128	v-model="menu1"	128	v-model="menu1"
129	:nudge-right="40"	129	:nudge-right="40"
130	lazy	130	lazy
131	transition="scale-transition"	131	transition="scale-transition"
132	offset-y	132	offset-y
133	full-width	133	full-width
134	min-width="290px"	134	min-width="290px"
135	>	135	>
136	<v-text-field	136	<v-text-field
137	slot="activator"	137	slot="activator"
138	v-model="editedItem.dob"	138	v-model="editedItem.dob"
139	placeholder="Select Dob"	139	placeholder="Select Dob"
140	></v-text-field>	140	></v-text-field>
141	<v-date-picker	141	<v-date-picker
142	ref="picker"	142	ref="picker"
143	v-model="editedItem.dob"	143	v-model="editedItem.dob"
144	:max="new Date().toISOString().substr(0, 10)"	144	:max="new Date().toISOString().substr(0, 10)"
145	min="1950-01-01"	145	min="1950-01-01"
146	@input="menu1 = false"	146	@input="menu1 = false"
147	></v-date-picker>	147	></v-date-picker>
148	</v-menu>	148	</v-menu>
149	</v-flex>	149	</v-flex>
150	</v-layout>	150	</v-layout>
151	</v-flex>	151	</v-flex>
152	<v-flex xs12 sm4>	152	<v-flex xs12 sm4>
153	<v-layout>	153	<v-layout>
154	<v-flex xs4 class="pt-4 subheading">	154	<v-flex xs4 class="pt-4 subheading">
155	<label class="right">City:</label>	155	<label class="right">City:</label>
156	</v-flex>	156	</v-flex>
157	<v-flex xs8 class="ml-3">	157	<v-flex xs8 class="ml-3">
158	<v-text-field	158	<v-text-field
159	v-model="editedItem.city"	159	v-model="editedItem.city"
160	placeholder="fill your City Name"	160	placeholder="fill your City Name"
161	name="City"	161	name="City"
162	type="text"	162	type="text"
163	required	163	required
164	></v-text-field>	164	></v-text-field>
165	</v-flex>	165	</v-flex>
166	</v-layout>	166	</v-layout>
167	</v-flex>	167	</v-flex>
168	</v-layout>	168	</v-layout>
169	<v-layout wrap>	169	<v-layout wrap>
170	<v-flex xs12 sm4>	170	<v-flex xs12 sm4>
171	<v-layout>	171	<v-layout>
172	<v-flex xs4 class="pt-4 subheading">	172	<v-flex xs4 class="pt-4 subheading">
173	<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>	173	<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
174	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>	174	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>
175	</v-flex>	175	</v-flex>
176	<v-flex xs8 class="ml-3">	176	<v-flex xs8 class="ml-3">
177	<v-text-field	177	<v-text-field
178	v-model="editedItem.bloodGroup"	178	v-model="editedItem.bloodGroup"
179	placeholder="fill your BloodGroup"	179	placeholder="fill your BloodGroup"
180	name="state"	180	name="state"
181	type="text"	181	type="text"
182	required	182	required
183	></v-text-field>	183	></v-text-field>
184	</v-flex>	184	</v-flex>
185	</v-layout>	185	</v-layout>
186	</v-flex>	186	</v-flex>
187	<v-flex xs12 sm4>	187	<v-flex xs12 sm4>
188	<v-layout>	188	<v-layout>
189	<v-flex xs4 class="pt-4 subheading">	189	<v-flex xs4 class="pt-4 subheading">
190	<label class="right">Gender:</label>	190	<label class="right">Gender:</label>
191	</v-flex>	191	</v-flex>
192	<v-flex xs8 class="ml-3">	192	<v-flex xs8 class="ml-3">
193	<v-select	193	<v-select
194	:items="gender"	194	:items="gender"
195	v-model="editedItem.gender"	195	v-model="editedItem.gender"
196	placeholder="Select Gender"	196	placeholder="Select Gender"
197	required	197	required
198	></v-select>	198	></v-select>
199	</v-flex>	199	</v-flex>
200	</v-layout>	200	</v-layout>
201	</v-flex>	201	</v-flex>
202	<v-flex xs12 sm4>	202	<v-flex xs12 sm4>
203	<v-layout>	203	<v-layout>
204	<v-flex xs4 class="pt-4 subheading">	204	<v-flex xs4 class="pt-4 subheading">
205	<label class="right">Medical Notes:</label>	205	<label class="right">Medical Notes:</label>
206	</v-flex>	206	</v-flex>
207	<v-flex xs8 class="ml-3">	207	<v-flex xs8 class="ml-3">
208	<v-text-field	208	<v-text-field
209	v-model="editedItem.medicalNotes"	209	v-model="editedItem.medicalNotes"
210	placeholder="fill your medicalNotes"	210	placeholder="fill your medicalNotes"
211	required	211	required
212	></v-text-field>	212	></v-text-field>
213	</v-flex>	213	</v-flex>
214	</v-layout>	214	</v-layout>
215	</v-flex>	215	</v-flex>
216	</v-layout>	216	</v-layout>
217	<v-layout wrap>	217	<v-layout wrap>
218	<v-flex xs12 sm4>	218	<v-flex xs12 sm4>
219	<v-layout>	219	<v-layout>
220	<v-flex xs4 class="pt-4 subheading">	220	<v-flex xs4 class="pt-4 subheading">
221	<label class="right">Height:</label>	221	<label class="right">Height:</label>
222	</v-flex>	222	</v-flex>
223	<v-flex xs8 class="ml-3">	223	<v-flex xs8 class="ml-3">
224	<v-text-field	224	<v-text-field
225	v-model="editedItem.height"	225	v-model="editedItem.height"
226	placeholder="fill your Height"	226	placeholder="fill your Height"
227	name="state"	227	name="state"
228	type="text"	228	type="text"
229	required	229	required
230	></v-text-field>	230	></v-text-field>
231	</v-flex>	231	</v-flex>
232	</v-layout>	232	</v-layout>
233	</v-flex>	233	</v-flex>
234	<v-flex xs12 sm4>	234	<v-flex xs12 sm4>
235	<v-layout>	235	<v-layout>
236	<v-flex xs4 class="pt-4 subheading">	236	<v-flex xs4 class="pt-4 subheading">
237	<label class="right">Weight:</label>	237	<label class="right">Weight:</label>
238	</v-flex>	238	</v-flex>
239	<v-flex xs8 class="ml-3">	239	<v-flex xs8 class="ml-3">
240	<v-text-field	240	<v-text-field
241	v-model="editedItem.weight"	241	v-model="editedItem.weight"
242	placeholder="fill your Weight"	242	placeholder="fill your Weight"
243	name="pincode"	243	name="pincode"
244	required	244	required
245	></v-text-field>	245	></v-text-field>
246	</v-flex>	246	</v-flex>
247	</v-layout>	247	</v-layout>
248	</v-flex>	248	</v-flex>
249	<v-flex xs12 sm4>	249	<v-flex xs12 sm4>
250	<v-layout>	250	<v-layout>
251	<v-flex xs4 class="pt-4 subheading">	251	<v-flex xs4 class="pt-4 subheading">
252	<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>	252	<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
253	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>	253	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
254	</v-flex>	254	</v-flex>
255	<v-flex xs8 class="ml-3">	255	<v-flex xs8 class="ml-3">
256	<v-text-field	256	<v-text-field
257	label="Select Image"	257	label="Select Image"
258	@click="pickEditFile"	258	@click="pickEditFile"
259	v-model="editImageName"	259	v-model="editImageName"
260	append-icon="attach_file"	260	append-icon="attach_file"
261	></v-text-field>	261	></v-text-field>
262	</v-flex>	262	</v-flex>
263	</v-layout>	263	</v-layout>
264	</v-flex>	264	</v-flex>
265	</v-layout>	265	</v-layout>
266	<v-layout wrap>	266	<v-layout wrap>
267	<v-flex xs12 sm4>	267	<v-flex xs12 sm4>
268	<v-layout>	268	<v-layout>
269	<v-flex xs4 class="pt-4 subheading">	269	<v-flex xs4 class="pt-4 subheading">
270	<label class="right">State:</label>	270	<label class="right">State:</label>
271	</v-flex>	271	</v-flex>
272	<v-flex xs8 class="ml-3">	272	<v-flex xs8 class="ml-3">
273	<v-text-field	273	<v-text-field
274	v-model="editedItem.state"	274	v-model="editedItem.state"
275	placeholder="fill your State Name"	275	placeholder="fill your State Name"
276	name="state"	276	name="state"
277	type="text"	277	type="text"
278	required	278	required
279	></v-text-field>	279	></v-text-field>
280	</v-flex>	280	</v-flex>
281	</v-layout>	281	</v-layout>
282	</v-flex>	282	</v-flex>
283	<v-flex xs12 sm4>	283	<v-flex xs12 sm4>
284	<v-layout>	284	<v-layout>
285	<v-flex xs4 class="pt-4 subheading">	285	<v-flex xs4 class="pt-4 subheading">
286	<label class="right">Pincode:</label>	286	<label class="right">Pincode:</label>
287	</v-flex>	287	</v-flex>
288	<v-flex xs8 class="ml-3">	288	<v-flex xs8 class="ml-3">
289	<v-text-field	289	<v-text-field
290	v-model="editedItem.pincode"	290	v-model="editedItem.pincode"
291	placeholder="fill your pincode"	291	placeholder="fill your pincode"
292	name="pincode"	292	name="pincode"
293	type="number"	293	type="number"
294	required	294	required
295	></v-text-field>	295	></v-text-field>
296	</v-flex>	296	</v-flex>
297	</v-layout>	297	</v-layout>
298	</v-flex>	298	</v-flex>
299	<v-flex xs12 sm4>	299	<v-flex xs12 sm4>
300	<v-layout>	300	<v-layout>
301	<v-flex xs4 class="pt-4 subheading">	301	<v-flex xs4 class="pt-4 subheading">
302	<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>	302	<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
303	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>	303	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
304	</v-flex>	304	</v-flex>
305	<v-flex xs8 class="ml-3">	305	<v-flex xs8 class="ml-3">
306	<v-text-field	306	<v-text-field
307	v-model="editedItem.mobile"	307	v-model="editedItem.mobile"
308	placeholder="fill your MobileNo"	308	placeholder="fill your MobileNo"
309	name="mobileNo"	309	name="mobileNo"
310	type="number"	310	type="number"
311	required	311	required
312	></v-text-field>	312	></v-text-field>
313	</v-flex>	313	</v-flex>
314	</v-layout>	314	</v-layout>
315	</v-flex>	315	</v-flex>
316	</v-layout>	316	</v-layout>
317	<v-layout wrap>	317	<v-layout wrap>
318	<v-flex xs12 sm4>	318	<v-flex xs12 sm4>
319	<v-layout>	319	<v-layout>
320	<v-flex xs4 class="pt-4 subheading">	320	<v-flex xs4 class="pt-4 subheading">
321	<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>	321	<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
322	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>	322	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
323	</v-flex>	323	</v-flex>
324	<v-flex xs8 class="ml-3">	324	<v-flex xs8 class="ml-3">
325	<v-autocomplete	325	<v-autocomplete
326	v-model="editedItem.country"	326	v-model="editedItem.country"
327	:items="countries"	327	:items="countries"
328	placeholder="Select Country Name"	328	placeholder="Select Country Name"
329	required	329	required
330	></v-autocomplete>	330	></v-autocomplete>
331	</v-flex>	331	</v-flex>
332	</v-layout>	332	</v-layout>
333	</v-flex>	333	</v-flex>
334	<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">	334	<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
335	<v-layout>	335	<v-layout>
336	<v-flex xs4 class="pt-4 subheading">	336	<v-flex xs4 class="pt-4 subheading">
337	<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>	337	<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
338	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>	338	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
339	</v-flex>	339	</v-flex>
340	<v-flex xs8 class="ml-3">	340	<v-flex xs8 class="ml-3">
341	<v-text-field	341	<v-text-field
342	v-model="editedItem.rollNo"	342	v-model="editedItem.rollNo"
343	placeholder="fill roll number"	343	placeholder="fill roll number"
344	required	344	required
345	></v-text-field>	345	></v-text-field>
346	</v-flex>	346	</v-flex>
347	</v-layout>	347	</v-layout>
348	</v-flex>	348	</v-flex>
349	<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">	349	<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
350	<v-layout>	350	<v-layout>
351	<v-flex xs4 sm4 class="pt-4 subheading">	351	<v-flex xs4 sm4 class="pt-4 subheading">
352	<label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>	352	<label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>
353	<label	353	<label
354	class="right hidden-lg-only hidden-md-only hidden-xl-only"	354	class="right hidden-lg-only hidden-md-only hidden-xl-only"
355	>Permanent Address:</label>	355	>Permanent Address:</label>
356	</v-flex>	356	</v-flex>
357	<v-flex xs12 sm8 class="ml-3">	357	<v-flex xs12 sm8 class="ml-3">
358	<v-text-field	358	<v-text-field
359	v-model="editedItem.permanentAddress"	359	v-model="editedItem.permanentAddress"
360	placeholder="fill Your Permanent Address"	360	placeholder="fill Your Permanent Address"
361	required	361	required
362	></v-text-field>	362	></v-text-field>
363	</v-flex>	363	</v-flex>
364	</v-layout>	364	</v-layout>
365	</v-flex>	365	</v-flex>
366	</v-layout>	366	</v-layout>
367	<v-layout class="hidden-xs-only hidden-sm-only" >	367	<v-layout class="hidden-xs-only hidden-sm-only" >
368	<v-flex xs12 sm4>	368	<v-flex xs12 sm4>
369	<v-layout>	369	<v-layout>
370	<v-flex xs4 class="pt-4 subheading">	370	<v-flex xs4 class="pt-4 subheading">
371	<label class="right hidden-xs-only hidden-sm-only">Present Address:</label>	371	<label class="right hidden-xs-only hidden-sm-only">Present Address:</label>
372	<label	372	<label
373	class="right hidden-lg-only hidden-md-only hidden-xl-only"	373	class="right hidden-lg-only hidden-md-only hidden-xl-only"
374	>Present Address:</label>	374	>Present Address:</label>
375	</v-flex>	375	</v-flex>
376	<v-flex xs8 class="ml-3">	376	<v-flex xs8 class="ml-3">
377	<v-text-field	377	<v-text-field
378	v-model="editedItem.presentAddress"	378	v-model="editedItem.presentAddress"
379	placeholder="Select Country Name"	379	placeholder="Select Country Name"
380	required	380	required
381	></v-text-field>	381	></v-text-field>
382	</v-flex>	382	</v-flex>
383	</v-layout>	383	</v-layout>
384	</v-flex>	384	</v-flex>
385	</v-layout>	385	</v-layout>
386	<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>	386	<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
387	<v-flex xs12 sm12>	387	<v-flex xs12 sm12>
388	<v-layout>	388	<v-layout>
389	<v-flex xs4 class="pt-4 subheading">	389	<v-flex xs4 class="pt-4 subheading">
390	<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>	390	<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
391	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>	391	<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
392	</v-flex>	392	</v-flex>
393	<v-flex xs8 class="ml-3">	393	<v-flex xs8 class="ml-3">
394	<v-text-field	394	<v-text-field
395	v-model="editedItem.rollNo"	395	v-model="editedItem.rollNo"
396	placeholder="fill roll number"	396	placeholder="fill roll number"
397	required	397	required
398	></v-text-field>	398	></v-text-field>
399	</v-flex>	399	</v-flex>
400	</v-layout>	400	</v-layout>
401	</v-flex>	401	</v-flex>
402	</v-layout>	402	</v-layout>
403	<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>	403	<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
404	<v-flex xs12 sm12>	404	<v-flex xs12 sm12>
405	<v-layout>	405	<v-layout>
406	<v-flex xs12 sm3 class="pt-4 subheading text-xs-center">	406	<v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
407	<label class>Present Address :</label>	407	<label class>Present Address :</label>
408	</v-flex>	408	</v-flex>
409	</v-layout>	409	</v-layout>
410	<v-layout>	410	<v-layout>
411	<v-flex xs12 sm12>	411	<v-flex xs12 sm12>
412	<v-textarea	412	<v-textarea
413	v-model="editedItem.presentAddress"	413	v-model="editedItem.presentAddress"
414	placeholder="fill Your present Address"	414	placeholder="fill Your present Address"
415	required	415	required
416	></v-textarea>	416	></v-textarea>
417	</v-flex>	417	</v-flex>
418	</v-layout>	418	</v-layout>
419	</v-flex>	419	</v-flex>
420	<v-flex xs12 sm12>	420	<v-flex xs12 sm12>
421	<v-layout>	421	<v-layout>
422	<v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">	422	<v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
423	<label>Permanent addr:</label>	423	<label>Permanent addr:</label>
424	</v-flex>	424	</v-flex>
425	</v-layout>	425	</v-layout>
426	<v-layout>	426	<v-layout>
427	<v-flex xs12 sm12>	427	<v-flex xs12 sm12>
428	<v-textarea	428	<v-textarea
429	name="input-4-3"	429	name="input-4-3"
430	v-model="editedItem.permanentAddress"	430	v-model="editedItem.permanentAddress"
431	placeholder="fill Your Permanent Address"	431	placeholder="fill Your Permanent Address"
432	required	432	required
433	></v-textarea>	433	></v-textarea>
434	</v-flex>	434	</v-flex>
435	</v-layout>	435	</v-layout>
436	</v-flex>	436	</v-flex>
437	</v-layout>	437	</v-layout>
438	<v-layout>	438	<v-layout>
439	<v-flex xs12 sm12>	439	<v-flex xs12 sm12>
440	<v-layout class="right">	440	<v-layout class="right">
441	<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>	441	<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
442	</v-layout>	442	</v-layout>
443	</v-flex>	443	</v-flex>
444	</v-layout>	444	</v-layout>
445	</v-container>	445	</v-container>
446	</v-form>	446	</v-form>
447	</v-card-text>	447	</v-card-text>
448	</v-card>	448	</v-card>
449	</v-dialog>	449	</v-dialog>
450		450
451	<!-- **** PROFILE VIEW STUDENTS DEATILS **** -->	451	<!-- **** PROFILE VIEW STUDENTS DEATILS **** -->
452		452
453	<v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>	453	<v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>
454	<v-card flat class="card-style pa-3" dark>	454	<v-card flat class="card-style pa-3" dark>
455	<v-layout>	455	<v-layout>
456	<v-flex xs12>	456	<v-flex xs12>
457	<label class="title text-xs-center">View Student</label>	457	<label class="title text-xs-center">View Student Details</label>
458	<v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>	458	<v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
459	</v-flex>	459	</v-flex>
460	</v-layout>	460	</v-layout>
461	<v-card-text>	461	<v-card-text>
462	<v-flex align-center justify-center layout text-xs-center class="mt-3">	462	<v-flex align-center justify-center layout text-xs-center class="mt-3">
463	<v-avatar size="100px">	463	<v-avatar size="100px">
464	<img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />	464	<img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
465	<img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />	465	<img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
466	</v-avatar>	466	</v-avatar>
467	</v-flex>	467	</v-flex>
468	<v-container grid-list-md>	468	<v-container grid-list-md>
469	<v-layout wrap>	469	<v-layout wrap>
470	<v-flex xs12 sm5>	470	<v-flex xs12 sm5>
471	<v-layout>	471	<v-layout>
472	<v-flex xs6 sm6>	472	<v-flex xs6 sm6>
473	<h5 class="right my-1">	473	<h5 class="right my-1">
474	<b>Full Name:</b>	474	<b>Full Name:</b>
475	</h5>	475	</h5>
476	</v-flex>	476	</v-flex>
477	<v-flex sm6 xs6>	477	<v-flex sm6 xs6>
478	<h5 class="my-1 left">{{ editedItem.name }}</h5>	478	<h5 class="my-1 left">{{ editedItem.name }}</h5>
479	</v-flex>	479	</v-flex>
480	</v-layout>	480	</v-layout>
481	</v-flex>	481	</v-flex>
482	<v-flex xs12 sm7>	482	<v-flex xs12 sm7>
483	<v-layout>	483	<v-layout>
484	<v-flex xs6 sm4>	484	<v-flex xs6 sm4>
485	<h5 class="right my-1">	485	<h5 class="right my-1">
486	<b>Email:</b>	486	<b>Email:</b>
487	</h5>	487	</h5>
488	</v-flex>	488	</v-flex>
489	<v-flex sm8 xs6>	489	<v-flex sm8 xs6>
490	<h5 class="my-1 left">{{ editedItem.email }}</h5>	490	<h5 class="my-1 left">{{ editedItem.email }}</h5>
491	</v-flex>	491	</v-flex>
492	</v-layout>	492	</v-layout>
493	</v-flex>	493	</v-flex>
494	</v-layout>	494	</v-layout>
495	<v-layout wrap>	495	<v-layout wrap>
496	<v-flex xs12 sm5>	496	<v-flex xs12 sm5>
497	<v-layout>	497	<v-layout>
498	<v-flex xs6 sm6>	498	<v-flex xs6 sm6>
499	<b>	499	<b>
500	<h5 class="right my-1">	500	<h5 class="right my-1">
501	<b>Gender:</b>	501	<b>Gender:</b>
502	</h5>	502	</h5>
503	</b>	503	</b>
504	</v-flex>	504	</v-flex>
505	<v-flex sm6 xs6>	505	<v-flex sm6 xs6>
506	<h5 class="my-1 left">{{ editedItem.gender }}</h5>	506	<h5 class="my-1 left">{{ editedItem.gender }}</h5>
507	</v-flex>	507	</v-flex>
508	</v-layout>	508	</v-layout>
509	</v-flex>	509	</v-flex>
510	<v-flex xs12 sm7>	510	<v-flex xs12 sm7>
511	<v-layout>	511	<v-layout>
512	<v-flex xs6 sm4>	512	<v-flex xs6 sm4>
513	<b>	513	<b>
514	<h5 class="right my-1">	514	<h5 class="right my-1">
515	<b>D.O.B:</b>	515	<b>D.O.B:</b>
516	</h5>	516	</h5>
517	</b>	517	</b>
518	</v-flex>	518	</v-flex>
519	<v-flex sm8 xs6>	519	<v-flex sm8 xs6>
520	<h5 class="my-1">{{ dates(editedItem.dob) }}</h5>	520	<h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
521	</v-flex>	521	</v-flex>
522	</v-layout>	522	</v-layout>
523	</v-flex>	523	</v-flex>
524	</v-layout>	524	</v-layout>
525	<v-layout wrap>	525	<v-layout wrap>
526	<v-flex xs12 sm5>	526	<v-flex xs12 sm5>
527	<v-layout>	527	<v-layout>
528	<v-flex xs6 sm6>	528	<v-flex xs6 sm6>
529	<b>	529	<b>
530	<h5 class="right my-1">	530	<h5 class="right my-1">
531	<b>BloodGroup:</b>	531	<b>BloodGroup:</b>
532	</h5>	532	</h5>
533	</b>	533	</b>
534	</v-flex>	534	</v-flex>
535	<v-flex sm6 xs6>	535	<v-flex sm6 xs6>
536	<h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>	536	<h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
537	</v-flex>	537	</v-flex>
538	</v-layout>	538	</v-layout>
539	</v-flex>	539	</v-flex>
540	<v-flex xs12 sm7>	540	<v-flex xs12 sm7>
541	<v-layout>	541	<v-layout>
542	<v-flex xs6 sm4>	542	<v-flex xs6 sm4>
543	<b>	543	<b>
544	<h5 class="right my-1">	544	<h5 class="right my-1">
545	<b>Roll No. :</b>	545	<b>Roll No. :</b>
546	</h5>	546	</h5>
547	</b>	547	</b>
548	</v-flex>	548	</v-flex>
549	<v-flex sm8 xs6>	549	<v-flex sm8 xs6>
550	<h5 class="my-1">{{ editedItem.rollNo }}</h5>	550	<h5 class="my-1">{{ editedItem.rollNo }}</h5>
551	</v-flex>	551	</v-flex>
552	</v-layout>	552	</v-layout>
553	</v-flex>	553	</v-flex>
554	</v-layout>	554	</v-layout>
555	<v-layout wrap>	555	<v-layout wrap>
556	<v-flex xs12 sm5>	556	<v-flex xs12 sm5>
557	<v-layout>	557	<v-layout>
558	<v-flex xs6 sm6>	558	<v-flex xs6 sm6>
559	<b>	559	<b>
560	<h5 class="right my-1">	560	<h5 class="right my-1">
561	<b>Height:</b>	561	<b>Height:</b>
562	</h5>	562	</h5>
563	</b>	563	</b>
564	</v-flex>	564	</v-flex>
565	<v-flex sm6 xs6>	565	<v-flex sm6 xs6>
566	<h5 class="my-1 left">{{ editedItem.height }}</h5>	566	<h5 class="my-1 left">{{ editedItem.height }}</h5>
567	</v-flex>	567	</v-flex>
568	</v-layout>	568	</v-layout>
569	</v-flex>	569	</v-flex>
570	<v-flex xs12 sm7>	570	<v-flex xs12 sm7>
571	<v-layout>	571	<v-layout>
572	<v-flex xs6 sm4>	572	<v-flex xs6 sm4>
573	<b>	573	<b>
574	<h5 class="right my-1">	574	<h5 class="right my-1">
575	<b>Weight:</b>	575	<b>Weight:</b>
576	</h5>	576	</h5>
577	</b>	577	</b>
578	</v-flex>	578	</v-flex>
579	<v-flex sm8 xs6>	579	<v-flex sm8 xs6>
580	<h5 class="my-1">{{ editedItem.weight }}</h5>	580	<h5 class="my-1">{{ editedItem.weight }}</h5>
581	</v-flex>	581	</v-flex>
582	</v-layout>	582	</v-layout>
583	</v-flex>	583	</v-flex>
584	</v-layout>	584	</v-layout>
585	<v-layout wrap>	585	<v-layout wrap>
586	<v-flex xs12 sm5>	586	<v-flex xs12 sm5>
587	<v-layout>	587	<v-layout>
588	<v-flex xs6 sm6>	588	<v-flex xs6 sm6>
589	<b>	589	<b>
590	<h5 class="right my-1">	590	<h5 class="right my-1">
591	<b>City:</b>	591	<b>City:</b>
592	</h5>	592	</h5>
593	</b>	593	</b>
594	</v-flex>	594	</v-flex>
595	<v-flex sm6 xs6>	595	<v-flex sm6 xs6>
596	<h5 class="my-1 left">{{ editedItem.city }}</h5>	596	<h5 class="my-1 left">{{ editedItem.city }}</h5>
597	</v-flex>	597	</v-flex>
598	</v-layout>	598	</v-layout>
599	</v-flex>	599	</v-flex>
600	<v-flex xs12 sm7>	600	<v-flex xs12 sm7>
601	<v-layout>	601	<v-layout>
602	<v-flex xs6 sm4>	602	<v-flex xs6 sm4>
603	<b>	603	<b>
604	<h5 class="right my-1">	604	<h5 class="right my-1">
605	<b>State:</b>	605	<b>State:</b>
606	</h5>	606	</h5>
607	</b>	607	</b>
608	</v-flex>	608	</v-flex>
609	<v-flex sm8 xs6>	609	<v-flex sm8 xs6>
610	<h5 class="my-1">{{ editedItem.state }}</h5>	610	<h5 class="my-1">{{ editedItem.state }}</h5>
611	</v-flex>	611	</v-flex>
612	</v-layout>	612	</v-layout>
613	</v-flex>	613	</v-flex>
614	</v-layout>	614	</v-layout>
615	<v-layout wrap>	615	<v-layout wrap>
616	<v-flex xs12 sm5>	616	<v-flex xs12 sm5>
617	<v-layout>	617	<v-layout>
618	<v-flex xs6 sm6>	618	<v-flex xs6 sm6>
619	<b>	619	<b>
620	<h5 class="right my-1">	620	<h5 class="right my-1">
621	<b>Pincode:</b>	621	<b>Pincode:</b>
622	</h5>	622	</h5>
623	</b>	623	</b>
624	</v-flex>	624	</v-flex>
625	<v-flex sm6 xs6>	625	<v-flex sm6 xs6>
626	<h5 class="my-1">{{ editedItem.pincode }}</h5>	626	<h5 class="my-1">{{ editedItem.pincode }}</h5>
627	</v-flex>	627	</v-flex>
628	</v-layout>	628	</v-layout>
629	</v-flex>	629	</v-flex>
630	<v-flex xs12 sm7>	630	<v-flex xs12 sm7>
631	<v-layout>	631	<v-layout>
632	<v-flex xs6 sm4>	632	<v-flex xs6 sm4>
633	<b>	633	<b>
634	<h5 class="right my-1">	634	<h5 class="right my-1">
635	<b>Country:</b>	635	<b>Country:</b>
636	</h5>	636	</h5>
637	</b>	637	</b>
638	</v-flex>	638	</v-flex>
639	<v-flex sm7 xs6>	639	<v-flex sm7 xs6>
640	<h5 class="my-1">{{ editedItem.country }}</h5>	640	<h5 class="my-1">{{ editedItem.country }}</h5>
641	</v-flex>	641	</v-flex>
642	</v-layout>	642	</v-layout>
643	</v-flex>	643	</v-flex>
644	</v-layout>	644	</v-layout>
645	<v-layout wrap>	645	<v-layout wrap>
646	<v-flex xs12 sm5>	646	<v-flex xs12 sm5>
647	<v-layout>	647	<v-layout>
648	<v-flex sm6 xs6>	648	<v-flex sm6 xs6>
649	<b>	649	<b>
650	<h5 class="right my-1">	650	<h5 class="right my-1">
651	<b>Mobile No:</b>	651	<b>Mobile No:</b>
652	</h5>	652	</h5>
653	</b>	653	</b>
654	</v-flex>	654	</v-flex>
655	<v-flex sm6 xs6>	655	<v-flex sm6 xs6>
656	<h5 class="my-1">{{ editedItem.mobile }}</h5>	656	<h5 class="my-1">{{ editedItem.mobile }}</h5>
657	</v-flex>	657	</v-flex>
658	</v-layout>	658	</v-layout>
659	</v-flex>	659	</v-flex>
660	<v-flex xs12 sm7>	660	<v-flex xs12 sm7>
661	<v-layout>	661	<v-layout>
662	<v-flex xs6 sm4>	662	<v-flex xs6 sm4>
663	<b>	663	<b>
664	<h5 class="right my-1">	664	<h5 class="right my-1">
665	<b>FahterName:</b>	665	<b>FahterName:</b>
666	</h5>	666	</h5>
667	</b>	667	</b>
668	</v-flex>	668	</v-flex>
669	<v-flex sm8 xs6>	669	<v-flex sm8 xs6>
670	<h5 class="my-1">{{ editedItem.fatherName }}</h5>	670	<h5 class="my-1">{{ editedItem.fatherName }}</h5>
671	</v-flex>	671	</v-flex>
672	</v-layout>	672	</v-layout>
673	</v-flex>	673	</v-flex>
674	</v-layout>	674	</v-layout>
675	<v-layout wrap>	675	<v-layout wrap>
676	<v-flex xs12 sm5>	676	<v-flex xs12 sm5>
677	<v-layout>	677	<v-layout>
678	<v-flex xs6 sm6>	678	<v-flex xs6 sm6>
679	<b>	679	<b>
680	<h5 class="right my-1">	680	<h5 class="right my-1">
681	<b>MotherName:</b>	681	<b>MotherName:</b>
682	</h5>	682	</h5>
683	</b>	683	</b>
684	</v-flex>	684	</v-flex>
685	<v-flex sm6 xs6>	685	<v-flex sm6 xs6>
686	<h5 class="my-1">{{ editedItem.motherName }}</h5>	686	<h5 class="my-1">{{ editedItem.motherName }}</h5>
687	</v-flex>	687	</v-flex>
688	</v-layout>	688	</v-layout>
689	</v-flex>	689	</v-flex>
690	<v-flex xs12 sm7>	690	<v-flex xs12 sm7>
691	<v-layout>	691	<v-layout>
692	<v-flex xs6 sm4>	692	<v-flex xs6 sm4>
693	<b>	693	<b>
694	<h5 class="right my-1">	694	<h5 class="right my-1">
695	<b>FatherCellNo:</b>	695	<b>FatherCellNo:</b>
696	</h5>	696	</h5>
697	</b>	697	</b>
698	</v-flex>	698	</v-flex>
699	<v-flex sm6 xs6>	699	<v-flex sm6 xs6>
700	<h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>	700	<h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
701	</v-flex>	701	</v-flex>
702	</v-layout>	702	</v-layout>
703	</v-flex>	703	</v-flex>
704	</v-layout>	704	</v-layout>
705	<v-layout wrap>	705	<v-layout wrap>
706	<v-flex xs12 sm5>	706	<v-flex xs12 sm5>
707	<v-layout>	707	<v-layout>
708	<v-flex xs6 sm6>	708	<v-flex xs6 sm6>
709	<b>	709	<b>
710	<h5 class="right my-1">	710	<h5 class="right my-1">
711	<b>MotherCellNo:</b>	711	<b>MotherCellNo:</b>
712	</h5>	712	</h5>
713	</b>	713	</b>
714	</v-flex>	714	</v-flex>
715	<v-flex sm6 xs6>	715	<v-flex sm6 xs6>
716	<h5 class="my-1">{{ editedItem.motherCellNo }}</h5>	716	<h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
717	</v-flex>	717	</v-flex>
718	</v-layout>	718	</v-layout>
719	</v-flex>	719	</v-flex>
720	<v-flex xs12 sm7>	720	<v-flex xs12 sm7>
721	<v-layout>	721	<v-layout>
722	<v-flex xs6 sm4>	722	<v-flex xs6 sm4>
723	<b>	723	<b>
724	<h5 class="my-1 right">	724	<h5 class="my-1 right">
725	<b>AcademicYear:</b>	725	<b>AcademicYear:</b>
726	</h5>	726	</h5>
727	</b>	727	</b>
728	</v-flex>	728	</v-flex>
729	<v-flex sm5 xs8>	729	<v-flex sm5 xs8>
730	<h5 class="my-1">{{ editedItem.establishmentYear }}</h5>	730	<h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
731	</v-flex>	731	</v-flex>
732	</v-layout>	732	</v-layout>
733	</v-flex>	733	</v-flex>
734	</v-layout>	734	</v-layout>
735	<v-layout wrap>	735	<v-layout wrap>
736	<v-flex xs12 sm5>	736	<v-flex xs12 sm5>
737	<v-layout>	737	<v-layout>
738	<v-flex xs6 sm6>	738	<v-flex xs6 sm6>
739	<b>	739	<b>
740	<h5 class="my-1 right">	740	<h5 class="my-1 right">
741	<b>MedicalNotes:</b>	741	<b>MedicalNotes:</b>
742	</h5>	742	</h5>
743	</b>	743	</b>
744	</v-flex>	744	</v-flex>
745	<v-flex sm5 xs6>	745	<v-flex sm5 xs6>
746	<h5 class="my-1">{{ editedItem.medicalNotes }}</h5>	746	<h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
747	</v-flex>	747	</v-flex>
748	</v-layout>	748	</v-layout>
749	</v-flex>	749	</v-flex>
750	<v-flex xs12 sm7 class="hidden-xs-only">	750	<v-flex xs12 sm7 class="hidden-xs-only">
751	<v-layout wrap>	751	<v-layout wrap>
752	<v-flex sm4>	752	<v-flex sm4>
753	<b>	753	<b>
754	<h5 class="my-1 right">	754	<h5 class="my-1 right">
755	<b>present Address:</b>	755	<b>present Address:</b>
756	</h5>	756	</h5>
757	</b>	757	</b>
758	</v-flex>	758	</v-flex>
759	<v-flex sm8>	759	<v-flex sm8>
760	<h5 class="my-1">{{ editedItem.presentAddress }}</h5>	760	<h5 class="my-1">{{ editedItem.presentAddress }}</h5>
761	</v-flex>	761	</v-flex>
762	</v-layout>	762	</v-layout>
763	</v-flex>	763	</v-flex>
764	<v-flex sm6 class="hidden-xs-only">	764	<v-flex sm6 class="hidden-xs-only">
765	<v-layout wrap>	765	<v-layout wrap>
766	<v-flex sm5>	766	<v-flex sm5>
767	<b>	767	<b>
768	<h5 class="my-1 right">	768	<h5 class="my-1 right">
769	<b>Permanent Address:</b>	769	<b>Permanent Address:</b>
770	</h5>	770	</h5>
771	</b>	771	</b>
772	</v-flex>	772	</v-flex>
773	<v-flex sm7>	773	<v-flex sm7>
774	<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>	774	<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
775	</v-flex>	775	</v-flex>
776	</v-layout>	776	</v-layout>
777	</v-flex>	777	</v-flex>
778	</v-layout>	778	</v-layout>
779	<v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">	779	<v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">
780	<v-flex xs12 sm5>	780	<v-flex xs12 sm5>
781	<v-layout wrap>	781	<v-layout wrap>
782	<v-flex xs12 sm6>	782	<v-flex xs12 sm6>
783	<b>	783	<b>
784	<h5 class="my-1">	784	<h5 class="my-1">
785	<b>present Address:-</b>	785	<b>present Address:-</b>
786	</h5>	786	</h5>
787	</b>	787	</b>
788	</v-flex>	788	</v-flex>
789	<v-flex sm5 xs12>	789	<v-flex sm5 xs12>
790	<h5 class="my-1">{{ editedItem.presentAddress }}</h5>	790	<h5 class="my-1">{{ editedItem.presentAddress }}</h5>
791	</v-flex>	791	</v-flex>
792	</v-layout>	792	</v-layout>
793	</v-flex>	793	</v-flex>
794	<v-flex xs12 sm6>	794	<v-flex xs12 sm6>
795	<v-layout wrap>	795	<v-layout wrap>
796	<v-flex xs12 sm6>	796	<v-flex xs12 sm6>
797	<b>	797	<b>
798	<h5 class="my-1">	798	<h5 class="my-1">
799	<b>Permanent Address:-</b>	799	<b>Permanent Address:-</b>
800	</h5>	800	</h5>
801	</b>	801	</b>
802	</v-flex>	802	</v-flex>
803	<v-flex sm6 xs12>	803	<v-flex sm6 xs12>
804	<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>	804	<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
805	</v-flex>	805	</v-flex>
806	</v-layout>	806	</v-layout>
807	</v-flex>	807	</v-flex>
808	</v-layout>	808	</v-layout>
809	</v-container>	809	</v-container>
810	</v-card-text>	810	</v-card-text>
811	</v-card>	811	</v-card>
812	</v-dialog>	812	</v-dialog>
813		813
814	<!-- **** STUDENTS TABLE **** -->	814	<!-- **** STUDENTS TABLE **** -->
815	<v-toolbar color="transparent" flat>	815	<v-toolbar color="transparent" flat>
816	<v-btn	816	<v-btn
817	fab	817	fab
818	dark	818	dark
819	class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"	819	class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
820	small	820	small
821	@click="addStudentDialog = true"	821	@click="addStudentDialog = true"
822	>	822	>
823	<v-icon dark>add</v-icon>	823	<v-icon dark>add</v-icon>
824	</v-btn>	824	</v-btn>
825	<v-btn	825	<v-btn
826	round	826	round
827	class="open-dialog-button hidden-sm-only hidden-xs-only"	827	class="open-dialog-button hidden-sm-only hidden-xs-only"
828	dark	828	dark
829	@click="addStudentDialog = true"	829	@click="addStudentDialog = true"
830	>	830	>
831	<v-icon class="white--text pr-1" size="20">add</v-icon>Add Student	831	<v-icon class="white--text pr-1" size="20">add</v-icon>Add Student
832	</v-btn>	832	</v-btn>
833	<v-card-actions class="hidden-xs-only hidden-sm-only">	833	<v-card-actions class="hidden-xs-only hidden-sm-only">
834	<v-flex md13 lg12>	834	<v-flex md13 lg12>
835	<v-layout>	835	<v-layout>
836	<v-flex lg3 md4>	836	<v-flex lg3 md4>
837	<v-select	837	<v-select
838	:items="addclass"	838	:items="addclass"
839	label="Select Class"	839	label="Select Class"
840	v-model="selectStudents.select"	840	v-model="selectStudents.select"
841	item-text="classNum"	841	item-text="classNum"
842	item-value="_id"	842	item-value="_id"
843	name="Select Class"	843	name="Select Class"
844	:rules="classRules"	844	:rules="classRules"
845	@change="getSections(selectStudents.select)"	845	@change="getSections(selectStudents.select)"
846	required	846	required
847	class="ml-2"	847	class="ml-2"
848	></v-select>	848	></v-select>
849	</v-flex>	849	</v-flex>
850	<v-flex lg3 md4 class="ml-2">	850	<v-flex lg3 md4 class="ml-2">
851	<v-layout>	851	<v-layout>
852	<v-select	852	<v-select
853	:items="addSection"	853	:items="addSection"
854	label="Select Section"	854	label="Select Section"
855	v-model="selectStudents.selectSection"	855	v-model="selectStudents.selectSection"
856	item-text="name"	856	item-text="name"
857	item-value="_id"	857	item-value="_id"
858	name="Select Section"	858	name="Select Section"
859	:rules="sectionRules"	859	:rules="sectionRules"
860	required	860	required
861	></v-select>	861	></v-select>
862	</v-layout>	862	</v-layout>
863	</v-flex>	863	</v-flex>
864	</v-layout>	864	</v-layout>
865	</v-flex>	865	</v-flex>
866	</v-card-actions>	866	</v-card-actions>
867	<v-spacer></v-spacer>	867	<v-spacer></v-spacer>
868	<v-btn @click="findStudents()" round dark :loading="loading" class="add-button hidden-xs-only hidden-sm-only">Find</v-btn>	868	<v-btn @click="findStudents()" round dark :loading="loading" class="add-button hidden-xs-only hidden-sm-only">Find</v-btn>
869	<v-card-title class="body-1" v-show="show">	869	<v-card-title class="body-1" v-show="show">
870	<v-btn icon large flat @click="displaySearch">	870	<v-btn icon large flat @click="displaySearch">
871	<v-avatar size="27">	871	<v-avatar size="27">
872	<img src="/static/icon/search.png" alt="icon" />	872	<img src="/static/icon/search.png" alt="icon" />
873	</v-avatar>	873	</v-avatar>
874	</v-btn>	874	</v-btn>
875	</v-card-title>	875	</v-card-title>
876	<v-flex xs8 sm7 lg2 md3 v-show="showSearch">	876	<v-flex xs8 sm7 lg2 md3 v-show="showSearch">
877	<v-layout>	877	<v-layout>
878	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>	878	<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
879	<v-icon @click="closeSearch" color="error">close</v-icon>	879	<v-icon @click="closeSearch" color="error">close</v-icon>
880	</v-layout>	880	</v-layout>
881	</v-flex>	881	</v-flex>
882	</v-toolbar>	882	</v-toolbar>
883	<v-card flat class="elevation-0 transparent">	883	<v-card flat class="elevation-0 transparent">
884	<v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">	884	<v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
885	<v-layout>	885	<v-layout>
886	<v-flex xs4>	886	<v-flex xs4>
887	<label class="right mt-4">Select Class:</label>	887	<label class="right mt-4">Select Class:</label>
888	</v-flex>	888	</v-flex>
889	<v-flex xs8>	889	<v-flex xs8>
890	<v-select	890	<v-select
891	:items="addclass"	891	:items="addclass"
892	label="Select Class"	892	label="Select Class"
893	v-model="selectStudents.select"	893	v-model="selectStudents.select"
894	item-text="classNum"	894	item-text="classNum"
895	item-value="_id"	895	item-value="_id"
896	name="Select Class"	896	name="Select Class"
897	:rules="classRules"	897	:rules="classRules"
898	@change="getSections(selectStudents.select)"	898	@change="getSections(selectStudents.select)"
899	class="px-2"	899	class="px-2"
900	></v-select>	900	></v-select>
901	</v-flex>	901	</v-flex>
902	</v-layout>	902	</v-layout>
903	<v-layout>	903	<v-layout>
904	<v-flex xs4>	904	<v-flex xs4>
905	<label class="right mt-4">Select Section:</label>	905	<label class="right mt-4">Select Section:</label>
906	</v-flex>	906	</v-flex>
907	<v-flex xs8>	907	<v-flex xs8>
908	<v-select	908	<v-select
909	:items="addSection"	909	:items="addSection"
910	label="Select Section"	910	label="Select Section"
911	v-model="selectStudents.selectSection"	911	v-model="selectStudents.selectSection"
912	item-text="name"	912	item-text="name"
913	item-value="_id"	913	item-value="_id"
914	name="Select Section"	914	name="Select Section"
915	:rules="sectionRules"	915	:rules="sectionRules"
916	class="px-2"	916	class="px-2"
917	required	917	required
918	></v-select>	918	></v-select>
919	</v-flex>	919	</v-flex>
920	</v-layout>	920	</v-layout>
921	<v-layout>	921	<v-layout>
922	<v-flex xs5 class="mx-auto mb-2">	922	<v-flex xs5 class="mx-auto mb-2">
923	<v-btn @click="findStudents()" block round dark :loading="loading" class="add-button">Find</v-btn>	923	<v-btn @click="findStudents()" block round dark :loading="loading" class="add-button">Find</v-btn>
924	</v-flex>	924	</v-flex>
925	</v-layout>	925	</v-layout>
926	</v-flex>	926	</v-flex>
927	</v-card>	927	</v-card>
928	<v-data-table	928	<v-data-table
929	:headers="headers"	929	:headers="headers"
930	:items="studentsData"	930	:items="studentsData"
931	:pagination.sync="pagination"	931	:pagination.sync="pagination"
932	:search="search"	932	:search="search"
933	>	933	>
934	<template slot="items" slot-scope="props">	934	<template slot="items" slot-scope="props">
935	<tr class="tr">	935	<tr class="tr">
936	<td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>	936	<td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>
937	<td class="text-xs-center td td-row">	937	<td class="text-xs-center td td-row">
938	<v-avatar size="40">	938	<v-avatar size="40">
939	<img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />	939	<img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
940	<img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />	940	<img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
941	</v-avatar>	941	</v-avatar>
942	</td>	942	</td>
943	<td class="text-xs-center td td-row">{{ props.item.name}}</td>	943	<td class="text-xs-center td td-row">{{ props.item.name}}</td>
944	<td class="text-xs-center td td-row">{{ props.item.gender }}</td>	944	<td class="text-xs-center td td-row">{{ props.item.gender }}</td>
945	<td class="text-xs-center td td-row">{{ props.item.parentId.fatherName }}</td>	945	<td class="text-xs-center td td-row">{{ props.item.parentId.fatherName }}</td>
946	<td class="text-xs-center td td-row">{{ props.item.parentId.motherName }}</td>	946	<td class="text-xs-center td td-row">{{ props.item.parentId.motherName }}</td>
947	<td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>	947	<td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>
948	<td class="text-xs-center td td-row">{{ props.item.mobile}}</td>	948	<td class="text-xs-center td td-row">{{ props.item.mobile}}</td>
949	<td class="text-xs-center td td-row">	949	<td class="text-xs-center td td-row">
950	<v-switch	950	<v-switch
951	class="pl-3"	951	class="pl-3"
952	v-model="props.item.status"	952	v-model="props.item.status"
953	@change="suspendStudentStatus(props.item.status,props.item._id)"	953	@change="suspendStudentStatus(props.item.status,props.item._id)"
954	></v-switch>	954	></v-switch>
955	</td>	955	</td>
956	<td class="text-xs-center td td-row">	956	<td class="text-xs-center td td-row">
957	<span>	957	<span>
958	<v-tooltip top>	958	<v-tooltip top>
959	<img	959	<img
960	slot="activator"	960	slot="activator"
961	style="cursor:pointer; width:25px; height:25px; "	961	style="cursor:pointer; width:25px; height:25px; "
962	class="mr-3"	962	class="mr-3"
963	@click="profile(props.item)"	963	@click="profile(props.item)"
964	src="/static/icon/view.png"	964	src="/static/icon/view.png"
965	/>	965	/>
966	<span>View</span>	966	<span>View</span>
967	</v-tooltip>	967	</v-tooltip>
968	<v-tooltip top>	968	<v-tooltip top>
969	<img	969	<img
970	slot="activator"	970	slot="activator"
971	style="cursor:pointer; width:20px; height:18px; "	971	style="cursor:pointer; width:20px; height:18px; "
972	class="mr-3"	972	class="mr-3"
973	@click="editItem(props.item)"	973	@click="editItem(props.item)"
974	src="/static/icon/edit.png"	974	src="/static/icon/edit.png"
975	/>	975	/>
976	<span>Edit</span>	976	<span>Edit</span>
977	</v-tooltip>	977	</v-tooltip>
978	<v-tooltip top>	978	<v-tooltip top>
979	<img	979	<img
980	slot="activator"	980	slot="activator"
981	style="cursor:pointer; width:20px; height:20px; "	981	style="cursor:pointer; width:20px; height:20px; "
982	class="mr-3"	982	class="mr-3"
983	@click="deleteItem(props.item)"	983	@click="deleteItem(props.item)"
984	src="/static/icon/delete.png"	984	src="/static/icon/delete.png"
985	/>	985	/>
986	<span>Delete</span>	986	<span>Delete</span>
987	</v-tooltip>	987	</v-tooltip>
988	</span>	988	</span>
989	</td>	989	</td>
990	</tr>	990	</tr>
991	</template>	991	</template>
992	<v-alert	992	<v-alert
993	slot="no-results"	993	slot="no-results"
994	:value="true"	994	:value="true"
995	color="error"	995	color="error"
996	icon="warning"	996	icon="warning"
997	>Your search for "{{ search }}" found no results.</v-alert>	997	>Your search for "{{ search }}" found no results.</v-alert>
998	</v-data-table>	998	</v-data-table>
999	<!-- **** ADD STUDENTS DETAILS**** -->	999	<!-- **** ADD STUDENTS DETAILS**** -->
1000	<v-dialog v-model="addStudentDialog" max-width="1280">	1000	<v-dialog v-model="addStudentDialog" max-width="1280">
1001	<v-card flat class="card-style pa-2" dark>	1001	<v-card flat class="card-style pa-2" dark>
1002	<v-layout>	1002	<v-layout>
1003	<v-flex xs12>	1003	<v-flex xs12>
1004	<label class="title text-xs-center">Add Student</label>	1004	<label class="title text-xs-center">Add Student</label>
1005	<v-icon size="24" class="right" @click="addStudentDialog = false">cancel</v-icon>	1005	<v-icon size="24" class="right" @click="addStudentDialog = false">cancel</v-icon>
1006	</v-flex>	1006	</v-flex>
1007	</v-layout>	1007	</v-layout>
1008	<v-container fluid>	1008	<v-container fluid>
1009	<v-layout align-center>	1009	<v-layout align-center>
1010	<v-flex xs12>	1010	<v-flex xs12>
1011	<v-stepper v-model="e2" flat class="card-style elevation-0" dark>	1011	<v-stepper v-model="e2" flat class="card-style elevation-0" dark>
1012	<v-stepper-header>	1012	<v-stepper-header>
1013	<v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>	1013	<v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>
1014	<v-divider></v-divider>	1014	<v-divider></v-divider>
1015	<v-stepper-step step="2">Fill Student Details</v-stepper-step>	1015	<v-stepper-step step="2">Fill Student Details</v-stepper-step>
1016	</v-stepper-header>	1016	</v-stepper-header>
1017	<v-stepper-items>	1017	<v-stepper-items>
1018	<v-stepper-content step="1">	1018	<v-stepper-content step="1">
1019	<v-container fluid class>	1019	<v-container fluid class>
1020	<v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">	1020	<v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
1021	<v-form ref="parentForm" v-model="valid" lazy-validation>	1021	<v-form ref="parentForm" v-model="valid" lazy-validation>
1022	<v-layout wrap>	1022	<v-layout wrap>
1023	<v-flex xs12 sm6>	1023	<v-flex xs12 sm6>
1024	<v-layout wrap>	1024	<v-layout wrap>
1025	<v-flex xs12 class="pt-4 subheading">	1025	<v-flex xs12 class="pt-4 subheading">
1026	<label>Father Cell No:</label>	1026	<label>Father Cell No:</label>
1027	</v-flex>	1027	</v-flex>
1028	<v-flex xs12>	1028	<v-flex xs12>
1029	<v-text-field	1029	<v-text-field
1030	v-model.trim="parentData.fatherCellNo"	1030	v-model.trim="parentData.fatherCellNo"
1031	placeholder="fill your father Cell Number"	1031	placeholder="fill your father Cell Number"
1032	type="number"	1032	type="number"
1033	:rules="fatheCellNoRules"	1033	:rules="fatheCellNoRules"
1034	counter="10"	1034	counter="10"
1035	v-on:keyup="getParentDetails()"	1035	v-on:keyup="getParentDetails()"
1036	required	1036	required
1037	></v-text-field>	1037	></v-text-field>
1038	</v-flex>	1038	</v-flex>
1039	</v-layout>	1039	</v-layout>
1040	</v-flex>	1040	</v-flex>
1041	<v-flex xs12 sm6>	1041	<v-flex xs12 sm6>
1042	<v-layout wrap>	1042	<v-layout wrap>
1043	<v-flex xs12 class="pt-4 subheading">	1043	<v-flex xs12 class="pt-4 subheading">
1044	<label>Parent Email Id:</label>	1044	<label>Parent Email Id:</label>
1045	</v-flex>	1045	</v-flex>
1046	<v-flex xs12>	1046	<v-flex xs12>
1047	<v-text-field	1047	<v-text-field
1048	placeholder="fill Parent email"	1048	placeholder="fill Parent email"
1049	v-model="parentData.email"	1049	v-model="parentData.email"
1050	type="text"	1050	type="text"
1051	required	1051	required
1052	></v-text-field>	1052	></v-text-field>
1053	</v-flex>	1053	</v-flex>
1054	</v-layout>	1054	</v-layout>
1055	</v-flex>	1055	</v-flex>
1056	</v-layout>	1056	</v-layout>
1057	<v-layout wrap>	1057	<v-layout wrap>
1058	<v-flex xs12 sm6>	1058	<v-flex xs12 sm6>
1059	<v-layout wrap>	1059	<v-layout wrap>
1060	<v-flex xs12 class="pt-4 subheading">	1060	<v-flex xs12 class="pt-4 subheading">
1061	<label>Father Name:</label>	1061	<label>Father Name:</label>
1062	</v-flex>	1062	</v-flex>
1063	<v-flex xs12>	1063	<v-flex xs12>
1064	<v-text-field	1064	<v-text-field
1065	v-model="parentData.fatherName"	1065	v-model="parentData.fatherName"
1066	placeholder="Fill your father Name"	1066	placeholder="Fill your father Name"
1067	required	1067	required
1068	></v-text-field>	1068	></v-text-field>
1069	</v-flex>	1069	</v-flex>
1070	</v-layout>	1070	</v-layout>
1071	</v-flex>	1071	</v-flex>
1072	<v-flex xs12 sm6>	1072	<v-flex xs12 sm6>
1073	<v-layout wrap>	1073	<v-layout wrap>
1074	<v-flex xs12 class="pt-4 subheading">	1074	<v-flex xs12 class="pt-4 subheading">
1075	<label>Mother Name:</label>	1075	<label>Mother Name:</label>
1076	</v-flex>	1076	</v-flex>
1077	<v-flex xs12>	1077	<v-flex xs12>
1078	<v-text-field	1078	<v-text-field
1079	v-model="parentData.motherName"	1079	v-model="parentData.motherName"
1080	placeholder="fill your Mother Name"	1080	placeholder="fill your Mother Name"
1081	type="text"	1081	type="text"
1082	required	1082	required
1083	></v-text-field>	1083	></v-text-field>
1084	</v-flex>	1084	</v-flex>
1085	</v-layout>	1085	</v-layout>
1086	</v-flex>	1086	</v-flex>
1087	</v-layout>	1087	</v-layout>
1088	<v-layout wrap>	1088	<v-layout wrap>
1089	<v-flex xs12 sm6>	1089	<v-flex xs12 sm6>
1090	<v-layout wrap>	1090	<v-layout wrap>
1091	<v-flex xs12 class="pt-4 subheading">	1091	<v-flex xs12 class="pt-4 subheading">
1092	<label>Mother Cell No:</label>	1092	<label>Mother Cell No:</label>
1093	</v-flex>	1093	</v-flex>
1094	<v-flex xs12>	1094	<v-flex xs12>
1095	<v-text-field	1095	<v-text-field
1096	v-model="parentData.motherCellNo"	1096	v-model="parentData.motherCellNo"
1097	placeholder="fill your Mother Cell Number"	1097	placeholder="fill your Mother Cell Number"
1098	type="number"	1098	type="number"
1099	required	1099	required
1100	></v-text-field>	1100	></v-text-field>
1101	</v-flex>	1101	</v-flex>
1102	</v-layout>	1102	</v-layout>
1103	</v-flex>	1103	</v-flex>
1104	<v-flex xs12 sm6>	1104	<v-flex xs12 sm6>
1105	<v-layout wrap>	1105	<v-layout wrap>
1106	<v-flex xs12 class="pt-4 subheading">	1106	<v-flex xs12 class="pt-4 subheading">
1107	<label>Father Profession:</label>	1107	<label>Father Profession:</label>
1108	</v-flex>	1108	</v-flex>
1109	<v-flex xs12>	1109	<v-flex xs12>
1110	<v-text-field	1110	<v-text-field
1111	v-model="parentData.fatherProfession"	1111	v-model="parentData.fatherProfession"
1112	placeholder="fill your father profession"	1112	placeholder="fill your father profession"
1113	></v-text-field>	1113	></v-text-field>
1114	</v-flex>	1114	</v-flex>
1115	</v-layout>	1115	</v-layout>
1116	</v-flex>	1116	</v-flex>
1117	</v-layout>	1117	</v-layout>
1118	<v-layout wrap>	1118	<v-layout wrap>
1119	<v-flex xs12 sm6>	1119	<v-flex xs12 sm6>
1120	<v-layout wrap>	1120	<v-layout wrap>
1121	<v-flex xs12 class="pt-4 subheading">	1121	<v-flex xs12 class="pt-4 subheading">
1122	<label>Mother Profession:</label>	1122	<label>Mother Profession:</label>
1123	</v-flex>	1123	</v-flex>
1124	<v-flex xs12>	1124	<v-flex xs12>
1125	<v-text-field	1125	<v-text-field
1126	v-model="parentData.motherProfession"	1126	v-model="parentData.motherProfession"
1127	placeholder="fill your mother profession"	1127	placeholder="fill your mother profession"
1128	></v-text-field>	1128	></v-text-field>
1129	</v-flex>	1129	</v-flex>
1130	</v-layout>	1130	</v-layout>
1131	</v-flex>	1131	</v-flex>
1132	<v-flex xs12 sm6>	1132	<v-flex xs12 sm6>
1133	<v-layout wrap>	1133	<v-layout wrap>
1134	<v-flex xs12 class="pt-4 subheading">	1134	<v-flex xs12 class="pt-4 subheading">
1135	<label>Password:</label>	1135	<label>Password:</label>
1136	</v-flex>	1136	</v-flex>
1137	<v-flex xs12>	1137	<v-flex xs12>
1138	<v-text-field	1138	<v-text-field
1139	v-model="parentData.password"	1139	v-model="parentData.password"
1140	placeholder="Enter Your Password"	1140	placeholder="Enter Your Password"
1141	></v-text-field>	1141	></v-text-field>
1142	</v-flex>	1142	</v-flex>
1143	</v-layout>	1143	</v-layout>
1144	</v-flex>	1144	</v-flex>
1145	</v-layout>	1145	</v-layout>
1146	<v-flex sm12 class="hidden-xs-only">	1146	<v-flex sm12 class="hidden-xs-only">
1147	<v-card-actions>	1147	<v-card-actions>
1148	<v-spacer></v-spacer>	1148	<v-spacer></v-spacer>
1149	<v-btn	1149	<v-btn
1150	@click="submitParentDetails"	1150	@click="submitParentDetails"
1151	round	1151	round
1152	dark	1152	dark
1153	:loading="loading"	1153	:loading="loading"
1154	v-show="showParent"	1154	v-show="showParent"
1155	class="add-button"	1155	class="add-button"
1156	>Add</v-btn>	1156	>Add</v-btn>
1157	<v-btn	1157	<v-btn
1158	v-show="showNext"	1158	v-show="showNext"
1159	@click="e2 = 2"	1159	@click="e2 = 2"
1160	round	1160	round
1161	dark	1161	dark
1162	class="add-button"	1162	class="add-button"
1163	>Next</v-btn>	1163	>Next</v-btn>
1164	</v-card-actions>	1164	</v-card-actions>
1165	</v-flex>	1165	</v-flex>
1166	<v-flex	1166	<v-flex
1167	xs6	1167	xs6
1168	class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"	1168	class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1169	>	1169	>
1170	<v-btn	1170	<v-btn
1171	@click="submitParentDetails"	1171	@click="submitParentDetails"
1172	round	1172	round
1173	dark	1173	dark
1174	:loading="loading"	1174	:loading="loading"
1175	v-show="showParent"	1175	v-show="showParent"
1176	class="add-button"	1176	class="add-button"
1177	>Add</v-btn>	1177	>Add</v-btn>
1178	<v-btn	1178	<v-btn
1179	v-show="showNext"	1179	v-show="showNext"
1180	@click="e2 = 2"	1180	@click="e2 = 2"
1181	round	1181	round
1182	dark	1182	dark
1183	class="add-button"	1183	class="add-button"
1184	>Next</v-btn>	1184	>Next</v-btn>
1185	</v-flex>	1185	</v-flex>
1186	</v-form>	1186	</v-form>
1187	</v-flex>	1187	</v-flex>
1188	<v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">	1188	<v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
1189	<v-form ref="parentForm" v-model="valid" lazy-validation>	1189	<v-form ref="parentForm" v-model="valid" lazy-validation>
1190	<v-layout wrap>	1190	<v-layout wrap>
1191	<v-flex xs12 sm6>	1191	<v-flex xs12 sm6>
1192	<v-layout>	1192	<v-layout>
1193	<v-flex xs4 class="pt-4 subheading">	1193	<v-flex xs4 class="pt-4 subheading">
1194	<label class="right">Father Cell No:</label>	1194	<label class="right">Father Cell No:</label>
1195	</v-flex>	1195	</v-flex>
1196	<v-flex xs8 class="ml-3">	1196	<v-flex xs8 class="ml-3">
1197	<v-text-field	1197	<v-text-field
1198	v-model.trim="parentData.fatherCellNo"	1198	v-model.trim="parentData.fatherCellNo"
1199	placeholder="fill your father Cell Number"	1199	placeholder="fill your father Cell Number"
1200	type="number"	1200	type="number"
1201	:rules="fatheCellNoRules"	1201	:rules="fatheCellNoRules"
1202	counter="10"	1202	counter="10"
1203	v-on:keyup="getParentDetails()"	1203	v-on:keyup="getParentDetails()"
1204	required	1204	required
1205	></v-text-field>	1205	></v-text-field>
1206	</v-flex>	1206	</v-flex>
1207	</v-layout>	1207	</v-layout>
1208	</v-flex>	1208	</v-flex>
1209	<v-flex xs12 sm6>	1209	<v-flex xs12 sm6>
1210	<v-layout>	1210	<v-layout>
1211	<v-flex xs4 class="pt-4 subheading">	1211	<v-flex xs4 class="pt-4 subheading">
1212	<label class="right">Parent Email Id:</label>	1212	<label class="right">Parent Email Id:</label>
1213	</v-flex>	1213	</v-flex>
1214	<v-flex xs8 class="ml-3">	1214	<v-flex xs8 class="ml-3">
1215	<v-text-field	1215	<v-text-field
1216	placeholder="fill Parent email"	1216	placeholder="fill Parent email"
1217	v-model="parentData.email"	1217	v-model="parentData.email"
1218	type="text"	1218	type="text"
1219	required	1219	required
1220	></v-text-field>	1220	></v-text-field>
1221	</v-flex>	1221	</v-flex>
1222	</v-layout>	1222	</v-layout>
1223	</v-flex>	1223	</v-flex>
1224	</v-layout>	1224	</v-layout>
1225	<v-layout wrap>	1225	<v-layout wrap>
1226	<v-flex xs12 sm6>	1226	<v-flex xs12 sm6>
1227	<v-layout>	1227	<v-layout>
1228	<v-flex xs4 class="pt-4 subheading">	1228	<v-flex xs4 class="pt-4 subheading">
1229	<label class="right">Father Name:</label>	1229	<label class="right">Father Name:</label>
1230	</v-flex>	1230	</v-flex>
1231	<v-flex xs8 class="ml-3">	1231	<v-flex xs8 class="ml-3">
1232	<v-text-field	1232	<v-text-field
1233	v-model="parentData.fatherName"	1233	v-model="parentData.fatherName"
1234	placeholder="Fill your father Name"	1234	placeholder="Fill your father Name"
1235	required	1235	required
1236	></v-text-field>	1236	></v-text-field>
1237	</v-flex>	1237	</v-flex>
1238	</v-layout>	1238	</v-layout>
1239	</v-flex>	1239	</v-flex>
1240	<v-flex xs12 sm6>	1240	<v-flex xs12 sm6>
1241	<v-layout>	1241	<v-layout>
1242	<v-flex xs4 class="pt-4 subheading">	1242	<v-flex xs4 class="pt-4 subheading">
1243	<label class="right">Mother Name:</label>	1243	<label class="right">Mother Name:</label>
1244	</v-flex>	1244	</v-flex>
1245	<v-flex xs8 class="ml-3">	1245	<v-flex xs8 class="ml-3">
1246	<v-text-field	1246	<v-text-field
1247	v-model="parentData.motherName"	1247	v-model="parentData.motherName"
1248	placeholder="fill your Mother Name"	1248	placeholder="fill your Mother Name"
1249	type="text"	1249	type="text"
1250	required	1250	required
1251	></v-text-field>	1251	></v-text-field>
1252	</v-flex>	1252	</v-flex>
1253	</v-layout>	1253	</v-layout>
1254	</v-flex>	1254	</v-flex>
1255	</v-layout>	1255	</v-layout>
1256	<v-layout wrap>	1256	<v-layout wrap>
1257	<v-flex xs12 sm6>	1257	<v-flex xs12 sm6>
1258	<v-layout>	1258	<v-layout>
1259	<v-flex xs4 class="pt-4 subheading">	1259	<v-flex xs4 class="pt-4 subheading">
1260	<label class="right">Mother Cell No:</label>	1260	<label class="right">Mother Cell No:</label>
1261	</v-flex>	1261	</v-flex>
1262	<v-flex xs8 class="ml-3">	1262	<v-flex xs8 class="ml-3">
1263	<v-text-field	1263	<v-text-field
1264	v-model="parentData.motherCellNo"	1264	v-model="parentData.motherCellNo"
1265	placeholder="fill your Mother Cell Number"	1265	placeholder="fill your Mother Cell Number"
1266	type="number"	1266	type="number"
1267	required	1267	required
1268	></v-text-field>	1268	></v-text-field>
1269	</v-flex>	1269	</v-flex>
1270	</v-layout>	1270	</v-layout>
1271	</v-flex>	1271	</v-flex>
1272	<v-flex xs12 sm6>	1272	<v-flex xs12 sm6>
1273	<v-layout>	1273	<v-layout>
1274	<v-flex xs4 class="pt-4 subheading">	1274	<v-flex xs4 class="pt-4 subheading">
1275	<label class="right">Father Profession:</label>	1275	<label class="right">Father Profession:</label>
1276	</v-flex>	1276	</v-flex>
1277	<v-flex xs8 class="ml-3">	1277	<v-flex xs8 class="ml-3">
1278	<v-text-field	1278	<v-text-field
1279	v-model="parentData.fatherProfession"	1279	v-model="parentData.fatherProfession"
1280	placeholder="fill your father profession"	1280	placeholder="fill your father profession"
1281	></v-text-field>	1281	></v-text-field>
1282	</v-flex>	1282	</v-flex>
1283	</v-layout>	1283	</v-layout>
1284	</v-flex>	1284	</v-flex>
1285	</v-layout>	1285	</v-layout>
1286	<v-layout wrap>	1286	<v-layout wrap>
1287	<v-flex xs12 sm6>	1287	<v-flex xs12 sm6>
1288	<v-layout>	1288	<v-layout>
1289	<v-flex xs4 class="pt-4 subheading">	1289	<v-flex xs4 class="pt-4 subheading">
1290	<label class="right">Mother Profession:</label>	1290	<label class="right">Mother Profession:</label>
1291	</v-flex>	1291	</v-flex>
1292	<v-flex xs8 class="ml-3">	1292	<v-flex xs8 class="ml-3">
1293	<v-text-field	1293	<v-text-field
1294	v-model="parentData.motherProfession"	1294	v-model="parentData.motherProfession"
1295	placeholder="fill your mother profession"	1295	placeholder="fill your mother profession"
1296	></v-text-field>	1296	></v-text-field>
1297	</v-flex>	1297	</v-flex>
1298	</v-layout>	1298	</v-layout>
1299	</v-flex>	1299	</v-flex>
1300	<v-flex xs12 sm6>	1300	<v-flex xs12 sm6>
1301	<v-layout>	1301	<v-layout>
1302	<v-flex xs4 class="pt-4 subheading">	1302	<v-flex xs4 class="pt-4 subheading">
1303	<label class="right">Password:</label>	1303	<label class="right">Password:</label>
1304	</v-flex>	1304	</v-flex>
1305	<v-flex xs8 class="ml-3">	1305	<v-flex xs8 class="ml-3">
1306	<v-text-field	1306	<v-text-field
1307	:append-icon="e1 ? 'visibility_off' : 'visibility'"	1307	:append-icon="e1 ? 'visibility_off' : 'visibility'"
1308	:append-icon-cb="() => (e1 = !e1)"	1308	:append-icon-cb="() => (e1 = !e1)"
1309	:type="e1 ? 'password' : 'text'"	1309	:type="e1 ? 'password' : 'text'"
1310	:rules="password"	1310	:rules="password"
1311	placeholder="Enter Your Password"	1311	placeholder="Enter Your Password"
1312	required	1312	required
1313	></v-text-field>	1313	></v-text-field>
1314	</v-flex>	1314	</v-flex>
1315	</v-layout>	1315	</v-layout>
1316	</v-flex>	1316	</v-flex>
1317	</v-layout>	1317	</v-layout>
1318	<v-flex sm12 class="hidden-xs-only">	1318	<v-flex sm12 class="hidden-xs-only">
1319	<v-card-actions>	1319	<v-card-actions>
1320	<v-spacer></v-spacer>	1320	<v-spacer></v-spacer>
1321	<v-btn	1321	<v-btn
1322	@click="submitParentDetails"	1322	@click="submitParentDetails"
1323	round	1323	round
1324	dark	1324	dark
1325	:loading="loading"	1325	:loading="loading"
1326	v-show="showParent"	1326	v-show="showParent"
1327	class="add-button"	1327	class="add-button"
1328	>Add</v-btn>	1328	>Add</v-btn>
1329	<v-btn	1329	<v-btn
1330	v-show="showNext"	1330	v-show="showNext"
1331	@click="e2 = 2"	1331	@click="e2 = 2"
1332	round	1332	round
1333	dark	1333	dark
1334	class="add-button"	1334	class="add-button"
1335	>Next</v-btn>	1335	>Next</v-btn>
1336	</v-card-actions>	1336	</v-card-actions>
1337	</v-flex>	1337	</v-flex>
1338	<v-flex	1338	<v-flex
1339	xs6	1339	xs6
1340	class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"	1340	class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1341	>	1341	>
1342	<v-btn	1342	<v-btn
1343	@click="submitParentDetails"	1343	@click="submitParentDetails"
1344	round	1344	round
1345	dark	1345	dark
1346	:loading="loading"	1346	:loading="loading"
1347	v-show="showParent"	1347	v-show="showParent"
1348	class="add-button"	1348	class="add-button"
1349	>Add</v-btn>	1349	>Add</v-btn>
1350	<v-btn	1350	<v-btn
1351	v-show="showNext"	1351	v-show="showNext"
1352	@click="e2 = 2"	1352	@click="e2 = 2"
1353	round	1353	round
1354	dark	1354	dark
1355	class="add-button"	1355	class="add-button"
1356	>Next</v-btn>	1356	>Next</v-btn>
1357	</v-flex>	1357	</v-flex>
1358	</v-form>	1358	</v-form>
1359	</v-flex>	1359	</v-flex>
1360	</v-container>	1360	</v-container>
1361	</v-stepper-content>	1361	</v-stepper-content>
1362	<v-stepper-content step="2">	1362	<v-stepper-content step="2">
1363	<v-flex xs12 sm12>	1363	<v-flex xs12 sm12>
1364	<v-form ref="form" v-model="valid" lazy-validation>	1364	<v-form ref="form" v-model="valid" lazy-validation>
1365	<v-layout>	1365	<v-layout>
1366	<v-flex	1366	<v-flex
1367	xs12	1367	xs12
1368	class="text-xs-center text-sm-center text-md-center text-lg-center"	1368	class="text-xs-center text-sm-center text-md-center text-lg-center"
1369	>	1369	>
1370	<v-avatar size="100px">	1370	<v-avatar size="100px">
1371	<img src="/static/icon/user.png" v-if="!imageUrl" />	1371	<img src="/static/icon/user.png" v-if="!imageUrl" />
1372	</v-avatar>	1372	</v-avatar>
1373	<input	1373	<input
1374	type="file"	1374	type="file"
1375	style="display: none"	1375	style="display: none"
1376	ref="image"	1376	ref="image"
1377	accept="image/*"	1377	accept="image/*"
1378	@change="onFilePicked"	1378	@change="onFilePicked"
1379	/>	1379	/>
1380	<img	1380	<img
1381	:src="imageData.imageUrl"	1381	:src="imageData.imageUrl"
1382	height="150"	1382	height="150"
1383	v-if="imageUrl"	1383	v-if="imageUrl"
1384	style="border-radius:50%; width:200px"	1384	style="border-radius:50%; width:200px"
1385	/>	1385	/>
1386	</v-flex>	1386	</v-flex>
1387	</v-layout>	1387	</v-layout>
1388	<v-layout wrap>	1388	<v-layout wrap>
1389	<v-flex xs12 sm6>	1389	<v-flex xs12 sm6>
1390	<v-layout>	1390	<v-layout>
1391	<v-flex x4 sm4 class="pt-4 subheading">	1391	<v-flex x4 sm4 class="pt-4 subheading">
1392	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>	1392	<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
1393	<label	1393	<label
1394	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1394	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1395	>Class:</label>	1395	>Class:</label>
1396	</v-flex>	1396	</v-flex>
1397	<v-flex xs8 sm8 class="ml-3">	1397	<v-flex xs8 sm8 class="ml-3">
1398	<v-select	1398	<v-select
1399	:items="addclass"	1399	:items="addclass"
1400	label="Select Class"	1400	label="Select Class"
1401	v-model="addStudents.select"	1401	v-model="addStudents.select"
1402	item-text="classNum"	1402	item-text="classNum"
1403	item-value="_id"	1403	item-value="_id"
1404	name="Select Class"	1404	name="Select Class"
1405	:rules="classRules"	1405	:rules="classRules"
1406	@change="getSection(addStudents.select)"	1406	@change="getSection(addStudents.select)"
1407	required	1407	required
1408	></v-select>	1408	></v-select>
1409	</v-flex>	1409	</v-flex>
1410	</v-layout>	1410	</v-layout>
1411	</v-flex>	1411	</v-flex>
1412	<v-flex xs12 sm6>	1412	<v-flex xs12 sm6>
1413	<v-layout>	1413	<v-layout>
1414	<v-flex xs4 class="pt-4 subheading">	1414	<v-flex xs4 class="pt-4 subheading">
1415	<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>	1415	<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
1416	<label	1416	<label
1417	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1417	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1418	>Section:</label>	1418	>Section:</label>
1419	</v-flex>	1419	</v-flex>
1420	<v-flex xs8 class="ml-3">	1420	<v-flex xs8 class="ml-3">
1421	<v-select	1421	<v-select
1422	:items="addSection"	1422	:items="addSection"
1423	label="Select Section"	1423	label="Select Section"
1424	v-model="addStudents.selectSection"	1424	v-model="addStudents.selectSection"
1425	item-text="name"	1425	item-text="name"
1426	item-value="_id"	1426	item-value="_id"
1427	name="Select Section"	1427	name="Select Section"
1428	:rules="sectionRules"	1428	:rules="sectionRules"
1429	required	1429	required
1430	></v-select>	1430	></v-select>
1431	</v-flex>	1431	</v-flex>
1432	</v-layout>	1432	</v-layout>
1433	</v-flex>	1433	</v-flex>
1434	</v-layout>	1434	</v-layout>
1435	<v-layout wrap>	1435	<v-layout wrap>
1436	<v-flex xs12 sm6>	1436	<v-flex xs12 sm6>
1437	<v-layout>	1437	<v-layout>
1438	<v-flex xs4 sm4 class="pt-4 subheading">	1438	<v-flex xs4 sm4 class="pt-4 subheading">
1439	<label class="right hidden-xs-only hidden-sm-only">Full Name:</label>	1439	<label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
1440	<label	1440	<label
1441	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1441	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1442	>Name:</label>	1442	>Name:</label>
1443	</v-flex>	1443	</v-flex>
1444	<v-flex xs8 sm8 class="ml-3">	1444	<v-flex xs8 sm8 class="ml-3">
1445	<v-text-field	1445	<v-text-field
1446	v-model="addStudents.name"	1446	v-model="addStudents.name"
1447	placeholder="fill your full Name"	1447	placeholder="fill your full Name"
1448	name="name"	1448	name="name"
1449	type="text"	1449	type="text"
1450	:rules="nameRules"	1450	:rules="nameRules"
1451	required	1451	required
1452	></v-text-field>	1452	></v-text-field>
1453	</v-flex>	1453	</v-flex>
1454	</v-layout>	1454	</v-layout>
1455	</v-flex>	1455	</v-flex>
1456	<v-flex xs12 sm6>	1456	<v-flex xs12 sm6>
1457	<v-layout>	1457	<v-layout>
1458	<v-flex xs4 sm4 class="pt-4 subheading">	1458	<v-flex xs4 sm4 class="pt-4 subheading">
1459	<label class="right">Email:</label>	1459	<label class="right">Email:</label>
1460	</v-flex>	1460	</v-flex>
1461	<v-flex xs8 sm8 class="ml-3">	1461	<v-flex xs8 sm8 class="ml-3">
1462	<v-text-field	1462	<v-text-field
1463	placeholder="fill your email"	1463	placeholder="fill your email"
1464	v-model="addStudents.email"	1464	v-model="addStudents.email"
1465	type="text"	1465	type="text"
1466	name="email"	1466	name="email"
1467	required	1467	required
1468	></v-text-field>	1468	></v-text-field>
1469	</v-flex>	1469	</v-flex>
1470	</v-layout>	1470	</v-layout>
1471	</v-flex>	1471	</v-flex>
1472	</v-layout>	1472	</v-layout>
1473	<v-layout wrap>	1473	<v-layout wrap>
1474	<v-flex xs12 sm6>	1474	<v-flex xs12 sm6>
1475	<v-layout>	1475	<v-layout>
1476	<v-flex xs4 sm4 class="pt-4 subheading">	1476	<v-flex xs4 sm4 class="pt-4 subheading">
1477	<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>	1477	<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
1478	<label	1478	<label
1479	class="right hidden-lg-only hidden-xl-only hidden-md-only"	1479	class="right hidden-lg-only hidden-xl-only hidden-md-only"
1480	>D.O.B:</label>	1480	>D.O.B:</label>
1481	</v-flex>	1481	</v-flex>
1482	<v-flex xs8 sm8 class="ml-3">	1482	<v-flex xs8 sm8 class="ml-3">
1483	<v-menu	1483	<v-menu
1484	ref="menu"	1484	ref="menu"
1485	:close-on-content-click="false"	1485	:close-on-content-click="false"
1486	v-model="menu"	1486	v-model="menu"
1487	:nudge-right="40"	1487	:nudge-right="40"
1488	lazy	1488	lazy
1489	transition="scale-transition"	1489	transition="scale-transition"
1490	offset-y	1490	offset-y
1491	full-width	1491	full-width
1492	min-width="290px"	1492	min-width="290px"
1493	>	1493	>
1494	<v-text-field	1494	<v-text-field
1495	slot="activator"	1495	slot="activator"
1496	:rules="dateRules"	1496	:rules="dateRules"
1497	v-model="addStudents.date"	1497	v-model="addStudents.date"
1498	placeholder="Select date"	1498	placeholder="Select date"
1499	></v-text-field>	1499	></v-text-field>
1500	<v-date-picker	1500	<v-date-picker
1501	ref="picker"	1501	ref="picker"
1502	v-model="addStudents.date"	1502	v-model="addStudents.date"
1503	:max="new Date().toISOString().substr(0, 10)"	1503	:max="new Date().toISOString().substr(0, 10)"
1504	min="1950-01-01"	1504	min="1950-01-01"
1505	@input="menu = false"	1505	@input="menu = false"
1506	></v-date-picker>	1506	></v-date-picker>
1507	</v-menu>	1507	</v-menu>
1508	</v-flex>	1508	</v-flex>
1509	</v-layout>	1509	</v-layout>
1510	</v-flex>	1510	</v-flex>
1511	<v-flex xs12 sm6>	1511	<v-flex xs12 sm6>
1512	<v-layout>	1512	<v-layout>
1513	<v-flex xs4 class="pt-4 subheading">	1513	<v-flex xs4 class="pt-4 subheading">
1514	<label class="right">City:</label>	1514	<label class="right">City:</label>
1515	</v-flex>	1515	</v-flex>
1516	<v-flex xs8 class="ml-3">	1516	<v-flex xs8 class="ml-3">
1517	<v-text-field	1517	<v-text-field
1518	v-model="addStudents.city"	1518	v-model="addStudents.city"
1519	placeholder="fill your City Name"	1519	placeholder="fill your City Name"
1520	name="City"	1520	name="City"
1521	type="text"	1521	type="text"
1522	:rules="cityRules"	1522	:rules="cityRules"
1523	required	1523	required
1524	></v-text-field>	1524	></v-text-field>
1525	</v-flex>	1525	</v-flex>
1526	</v-layout>	1526	</v-layout>
1527	</v-flex>	1527	</v-flex>
1528	</v-layout>	1528	</v-layout>
1529	<v-layout wrap>	1529	<v-layout wrap>
1530	<v-flex xs12 sm6>	1530	<v-flex xs12 sm6>
1531	<v-layout>	1531	<v-layout>
1532	<v-flex xs4 class="pt-4 subheading">	1532	<v-flex xs4 class="pt-4 subheading">
1533	<label class="right">State:</label>	1533	<label class="right">State:</label>
1534	</v-flex>	1534	</v-flex>
1535	<v-flex xs8 class="ml-3">	1535	<v-flex xs8 class="ml-3">
1536	<v-text-field	1536	<v-text-field
1537	v-model="addStudents.state"	1537	v-model="addStudents.state"
1538	placeholder="fill your State Name"	1538	placeholder="fill your State Name"
1539	name="state"	1539	name="state"
1540	type="text"	1540	type="text"
1541	:rules="stateRules"	1541	:rules="stateRules"
1542	required	1542	required
1543	></v-text-field>	1543	></v-text-field>
1544	</v-flex>	1544	</v-flex>
1545	</v-layout>	1545	</v-layout>
1546	</v-flex>	1546	</v-flex>
1547	<v-flex xs12 sm6>	1547	<v-flex xs12 sm6>
1548	<v-layout>	1548	<v-layout>
1549	<v-flex xs4 class="pt-4 subheading">	1549	<v-flex xs4 class="pt-4 subheading">
1550	<label class="right">Pincode:</label>	1550	<label class="right">Pincode:</label>
1551	</v-flex>	1551	</v-flex>
1552	<v-flex xs8 class="ml-3">	1552	<v-flex xs8 class="ml-3">
1553	<v-text-field	1553	<v-text-field
1554	v-model="addStudents.pincode"	1554	v-model="addStudents.pincode"
1555	placeholder="fill your pincode"	1555	placeholder="fill your pincode"
1556	name="pincode"	1556	name="pincode"
1557	type="number"	1557	type="number"
1558	:rules="pincode"	1558	:rules="pincode"
1559	required	1559	required
1560	></v-text-field>	1560	></v-text-field>
1561	</v-flex>	1561	</v-flex>
1562	</v-layout>	1562	</v-layout>
1563	</v-flex>	1563	</v-flex>
1564	</v-layout>	1564	</v-layout>
1565	<v-layout wrap>	1565	<v-layout wrap>
1566	<v-flex xs12 sm6>	1566	<v-flex xs12 sm6>
1567	<v-layout>	1567	<v-layout>
1568	<v-flex xs4 class="pt-4 subheading">	1568	<v-flex xs4 class="pt-4 subheading">
1569	<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>	1569	<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
1570	<label	1570	<label
1571	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1571	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1572	>Mobile:</label>	1572	>Mobile:</label>
1573	</v-flex>	1573	</v-flex>
1574	<v-flex xs8 class="ml-3">	1574	<v-flex xs8 class="ml-3">
1575	<v-text-field	1575	<v-text-field
1576	v-model="addStudents.mobile"	1576	v-model="addStudents.mobile"
1577	placeholder="fill your MobileNo"	1577	placeholder="fill your MobileNo"
1578	name="mobileNo"	1578	name="mobileNo"
1579	type="number"	1579	type="number"
1580		1580
1581	></v-text-field>	1581	></v-text-field>
1582	</v-flex>	1582	</v-flex>
1583	</v-layout>	1583	</v-layout>
1584	</v-flex>	1584	</v-flex>
1585	<v-flex xs12 sm6>	1585	<v-flex xs12 sm6>
1586	<v-layout>	1586	<v-layout>
1587	<v-flex xs4 class="pt-4 subheading">	1587	<v-flex xs4 class="pt-4 subheading">
1588	<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>	1588	<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
1589	<label	1589	<label
1590	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1590	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1591	>Country:</label>	1591	>Country:</label>
1592	</v-flex>	1592	</v-flex>
1593	<v-flex xs8 class="ml-3">	1593	<v-flex xs8 class="ml-3">
1594	<v-autocomplete	1594	<v-autocomplete
1595	v-model="addStudents.country"	1595	v-model="addStudents.country"
1596	:rules="country"	1596	:rules="country"
1597	:items="countries"	1597	:items="countries"
1598	placeholder="Select Country Name"	1598	placeholder="Select Country Name"
1599	required	1599	required
1600	></v-autocomplete>	1600	></v-autocomplete>
1601	</v-flex>	1601	</v-flex>
1602	</v-layout>	1602	</v-layout>
1603	</v-flex>	1603	</v-flex>
1604	</v-layout>	1604	</v-layout>
1605	<v-layout wrap>	1605	<v-layout wrap>
1606	<v-flex xs12 sm6>	1606	<v-flex xs12 sm6>
1607	<v-layout>	1607	<v-layout>
1608	<v-flex xs4 class="pt-4 subheading">	1608	<v-flex xs4 class="pt-4 subheading">
1609	<label class="right">Gender:</label>	1609	<label class="right">Gender:</label>
1610	</v-flex>	1610	</v-flex>
1611	<v-flex xs8 class="ml-3">	1611	<v-flex xs8 class="ml-3">
1612	<v-select	1612	<v-select
1613	:items="gender"	1613	:items="gender"
1614	v-model="addStudents.gender"	1614	v-model="addStudents.gender"
1615	:rules="genderRules"	1615	:rules="genderRules"
1616	label="Select Gender"	1616	label="Select Gender"
1617	required	1617	required
1618	></v-select>	1618	></v-select>
1619	</v-flex>	1619	</v-flex>
1620	</v-layout>	1620	</v-layout>
1621	</v-flex>	1621	</v-flex>
1622	<v-flex xs12 sm6>	1622	<v-flex xs12 sm6>
1623	<v-layout>	1623	<v-layout>
1624	<v-flex xs4 class="pt-4 subheading">	1624	<v-flex xs4 class="pt-4 subheading">
1625	<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>	1625	<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
1626	<label	1626	<label
1627	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1627	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1628	>Blood:</label>	1628	>Blood:</label>
1629	</v-flex>	1629	</v-flex>
1630	<v-flex xs8 class="ml-3">	1630	<v-flex xs8 class="ml-3">
1631	<v-text-field	1631	<v-text-field
1632	v-model="addStudents.bloodGroup"	1632	v-model="addStudents.bloodGroup"
1633	placeholder="Fill your Blood Group"	1633	placeholder="Fill your Blood Group"
1634	required	1634	required
1635	></v-text-field>	1635	></v-text-field>
1636	</v-flex>	1636	</v-flex>
1637	</v-layout>	1637	</v-layout>
1638	</v-flex>	1638	</v-flex>
1639	</v-layout>	1639	</v-layout>
1640	<v-layout wrap>	1640	<v-layout wrap>
1641	<v-flex xs12 sm6>	1641	<v-flex xs12 sm6>
1642	<v-layout>	1642	<v-layout>
1643	<v-flex xs4 class="pt-4 subheading">	1643	<v-flex xs4 class="pt-4 subheading">
1644	<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>	1644	<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
1645	<label	1645	<label
1646	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1646	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1647	>Roll No:</label>	1647	>Roll No:</label>
1648	</v-flex>	1648	</v-flex>
1649	<v-flex xs8 class="ml-3">	1649	<v-flex xs8 class="ml-3">
1650	<v-text-field	1650	<v-text-field
1651	v-model="addStudents.rollNo"	1651	v-model="addStudents.rollNo"
1652	placeholder="Fill your Roll Number"	1652	placeholder="Fill your Roll Number"
1653	required	1653	required
1654	></v-text-field>	1654	></v-text-field>
1655	</v-flex>	1655	</v-flex>
1656	</v-layout>	1656	</v-layout>
1657	</v-flex>	1657	</v-flex>
1658	<v-flex xs12 sm6>	1658	<v-flex xs12 sm6>
1659	<v-layout>	1659	<v-layout>
1660	<v-flex xs4 class="pt-4 subheading">	1660	<v-flex xs4 class="pt-4 subheading">
1661	<label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>	1661	<label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>
1662	<label	1662	<label
1663	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1663	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1664	>Medical:</label>	1664	>Medical:</label>
1665	</v-flex>	1665	</v-flex>
1666	<v-flex xs8 class="ml-3">	1666	<v-flex xs8 class="ml-3">
1667	<v-text-field	1667	<v-text-field
1668	v-model="addStudents.medicalNotes"	1668	v-model="addStudents.medicalNotes"
1669	placeholder="Fill your Medical Notes"	1669	placeholder="Fill your Medical Notes"
1670	required	1670	required
1671	></v-text-field>	1671	></v-text-field>
1672	</v-flex>	1672	</v-flex>
1673	</v-layout>	1673	</v-layout>
1674	</v-flex>	1674	</v-flex>
1675	</v-layout>	1675	</v-layout>
1676	<v-layout wrap>	1676	<v-layout wrap>
1677	<v-flex xs12 sm6>	1677	<v-flex xs12 sm6>
1678	<v-layout>	1678	<v-layout>
1679	<v-flex xs4 class="pt-4 subheading">	1679	<v-flex xs4 class="pt-4 subheading">
1680	<label class="right">Height:</label>	1680	<label class="right">Height:</label>
1681	</v-flex>	1681	</v-flex>
1682	<v-flex xs8 class="ml-3">	1682	<v-flex xs8 class="ml-3">
1683	<v-text-field	1683	<v-text-field
1684	v-model="addStudents.height"	1684	v-model="addStudents.height"
1685	placeholder="Fill your Height"	1685	placeholder="Fill your Height"
1686	required	1686	required
1687	></v-text-field>	1687	></v-text-field>
1688	</v-flex>	1688	</v-flex>
1689	</v-layout>	1689	</v-layout>
1690	</v-flex>	1690	</v-flex>
1691	<v-flex xs12 sm6>	1691	<v-flex xs12 sm6>
1692	<v-layout>	1692	<v-layout>
1693	<v-flex xs4 class="pt-4 subheading">	1693	<v-flex xs4 class="pt-4 subheading">
1694	<label class="right">Weight:</label>	1694	<label class="right">Weight:</label>
1695	</v-flex>	1695	</v-flex>
1696	<v-flex xs8 class="ml-3">	1696	<v-flex xs8 class="ml-3">
1697	<v-text-field	1697	<v-text-field
1698	v-model="addStudents.weight"	1698	v-model="addStudents.weight"
1699	placeholder="Fill your Weight"	1699	placeholder="Fill your Weight"
1700	required	1700	required
1701	></v-text-field>	1701	></v-text-field>
1702	</v-flex>	1702	</v-flex>
1703	</v-layout>	1703	</v-layout>
1704	</v-flex>	1704	</v-flex>
1705	</v-layout>	1705	</v-layout>
1706	<v-layout wrap>	1706	<v-layout wrap>
1707	<v-flex xs12 sm6>	1707	<v-flex xs12 sm6>
1708	<v-layout>	1708	<v-layout>
1709	<v-flex xs4 class="pt-4 subheading">	1709	<v-flex xs4 class="pt-4 subheading">
1710	<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>	1710	<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
1711	<label	1711	<label
1712	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1712	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1713	>Uplaod :</label>	1713	>Uplaod :</label>
1714	</v-flex>	1714	</v-flex>
1715	<v-flex xs8 class="ml-3">	1715	<v-flex xs8 class="ml-3">
1716	<v-text-field	1716	<v-text-field
1717	label="Select Image"	1717	label="Select Image"
1718	@click="pickFile"	1718	@click="pickFile"
1719	v-model="imageName"	1719	v-model="imageName"
1720	append-icon="attach_file"	1720	append-icon="attach_file"
1721	></v-text-field>	1721	></v-text-field>
1722	</v-flex>	1722	</v-flex>
1723	</v-layout>	1723	</v-layout>
1724	</v-flex>	1724	</v-flex>
1725	<v-flex xs12 sm6>	1725	<v-flex xs12 sm6>
1726	<v-layout>	1726	<v-layout>
1727	<v-flex xs4 class="pt-4 subheading">	1727	<v-flex xs4 class="pt-4 subheading">
1728	<label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>	1728	<label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>
1729	<label	1729	<label
1730	class="right hidden-lg-only hidden-md-only hidden-xl-only"	1730	class="right hidden-lg-only hidden-md-only hidden-xl-only"
1731	>Year:</label>	1731	>Year:</label>
1732	</v-flex>	1732	</v-flex>
1733	<v-flex xs8 class="ml-3">	1733	<v-flex xs8 class="ml-3">
1734	<v-text-field	1734	<v-text-field
1735	v-model="addStudents.establishmentYear"	1735	v-model="addStudents.establishmentYear"
1736	placeholder="fill your Academic Year"	1736	placeholder="fill your Academic Year"
1737	name="state"	1737	name="state"
1738	type="number"	1738	type="number"
1739	:rules="establishmentYearRules"	1739	:rules="establishmentYearRules"
1740	required	1740	required
1741	></v-text-field>	1741	></v-text-field>
1742	</v-flex>	1742	</v-flex>
1743	</v-layout>	1743	</v-layout>
1744	</v-flex>	1744	</v-flex>
1745	</v-layout>	1745	</v-layout>
1746	<v-layout wrap class="hidden-xs-only hidden-sm-only">	1746	<v-layout wrap class="hidden-xs-only hidden-sm-only">
1747	<v-flex xs12 sm6>	1747	<v-flex xs12 sm6>
1748	<v-layout>	1748	<v-layout>
1749	<v-flex xs4 sm4 class="pt-4 subheading">	1749	<v-flex xs4 sm4 class="pt-4 subheading">
1750	<label class="right">Present Address:</label>	1750	<label class="right">Present Address:</label>
1751	</v-flex>	1751	</v-flex>
1752	<v-flex xs8 sm8 class="ml-3">	1752	<v-flex xs8 sm8 class="ml-3">
1753	<v-text-field	1753	<v-text-field
1754	v-model="addStudents.presentAddress"	1754	v-model="addStudents.presentAddress"
1755	:rules="presentAddress"	1755	:rules="presentAddress"
1756	placeholder="fill Your present Address"	1756	placeholder="fill Your present Address"
1757	@keyup="copyData"	1757	@keyup="copyData"
1758	></v-text-field>	1758	></v-text-field>
1759	</v-flex>	1759	</v-flex>
1760	</v-layout>	1760	</v-layout>
1761	</v-flex>	1761	</v-flex>
1762	<v-flex xs12 sm6>	1762	<v-flex xs12 sm6>
1763	<v-layout>	1763	<v-layout>
1764	<v-flex xs4 sm4 class="pt-4 subheading addressForm">	1764	<v-flex xs4 sm4 class="pt-4 subheading addressForm">
1765	<label class="right">Permanent Address:</label>	1765	<label class="right">Permanent Address:</label>
1766	</v-flex>	1766	</v-flex>
1767	<v-flex xs12 sm8 class="ml-3">	1767	<v-flex xs12 sm8 class="ml-3">
1768	<v-switch	1768	<v-switch
1769	v-model="addStudents.permanentAddress"	1769	v-model="addStudents.permanentAddress"
1770	label="Select Permanent Address"	1770	label="Select Permanent Address"
1771	:value="addStudents.presentAddress"	1771	:value="addStudents.presentAddress"
1772	></v-switch>	1772	></v-switch>
1773	</v-flex>	1773	</v-flex>
1774	</v-layout>	1774	</v-layout>
1775	</v-flex>	1775	</v-flex>
1776	</v-layout>	1776	</v-layout>
1777	<v-layout class="hidden-xs-only hidden-sm-only">	1777	<v-layout class="hidden-xs-only hidden-sm-only">
1778	<v-flex xs12 sm6>	1778	<v-flex xs12 sm6>
1779	<v-layout>	1779	<v-layout>
1780	<v-flex xs4 sm4 class="pt-4 subheading addressForm">	1780	<v-flex xs4 sm4 class="pt-4 subheading addressForm">
1781	<label class="right">Permanent Address:</label>	1781	<label class="right">Permanent Address:</label>
1782	</v-flex>	1782	</v-flex>
1783	<v-flex xs12 sm8 class="ml-3">	1783	<v-flex xs12 sm8 class="ml-3">
1784	<v-text-field	1784	<v-text-field
1785	v-model="addStudents.permanentAddress"	1785	v-model="addStudents.permanentAddress"
1786	:rules="permanentAddress"	1786	:rules="permanentAddress"
1787	placeholder="fill Your Permanent Address"	1787	placeholder="fill Your Permanent Address"
1788	></v-text-field>	1788	></v-text-field>
1789	</v-flex>	1789	</v-flex>
1790	</v-layout>	1790	</v-layout>
1791	</v-flex>	1791	</v-flex>
1792	</v-layout>	1792	</v-layout>
1793	<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>	1793	<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
1794	<v-flex xs12 sm12>	1794	<v-flex xs12 sm12>
1795	<v-layout>	1795	<v-layout>
1796	<v-flex xs12 sm12 class="pt-4 subheading text-xs-center">	1796	<v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
1797	<label class>Present Address:</label>	1797	<label class>Present Address:</label>
1798	</v-flex>	1798	</v-flex>
1799	</v-layout>	1799	</v-layout>
1800	<v-layout>	1800	<v-layout>
1801	<v-flex xs12 sm12>	1801	<v-flex xs12 sm12>
1802	<v-textarea	1802	<v-textarea
1803	name="input-4-3"	1803	name="input-4-3"
1804	v-model="addStudents.presentAddress"	1804	v-model="addStudents.presentAddress"
1805	:rules="presentAddress"	1805	:rules="presentAddress"
1806	placeholder="fill Your present Address"	1806	placeholder="fill Your present Address"
1807	required	1807	required
1808	></v-textarea>	1808	></v-textarea>
1809	</v-flex>	1809	</v-flex>
1810	</v-layout>	1810	</v-layout>
1811	</v-flex>	1811	</v-flex>
1812	<v-flex xs12 sm12>	1812	<v-flex xs12 sm12>
1813	<v-layout>	1813	<v-layout>
1814	<v-flex	1814	<v-flex
1815	xs12	1815	xs12
1816	sm12	1816	sm12
1817	class="pt-4 pr-4 subheading text-xs-center addressForm"	1817	class="pt-4 pr-4 subheading text-xs-center addressForm"
1818	>	1818	>
1819	<label>Permanent Address:</label>	1819	<label>Permanent Address:</label>
1820	</v-flex>	1820	</v-flex>
1821	</v-layout>	1821	</v-layout>
1822	<v-layout>	1822	<v-layout>
1823	<v-flex xs12 sm12>	1823	<v-flex xs12 sm12>
1824	<v-textarea	1824	<v-textarea
1825	name="input-4-3"	1825	name="input-4-3"
1826	v-model="addStudents.permanentAddress"	1826	v-model="addStudents.permanentAddress"
1827	:rules="permanentAddress"	1827	:rules="permanentAddress"
1828	placeholder="fill Your Permanent Address"	1828	placeholder="fill Your Permanent Address"
1829	required	1829	required
1830	></v-textarea>	1830	></v-textarea>
1831	</v-flex>	1831	</v-flex>
1832	</v-layout>	1832	</v-layout>
1833	</v-flex>	1833	</v-flex>
1834	</v-layout>	1834	</v-layout>
1835	<v-layout>	1835	<v-layout>
1836	<v-flex xs12 sm12>	1836	<v-flex xs12 sm12>
1837	<v-layout class="right">	1837	<v-layout class="right">
1838	<!-- <v-flex xs6> -->	1838	<!-- <v-flex xs6> -->
1839	<v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>	1839	<v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>
1840	<!-- </v-flex>	1840	<!-- </v-flex>
1841	<v-flex xs6>-->	1841	<v-flex xs6>-->
1842	<v-btn	1842	<v-btn
1843	@click="submit"	1843	@click="submit"
1844	round	1844	round
1845	dark	1845	dark
1846	:loading="loading"	1846	:loading="loading"
1847	class="add-button"	1847	class="add-button"
1848	>Add</v-btn>	1848	>Add</v-btn>
1849	<!-- </v-flex> -->	1849	<!-- </v-flex> -->
1850	</v-layout>	1850	</v-layout>
1851	</v-flex>	1851	</v-flex>
1852	</v-layout>	1852	</v-layout>
1853	</v-form>	1853	</v-form>
1854	</v-flex>	1854	</v-flex>
1855	</v-stepper-content>	1855	</v-stepper-content>
1856	</v-stepper-items>	1856	</v-stepper-items>
1857	</v-stepper>	1857	</v-stepper>
1858	</v-flex>	1858	</v-flex>
1859	</v-layout>	1859	</v-layout>
1860	</v-container>	1860	</v-container>
1861	</v-card>	1861	</v-card>
1862	</v-dialog>	1862	</v-dialog>
1863	<v-snackbar	1863	<v-snackbar
1864	:timeout="timeout"	1864	:timeout="timeout"
1865	:top="y === 'top'"	1865	:top="y === 'top'"
1866	:right="x === 'right'"	1866	:right="x === 'right'"
1867	:vertical="mode === 'vertical'"	1867	:vertical="mode === 'vertical'"
1868	v-model="snackbar"	1868	v-model="snackbar"
1869	:color="color"	1869	:color="color"
1870	>{{ text }}</v-snackbar>	1870	>{{ text }}</v-snackbar>
1871	<div class="loader" v-if="showLoader">	1871	<div class="loader" v-if="showLoader">
1872	<v-progress-circular indeterminate color="white"></v-progress-circular>	1872	<v-progress-circular indeterminate color="white"></v-progress-circular>
1873	</div>	1873	</div>
1874	</v-container>	1874	</v-container>
1875	</template>	1875	</template>
1876		1876
1877	<script>	1877	<script>
1878	import http from "@/Services/http.js";	1878	import http from "@/Services/http.js";
1879	import moment from "moment";	1879	import moment from "moment";
1880	import countryList from "@/script/country.js";	1880	import countryList from "@/script/country.js";
1881	import parent from "@/script/parents.js";	1881	import parent from "@/script/parents.js";
1882		1882
1883	export default {	1883	export default {
1884	data: () => ({	1884	data: () => ({
1885	e1: true,	1885	e1: true,
1886	e2: 0,	1886	e2: 0,
1887	showParent: true,	1887	showParent: true,
1888	showNext: false,	1888	showNext: false,
1889	snackbar: false,	1889	snackbar: false,
1890	y: "top",	1890	y: "top",
1891	x: "right",	1891	x: "right",
1892	mode: "",	1892	mode: "",
1893	timeout: 3000,	1893	timeout: 3000,
1894	text: "",	1894	text: "",
1895	show: true,	1895	show: true,
1896	color: "",	1896	color: "",
1897	showSearch: false,	1897	showSearch: false,
1898	showLoader: false,	1898	showLoader: false,
1899	loading: false,	1899	loading: false,
1900	editLoading: false,	1900	editLoading: false,
1901	date: null,	1901	date: null,
1902	search: "",	1902	search: "",
1903	password: "",	1903	password: "",
1904	menu: false,	1904	menu: false,
1905	menu1: false,	1905	menu1: false,
1906	editStudentDialog: false,	1906	editStudentDialog: false,
1907	profileStudentDialog: false,	1907	profileStudentDialog: false,
1908	addStudentDialog: false,	1908	addStudentDialog: false,
1909	valid: true,	1909	valid: true,
1910	addclass: [],	1910	addclass: [],
1911	addSection: [],	1911	addSection: [],
1912	gender: ["Male", "Female"],	1912	gender: ["Male", "Female"],
1913	pagination: {	1913	pagination: {
1914	rowsPerPage: 10	1914	rowsPerPage: 10
1915	},	1915	},
1916	imageData: {},	1916	imageData: {},
1917	imageName: "",	1917	imageName: "",
1918	imageUrl: "",	1918	imageUrl: "",
1919	imageFile: "",	1919	imageFile: "",
1920	editImageName: "",	1920	editImageName: "",
1921	editImageUrl: "",	1921	editImageUrl: "",
1922	nameRules: [v => !!v \|\| " Full Name is required"],	1922	nameRules: [v => !!v \|\| " Full Name is required"],
1923	dateRules: [v => !!v \|\| " DOB is required"],	1923	dateRules: [v => !!v \|\| " DOB is required"],
1924	cityRules: [v => !!v \|\| " City Name is required"],	1924	cityRules: [v => !!v \|\| " City Name is required"],
1925	pincode: [v => !!v \|\| " Pincode is required"],	1925	pincode: [v => !!v \|\| " Pincode is required"],
1926	country: [v => !!v \|\| " Country Name is required"],	1926	country: [v => !!v \|\| " Country Name is required"],
1927	rollNo: [v => !!v \|\| "Roll No is required"],	1927	rollNo: [v => !!v \|\| "Roll No is required"],
1928	permanentAddress: [v => !!v \|\| " Permanent Address is required"],	1928	permanentAddress: [v => !!v \|\| " Permanent Address is required"],
1929	presentAddress: [v => !!v \|\| " Present Address is required"],	1929	presentAddress: [v => !!v \|\| " Present Address is required"],
1930	stateRules: [v => !!v \|\| "State Name is required"],	1930	stateRules: [v => !!v \|\| "State Name is required"],
1931	classRules: [v => !!v \|\| " Class Name is required"],	1931	classRules: [v => !!v \|\| " Class Name is required"],
1932	sectionRules: [v => !!v \|\| " Section Name is required"],	1932	sectionRules: [v => !!v \|\| " Section Name is required"],
1933	genderRules: [v => !!v \|\| " Select Gender is required"],	1933	genderRules: [v => !!v \|\| " Select Gender is required"],
1934	fatheCellNoRules: [	1934	fatheCellNoRules: [
1935	v => !!v \|\| " father Cell Number is required",	1935	v => !!v \|\| " father Cell Number is required",
1936	v => v <= 10000000000 \|\| "Max 10 characters is required"	1936	v => v <= 10000000000 \|\| "Max 10 characters is required"
1937	],	1937	],
1938	password: [	1938	password: [
1939	v => !!v \|\| "Password field is Required.",	1939	v => !!v \|\| "Password field is Required.",
1940	v => (/^(?=.[a-z])(?=.[0-9])(?=.[!@#$%^&])(?=.{8,})/).test(v) && v.length >= 8	1940	// v => (/^(?=.[a-z])(?=.[0-9])(?=.[!@#$%^&])(?=.{8,})/).test(v) && v.length >= 8
1941	],	1941	],
1942	mobileNoRule: [v => !!v \|\| " Mobile Number is required"],	1942	mobileNoRule: [v => !!v \|\| " Mobile Number is required"],
1943	establishmentYearRules: [v => !!v \|\| " Academic Year is required"],	1943	establishmentYearRules: [v => !!v \|\| " Academic Year is required"],
1944	errorMessages: "",	1944	errorMessages: "",
1945	countries: [],	1945	countries: [],
1946	headers: [	1946	headers: [
1947	{	1947	{
1948	text: "Roll No.",	1948	text: "Roll No.",
1949	align: "center",	1949	align: "center",
1950	sortable: false,	1950	sortable: false,
1951	value: "rollNo"	1951	value: "rollNo"
1952	},	1952	},
1953	{	1953	{
1954	text: "Profile Pic",	1954	text: "Profile Pic",
1955	value: "profilePicUrl",	1955	value: "profilePicUrl",
1956	sortable: false,	1956	sortable: false,
1957	align: "center"	1957	align: "center"
1958	},	1958	},
1959	{ text: "Name", value: "name", sortable: false, align: "center" },	1959	{ text: "Name", value: "name", sortable: false, align: "center" },
1960	{ text: "Gender", value: "gender", sortable: false, align: "center" },	1960	{ text: "Gender", value: "gender", sortable: false, align: "center" },
1961	{	1961	{
1962	text: "Father Name",	1962	text: "Father Name",
1963	value: "fatherName",	1963	value: "fatherName",
1964	sortable: false,	1964	sortable: false,
1965	align: "center"	1965	align: "center"
1966	},	1966	},
1967	{	1967	{
1968	text: "Mother Name",	1968	text: "Mother Name",
1969	value: "motherName",	1969	value: "motherName",
1970	sortable: false,	1970	sortable: false,
1971	align: "center"	1971	align: "center"
1972	},	1972	},
1973	{	1973	{
1974	text: "Academic Year",	1974	text: "Academic Year",
1975	value: "establishmentYear",	1975	value: "establishmentYear",
1976	sortable: false,	1976	sortable: false,
1977	align: "center"	1977	align: "center"
1978	},	1978	},
1979	{ text: "Mobile No", value: "mobile", sortable: false, align: "center" },	1979	{ text: "Mobile No", value: "mobile", sortable: false, align: "center" },
1980	{	1980	{
1981	text: "Status",	1981	text: "Status",
1982	value: "status",	1982	value: "status",
1983	sortable: false,	1983	sortable: false,
1984	align: "center"	1984	align: "center"
1985	},	1985	},
1986	{ text: "Action", value: "", sortable: false, align: "center" }	1986	{ text: "Action", value: "", sortable: false, align: "center" }
1987	],	1987	],
1988	studentsData: [],	1988	studentsData: [],
1989	parentId: "",	1989	parentId: "",
1990	editedIndex: -1,	1990	editedIndex: -1,
1991	parentData: {},	1991	parentData: {},
1992	addStudents: {	1992	addStudents: {
1993	role: "STUDENT",	1993	role: "STUDENT",
1994	name: "",	1994	name: "",
1995	email: "",	1995	email: "",
1996	date: "",	1996	date: "",
1997	city: "",	1997	city: "",
1998	pincode: "",	1998	pincode: "",
1999	country: "",	1999	country: "",
2000	permanentAddress: "",	2000	permanentAddress: "",
2001	presentAddress: "",	2001	presentAddress: "",
2002	mobile: "",	2002	mobile: "",
2003	state: "",	2003	state: "",
2004	gender: "",	2004	gender: "",
2005	select: "",	2005	select: "",
2006	selectSection: "",	2006	selectSection: "",
2007	bloodGroup: "",	2007	bloodGroup: "",
2008	allergies: "",	2008	allergies: "",
2009	medicalNotes: "",	2009	medicalNotes: "",
2010	height: "",	2010	height: "",
2011	weight: "",	2011	weight: "",
2012	rollNo: "",	2012	rollNo: "",
2013	establishmentYear: new Date().getFullYear()	2013	establishmentYear: new Date().getFullYear()
2014	},	2014	},
2015	selectStudents: {	2015	selectStudents: {
2016	select: "",	2016	select: "",
2017	selectSection: ""	2017	selectSection: ""
2018	},	2018	},
2019	editedItem: {	2019	editedItem: {
2020	role: "STUDENT",	2020	role: "STUDENT",
2021	name: "",	2021	name: "",
2022	email: "",	2022	email: "",
2023	dob: "",	2023	dob: "",
2024	city: "",	2024	city: "",
2025	pincode: "",	2025	pincode: "",
2026	country: "",	2026	country: "",
2027	permanentAddress: "",	2027	permanentAddress: "",
2028	presentAddress: "",	2028	presentAddress: "",
2029	mobile: "",	2029	mobile: "",
2030	state: "",	2030	state: "",
2031	gender: "",	2031	gender: "",
2032	select: "",	2032	select: "",
2033	selectSection: "",	2033	selectSection: "",
2034	bloodGroup: "",	2034	bloodGroup: "",
2035	allergies: "",	2035	allergies: "",
2036	medicalNotes: "",	2036	medicalNotes: "",
2037	height: "",	2037	height: "",
2038	weight: "",	2038	weight: "",
2039	rollNo: "",	2039	rollNo: "",
2040	establishmentYear: new Date().getFullYear()	2040	establishmentYear: new Date().getFullYear()
2041	}	2041	}
2042	}),	2042	}),
2043	watch: {	2043	watch: {
2044	menu(val) {	2044	menu(val) {
2045	val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));	2045	val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
2046	},	2046	},
2047	menu1(val) {	2047	menu1(val) {
2048	val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));	2048	val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
2049	}	2049	}
2050	},	2050	},
2051	methods: {	2051	methods: {
2052	findStudents() {	2052	findStudents() {
2053	this.showLoader = true;	2053	this.showLoader = true;
2054	http()	2054	http()
2055	.get("/getStudentWithClass", {	2055	.get("/getStudentWithClass", {
2056	params: {	2056	params: {
2057	classId: this.selectStudents.select,	2057	classId: this.selectStudents.select,
2058	sectionId: this.selectStudents.selectSection	2058	sectionId: this.selectStudents.selectSection
2059	}	2059	}
2060	})	2060	})
2061	.then(response => {	2061	.then(response => {
2062	this.studentsData = response.data.data;	2062	this.studentsData = response.data.data;
2063	this.showLoader = false;	2063	this.showLoader = false;
2064	})	2064	})
2065	.catch(err => {	2065	.catch(err => {
2066	console.log("err====>", err);	2066	console.log("err====>", err);
2067	this.showLoader = false;	2067	this.showLoader = false;
2068	});	2068	});
2069	},	2069	},
2070	getSections(_id) {	2070	getSections(_id) {
2071	var token = this.$store.state.token;	2071	var token = this.$store.state.token;
2072	this.showLoader = true;	2072	this.showLoader = true;
2073	http()	2073	http()
2074	.get(	2074	.get(
2075	"/getSectionsList",	2075	"/getSectionsList",
2076	{ params: { classId: _id } },	2076	{ params: { classId: _id } },
2077	{	2077	{
2078	headers: { Authorization: "Bearer " + token }	2078	headers: { Authorization: "Bearer " + token }
2079	}	2079	}
2080	)	2080	)
2081	.then(response => {	2081	.then(response => {
2082	this.addSection = response.data.data;	2082	this.addSection = response.data.data;
2083	this.showLoader = false;	2083	this.showLoader = false;
2084	})	2084	})
2085	.catch(err => {	2085	.catch(err => {
2086	this.showLoader = false;	2086	this.showLoader = false;
2087	});	2087	});
2088	},	2088	},
2089	getSection(_id) {	2089	getSection(_id) {
2090	var token = this.$store.state.token;	2090	var token = this.$store.state.token;
2091	this.showLoader = true;	2091	this.showLoader = true;
2092	http()	2092	http()
2093	.get(	2093	.get(
2094	"/getSectionsList",	2094	"/getSectionsList",
2095	{ params: { classId: _id } },	2095	{ params: { classId: _id } },
2096	{	2096	{
2097	headers: { Authorization: "Bearer " + token }	2097	headers: { Authorization: "Bearer " + token }
2098	}	2098	}
2099	)	2099	)
2100	.then(response => {	2100	.then(response => {
2101	this.addSection = response.data.data;	2101	this.addSection = response.data.data;
2102	this.showLoader = false;	2102	this.showLoader = false;
2103	})	2103	})
2104	.catch(err => {	2104	.catch(err => {
2105	this.showLoader = false;	2105	this.showLoader = false;
2106	});	2106	});
2107	},	2107	},
2108	pickFile() {	2108	pickFile() {
2109	this.$refs.image.click();	2109	this.$refs.image.click();
2110	},	2110	},
2111	pickEditFile() {	2111	pickEditFile() {
2112	this.$refs.editDataImage.click();	2112	this.$refs.editDataImage.click();
2113	},	2113	},
2114	dates: function(date) {	2114	dates: function(date) {
2115	return moment(date).format("MMMM DD, YYYY");	2115	return moment(date).format("MMMM DD, YYYY");
2116	},	2116	},
2117	onFilePicked(e) {	2117	onFilePicked(e) {
2118	// console.log(e)	2118	// console.log(e)
2119	const files = e.target.files;	2119	const files = e.target.files;
2120	this.imageData.upload = e.target.files[0];	2120	this.imageData.upload = e.target.files[0];
2121	if (files[0] !== undefined) {	2121	if (files[0] !== undefined) {
2122	this.imageName = files[0].name;	2122	this.imageName = files[0].name;
2123	if (this.imageName.lastIndexOf(".") <= 0) {	2123	if (this.imageName.lastIndexOf(".") <= 0) {
2124	return;	2124	return;
2125	}	2125	}
2126	const fr = new FileReader();	2126	const fr = new FileReader();
2127	fr.readAsDataURL(files[0]);	2127	fr.readAsDataURL(files[0]);
2128	fr.addEventListener("load", () => {	2128	fr.addEventListener("load", () => {
2129	this.imageUrl = fr.result;	2129	this.imageUrl = fr.result;
2130	this.imageFile = files[0]; // this is an image file that can be sent to server...	2130	this.imageFile = files[0]; // this is an image file that can be sent to server...
2131	this.imageData.imageUrl = URL.createObjectURL(this.imageFile);	2131	this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
2132	});	2132	});
2133	} else {	2133	} else {
2134	this.imageName = "";	2134	this.imageName = "";
2135	this.imageFile = "";	2135	this.imageFile = "";
2136	this.imageUrl = "";	2136	this.imageUrl = "";
2137	}	2137	}
2138	},	2138	},
2139	onEditFilePicked(e) {	2139	onEditFilePicked(e) {
2140	console.log(e);	2140	console.log(e);
2141	const files = e.target.files;	2141	const files = e.target.files;
2142	if (files[0] !== undefined) {	2142	if (files[0] !== undefined) {
2143	this.editImageName = files[0].name;	2143	this.editImageName = files[0].name;
2144	console.log("this.editImageName", this.editImageName);	2144	console.log("this.editImageName", this.editImageName);
2145		2145
2146	if (this.editImageName.lastIndexOf(".") <= 0) {	2146	if (this.editImageName.lastIndexOf(".") <= 0) {
2147	return;	2147	return;
2148	}	2148	}
2149	const fr = new FileReader();	2149	const fr = new FileReader();
2150	fr.readAsDataURL(files[0]);	2150	fr.readAsDataURL(files[0]);
2151	fr.addEventListener("load", () => {	2151	fr.addEventListener("load", () => {
2152	this.editImageUrl = fr.result;	2152	this.editImageUrl = fr.result;
2153	this.editiImageFile = files[0]; // this is an image file that can be sent to server...	2153	this.editiImageFile = files[0]; // this is an image file that can be sent to server...
2154	});	2154	});
2155	} else {	2155	} else {
2156	this.editImageName = "";	2156	this.editImageName = "";
2157	this.editiImageFile = "";	2157	this.editiImageFile = "";
2158	}	2158	}
2159	},	2159	},
2160	editItem(item) {	2160	editItem(item) {
2161	this.editedIndex = this.studentsData.indexOf(item);	2161	this.editedIndex = this.studentsData.indexOf(item);
2162	this.editedItem = Object.assign({}, item);	2162	this.editedItem = Object.assign({}, item);
2163	this.editedItem.fatherName = item.parentId.fatherName;	2163	this.editedItem.fatherName = item.parentId.fatherName;
2164	this.editedItem.fatherCellNo = item.parentId.fatherCellNo;	2164	this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2165	this.editedItem.motherName = item.parentId.motherName;	2165	this.editedItem.motherName = item.parentId.motherName;
2166	this.editedItem.motherCellNo = item.parentId.motherCellNo;	2166	this.editedItem.motherCellNo = item.parentId.motherCellNo;
2167	this.editedItem.dob =	2167	this.editedItem.dob =
2168	this.editedItem.dob != undefined	2168	this.editedItem.dob != undefined
2169	? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))	2169	? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
2170	: (this.editedItem.dob = "");	2170	: (this.editedItem.dob = "");
2171	this.editStudentDialog = true;	2171	this.editStudentDialog = true;
2172	},	2172	},
2173	profile(item) {	2173	profile(item) {
2174	this.editedIndex = this.studentsData.indexOf(item);	2174	this.editedIndex = this.studentsData.indexOf(item);
2175	this.editedItem = Object.assign({}, item);	2175	this.editedItem = Object.assign({}, item);
2176	this.editedItem.fatherName = item.parentId.fatherName;	2176	this.editedItem.fatherName = item.parentId.fatherName;
2177	this.editedItem.fatherCellNo = item.parentId.fatherCellNo;	2177	this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2178	this.editedItem.motherName = item.parentId.motherName;	2178	this.editedItem.motherName = item.parentId.motherName;
2179	this.editedItem.motherCellNo = item.parentId.motherCellNo;	2179	this.editedItem.motherCellNo = item.parentId.motherCellNo;
2180		2180
2181	this.profileStudentDialog = true;	2181	this.profileStudentDialog = true;
2182	},	2182	},
2183	deleteItem(item) {	2183	deleteItem(item) {
2184	let deleteStudent = {	2184	let deleteStudent = {
2185	studentId: item._id	2185	studentId: item._id
2186	};	2186	};
2187	http()	2187	http()
2188	.delete(	2188	.delete(
2189	"/deleteStudent",	2189	"/deleteStudent",
2190	confirm("Are you sure you want to delete this?") && {	2190	confirm("Are you sure you want to delete this?") && {
2191	params: deleteStudent	2191	params: deleteStudent
2192	}	2192	}
2193	)	2193	)
2194	.then(response => {	2194	.then(response => {
2195	this.snackbar = true;	2195	this.snackbar = true;
2196	this.text = response.data.message;	2196	this.text = response.data.message;
2197	this.color = "green";	2197	this.color = "green";
2198	this.findStudents();	2198	this.findStudents();
2199	})	2199	})
2200	.catch(error => {	2200	.catch(error => {
2201	this.snackbar = true;	2201	this.snackbar = true;
2202	this.text = error.response.data.message;	2202	this.text = error.response.data.message;
2203	this.color = "error";	2203	this.color = "error";
2204	});	2204	});
2205	},	2205	},
2206	close() {	2206	close() {
2207	this.editStudentDialog = false;	2207	this.editStudentDialog = false;
2208	},	2208	},
2209	closeStudentProfile() {	2209	closeStudentProfile() {
2210	this.profileStudentDialog = false;	2210	this.profileStudentDialog = false;
2211	},	2211	},
2212	copyData() {	2212	copyData() {
2213	this.addStudents.permanentAddress = this.addStudents.presentAddress;	2213	this.addStudents.permanentAddress = this.addStudents.presentAddress;
2214	},	2214	},
2215	submit() {	2215	submit() {
2216	if (this.$refs.form.validate()) {	2216	if (this.$refs.form.validate()) {
2217	let addStudent = {	2217	let addStudent = {
2218	parentId: this.parentId,	2218	parentId: this.parentId,
2219	name: this.addStudents.name,	2219	name: this.addStudents.name,
2220	email: this.addStudents.email,	2220	email: this.addStudents.email,
2221	role: this.addStudents.role,	2221	role: this.addStudents.role,
2222	dob: this.addStudents.date,	2222	dob: this.addStudents.date,
2223	city: this.addStudents.city,	2223	city: this.addStudents.city,
2224	pincode: this.addStudents.pincode,	2224	pincode: this.addStudents.pincode,
2225	country: this.addStudents.country,	2225	country: this.addStudents.country,
2226	permanentAddress: this.addStudents.permanentAddress,	2226	permanentAddress: this.addStudents.permanentAddress,
2227	presentAddress: this.addStudents.presentAddress,	2227	presentAddress: this.addStudents.presentAddress,
2228	mobile: this.addStudents.mobile,	2228	mobile: this.addStudents.mobile,
2229	state: this.addStudents.state,	2229	state: this.addStudents.state,
2230	gender: this.addStudents.gender,	2230	gender: this.addStudents.gender,
2231	establishmentYear: this.addStudents.establishmentYear,	2231	establishmentYear: this.addStudents.establishmentYear,
2232	classId: this.addStudents.select,	2232	classId: this.addStudents.select,
2233	sectionId: this.addStudents.selectSection,	2233	sectionId: this.addStudents.selectSection,
2234	bloodGroup: this.addStudents.bloodGroup,	2234	bloodGroup: this.addStudents.bloodGroup,
2235	medicalNotes: this.addStudents.medicalNotes,	2235	medicalNotes: this.addStudents.medicalNotes,
2236	height: this.addStudents.height,	2236	height: this.addStudents.height,
2237	weight: this.addStudents.weight,	2237	weight: this.addStudents.weight,
2238	rollNo: this.addStudents.rollNo	2238	rollNo: this.addStudents.rollNo
2239	};	2239	};
2240	if (this.imageUrl) {	2240	if (this.imageUrl) {
2241	var str = this.imageUrl;	2241	var str = this.imageUrl;
2242	const [baseUrl, imageUrl] = str.split(/,/);	2242	const [baseUrl, imageUrl] = str.split(/,/);
2243	addStudent.upload = imageUrl;	2243	addStudent.upload = imageUrl;
2244	}	2244	}
2245	this.loading = true;	2245	this.loading = true;
2246	http()	2246	http()
2247	.post("/createStudent", addStudent)	2247	.post("/createStudent", addStudent)
2248	.then(response => {	2248	.then(response => {
2249	this.snackbar = true;	2249	this.snackbar = true;
2250	this.text = "New Student added successfully";	2250	this.text = "New Student added successfully";
2251	this.color = "green";	2251	this.color = "green";
2252	this.addStudentDialog = false;	2252	this.addStudentDialog = false;
2253	this.clear();	2253	this.clear();
2254	this.clearParents();	2254	this.clearParents();
2255	this.loading = false;	2255	this.loading = false;
2256	})	2256	})
2257	.catch(error => {	2257	.catch(error => {
2258	this.snackbar = true;	2258	this.snackbar = true;
2259	this.text = error.response.data.message;	2259	this.text = error.response.data.message;
2260	this.color = "error";	2260	this.color = "error";
2261	this.loading = false;	2261	this.loading = false;
2262	});	2262	});
2263	}	2263	}
2264	},	2264	},
2265	clear() {	2265	clear() {
2266	this.$refs.form.reset();	2266	this.$refs.form.reset();
2267	this.imageUrl = "";	2267	this.imageUrl = "";
2268	},	2268	},
2269	clearParents() {	2269	clearParents() {
2270	this.$refs.parentForm.reset();	2270	this.$refs.parentForm.reset();
2271	},	2271	},
2272	save() {	2272	save() {
2273	let editStudent = {	2273	let editStudent = {
2274	studentId: this.editedItem._id,	2274	studentId: this.editedItem._id,
2275	name: this.editedItem.name,	2275	name: this.editedItem.name,
2276	email: this.editedItem.email,	2276	email: this.editedItem.email,
2277	role: this.editedItem.role,	2277	role: this.editedItem.role,
2278	dob: this.editedItem.dob,	2278	dob: this.editedItem.dob,
2279	city: this.editedItem.city,	2279	city: this.editedItem.city,
2280	pincode: this.editedItem.pincode,	2280	pincode: this.editedItem.pincode,
2281	country: this.editedItem.country,	2281	country: this.editedItem.country,
2282	permanentAddress: this.editedItem.permanentAddress,	2282	permanentAddress: this.editedItem.permanentAddress,
2283	presentAddress: this.editedItem.presentAddress,	2283	presentAddress: this.editedItem.presentAddress,
2284	mobile: this.editedItem.mobile,	2284	mobile: this.editedItem.mobile,
2285	state: this.editedItem.state,	2285	state: this.editedItem.state,
2286	gender: this.editedItem.gender,	2286	gender: this.editedItem.gender,
2287	establishmentYear: this.editedItem.establishmentYear,	2287	establishmentYear: this.editedItem.establishmentYear,
2288	classId: this.editedItem.select,	2288	classId: this.editedItem.select,
2289	sectionId: this.editedItem.selectSection,	2289	sectionId: this.editedItem.selectSection,
2290	bloodGroup: this.editedItem.bloodGroup,	2290	bloodGroup: this.editedItem.bloodGroup,
2291	medicalNotes: this.editedItem.medicalNotes,	2291	medicalNotes: this.editedItem.medicalNotes,
2292	height: this.editedItem.height,	2292	height: this.editedItem.height,
2293	weight: this.editedItem.weight,	2293	weight: this.editedItem.weight,
2294	rollNo: this.editedItem.rollNo	2294	rollNo: this.editedItem.rollNo
2295	};	2295	};
2296	if (this.editImageUrl) {	2296	if (this.editImageUrl) {
2297	var str = this.editImageUrl;	2297	var str = this.editImageUrl;
2298	const [baseUrl, editImageUrl] = str.split(/,/);	2298	const [baseUrl, editImageUrl] = str.split(/,/);
2299	editStudent.upload = editImageUrl;	2299	editStudent.upload = editImageUrl;
2300	}	2300	}
2301	this.editLoading = true;	2301	this.editLoading = true;
2302	http()	2302	http()
2303	.put("/updateStudent", editStudent)	2303	.put("/updateStudent", editStudent)
2304	.then(response => {	2304	.then(response => {
2305	this.snackbar = true;	2305	this.snackbar = true;
2306	this.text = response.data.message;	2306	this.text = response.data.message;
2307	this.color = "green";	2307	this.color = "green";
2308	this.imageUrl = "";	2308	this.imageUrl = "";
2309	this.findStudents();	2309	this.findStudents();
2310	this.close();	2310	this.close();
2311	this.editLoading = false;	2311	this.editLoading = false;
2312	})	2312	})
2313	.catch(error => {	2313	.catch(error => {
2314	this.snackbar = true;	2314	this.snackbar = true;
2315	this.text = error.response.data.statusText;	2315	this.text = error.response.data.statusText;
2316	this.color = "error";	2316	this.color = "error";
2317	this.editLoading = false;	2317	this.editLoading = false;
2318	});	2318	});
2319	},	2319	},
2320	submitParentDetails() {	2320	submitParentDetails() {
2321	if (this.$refs.parentForm.validate()) {	2321	if (this.$refs.parentForm.validate()) {
2322	this.parentData.fatherCellNo = this.parentData.fatherCellNo;	2322	this.parentData.fatherCellNo = this.parentData.fatherCellNo;
2323	this.parentData.motherCellNo = this.parentData.motherCellNo;	2323	this.parentData.motherCellNo = this.parentData.motherCellNo;
2324	let addparentDetails = {	2324	let addparentDetails = {
2325	email: this.parentData.email,	2325	email: this.parentData.email,
2326	fatherName: this.parentData.fatherName,	2326	fatherName: this.parentData.fatherName,
2327	fatherCellNo: this.parentData.fatherCellNo,	2327	fatherCellNo: this.parentData.fatherCellNo,
2328	motherName: this.parentData.motherName,	2328	motherName: this.parentData.motherName,
2329	motherCellNo: this.parentData.motherCellNo,	2329	motherCellNo: this.parentData.motherCellNo,
2330	fatherProfession: this.parentData.fatherProfession,	2330	fatherProfession: this.parentData.fatherProfession,
2331	motherProfession: this.parentData.motherProfession,	2331	motherProfession: this.parentData.motherProfession,
2332	password: this.parentData.password,	2332	password: this.parentData.password,
2333	role: "PARENT"	2333	role: "PARENT"
2334	};	2334	};
2335	this.loading = true;	2335	this.loading = true;
2336	http()	2336	http()
2337	.post("/createParent", addparentDetails)	2337	.post("/createParent", addparentDetails)
2338	.then(response => {	2338	.then(response => {
2339	this.parentId = response.data.data.id;	2339	this.parentId = response.data.data.id;
2340	this.e2 = 2;	2340	this.e2 = 2;
2341	this.snackbar = true;	2341	this.snackbar = true;
2342	this.text = response.data.message;	2342	this.text = response.data.message;
2343	this.color = "green";	2343	this.color = "green";
2344	// this.getStudentList();	2344	// this.getStudentList();
2345	this.clear();	2345	this.clear();
2346	this.loading = false;	2346	this.loading = false;
2347	})	2347	})
2348	.catch(error => {	2348	.catch(error => {
2349	this.snackbar = true;	2349	this.snackbar = true;
2350	this.text = error.response.data.message;	2350	this.text = error.response.data.message;
2351	this.color = "error";	2351	this.color = "error";
2352	if (error.response.data.statusText) {	2352	if (error.response.data.statusText) {
2353	this.text = error.response.data.statusText;	2353	this.text = error.response.data.statusText;
2354	}	2354	}
2355	this.loading = false;	2355	this.loading = false;
2356	});	2356	});
2357	}	2357	}
2358	},	2358	},
2359	getParentDetails() {	2359	getParentDetails() {
2360	if (this.parentData.fatherCellNo.length > 9) {	2360	if (this.parentData.fatherCellNo.length > 9) {
2361	this.showLoader = true;	2361	this.showLoader = true;
2362	http()	2362	http()
2363	.get("getParticularParent", {	2363	.get("getParticularParent", {
2364	params: { fatherCellNo: this.parentData.fatherCellNo },	2364	params: { fatherCellNo: this.parentData.fatherCellNo },
2365	headers: {	2365	headers: {
2366	Authorization: "Bearer " + this.$store.state.token	2366	Authorization: "Bearer " + this.$store.state.token
2367	}	2367	}
2368	})	2368	})
2369	.then(response => {	2369	.then(response => {
2370	this.showNext = true;	2370	this.showNext = true;
2371	this.showParent = false;	2371	this.showParent = false;
2372	this.parentData = response.data.data;	2372	this.parentData = response.data.data;
2373	this.parentId = response.data.data._id;	2373	this.parentId = response.data.data._id;
2374	this.showLoader = false;	2374	this.showLoader = false;
2375	})	2375	})
2376	.catch(error => {	2376	.catch(error => {
2377	console.log("err====>", error.response.data.message);	2377	console.log("err====>", error.response.data.message);
2378	this.text = error.response.data.message;	2378	this.text = error.response.data.message;
2379	this.snackbar = true;	2379	this.snackbar = true;
2380	if (this.text === "Data not found!") {	2380	if (this.text === "Data not found!") {
2381	this.showNext = false;	2381	this.showNext = false;
2382	this.showParent = true;	2382	this.showParent = true;
2383	this.parentData.email = "";	2383	this.parentData.email = "";
2384	this.parentData.fatherName = "";	2384	this.parentData.fatherName = "";
2385	this.parentData.motherName = "";	2385	this.parentData.motherName = "";
2386	this.parentData.motherCellNo = "";	2386	this.parentData.motherCellNo = "";
2387	this.parentData.fatherProfession = "";	2387	this.parentData.fatherProfession = "";
2388	this.parentData.motherProfession = "";	2388	this.parentData.motherProfession = "";
2389	this.parentData.password = "";	2389	this.parentData.password = "";
2390	}	2390	}
2391	this.showLoader = false;	2391	this.showLoader = false;
2392	});	2392	});
2393	}	2393	}
2394	},	2394	},
2395	suspendStudentStatus(status, id) {	2395	suspendStudentStatus(status, id) {
2396	let suspendStudentData = {	2396	let suspendStudentData = {
2397	studentId: id,	2397	studentId: id,
2398	status: status	2398	status: status
2399	};	2399	};
2400	http()	2400	http()
2401	.put("/suspendStudentAccount", suspendStudentData)	2401	.put("/suspendStudentAccount", suspendStudentData)
2402	.then(response => {	2402	.then(response => {
2403	this.findStudents();	2403	this.findStudents();
2404	this.text = response.data.message;	2404	this.text = response.data.message;
2405	this.color = "green";	2405	this.color = "green";
2406	this.snackbar = true;	2406	this.snackbar = true;
2407	})	2407	})
2408	.catch(error => {	2408	.catch(error => {
2409	this.snackbar = true;	2409	this.snackbar = true;
2410	this.color = "error";	2410	this.color = "error";
2411	this.text = error.response.data.message;	2411	this.text = error.response.data.message;
2412	});	2412	});
2413	},	2413	},
2414	displaySearch() {	2414	displaySearch() {
2415	(this.show = false), (this.showSearch = true);	2415	(this.show = false), (this.showSearch = true);
2416	},	2416	},
2417	closeSearch() {	2417	closeSearch() {
2418	this.showSearch = false;	2418	this.showSearch = false;
2419	this.show = true;	2419	this.show = true;
2420	this.search = "";	2420	this.search = "";
2421	}	2421	}
2422	},	2422	},
2423	mounted() {	2423	mounted() {
2424	const getCountryList = countryList();	2424	const getCountryList = countryList();
2425	this.countries = getCountryList;	2425	this.countries = getCountryList;
2426	var token = this.$store.state.token;	2426	var token = this.$store.state.token;
2427	http()	2427	http()
2428	.get("/getClassesList", {	2428	.get("/getClassesList", {
2429	headers: { Authorization: "Bearer " + token }	2429	headers: { Authorization: "Bearer " + token }
2430	})	2430	})
2431	.then(response => {	2431	.then(response => {
2432	this.addclass = response.data.data;	2432	this.addclass = response.data.data;
2433	})	2433	})
2434	.catch(error => {	2434	.catch(error => {
2435	this.showLoader = false;	2435	this.showLoader = false;
2436	if (error.response.status === 401) {	2436	if (error.response.status === 401) {
2437	this.$router.replace({ path: "/" });	2437	this.$router.replace({ path: "/" });
2438	this.$store.dispatch("setToken", null);	2438	this.$store.dispatch("setToken", null);
2439	this.$store.dispatch("Id", null);	2439	this.$store.dispatch("Id", null);
2440	this.$store.dispatch("Role", null);	2440	this.$store.dispatch("Role", null);
2441	}	2441	}
2442	});	2442	});
2443	}	2443	}
2444	};	2444	};
2445	</script>	2445	</script>
2446	<style scoped>	2446	<style scoped>
2447	.active {	2447	.active {
2448	background-color: gray;	2448	background-color: gray;
2449	color: white !important;	2449	color: white !important;
2450	}	2450	}
2451	.activebtn {	2451	.activebtn {
2452	color: black !important;	2452	color: black !important;
2453	}	2453	}
2454	</style>	2454	</style>