From acab5c7cb6f559871bf0340c43e7055b122852c7 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Tue, 24 Dec 2019 13:08:17 +0530
Subject: [PATCH] responsive design of parents

---
 src/pages/Students/students.vue | 150 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 145 insertions(+), 5 deletions(-)

diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index 3c6ea4f..b65d318 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -1040,7 +1040,149 @@
                             v-model="snackbar"
                             color="success"
                           >{{ text }}</v-snackbar>
-                          <v-flex xs12 sm12>
+                          <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
+                            <v-form ref="parentForm" v-model="valid" lazy-validation>
+                              <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.trim="parentData.fatherCellNo"
+                                        placeholder="fill your father Cell Number"
+                                        type="number"
+                                        :rules="fatheCellNoRules"
+                                        v-on:keyup="getParentDetails()"
+                                        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>Mother Name:</label>
+                                    </v-flex>
+                                    <v-flex xs12>
+                                      <v-text-field
+                                        v-model="parentData.motherName"
+                                        placeholder="fill your Mother Name"
+                                        name="state"
+                                        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 >Mother Cell No:</label>
+                                    </v-flex>
+                                    <v-flex xs12>
+                                      <v-text-field
+                                        v-model="parentData.motherCellNo"
+                                        placeholder="fill your  Mother Cell Number"
+                                        name="state"
+                                        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>Father Profession:</label>
+                                    </v-flex>
+                                    <v-flex xs12 >
+                                      <v-text-field
+                                        v-model="parentData.fatherProfession"
+                                        placeholder="fill your father profession"
+                                      ></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"
+                                      ></v-text-field>
+                                    </v-flex>
+                                  </v-layout>
+                                </v-flex>
+                              </v-layout>
+                              <v-flex sm12 class="hidden-xs-only">
+                                <v-card-actions>
+                                  <v-spacer></v-spacer>
+                                  <v-btn
+                                    @click="submitParentDetails"
+                                    round
+                                    dark
+                                    :loading="loading"
+                                    v-show="showParent"
+                                  >Add</v-btn>
+                                  <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
+                                </v-card-actions>
+                              </v-flex>
+                              <v-flex
+                                xs6
+                                class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
+                              >
+                                <v-btn
+                                  @click="submitParentDetails"
+                                  round
+                                  dark
+                                  :loading="loading"
+                                  v-show="showParent"
+                                >Add</v-btn>
+                                <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
+                              </v-flex>
+                            </v-form>
+                          </v-flex>
+                           <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
                             <v-form ref="parentForm" v-model="valid" lazy-validation>
                               <v-layout wrap>
                                 <v-flex xs12 sm6>
@@ -1185,7 +1327,6 @@
                         </v-container>
                       </v-stepper-content>
                       <v-stepper-content step="2">
-                        <!-- <v-container fluid> -->
                         <v-snackbar
                           :timeout="timeout"
                           :top="y === 'top'"
@@ -1196,7 +1337,6 @@
                         >{{ text }}</v-snackbar>
                         <v-flex xs12 sm12>
                           <v-form ref="form" v-model="valid" lazy-validation>
-                            <!-- <v-container fluid> -->
                             <v-layout>
                               <v-flex
                                 xs12
@@ -1602,8 +1742,8 @@
                                 </v-layout>
                               </v-flex>
                             </v-layout>
-                            <v-layout wrap>
-                              <v-flex xs12 sm6 class="hidden-xs-only hidden-sm-only">
+                            <v-layout wrap class="hidden-xs-only hidden-sm-only">
+                              <v-flex xs12 sm6 >
                                 <v-layout>
                                   <v-flex xs4 sm4 class="pt-4 subheading">
                                     <label class="right pr-4">Present Address:</label>
-- 
2.0.0