viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit acab5c7cb6f559871bf0340c43e7055b122852c7

Authored by Neeraj Sharma
1 parent a910d5d2a6
Exists in master and in 3 other branches amber-development, development, ui-design

responsive design of parents

Showing 1 changed file with 145 additions and 5 deletions   Show diff stats
src/pages/Students/students.vue
Diff comments   View file @acab5c7
... ... @@ -1040,7 +1040,149 @@
1040 1040 v-model="snackbar"
1041 1041 color="success"
1042 1042 >{{ text }}</v-snackbar>
1043   - <v-flex xs12 sm12>
  1043 + <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
  1044 + <v-form ref="parentForm" v-model="valid" lazy-validation>
  1045 + <v-layout wrap>
  1046 + <v-flex xs12 sm6>
  1047 + <v-layout wrap>
  1048 + <v-flex xs12 class="pt-4 subheading">
  1049 + <label>Father Cell No:</label>
  1050 + </v-flex>
  1051 + <v-flex xs12 >
  1052 + <v-text-field
  1053 + v-model.trim="parentData.fatherCellNo"
  1054 + placeholder="fill your father Cell Number"
  1055 + type="number"
  1056 + :rules="fatheCellNoRules"
  1057 + v-on:keyup="getParentDetails()"
  1058 + required
  1059 + ></v-text-field>
  1060 + </v-flex>
  1061 + </v-layout>
  1062 + </v-flex>
  1063 + <v-flex xs12 sm6>
  1064 + <v-layout wrap>
  1065 + <v-flex xs12 class="pt-4 subheading">
  1066 + <label>Parent Email Id:</label>
  1067 + </v-flex>
  1068 + <v-flex xs12 >
  1069 + <v-text-field
  1070 + placeholder="fill Parent email"
  1071 + v-model="parentData.email"
  1072 + type="text"
  1073 + required
  1074 + ></v-text-field>
  1075 + </v-flex>
  1076 + </v-layout>
  1077 + </v-flex>
  1078 + </v-layout>
  1079 + <v-layout wrap>
  1080 + <v-flex xs12 sm6>
  1081 + <v-layout wrap>
  1082 + <v-flex xs12 class="pt-4 subheading">
  1083 + <label>Father Name:</label>
  1084 + </v-flex>
  1085 + <v-flex xs12>
  1086 + <v-text-field
  1087 + v-model="parentData.fatherName"
  1088 + placeholder="Fill your father Name"
  1089 + required
  1090 + ></v-text-field>
  1091 + </v-flex>
  1092 + </v-layout>
  1093 + </v-flex>
  1094 + <v-flex xs12 sm6>
  1095 + <v-layout wrap>
  1096 + <v-flex xs12 class="pt-4 subheading">
  1097 + <label>Mother Name:</label>
  1098 + </v-flex>
  1099 + <v-flex xs12>
  1100 + <v-text-field
  1101 + v-model="parentData.motherName"
  1102 + placeholder="fill your Mother Name"
  1103 + name="state"
  1104 + type="text"
  1105 + required
  1106 + ></v-text-field>
  1107 + </v-flex>
  1108 + </v-layout>
  1109 + </v-flex>
  1110 + </v-layout>
  1111 + <v-layout wrap>
  1112 + <v-flex xs12 sm6>
  1113 + <v-layout wrap>
  1114 + <v-flex xs12 class="pt-4 subheading">
  1115 + <label >Mother Cell No:</label>
  1116 + </v-flex>
  1117 + <v-flex xs12>
  1118 + <v-text-field
  1119 + v-model="parentData.motherCellNo"
  1120 + placeholder="fill your Mother Cell Number"
  1121 + name="state"
  1122 + type="number"
  1123 + required
  1124 + ></v-text-field>
  1125 + </v-flex>
  1126 + </v-layout>
  1127 + </v-flex>
  1128 + <v-flex xs12 sm6>
  1129 + <v-layout wrap>
  1130 + <v-flex xs12 class="pt-4 subheading">
  1131 + <label>Father Profession:</label>
  1132 + </v-flex>
  1133 + <v-flex xs12 >
  1134 + <v-text-field
  1135 + v-model="parentData.fatherProfession"
  1136 + placeholder="fill your father profession"
  1137 + ></v-text-field>
  1138 + </v-flex>
  1139 + </v-layout>
  1140 + </v-flex>
  1141 + </v-layout>
  1142 + <v-layout wrap>
  1143 + <v-flex xs12 sm6>
  1144 + <v-layout wrap>
  1145 + <v-flex xs12 class="pt-4 subheading">
  1146 + <label>Mother Profession:</label>
  1147 + </v-flex>
  1148 + <v-flex xs12 >
  1149 + <v-text-field
  1150 + v-model="parentData.motherProfession"
  1151 + placeholder="fill your mother profession"
  1152 + ></v-text-field>
  1153 + </v-flex>
  1154 + </v-layout>
  1155 + </v-flex>
  1156 + </v-layout>
  1157 + <v-flex sm12 class="hidden-xs-only">
  1158 + <v-card-actions>
  1159 + <v-spacer></v-spacer>
  1160 + <v-btn
  1161 + @click="submitParentDetails"
  1162 + round
  1163 + dark
  1164 + :loading="loading"
  1165 + v-show="showParent"
  1166 + >Add</v-btn>
  1167 + <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
  1168 + </v-card-actions>
  1169 + </v-flex>
  1170 + <v-flex
  1171 + xs6
  1172 + class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
  1173 + >
  1174 + <v-btn
  1175 + @click="submitParentDetails"
  1176 + round
  1177 + dark
  1178 + :loading="loading"
  1179 + v-show="showParent"
  1180 + >Add</v-btn>
  1181 + <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
  1182 + </v-flex>
  1183 + </v-form>
  1184 + </v-flex>
  1185 + <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
1044 1186 <v-form ref="parentForm" v-model="valid" lazy-validation>
1045 1187 <v-layout wrap>
1046 1188 <v-flex xs12 sm6>
... ... @@ -1185,7 +1327,6 @@
1185 1327 </v-container>
1186 1328 </v-stepper-content>
1187 1329 <v-stepper-content step="2">
1188   - <!-- <v-container fluid> -->
1189 1330 <v-snackbar
1190 1331 :timeout="timeout"
1191 1332 :top="y === 'top'"
... ... @@ -1196,7 +1337,6 @@
1196 1337 >{{ text }}</v-snackbar>
1197 1338 <v-flex xs12 sm12>
1198 1339 <v-form ref="form" v-model="valid" lazy-validation>
1199   - <!-- <v-container fluid> -->
1200 1340 <v-layout>
1201 1341 <v-flex
1202 1342 xs12
... ... @@ -1602,8 +1742,8 @@
1602 1742 </v-layout>
1603 1743 </v-flex>
1604 1744 </v-layout>
1605   - <v-layout wrap>
1606   - <v-flex xs12 sm6 class="hidden-xs-only hidden-sm-only">
  1745 + <v-layout wrap class="hidden-xs-only hidden-sm-only">
  1746 + <v-flex xs12 sm6 >
1607 1747 <v-layout>
1608 1748 <v-flex xs4 sm4 class="pt-4 subheading">
1609 1749 <label class="right pr-4">Present Address:</label>
... ...