From a0650f86b4e5a4e05d77681e91c01a09d77c1e2e Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Thu, 9 Jan 2020 18:40:39 +0530
Subject: [PATCH] implement class validation of edit students and parenst

---
 src/pages/Parent/parents.vue    | 26 ++++++-----
 src/pages/Students/students.vue | 96 ++++++++++++++++++-----------------------
 2 files changed, 57 insertions(+), 65 deletions(-)

diff --git a/src/pages/Parent/parents.vue b/src/pages/Parent/parents.vue
index 77ec5c4..6f6debf 100644
--- a/src/pages/Parent/parents.vue
+++ b/src/pages/Parent/parents.vue
@@ -161,7 +161,10 @@
                 </v-flex>
               </v-layout>
             </v-card-text>
-            <v-card-text style="height: 600px;" class="hidden-lg-only hidden-xl-only hidden-md-only">
+            <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">
@@ -900,14 +903,17 @@ export default {
       http()
         .put("/updateParent", this.editedItem)
         .then(response => {
-          if ((this.snackbar = true)) {
-            this.text = "Successfully Student Existing User";
-          }
+          this.snackbar = true;
+          this.color = "green";
+          this.text = "Successfully Student Existing User";
           this.getParentDetails();
           this.close();
         })
         .catch(error => {
-          if ((this.snackbar = true)) {
+          this.snackbar = true;
+          this.color = "error";
+          this.text = error.response.data.message;
+          if (error.response.data.statusText) {
             this.text = error.response.data.statusText;
           }
         });
@@ -920,17 +926,17 @@ export default {
           .post("/createParent", this.parentData)
           .then(response => {
             this.parentId = response.data.data.id;
-            if ((this.snackbar = true)) {
-              this.text = "successfully";
-            }
+            this.snackbar = true;
+            this.text = response.data.data.message;
             this.getParentDetails();
             this.clear();
             this.loading = false;
           })
           .catch(error => {
             console.log(error.response.data);
-            if ((this.snackbar = true)) {
-              this.text = error.response.data.message;
+            this.snackbar = true;
+            this.text = error.response.data.message;
+            if (error.response.data.statusText) {
               this.text = error.response.data.statusText;
             }
             this.loading = false;
diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index f16a6b2..063e90b 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -471,7 +471,7 @@
 
         <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
 
-        <v-dialog v-model="dialog1" max-width="1100px" scrollable>
+        <v-dialog v-model="dialog1" max-width="1200px" scrollable>
           <v-card>
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
@@ -488,19 +488,19 @@
               </v-flex>
               <v-container grid-list-md>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm6>
                         <h5 class="right my-1">
                           <b>Full Name:</b>
                         </h5>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm6 xs6>
                         <h5 class="my-1 left">{{ editedItem.name }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <h5 class="right my-1">
@@ -514,21 +514,21 @@
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm6>
                         <b>
                           <h5 class="right my-1">
                             <b>Gender:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm6 xs6>
                         <h5 class="my-1 left">{{ editedItem.gender }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
@@ -537,42 +537,28 @@
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm8 xs6>
                         <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm6>
                         <b>
                           <h5 class="right my-1">
                             <b>Blood Group:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm6 xs6>
                         <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <!-- <v-flex xs12 sm6>
-                    <v-layout>
-                      <v-flex xs6 sm4>
-                        <b>
-                          <h5 class="right my-1">
-                            <b>Allergies:</b>
-                          </h5>
-                        </b>
-                      </v-flex>
-                      <v-flex sm8 xs6>
-                        <h5 class="my-1">{{ editedItem.allergies }}</h5>
-                      </v-flex>
-                    </v-layout>
-                  </v-flex>-->
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
@@ -581,28 +567,28 @@
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm6 xs6>
+                      <v-flex sm8 xs6>
                         <h5 class="my-1">{{ editedItem.rollNo }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm6>
                         <b>
                           <h5 class="right my-1">
                             <b>Height:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm6 xs6>
                         <h5 class="my-1 left">{{ editedItem.height }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
@@ -618,21 +604,21 @@
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm6>
                         <b>
                           <h5 class="right my-1">
                             <b>City:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm6 xs6>
                         <h5 class="my-1 left">{{ editedItem.city }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
@@ -648,23 +634,23 @@
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm6>
                         <b>
                           <h5 class="right my-1">
                             <b>Pincode:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm7 xs6>
+                      <v-flex sm6 xs6>
                         <h5 class="my-1">{{ editedItem.pincode }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm5>
+                  <v-flex xs12 sm7>
                     <v-layout>
-                      <v-flex xs6 sm5>
+                      <v-flex xs6 sm4>
                         <b>
                           <h5 class="right my-1">
                             <b>Country:</b>
@@ -678,9 +664,9 @@
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm5>
                     <v-layout>
-                      <v-flex sm5 xs6>
+                      <v-flex sm6 xs6>
                         <b>
                           <h5 class="right my-1">
                             <b>Mobile No:</b>
@@ -692,7 +678,7 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
@@ -722,9 +708,9 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
-                      <v-flex xs6 sm6>
+                      <v-flex xs6 sm4>
                         <b>
                           <h5 class="right my-1">
                             <b>FatherCellNo:</b>
@@ -752,16 +738,16 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm6>
+                  <v-flex xs12 sm7>
                     <v-layout>
-                      <v-flex xs6 sm6>
+                      <v-flex xs6 sm4>
                         <b>
                           <h5 class="my-1 right">
                             <b>AcademicYear:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm5 xs6>
+                      <v-flex sm5 xs8>
                         <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
                       </v-flex>
                     </v-layout>
@@ -782,30 +768,30 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm5 class="hidden-xs-only">
+                  <v-flex xs12 sm7 class="hidden-xs-only">
                     <v-layout wrap>
-                      <v-flex sm6>
+                      <v-flex sm4>
                         <b>
                           <h5 class="my-1 right">
                             <b>present Address:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm5>
+                      <v-flex sm8>
                         <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <v-flex sm6 class="hidden-xs-only">
                     <v-layout wrap>
-                      <v-flex sm6>
+                      <v-flex sm5>
                         <b>
                           <h5 class="my-1 right">
                             <b>Permanent Address:</b>
                           </h5>
                         </b>
                       </v-flex>
-                      <v-flex sm6>
+                      <v-flex sm7>
                         <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
                       </v-flex>
                     </v-layout>
-- 
2.0.0