viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit aa8fc5033006b14a028fc691916f24cd5f8ff014

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

implenment all page are responsive view in mobile

Showing 21 changed files with 1231 additions and 804 deletions   Show diff stats
src/pages/Account/editInvoice.vue
Diff comments   View file @aa8fc50
... ... @@ -12,7 +12,7 @@
12 12 >{{ text }}</v-snackbar>
13 13 <v-flex xs12 sm12>
14 14 <v-container fluid>
15   - <v-layout>
  15 + <v-layout wrap>
16 16 <v-flex xs12 sm12 md5 class="mt-4">
17 17 <v-card flat>
18 18 <v-toolbar dark class="fixcolors" flat>
... ... @@ -25,7 +25,8 @@
25 25 <v-form ref="form" v-model="valid" lazy-validation class="py-4">
26 26 <v-layout>
27 27 <v-flex xs4 class="pt-4 subheading">
28   - <label class="right">Select Class:</label>
  28 + <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
  29 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
29 30 </v-flex>
30 31 <v-flex xs6 class="ml-3">
31 32 <v-select
... ... @@ -40,7 +41,8 @@
40 41 </v-layout>
41 42 <v-layout>
42 43 <v-flex xs4 class="pt-4 subheading">
43   - <label class="right">Select Student:</label>
  44 + <label class="right hidden-xs-only hidden-sm-only">Select Student:</label>
  45 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Student:</label>
44 46 </v-flex>
45 47 <v-flex xs6 class="ml-3">
46 48 <v-select
... ... @@ -83,7 +85,8 @@
83 85 </v-layout>
84 86 <v-layout>
85 87 <v-flex xs4 class="pt-4 subheading">
86   - <label class="right">Payment Status:</label>
  88 + <label class="right hidden-xs-only hidden-sm-only">Payment Status:</label>
  89 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Payment:</label>
87 90 </v-flex>
88 91 <v-flex xs6 class="ml-3">
89 92 <v-select
... ... @@ -130,10 +133,10 @@
130 133 <v-spacer></v-spacer>
131 134 </v-toolbar>
132 135 <v-layout>
133   - <v-flex xs2 class="mt-4">
  136 + <v-flex xs4 sm2 class="mt-4">
134 137 <label class="right title">Fee Type:</label>
135 138 </v-flex>
136   - <v-flex xs4>
  139 + <v-flex xs4 sm4>
137 140 <v-select
138 141 :items="feeTypes"
139 142 v-model="feeType.feeTypeName"
... ... @@ -142,11 +145,11 @@
142 145 label="Select Fee Type"
143 146 ></v-select>
144 147 </v-flex>
145   - <v-flex xs6>
  148 + <v-flex xs4 sm6>
146 149 <v-btn color="black" dark class="right mt-3" @click="selectFeeType">ADD</v-btn>
147 150 </v-flex>
148 151 </v-layout>
149   - <table class="feeTypeTable">
  152 + <table class="feeTypeTable tableRsponsive">
150 153 <tr class="info white--text">
151 154 <th>#</th>
152 155 <th>Fee Type</th>
... ... @@ -531,4 +534,11 @@ table.feeTypeTable {
531 534 table-layout: auto !important;
532 535 width: 100% !important;
533 536 }
534   -</style>
535 537 \ No newline at end of file
  538 +@media screen and (max-width: 380px) {
  539 + .tableRsponsive {
  540 + display: block;
  541 + position: relative;
  542 + overflow: scroll;
  543 + }
  544 +}
  545 +</style>
536 546 \ No newline at end of file
... ...
src/pages/Account/expense.vue
Diff comments   View file @aa8fc50
... ... @@ -125,7 +125,8 @@
125 125 <v-flex xs12>
126 126 <v-layout>
127 127 <v-flex xs4 class="pt-4 subheading">
128   - <label class="right">Uplaod Image:</label>
  128 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  129 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
129 130 </v-flex>
130 131 <v-flex xs6 class="ml-3">
131 132 <v-text-field
... ...
src/pages/Account/income.vue
Diff comments   View file @aa8fc50
... ... @@ -66,7 +66,7 @@
66 66 <v-flex xs4 class="pt-4 subheading">
67 67 <label class="right">Name:</label>
68 68 </v-flex>
69   - <v-flex xs6 class="ml-3">
  69 + <v-flex xs8 sm6 class="ml-3">
70 70 <v-text-field
71 71 v-model="editedItem.name"
72 72 placeholder="fill your full Name"
... ... @@ -84,7 +84,7 @@
84 84 <v-flex xs4 class="pt-4 subheading">
85 85 <label class="right">Date:</label>
86 86 </v-flex>
87   - <v-flex xs6 class="ml-3">
  87 + <v-flex xs8 sm6 class="ml-3">
88 88 <v-menu
89 89 ref="menu"
90 90 :close-on-content-click="false"
... ... @@ -116,7 +116,7 @@
116 116 <v-flex xs4 class="pt-4 subheading">
117 117 <label class="right">Amount:</label>
118 118 </v-flex>
119   - <v-flex xs6 class="ml-3">
  119 + <v-flex xs8 sm6 class="ml-3">
120 120 <v-text-field v-model="editedItem.amount" required></v-text-field>
121 121 </v-flex>
122 122 </v-layout>
... ... @@ -125,9 +125,10 @@
125 125 <v-flex xs12>
126 126 <v-layout>
127 127 <v-flex xs4 class="pt-4 subheading">
128   - <label class="right">Uplaod Image:</label>
  128 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  129 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
129 130 </v-flex>
130   - <v-flex xs6 class="ml-3">
  131 + <v-flex xs8 sm6 class="ml-3">
131 132 <v-text-field
132 133 label="Select Image"
133 134 @click="pickFile"
... ... @@ -142,7 +143,7 @@
142 143 <v-flex xs4 class="pt-4 subheading">
143 144 <label class="right">Note:</label>
144 145 </v-flex>
145   - <v-flex xs6 class="ml-3">
  146 + <v-flex xs8 sm6 class="ml-3">
146 147 <v-textarea
147 148 name="input-7-1"
148 149 v-model="editedItem.note"
... ...
src/pages/Account/viewInvoice.vue
Diff comments   View file @aa8fc50
... ... @@ -6,7 +6,7 @@
6 6 <v-layout wrap>
7 7 <v-flex 12>
8 8 <br />
9   - <v-layout>
  9 + <v-layout wrap>
10 10 <v-flex xs12 sm6>
11 11 <v-layout>
12 12 <v-flex xs6 sm2>
... ... @@ -47,7 +47,7 @@
47 47 <b>Roll No:</b>
48 48 </h5>
49 49 </v-flex>
50   - <v-flex sm6 xs8>
  50 + <v-flex sm6 xs6>
51 51 <h5 class="my-1">{{ invoiceParticularData.studentId.rollNo }}</h5>
52 52 </v-flex>
53 53 </v-layout>
... ... @@ -57,7 +57,7 @@
57 57 <b>email:</b>
58 58 </h5>
59 59 </v-flex>
60   - <v-flex sm6 xs8>
  60 + <v-flex sm6 xs6>
61 61 <h5 class="my-1">{{ invoiceParticularData.studentId.email }}</h5>
62 62 </v-flex>
63 63 </v-layout>
... ... @@ -67,7 +67,7 @@
67 67 <b>Status :</b>
68 68 </h5>
69 69 </v-flex>
70   - <v-flex sm6 xs8>
  70 + <v-flex sm6 xs6>
71 71 <h5 class="my-1">{{ invoiceParticularData.paymentStatus }}</h5>
72 72 </v-flex>
73 73 </v-layout>
... ... @@ -76,7 +76,7 @@
76 76 </v-flex>
77 77 </v-layout>
78 78 </v-card>
79   - <table class="feeTypeTable">
  79 + <table class="feeTypeTable tableRsponsive">
80 80 <tr class="info white--text">
81 81 <th>#</th>
82 82 <th>Fee Type</th>
... ... @@ -237,4 +237,11 @@ table.feeTypeTable {
237 237 table-layout: auto !important;
238 238 width: 100% !important;
239 239 }
  240 +@media screen and (max-width: 380px) {
  241 + .tableRsponsive {
  242 + display: block;
  243 + position: relative;
  244 + overflow: scroll;
  245 + }
  246 +}
240 247 </style>
241 248 \ No newline at end of file
... ...
src/pages/Attendence/studentAttendence.vue
Diff comments   View file @aa8fc50
... ... @@ -12,9 +12,10 @@
12 12 <!-- ****** EXISTING STUDENTS TABLE ****** -->
13 13  
14 14 <v-card flat>
  15 + <h4 class="text-xs-center pt-4 ml-2 hidden-lg-only hidden-xl-only hidden-md-only">Student Attendence</h4>
15 16 <v-card-actions>
16 17 <v-layout>
17   - <h3 class="right mt-2 ml-2">Student Attendence</h3>
  18 + <h3 class="right mt-2 ml-2 hidden-sm-only hidden-xs-only">Student Attendence</h3>
18 19 </v-layout>
19 20 <v-spacer></v-spacer>
20 21 <v-flex xs12 sm2>
... ...
src/pages/Class/addclass.vue
Diff comments   View file @aa8fc50
... ... @@ -28,43 +28,41 @@
28 28 color="success"
29 29 >{{ text }}</v-snackbar>
30 30 <v-dialog v-model="dialog" max-width="500px">
31   - <v-toolbar color="grey lighten-2">
32   - <v-spacer></v-spacer>
33   - <v-toolbar-title>
34   - <h3>Edit Class</h3>
35   - </v-toolbar-title>
36   - <v-spacer></v-spacer>
37   - </v-toolbar>
38   - <v-card>
39   - <v-card-text>
40   - <v-container>
41   - <v-layout wrap justify-center>
42   - <v-flex xs12 sm9>
43   - <v-form ref="form" v-model="valid" lazy-validation>
44   - <v-layout style="position:relative;">
45   - <v-flex xs4 lg2 class="pt-4 subheading">
46   - <label>Class:</label>
47   - </v-flex>
48   - <v-flex xs10>
49   - <v-autocomplete
50   - v-model="editedItem.classNum"
51   - :label="editedItem.classNum"
52   - :items="classList"
53   - :rules="nameRules"
54   - ></v-autocomplete>
55   - </v-flex>
56   - </v-layout>
57   - <v-card-actions>
58   - <v-btn round dark @click.native="close">Cancel</v-btn>
59   - <v-spacer></v-spacer>
60   - <v-btn round dark @click="save">Save</v-btn>
61   - </v-card-actions>
62   - </v-form>
63   - </v-flex>
64   - </v-layout>
65   - </v-container>
66   - </v-card-text>
67   - </v-card>
  31 + <v-flex xs12 sm12 class>
  32 + <v-toolbar color="grey lighten-2">
  33 + <v-spacer></v-spacer>
  34 + <v-toolbar-title>
  35 + <h3>Edit Class</h3>
  36 + </v-toolbar-title>
  37 + <v-spacer></v-spacer>
  38 + </v-toolbar>
  39 + <v-card>
  40 + <v-container fluid>
  41 + <v-layout justify-center>
  42 + <v-flex xs12 sm9>
  43 + <v-layout style="position:relative;">
  44 + <v-flex xs4 lg2 class="pt-4 subheading">
  45 + <label>Class:</label>
  46 + </v-flex>
  47 + <v-flex xs10>
  48 + <v-autocomplete
  49 + v-model="editedItem.classNum"
  50 + :label="editedItem.classNum"
  51 + :items="classList"
  52 + :rules="nameRules"
  53 + ></v-autocomplete>
  54 + </v-flex>
  55 + </v-layout>
  56 + <v-card-actions>
  57 + <v-btn round dark @click.native="close">Cancel</v-btn>
  58 + <v-spacer></v-spacer>
  59 + <v-btn round dark @click="save">Save</v-btn>
  60 + </v-card-actions>
  61 + </v-flex>
  62 + </v-layout>
  63 + </v-container>
  64 + </v-card>
  65 + </v-flex>
68 66 </v-dialog>
69 67  
70 68 <!-- ****** PROFILE VIEW STUDENTS ****** -->
... ... @@ -84,7 +82,9 @@
84 82 <v-flex>
85 83 <v-layout>
86 84 <v-flex xs6 sm6>
87   - <h5 class="right my-1"><b>Class Name:</b></h5>
  85 + <h5 class="right my-1">
  86 + <b>Class Name:</b>
  87 + </h5>
88 88 </v-flex>
89 89 <v-flex sm6 xs6>
90 90 <h5 class="my-1">{{ editedItem.classNum }}</h5>
... ... @@ -120,19 +120,19 @@
120 120 <span>
121 121 <img
122 122 style="cursor:pointer; width:25px; height:18px; "
123   - class="mr-5"
  123 + class="mr5"
124 124 @click="profile(props.item)"
125 125 src="/static/icon/eye1.png"
126 126 />
127 127 <img
128 128 style="cursor:pointer; width:20px; height:18px; "
129   - class="mr-5"
  129 + class="mr5"
130 130 @click="editItem(props.item)"
131 131 src="/static/icon/edit1.png"
132 132 />
133 133 <img
134 134 style="cursor:pointer; width:20px; height:20px; "
135   - class="mr-5"
  135 + class="mr5"
136 136 @click="deleteItem(props.item)"
137 137 src="/static/icon/delete1.png"
138 138 />
... ...
src/pages/Event/event.vue
Diff comments   View file @aa8fc50
... ... @@ -68,7 +68,7 @@
68 68 <v-flex xs4 class="pt-4 subheading">
69 69 <label class="right">Title:</label>
70 70 </v-flex>
71   - <v-flex xs5 class="ml-3">
  71 + <v-flex xs8 sm5 class="ml-3">
72 72 <v-text-field
73 73 v-model="editedItem.title"
74 74 placeholder="fill your Title"
... ... @@ -83,7 +83,7 @@
83 83 <v-flex xs4 class="pt-4 subheading">
84 84 <label class="right">Date:</label>
85 85 </v-flex>
86   - <v-flex xs5 class="ml-3">
  86 + <v-flex xs8 sm5 class="ml-3">
87 87 <v-menu
88 88 ref="menu"
89 89 :close-on-content-click="false"
... ... @@ -116,7 +116,7 @@
116 116 <v-flex xs4 class="pt-4 subheading">
117 117 <label class="right">Description:</label>
118 118 </v-flex>
119   - <v-flex xs5 class="ml-3">
  119 + <v-flex xs8 sm5 class="ml-3">
120 120 <v-text-field
121 121 placeholder="fill your Description"
122 122 v-model="editedItem.description"
... ...
src/pages/Gallery/gallery.vue
Diff comments   View file @aa8fc50
... ... @@ -94,7 +94,7 @@
94 94 <v-flex xs4 class="pt-4 subheading">
95 95 <label class="right">Title:</label>
96 96 </v-flex>
97   - <v-flex xs5 class="ml-3">
  97 + <v-flex xs8 sm5 class="ml-3">
98 98 <v-text-field
99 99 v-model="editedItem.title"
100 100 placeholder="fill your Title"
... ... @@ -110,7 +110,7 @@
110 110 <v-flex xs4 class="pt-4 subheading">
111 111 <label class="right">Description:</label>
112 112 </v-flex>
113   - <v-flex xs5 class="ml-3">
  113 + <v-flex xs8 sm5 class="ml-3">
114 114 <v-text-field
115 115 placeholder="fill your Description"
116 116 v-model="editedItem.description"
... ... @@ -123,9 +123,10 @@
123 123 </v-flex>
124 124 <v-layout>
125 125 <v-flex xs4 class="pt-4 subheading">
126   - <label class="right">Select Class:</label>
  126 + <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
  127 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
127 128 </v-flex>
128   - <v-flex xs5 class="ml-3">
  129 + <v-flex xs8 sm5 class="ml-3">
129 130 <v-select
130 131 :items="addclass"
131 132 label="Select Class"
... ... @@ -140,9 +141,10 @@
140 141 <v-flex xs12>
141 142 <v-layout>
142 143 <v-flex xs4 class="pt-4 subheading">
143   - <label class="right">Add New Images:</label>
  144 + <label class="right hidden-xs-only hidden-sm-only">Add New Images:</label>
  145 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload:</label>
144 146 </v-flex>
145   - <v-flex xs5 class="ml-3">
  147 + <v-flex xs8 sm5 class="ml-3">
146 148 <v-text-field
147 149 label="Select Image"
148 150 @click="editPickFile"
... ... @@ -164,7 +166,7 @@
164 166 <v-flex xs4 class="pt-4 subheading">
165 167 <label class="right">You Tube Link Url:</label>
166 168 </v-flex>
167   - <v-flex xs5 class="ml-3">
  169 + <v-flex xs8 sm5 class="ml-3">
168 170 <v-text-field
169 171 v-model="editImage.youTubeLink"
170 172 type="text"
... ... @@ -302,7 +304,7 @@
302 304 :search="search"
303 305 >
304 306 <template slot="items" slot-scope="props">
305   - <td class="text-xs-center">{{ props.index + 1}}</td>
  307 + <td class="text-xs-center">{{ props.index + 1}}</td>
306 308 <td id="td" class="text-xs-center">
307 309 <span v-for="(image,_id) in props.item.imageUrl" class="pa-2">
308 310 <img :src="image.imageLink" alt="newsImage" width="100" height="70" />
... ... @@ -390,7 +392,7 @@
390 392 <v-flex xs4 class="pt-4 subheading">
391 393 <label class="right">Title:</label>
392 394 </v-flex>
393   - <v-flex xs4 class="ml-3">
  395 + <v-flex xs8 sm4 class="ml-3">
394 396 <v-text-field
395 397 v-model="addGallery.title"
396 398 placeholder="fill your Title"
... ... @@ -407,7 +409,7 @@
407 409 <v-flex xs4 class="pt-4 subheading">
408 410 <label class="right">Description:</label>
409 411 </v-flex>
410   - <v-flex xs4 class="ml-3">
  412 + <v-flex xs8 sm4 class="ml-3">
411 413 <v-text-field
412 414 placeholder="fill your Description"
413 415 :rules="descriptionRules"
... ... @@ -422,9 +424,10 @@
422 424 <v-flex xs12>
423 425 <v-layout>
424 426 <v-flex xs4 class="pt-4 subheading">
425   - <label class="right">Select Class:</label>
  427 + <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
  428 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
426 429 </v-flex>
427   - <v-flex xs4 class="ml-3">
  430 + <v-flex xs8 sm4 class="ml-3">
428 431 <v-select
429 432 :items="addclass"
430 433 label="Select Class"
... ... @@ -440,9 +443,10 @@
440 443 <v-flex xs12>
441 444 <v-layout>
442 445 <v-flex xs4 class="pt-4 subheading">
443   - <label class="right">Uplaod Image:</label>
  446 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  447 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
444 448 </v-flex>
445   - <v-flex xs4 class="ml-3">
  449 + <v-flex xs8 sm4 class="ml-3">
446 450 <v-text-field
447 451 label="Select Image"
448 452 @click="pickFile"
... ... @@ -460,7 +464,7 @@
460 464 <v-flex xs4 class="pt-4 subheading">
461 465 <label class="right">You Tube Link Url:</label>
462 466 </v-flex>
463   - <v-flex xs4 class="ml-3">
  467 + <v-flex xs8 sm4 class="ml-3">
464 468 <v-text-field
465 469 placeholder="fill your youtube link"
466 470 v-model="youTubeLink.value"
... ...
src/pages/Holiday/holiday.vue
Diff comments   View file @aa8fc50
... ... @@ -45,7 +45,7 @@
45 45 <v-flex xs4 class="pt-4 subheading">
46 46 <label class="right">Occasion:</label>
47 47 </v-flex>
48   - <v-flex xs5 class="ml-3">
  48 + <v-flex xs8 sm5 class="ml-3">
49 49 <v-text-field
50 50 v-model="editedItem.occasion"
51 51 placeholder="fill your Occasion"
... ... @@ -60,7 +60,7 @@
60 60 <v-flex xs4 class="pt-4 subheading">
61 61 <label class="right">Date:</label>
62 62 </v-flex>
63   - <v-flex xs5 class="ml-3">
  63 + <v-flex xs8 sm5 class="ml-3">
64 64 <v-menu
65 65 ref="menu"
66 66 :close-on-content-click="false"
... ... @@ -122,7 +122,7 @@
122 122 <v-layout wrap>
123 123 <v-flex>
124 124 <v-layout>
125   - <v-flex xs5 sm6>
  125 + <v-flex xs4 sm6>
126 126 <h5 class="right my-1">
127 127 <b>Occasion:</b>
128 128 </h5>
... ... @@ -132,7 +132,7 @@
132 132 </v-flex>
133 133 </v-layout>
134 134 <v-layout>
135   - <v-flex xs5 sm6>
  135 + <v-flex xs4 sm6>
136 136 <h5 class="right my-1">
137 137 <b>Date:</b>
138 138 </h5>
... ... @@ -222,7 +222,7 @@
222 222 <v-flex xs4 class="pt-4 subheading">
223 223 <label class="right">Occasion:</label>
224 224 </v-flex>
225   - <v-flex xs4 class="ml-3">
  225 + <v-flex xs8 sm4 class="ml-3">
226 226 <v-text-field
227 227 v-model="addHoliday.occasion"
228 228 placeholder="fill your Occasion"
... ... @@ -238,7 +238,7 @@
238 238 <v-flex xs4 class="pt-4 subheading">
239 239 <label class="right">Date:</label>
240 240 </v-flex>
241   - <v-flex xs4 class="ml-3">
  241 + <v-flex xs8 sm4 class="ml-3">
242 242 <v-menu
243 243 ref="menu1"
244 244 :close-on-content-click="false"
... ...
src/pages/News/news.vue
Diff comments   View file @aa8fc50
... ... @@ -94,7 +94,7 @@
94 94 <v-flex xs4 class="pt-4 subheading">
95 95 <label class="right">Title:</label>
96 96 </v-flex>
97   - <v-flex xs5 class="ml-3">
  97 + <v-flex sm5 xs8 class="ml-3">
98 98 <v-text-field
99 99 v-model="editedItem.title"
100 100 placeholder="fill your Title"
... ... @@ -110,7 +110,7 @@
110 110 <v-flex xs4 class="pt-4 subheading">
111 111 <label class="right">Description:</label>
112 112 </v-flex>
113   - <v-flex xs5 class="ml-3">
  113 + <v-flex sm5 xs8 class="ml-3">
114 114 <v-text-field
115 115 placeholder="fill your Description"
116 116 v-model="editedItem.description"
... ... @@ -124,9 +124,10 @@
124 124 <v-flex xs12>
125 125 <v-layout>
126 126 <v-flex xs4 class="pt-4 subheading">
127   - <label class="right">Add New Images:</label>
  127 + <label class="right hidden-xs-only hidden-sm-only">Add New Images:</label>
  128 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
128 129 </v-flex>
129   - <v-flex xs5 class="ml-3">
  130 + <v-flex sm5 xs8 class="ml-3">
130 131 <v-text-field
131 132 label="Select Image"
132 133 @click="pickFile"
... ... @@ -221,7 +222,7 @@
221 222 :search="search"
222 223 >
223 224 <template slot="items" slot-scope="props">
224   - <td class="text-xs-center">{{ props.index + 1}}</td>
  225 + <td class="text-xs-center">{{ props.index + 1}}</td>
225 226 <td id="td" class="text-xs-center">
226 227 <span v-for="(image,_id) in props.item.newsImageUrl" class="pa-2">
227 228 <img :src="image.imageUrl" alt="newsImage" width="100" height="70" />
... ... @@ -306,10 +307,10 @@
306 307 </v-layout>
307 308 <v-flex xs12>
308 309 <v-layout>
309   - <v-flex xs4 class="pt-4 subheading">
  310 + <v-flex xs4 sm4 class="pt-4 subheading">
310 311 <label class="right">Title:</label>
311 312 </v-flex>
312   - <v-flex xs4 class="ml-3">
  313 + <v-flex sm4 xs8 class="ml-3">
313 314 <v-text-field
314 315 v-model="addNews.title"
315 316 placeholder="fill your Title"
... ... @@ -326,7 +327,7 @@
326 327 <v-flex xs4 class="pt-4 subheading">
327 328 <label class="right">Description:</label>
328 329 </v-flex>
329   - <v-flex xs4 class="ml-3">
  330 + <v-flex sm4 xs8 class="ml-3">
330 331 <v-text-field
331 332 placeholder="fill your Description"
332 333 :rules="descriptionRules"
... ... @@ -341,9 +342,10 @@
341 342 <v-flex xs12>
342 343 <v-layout>
343 344 <v-flex xs4 class="pt-4 subheading">
344   - <label class="right">Uplaod Image:</label>
  345 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  346 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
345 347 </v-flex>
346   - <v-flex xs4 class="ml-3">
  348 + <v-flex xs8 sm4 class="ml-3">
347 349 <v-text-field
348 350 label="Select Image"
349 351 @click="pickFile"
... ... @@ -441,7 +443,7 @@ export default {
441 443 defaultItem: {
442 444 title: "",
443 445 description: ""
444   - },
  446 + }
445 447 }),
446 448 methods: {
447 449 getSections(_id) {
... ... @@ -521,7 +523,7 @@ export default {
521 523 .catch(err => {
522 524 // console.log("err====>", err);
523 525 this.showLoader = false;
524   - if (error.response.status === 401) {
  526 + if (error.response.status === 401) {
525 527 this.$router.replace({ path: "/" });
526 528 this.$store.dispatch("setToken", null);
527 529 this.$store.dispatch("Id", null);
... ... @@ -671,7 +673,7 @@ export default {
671 673 .catch(error => {
672 674 // console.log(error);
673 675 });
674   - },
  676 + }
675 677 },
676 678 mounted() {
677 679 this.getNewsList();
... ...
src/pages/NoticeBoard/noticeBoard.vue
Diff comments   View file @aa8fc50
... ... @@ -107,7 +107,8 @@
107 107 <v-flex xs12>
108 108 <v-layout>
109 109 <v-flex xs4 class="pt-4 subheading">
110   - <label class="right">Uplaod Image:</label>
  110 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  111 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
111 112 </v-flex>
112 113 <v-flex xs6 class="ml-3">
113 114 <v-text-field
... ... @@ -307,7 +308,8 @@
307 308 </v-layout>
308 309 <v-layout>
309 310 <v-flex xs4 class="pt-4 subheading">
310   - <label class="right">Uplaod Image:</label>
  311 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  312 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
311 313 </v-flex>
312 314 <v-flex xs6 class="ml-3">
313 315 <v-text-field
... ...
src/pages/Notification/notification.vue
Diff comments   View file @aa8fc50
... ... @@ -68,7 +68,7 @@
68 68 <v-flex xs4 class="pt-4 subheading">
69 69 <label class="right">Title:</label>
70 70 </v-flex>
71   - <v-flex xs5 class="ml-3">
  71 + <v-flex xs8 sm5 class="ml-3">
72 72 <v-text-field
73 73 v-model="editedItem.title"
74 74 placeholder="fill your Title"
... ... @@ -83,7 +83,7 @@
83 83 <v-flex xs4 class="pt-4 subheading">
84 84 <label class="right">Description:</label>
85 85 </v-flex>
86   - <v-flex xs5 class="ml-3">
  86 + <v-flex xs8 sm5 class="ml-3">
87 87 <v-text-field
88 88 placeholder="fill your Description"
89 89 v-model="editedItem.description"
... ...
src/pages/Parent/parents.vue
Diff comments   View file @aa8fc50
... ... @@ -145,7 +145,7 @@
145 145 <v-spacer></v-spacer>
146 146 <v-icon @click="close1">close</v-icon>
147 147 </v-toolbar>
148   - <v-card-text style="height: 300px;">
  148 + <!-- <v-card-text style="height: 300px;"> -->
149 149 <!-- <v-flex align-center justify-center layout text-xs-center class="mt-3">
150 150 <v-avatar size="160px">
151 151 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
... ... @@ -154,7 +154,7 @@
154 154 </v-flex>-->
155 155 <v-container grid-list-md>
156 156 <v-layout wrap>
157   - <v-flex>
  157 + <v-flex xs12>
158 158 <v-layout>
159 159 <v-flex xs12 sm12>
160 160 <v-layout>
... ... @@ -164,7 +164,7 @@
164 164 </h5>
165 165 </v-flex>
166 166 <v-flex xs6>
167   - <h5 class="my-1 left">{{ editedItem.email }}</h5>
  167 + <h5 class="my-1">{{ editedItem.email }}</h5>
168 168 </v-flex>
169 169 </v-layout>
170 170 </v-flex>
... ... @@ -236,7 +236,7 @@
236 236 </v-flex>
237 237 </v-layout>
238 238 </v-container>
239   - </v-card-text>
  239 + <!-- </v-card-text> -->
240 240 </v-card>
241 241 </v-dialog>
242 242  
... ... @@ -293,7 +293,7 @@
293 293 <v-tab-item>
294 294 <v-container fluid class="mt-5">
295 295 <v-layout align-center justify-center fill-height>
296   - <v-flex xs12 sm8 md7 lg8>
  296 + <v-flex xs12 sm12 md10 lg11>
297 297 <v-card>
298 298 <v-container fluid class>
299 299 <v-layout>
... ...
src/pages/Section/section.vue
Diff comments   View file @aa8fc50
... ... @@ -36,62 +36,61 @@
36 36 <v-spacer></v-spacer>
37 37 </v-toolbar>
38 38 <v-card>
39   - <v-card-text>
40   - <v-container>
41   - <v-layout wrap justify-center>
42   - <v-flex xs12 sm9>
43   - <v-form>
44   - <v-layout style="position:relative;">
45   - <v-flex xs4 class="pt-4 subheading pl-3">
46   - <label>Class Name:</label>
47   - </v-flex>
48   - <v-flex xs8>
49   - <v-select
50   - :items="addclass"
51   - :label="editedItem.classData.classNum"
52   - v-model="editItem.classId"
53   - item-text="classNum"
54   - item-value="_id"
55   - name="Select Class"
56   - ></v-select>
57   - </v-flex>
58   - </v-layout>
59   - <v-layout style="position:relative;">
60   - <v-flex xs4 class="pt-4 subheading">
61   - <label>Section Name:</label>
62   - </v-flex>
63   - <v-flex xs8>
64   - <v-autocomplete
65   - v-model="editedItem.name"
66   - placeholder="fill your Section Name"
67   - :items="SectionName"
68   - ></v-autocomplete>
69   - </v-flex>
70   - </v-layout>
71   - <v-layout style="position:relative;">
72   - <v-flex xs4 class="pt-4 subheading">
73   - <label>Class Incharge:</label>
74   - </v-flex>
75   - <v-flex xs8>
76   - <v-select
77   - :items="teacherList"
78   - v-model="editedItem.classInchargeId"
79   - :label="editedItem.teacherData[0].name"
80   - item-text="name"
81   - item-value="_id"
82   - ></v-select>
83   - </v-flex>
84   - </v-layout>
85   - <v-card-actions>
86   - <v-btn round dark @click.native="close">Cancel</v-btn>
87   - <v-spacer></v-spacer>
88   - <v-btn round dark @click="save">Save</v-btn>
89   - </v-card-actions>
90   - </v-form>
91   - </v-flex>
92   - </v-layout>
93   - </v-container>
94   - </v-card-text>
  39 + <v-container>
  40 + <v-layout wrap justify-center>
  41 + <v-flex xs12 sm9>
  42 + <v-form>
  43 + <v-layout style="position:relative;">
  44 + <v-flex xs5 sm4 class="pt-4 subheading pl-3">
  45 + <label class="right hidden-xs-only hidden-sm-only">Class Name:</label>
  46 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
  47 + </v-flex>
  48 + <v-flex xs9 sm8>
  49 + <v-select
  50 + :items="addclass"
  51 + :label="editedItem.classData.classNum"
  52 + v-model="editItem.classId"
  53 + item-text="classNum"
  54 + item-value="_id"
  55 + name="Select Class"
  56 + ></v-select>
  57 + </v-flex>
  58 + </v-layout>
  59 + <v-layout style="position:relative;">
  60 + <v-flex xs5 sm4 class="pt-4 subheading">
  61 + <label>Section Name:</label>
  62 + </v-flex>
  63 + <v-flex xs7 sm8>
  64 + <v-autocomplete
  65 + v-model="editedItem.name"
  66 + placeholder="fill your Section Name"
  67 + :items="SectionName"
  68 + ></v-autocomplete>
  69 + </v-flex>
  70 + </v-layout>
  71 + <v-layout style="position:relative;">
  72 + <v-flex xs5 sm4 class="pt-4 subheading">
  73 + <label>Class Incharge:</label>
  74 + </v-flex>
  75 + <v-flex xs7 sm8>
  76 + <v-select
  77 + :items="teacherList"
  78 + v-model="editedItem.classInchargeId"
  79 + :label="editedItem.teacherData[0].name"
  80 + item-text="name"
  81 + item-value="_id"
  82 + ></v-select>
  83 + </v-flex>
  84 + </v-layout>
  85 + <v-card-actions>
  86 + <v-btn round dark @click.native="close">Cancel</v-btn>
  87 + <v-spacer></v-spacer>
  88 + <v-btn round dark @click="save">Save</v-btn>
  89 + </v-card-actions>
  90 + </v-form>
  91 + </v-flex>
  92 + </v-layout>
  93 + </v-container>
95 94 </v-card>
96 95 </v-dialog>
97 96  
... ... @@ -119,42 +118,45 @@
119 118 <br />
120 119 <br />
121 120 <v-layout>
122   - <v-flex xs5 sm6>
123   - <h5 class="right my-1">
  121 + <v-flex xs7 sm6>
  122 + <h5 class="right my-1 hidden-xs-only hidden-sm-only">
124 123 <b>Class Name:</b>
125 124 </h5>
  125 + <h5 class="right my-1 hidden-lg-only hidden-md-only hidden-xl-only">
  126 + <b>Class:</b>
  127 + </h5>
126 128 </v-flex>
127   - <v-flex sm6 xs8>
  129 + <v-flex sm6 xs5>
128 130 <h5 class="my-1">{{ editedItem.classData.classNum }}</h5>
129 131 </v-flex>
130 132 </v-layout>
131 133 <v-layout>
132   - <v-flex xs5 sm6>
  134 + <v-flex xs7 sm6>
133 135 <h5 class="right my-1">
134 136 <b>Section Name:</b>
135 137 </h5>
136 138 </v-flex>
137   - <v-flex sm6 xs8>
  139 + <v-flex sm6 xs5>
138 140 <h5 class="my-1">{{ editedItem.name }}</h5>
139 141 </v-flex>
140 142 </v-layout>
141 143 <v-layout>
142   - <v-flex xs5 sm6>
  144 + <v-flex xs7 sm6>
143 145 <h5 class="right my-1">
144 146 <b>Class Incharge:</b>
145 147 </h5>
146 148 </v-flex>
147   - <v-flex sm6 xs8>
  149 + <v-flex sm6 xs5>
148 150 <h5 class="my-1">{{ editedItem.teacherData[0].name }}</h5>
149 151 </v-flex>
150 152 </v-layout>
151 153 <v-layout>
152   - <v-flex xs5 sm6>
  154 + <v-flex xs7 sm6>
153 155 <h5 class="right my-1">
154 156 <b>Session:</b>
155 157 </h5>
156 158 </v-flex>
157   - <v-flex sm6 xs8>
  159 + <v-flex sm6 xs5>
158 160 <h5 class="my-1">{{ editedItem.session }}</h5>
159 161 </v-flex>
160 162 </v-layout>
... ... @@ -183,7 +185,7 @@
183 185 :search="search"
184 186 >
185 187 <template slot="items" slot-scope="props">
186   - <td id="td" class="text-xs-center">{{ props.index + 1}}</td>
  188 + <td id="td" class="text-xs-center">{{ props.index + 1}}</td>
187 189 <td id="td" class="text-xs-center">{{ props.item.classData.classNum}}</td>
188 190 <td id="td" class="text-xs-center">{{ props.item.name}}</td>
189 191 <td id="td" class="text-xs-center">{{ props.item.session}}</td>
... ... @@ -192,19 +194,19 @@
192 194 <span>
193 195 <img
194 196 style="cursor:pointer; width:25px; height:18px; "
195   - class="mr-5"
  197 + class="mr5"
196 198 @click="profile(props.item)"
197 199 src="/static/icon/eye1.png"
198 200 />
199 201 <img
200 202 style="cursor:pointer; width:20px; height:18px; "
201   - class="mr-5"
  203 + class="mr5"
202 204 @click="editItem(props.item)"
203 205 src="/static/icon/edit1.png"
204 206 />
205 207 <img
206 208 style="cursor:pointer; width:20px; height:20px; "
207   - class="mr-5"
  209 + class="mr5"
208 210 @click="deleteItem(props.item)"
209 211 src="/static/icon/delete1.png"
210 212 />
... ...
src/pages/Students/students.vue
Diff comments   View file @aa8fc50
... ... @@ -28,8 +28,8 @@
28 28 v-model="snackbar"
29 29 color="success"
30 30 >{{ text }}</v-snackbar>
31   - <v-dialog v-model="dialog" max-width="1300px" scrollable>
32   - <v-card flat style="height: 800px;">
  31 + <v-dialog v-model="dialog" max-width="1500px" scrollable>
  32 + <v-card flat style="height: 586px;" class="mx-2">
33 33 <v-toolbar color="grey lighten-2" flat>
34 34 <v-spacer></v-spacer>
35 35 <v-toolbar-title>
... ... @@ -74,7 +74,8 @@
74 74 <v-flex xs12 sm4>
75 75 <v-layout>
76 76 <v-flex xs4 class="pt-4 subheading">
77   - <label class="right">Select Class:</label>
  77 + <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
  78 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
78 79 </v-flex>
79 80 <v-flex xs8 class="ml-3">
80 81 <v-select
... ... @@ -93,7 +94,8 @@
93 94 <v-flex xs12 sm4>
94 95 <v-layout>
95 96 <v-flex xs4 class="pt-4 subheading">
96   - <label class="right">Select Section:</label>
  97 + <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
  98 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
97 99 </v-flex>
98 100 <v-flex xs8 class="ml-3">
99 101 <v-select
... ... @@ -111,7 +113,8 @@
111 113 <v-flex xs12 sm4>
112 114 <v-layout>
113 115 <v-flex xs4 class="pt-4 subheading">
114   - <label class="right">Full Name:</label>
  116 + <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
  117 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
115 118 </v-flex>
116 119 <v-flex xs8 class="ml-3">
117 120 <v-text-field
... ... @@ -145,7 +148,8 @@
145 148 <v-flex xs12 sm4>
146 149 <v-layout>
147 150 <v-flex xs4 class="pt-4 subheading">
148   - <label class="right">Date of Birth:</label>
  151 + <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
  152 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
149 153 </v-flex>
150 154 <v-flex xs8 class="ml-3">
151 155 <v-menu
... ... @@ -196,7 +200,8 @@
196 200 <v-flex xs12 sm4>
197 201 <v-layout>
198 202 <v-flex xs4 class="pt-4 subheading">
199   - <label class="right">Blood Group:</label>
  203 + <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
  204 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>
200 205 </v-flex>
201 206 <v-flex xs8 class="ml-3">
202 207 <v-text-field
... ... @@ -275,7 +280,8 @@
275 280 <v-flex xs12 sm4>
276 281 <v-layout>
277 282 <v-flex xs4 class="pt-4 subheading">
278   - <label class="right">Uplaod Image:</label>
  283 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  284 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
279 285 </v-flex>
280 286 <v-flex xs8 class="ml-3">
281 287 <v-text-field
... ... @@ -324,7 +330,8 @@
324 330 <v-flex xs12 sm4>
325 331 <v-layout>
326 332 <v-flex xs4 class="pt-4 subheading">
327   - <label class="right">Mobile No:</label>
  333 + <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
  334 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
328 335 </v-flex>
329 336 <v-flex xs8 class="ml-3">
330 337 <v-text-field
... ... @@ -342,7 +349,8 @@
342 349 <v-flex xs12 sm4>
343 350 <v-layout>
344 351 <v-flex xs4 class="pt-4 subheading">
345   - <label class="right">Select Country:</label>
  352 + <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
  353 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
346 354 </v-flex>
347 355 <v-flex xs8 class="ml-3">
348 356 <v-autocomplete
... ... @@ -372,7 +380,8 @@
372 380 <v-flex xs12 sm4>
373 381 <v-layout>
374 382 <v-flex xs4 class="pt-4 subheading">
375   - <label class="right">Roll Number:</label>
  383 + <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
  384 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
376 385 </v-flex>
377 386 <v-flex xs8 class="ml-3">
378 387 <v-text-field
... ... @@ -385,7 +394,7 @@
385 394 </v-layout>
386 395 </v-flex>
387 396 </v-layout>
388   - <v-layout>
  397 + <!-- <v-layout>
389 398 <v-flex xs12>
390 399 <v-layout>
391 400 <v-flex
... ... @@ -425,14 +434,85 @@
425 434 </v-flex>
426 435 </v-layout>
427 436 </v-flex>
  437 + </v-layout>-->
  438 + <v-layout class="hidden-xs-only hidden-sm-only">
  439 + <v-flex xs12 sm12>
  440 + <v-layout>
  441 + <v-flex xs4 sm2 class="pt-4 subheading ml-5">
  442 + <label class="right pr-4">Present Address:</label>
  443 + </v-flex>
  444 + <v-flex xs8 sm12>
  445 + <v-text-field
  446 + name="input-4-3"
  447 + v-model="editedItem.presentAddress"
  448 + placeholder="fill Your present Address"
  449 + required
  450 + ></v-text-field>
  451 + </v-flex>
  452 + </v-layout>
  453 + </v-flex>
  454 + <v-flex xs12 sm12>
  455 + <v-layout>
  456 + <v-flex xs4 sm2 class="pt-4 subheading ml-5 addressForm">
  457 + <label class>Permanent Address:</label>
  458 + </v-flex>
  459 + <v-flex xs12 sm12>
  460 + <v-text-field
  461 + name="input-4-3"
  462 + v-model="editedItem.permanentAddress"
  463 + placeholder="fill Your Permanent Address"
  464 + required
  465 + ></v-text-field>
  466 + </v-flex>
  467 + </v-layout>
  468 + </v-flex>
  469 + </v-layout>
  470 + <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only">
  471 + <v-flex xs12 sm12>
  472 + <v-layout>
  473 + <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
  474 + <label class>Present Address :</label>
  475 + </v-flex>
  476 + </v-layout>
  477 + <v-layout>
  478 + <v-flex xs12 sm12>
  479 + <v-textarea
  480 + name="input-4-3"
  481 + v-model="editedItem.presentAddress"
  482 + placeholder="fill Your present Address"
  483 + required
  484 + ></v-textarea>
  485 + </v-flex>
  486 + </v-layout>
  487 + </v-flex>
  488 + <v-flex xs12 sm12>
  489 + <v-layout>
  490 + <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
  491 + <label>Permanent addr:</label>
  492 + </v-flex>
  493 + </v-layout>
  494 + <v-layout>
  495 + <v-flex xs12 sm12>
  496 + <v-textarea
  497 + name="input-4-3"
  498 + v-model="editedItem.permanentAddress"
  499 + placeholder="fill Your Permanent Address"
  500 + required
  501 + ></v-textarea>
  502 + </v-flex>
  503 + </v-layout>
  504 + </v-flex>
428 505 </v-layout>
429 506 <v-layout>
430 507 <v-flex xs12 sm12>
431   - <v-card-actions>
432   - <v-btn round dark @click.native="close">Cancel</v-btn>
433   - <v-spacer></v-spacer>
434   - <v-btn round dark @click="save">Save</v-btn>
435   - </v-card-actions>
  508 + <v-layout>
  509 + <v-flex xs6>
  510 + <v-btn round dark @click.native="close">Cancel</v-btn>
  511 + </v-flex>
  512 + <v-flex xs6>
  513 + <v-btn @click="save" round dark :loading="loading" class="right">Save</v-btn>
  514 + </v-flex>
  515 + </v-layout>
436 516 </v-flex>
437 517 </v-layout>
438 518 </v-container>
... ... @@ -444,7 +524,7 @@
444 524 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** -->
445 525  
446 526 <v-dialog v-model="dialog1" max-width="1100px" scrollable>
447   - <v-card style="height: 700px;">
  527 + <v-card style="height: 700px;" class="mx-2">
448 528 <v-toolbar color="grey lighten-2" flat>
449 529 <v-spacer></v-spacer>
450 530 <v-toolbar-title>Student Profile</v-toolbar-title>
... ... @@ -460,8 +540,8 @@
460 540 </v-flex>
461 541 <v-container grid-list-md>
462 542 <v-layout wrap>
463   - <v-flex>
464   - <v-layout>
  543 + <v-flex xs12>
  544 + <v-layout wrap>
465 545 <v-flex xs12 sm6>
466 546 <v-layout>
467 547 <v-flex xs6 sm5>
... ... @@ -476,268 +556,268 @@
476 556 </v-flex>
477 557 <v-flex xs12 sm6>
478 558 <v-layout>
479   - <v-flex xs4 sm4>
  559 + <v-flex xs6 sm4>
480 560 <h5 class="right my-1">
481 561 <b>Email:</b>
482 562 </h5>
483 563 </v-flex>
484   - <v-flex sm8 xs8>
  564 + <v-flex sm8 xs6>
485 565 <h5 class="my-1 left">{{ editedItem.email }}</h5>
486 566 </v-flex>
487 567 </v-layout>
488 568 </v-flex>
489 569 </v-layout>
490   - <v-layout>
491   - <v-flex xs6 sm6>
  570 + <v-layout wrap>
  571 + <v-flex xs12 sm6>
492 572 <v-layout>
493   - <v-flex xs4 sm5>
  573 + <v-flex xs6 sm5>
494 574 <b>
495 575 <h5 class="right my-1">
496 576 <b>Gender:</b>
497 577 </h5>
498 578 </b>
499 579 </v-flex>
500   - <v-flex sm7 xs8>
  580 + <v-flex sm7 xs6>
501 581 <h5 class="my-1 left">{{ editedItem.gender }}</h5>
502 582 </v-flex>
503 583 </v-layout>
504 584 </v-flex>
505   - <v-flex xs6 sm6>
  585 + <v-flex xs12 sm6>
506 586 <v-layout>
507   - <v-flex xs4 sm4>
  587 + <v-flex xs6 sm4>
508 588 <b>
509 589 <h5 class="right my-1">
510 590 <b>D.O.B:</b>
511 591 </h5>
512 592 </b>
513 593 </v-flex>
514   - <v-flex sm7 xs8>
  594 + <v-flex sm7 xs6>
515 595 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
516 596 </v-flex>
517 597 </v-layout>
518 598 </v-flex>
519 599 </v-layout>
520   - <v-layout>
521   - <v-flex xs6 sm6>
  600 + <v-layout wrap>
  601 + <v-flex xs12 sm6>
522 602 <v-layout>
523   - <v-flex xs4 sm5>
  603 + <v-flex xs6 sm5>
524 604 <b>
525 605 <h5 class="right my-1">
526 606 <b>Blood Group:</b>
527 607 </h5>
528 608 </b>
529 609 </v-flex>
530   - <v-flex sm7 xs8>
  610 + <v-flex sm7 xs6>
531 611 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
532 612 </v-flex>
533 613 </v-layout>
534 614 </v-flex>
535   - <v-flex xs6 sm6>
  615 + <v-flex xs12 sm6>
536 616 <v-layout>
537   - <v-flex xs4 sm4>
  617 + <v-flex xs6 sm4>
538 618 <b>
539 619 <h5 class="right my-1">
540 620 <b>Allergies:</b>
541 621 </h5>
542 622 </b>
543 623 </v-flex>
544   - <v-flex sm8 xs8>
  624 + <v-flex sm8 xs6>
545 625 <h5 class="my-1">{{ editedItem.allergies }}</h5>
546 626 </v-flex>
547 627 </v-layout>
548 628 </v-flex>
549 629 </v-layout>
550   - <v-layout>
551   - <v-flex xs6 sm6>
  630 + <v-layout wrap>
  631 + <v-flex xs12 sm6>
552 632 <v-layout>
553   - <v-flex xs4 sm5>
  633 + <v-flex xs6 sm5>
554 634 <b>
555 635 <h5 class="right my-1">
556 636 <b>Height:</b>
557 637 </h5>
558 638 </b>
559 639 </v-flex>
560   - <v-flex sm7 xs8>
  640 + <v-flex sm7 xs6>
561 641 <h5 class="my-1 left">{{ editedItem.height }}</h5>
562 642 </v-flex>
563 643 </v-layout>
564 644 </v-flex>
565   - <v-flex xs6 sm6>
  645 + <v-flex xs12 sm6>
566 646 <v-layout>
567   - <v-flex xs4 sm4>
  647 + <v-flex xs6 sm4>
568 648 <b>
569 649 <h5 class="right my-1">
570 650 <b>Weight:</b>
571 651 </h5>
572 652 </b>
573 653 </v-flex>
574   - <v-flex sm8 xs8>
  654 + <v-flex sm8 xs6>
575 655 <h5 class="my-1">{{ editedItem.weight }}</h5>
576 656 </v-flex>
577 657 </v-layout>
578 658 </v-flex>
579 659 </v-layout>
580   - <v-layout>
581   - <v-flex xs6 sm6>
  660 + <v-layout wrap>
  661 + <v-flex xs12 sm6>
582 662 <v-layout>
583   - <v-flex xs4 sm5>
  663 + <v-flex xs6 sm5>
584 664 <b>
585 665 <h5 class="right my-1">
586 666 <b>City:</b>
587 667 </h5>
588 668 </b>
589 669 </v-flex>
590   - <v-flex sm7 xs8>
  670 + <v-flex sm7 xs6>
591 671 <h5 class="my-1 left">{{ editedItem.city }}</h5>
592 672 </v-flex>
593 673 </v-layout>
594 674 </v-flex>
595   - <v-flex xs6 sm6>
  675 + <v-flex xs12 sm6>
596 676 <v-layout>
597   - <v-flex xs4 sm4>
  677 + <v-flex xs6 sm4>
598 678 <b>
599 679 <h5 class="right my-1">
600 680 <b>State:</b>
601 681 </h5>
602 682 </b>
603 683 </v-flex>
604   - <v-flex sm8 xs8>
  684 + <v-flex sm8 xs6>
605 685 <h5 class="my-1">{{ editedItem.state }}</h5>
606 686 </v-flex>
607 687 </v-layout>
608 688 </v-flex>
609 689 </v-layout>
610   - <v-layout>
611   - <v-flex xs6 sm6>
  690 + <v-layout wrap>
  691 + <v-flex xs12 sm6>
612 692 <v-layout>
613   - <v-flex xs4 sm5>
  693 + <v-flex xs6 sm5>
614 694 <b>
615 695 <h5 class="right my-1">
616 696 <b>Pincode:</b>
617 697 </h5>
618 698 </b>
619 699 </v-flex>
620   - <v-flex sm7 xs8>
  700 + <v-flex sm7 xs6>
621 701 <h5 class="my-1">{{ editedItem.pincode }}</h5>
622 702 </v-flex>
623 703 </v-layout>
624 704 </v-flex>
625   - <v-flex xs5 sm5>
  705 + <v-flex xs12 sm5>
626 706 <v-layout>
627   - <v-flex xs4 sm5>
  707 + <v-flex xs6 sm5>
628 708 <b>
629 709 <h5 class="right my-1">
630 710 <b>Country:</b>
631 711 </h5>
632 712 </b>
633 713 </v-flex>
634   - <v-flex sm7 xs8>
  714 + <v-flex sm7 xs6>
635 715 <h5 class="my-1">{{ editedItem.country }}</h5>
636 716 </v-flex>
637 717 </v-layout>
638 718 </v-flex>
639 719 </v-layout>
640   - <v-layout>
641   - <v-flex xs5 sm6>
  720 + <v-layout wrap>
  721 + <v-flex xs12 sm6>
642 722 <v-layout>
643   - <v-flex sm5 xs8>
  723 + <v-flex sm5 xs6>
644 724 <b>
645 725 <h5 class="right my-1">
646 726 <b>Mobile No:</b>
647 727 </h5>
648 728 </b>
649 729 </v-flex>
650   - <v-flex sm6 xs8>
  730 + <v-flex sm6 xs6>
651 731 <h5 class="my-1">{{ editedItem.mobile }}</h5>
652 732 </v-flex>
653 733 </v-layout>
654 734 </v-flex>
655   - <v-flex xs5 sm6>
  735 + <v-flex xs12 sm6>
656 736 <v-layout>
657   - <v-flex xs5 sm4>
  737 + <v-flex xs6 sm4>
658 738 <b>
659 739 <h5 class="right my-1">
660 740 <b>Fahter Name:</b>
661 741 </h5>
662 742 </b>
663 743 </v-flex>
664   - <v-flex sm8 xs8>
  744 + <v-flex sm8 xs6>
665 745 <h5 class="my-1">{{ editedItem.fatherName }}</h5>
666 746 </v-flex>
667 747 </v-layout>
668 748 </v-flex>
669 749 </v-layout>
670   - <v-layout>
671   - <v-flex xs6 sm5>
  750 + <v-layout wrap>
  751 + <v-flex xs12 sm5>
672 752 <v-layout>
673   - <v-flex xs4 sm6>
  753 + <v-flex xs6 sm6>
674 754 <b>
675 755 <h5 class="right my-1">
676 756 <b>Mother Name:</b>
677 757 </h5>
678 758 </b>
679 759 </v-flex>
680   - <v-flex sm6 xs8>
  760 + <v-flex sm6 xs6>
681 761 <h5 class="my-1">{{ editedItem.motherName }}</h5>
682 762 </v-flex>
683 763 </v-layout>
684 764 </v-flex>
685   - <v-flex xs6 sm6>
  765 + <v-flex xs12 sm6>
686 766 <v-layout>
687   - <v-flex xs4 sm6>
  767 + <v-flex xs6 sm6>
688 768 <b>
689 769 <h5 class="right my-1">
690 770 <b>Father Cell No:</b>
691 771 </h5>
692 772 </b>
693 773 </v-flex>
694   - <v-flex sm6 xs8>
  774 + <v-flex sm6 xs6>
695 775 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
696 776 </v-flex>
697 777 </v-layout>
698 778 </v-flex>
699 779 </v-layout>
700   - <v-layout>
701   - <v-flex xs6 sm5>
  780 + <v-layout wrap>
  781 + <v-flex xs12 sm5>
702 782 <v-layout>
703   - <v-flex xs4 sm6>
  783 + <v-flex xs6 sm6>
704 784 <b>
705 785 <h5 class="right my-1">
706 786 <b>Mother Cell No:</b>
707 787 </h5>
708 788 </b>
709 789 </v-flex>
710   - <v-flex sm6 xs8>
  790 + <v-flex sm6 xs6>
711 791 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
712 792 </v-flex>
713 793 </v-layout>
714 794 </v-flex>
715   - <v-flex xs6 sm6>
  795 + <v-flex xs12 sm6>
716 796 <v-layout>
717   - <v-flex xs5 sm6>
  797 + <v-flex xs6 sm6>
718 798 <b>
719 799 <h5 class="my-1 right">
720 800 <b>Academic Year:</b>
721 801 </h5>
722 802 </b>
723 803 </v-flex>
724   - <v-flex sm5 xs8>
  804 + <v-flex sm5 xs6>
725 805 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
726 806 </v-flex>
727 807 </v-layout>
728 808 </v-flex>
729 809 </v-layout>
730   - <v-layout>
731   - <v-flex xs6 sm5>
  810 + <v-layout wrap>
  811 + <v-flex xs12 sm5>
732 812 <v-layout>
733   - <v-flex xs5 sm6>
  813 + <v-flex xs6 sm6>
734 814 <b>
735 815 <h5 class="my-1 right">
736 816 <b>Medical Notes:</b>
737 817 </h5>
738 818 </b>
739 819 </v-flex>
740   - <v-flex sm5 xs8>
  820 + <v-flex sm5 xs6>
741 821 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
742 822 </v-flex>
743 823 </v-layout>
... ... @@ -747,7 +827,7 @@
747 827 <v-flex xs6 sm6>
748 828 <b>
749 829 <h5 class="right my-1">
750   - <b>Roll Number:</b>
  830 + <b>Roll No. :</b>
751 831 </h5>
752 832 </b>
753 833 </v-flex>
... ... @@ -757,17 +837,17 @@
757 837 </v-layout>
758 838 </v-flex>
759 839 </v-layout>
760   - <v-layout>
761   - <v-flex xs6 sm5>
  840 + <v-layout wrap>
  841 + <v-flex xs12 sm5>
762 842 <v-layout>
763   - <v-flex xs5 sm6>
  843 + <v-flex xs6 sm6>
764 844 <b>
765 845 <h5 class="my-1 right">
766 846 <b>present Address:</b>
767 847 </h5>
768 848 </b>
769 849 </v-flex>
770   - <v-flex sm5 xs8>
  850 + <v-flex sm5 xs6>
771 851 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
772 852 </v-flex>
773 853 </v-layout>
... ... @@ -819,7 +899,7 @@
819 899  
820 900 <!-- ****** EXISTING-USERS STUDENTS TABLE ****** -->
821 901 <v-card flat>
822   - <v-card-actions>
  902 + <v-card-actions class="hidden-xs-only hidden-sm-only">
823 903 <v-layout>
824 904 <label class="right mt-4 ml-5">Select Class:</label>
825 905 <v-select
... ... @@ -850,6 +930,48 @@
850 930 <v-spacer></v-spacer>
851 931 <v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn>
852 932 </v-card-actions>
  933 + <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
  934 + <v-layout>
  935 + <v-flex xs4>
  936 + <label class="right mt-4">Select Class:</label>
  937 + </v-flex>
  938 + <v-flex xs8>
  939 + <v-select
  940 + :items="addclass"
  941 + label="Select Class"
  942 + v-model="selectStudents.select"
  943 + item-text="classNum"
  944 + item-value="_id"
  945 + name="Select Class"
  946 + :rules="classRules"
  947 + @change="getSections(selectStudents.select)"
  948 + class="px-2"
  949 + required
  950 + ></v-select>
  951 + </v-flex>
  952 + </v-layout>
  953 + <v-layout>
  954 + <v-flex xs4>
  955 + <label class="right mt-4">Select Section:</label>
  956 + </v-flex>
  957 + <v-flex xs8>
  958 + <v-select
  959 + :items="addSection"
  960 + label="Select Section"
  961 + v-model="selectStudents.selectSection"
  962 + item-text="name"
  963 + item-value="_id"
  964 + name="Select Section"
  965 + :rules="sectionRules"
  966 + class="px-2"
  967 + required
  968 + ></v-select>
  969 + </v-flex>
  970 + </v-layout>
  971 + <!-- <v-layout> -->
  972 + <v-btn @click="findStudents()" round block dark :loading="loading">Find</v-btn>
  973 + <!-- </v-layout> -->
  974 + </v-flex>
853 975 </v-card>
854 976 <v-data-table
855 977 :headers="headers"
... ... @@ -910,7 +1032,7 @@
910 1032 <v-tab-item>
911 1033 <v-container fluid>
912 1034 <v-layout align-center justify-center fill-height>
913   - <v-flex xs12 sm8 md7 lg8>
  1035 + <v-flex xs12 sm12 md10 lg11>
914 1036 <div>
915 1037 <v-app>
916 1038 <v-stepper v-model="e2">
... ... @@ -1046,438 +1168,527 @@
1046 1168 </v-container>
1047 1169 </v-stepper-content>
1048 1170 <v-stepper-content step="2">
1049   - <v-container fluid>
1050   - <v-snackbar
1051   - :timeout="timeout"
1052   - :top="y === 'top'"
1053   - :right="x === 'right'"
1054   - :vertical="mode === 'vertical'"
1055   - v-model="snackbar"
1056   - color="success"
1057   - >{{ text }}</v-snackbar>
1058   - <v-flex xs12 sm12>
1059   - <v-form ref="form" v-model="valid" lazy-validation>
1060   - <v-container fluid>
1061   - <v-layout>
1062   - <v-flex
1063   - xs12
1064   - class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
1065   - >
1066   - <v-avatar size="100px">
1067   - <img src="/static/icon/user.png" v-if="!imageUrl" />
1068   - </v-avatar>
1069   - <input
1070   - type="file"
1071   - style="display: none"
1072   - ref="image"
1073   - accept="image/*"
1074   - @change="onFilePicked"
1075   - />
1076   - <img
1077   - :src="imageData.imageUrl"
1078   - height="150"
1079   - v-if="imageUrl"
1080   - style="border-radius:50%; width:200px"
1081   - />
1082   - </v-flex>
1083   - </v-layout>
1084   - <v-layout>
1085   - <v-flex xs12 sm6>
1086   - <v-layout>
1087   - <v-flex xs4 class="pt-4 subheading">
1088   - <label class="right">Select Class:</label>
1089   - </v-flex>
1090   - <v-flex xs8 class="ml-3">
1091   - <v-select
1092   - :items="addclass"
1093   - label="Select Class"
1094   - v-model="addStudents.select"
1095   - item-text="classNum"
1096   - item-value="_id"
1097   - name="Select Class"
1098   - :rules="classRules"
1099   - @change="getSection(addStudents.select)"
1100   - required
1101   - ></v-select>
1102   - </v-flex>
1103   - </v-layout>
1104   - </v-flex>
1105   - <v-flex xs12 sm6>
1106   - <v-layout>
1107   - <v-flex xs4 class="pt-4 subheading">
1108   - <label class="right">Select Section:</label>
1109   - </v-flex>
1110   - <v-flex xs8 class="ml-3">
1111   - <v-select
1112   - :items="addSection"
1113   - label="Select Section"
1114   - v-model="addStudents.selectSection"
1115   - item-text="name"
1116   - item-value="_id"
1117   - name="Select Section"
1118   - :rules="sectionRules"
1119   - required
1120   - ></v-select>
1121   - </v-flex>
1122   - </v-layout>
1123   - </v-flex>
1124   - </v-layout>
1125   - <v-layout>
1126   - <v-flex xs12 sm6>
1127   - <v-layout>
1128   - <v-flex xs4 class="pt-4 subheading">
1129   - <label class="right">Full Name:</label>
1130   - </v-flex>
1131   - <v-flex xs8 class="ml-3">
1132   - <v-text-field
1133   - v-model="addStudents.name"
1134   - placeholder="fill your full Name"
1135   - name="name"
1136   - type="text"
1137   - :rules="nameRules"
1138   - required
1139   - ></v-text-field>
1140   - </v-flex>
1141   - </v-layout>
1142   - </v-flex>
1143   - <v-flex xs12 sm6>
1144   - <v-layout>
1145   - <v-flex xs4 class="pt-4 subheading">
1146   - <label class="right">Email ID:</label>
1147   - </v-flex>
1148   - <v-flex xs8 class="ml-3">
1149   - <v-text-field
1150   - placeholder="fill your email"
1151   - :rules="emailRules"
1152   - v-model="addStudents.email"
1153   - type="text"
1154   - name="email"
1155   - required
1156   - ></v-text-field>
1157   - </v-flex>
1158   - </v-layout>
1159   - </v-flex>
1160   - </v-layout>
1161   - <v-layout>
1162   - <v-flex xs12 sm6>
1163   - <v-layout>
1164   - <v-flex xs4 class="pt-4 subheading">
1165   - <label class="right">Date of Birth:</label>
1166   - </v-flex>
1167   - <v-flex xs8 class="ml-3">
1168   - <v-menu
1169   - ref="menu"
1170   - :close-on-content-click="false"
1171   - v-model="menu"
1172   - :nudge-right="40"
1173   - lazy
1174   - transition="scale-transition"
1175   - offset-y
1176   - full-width
1177   - min-width="290px"
1178   - >
1179   - <v-text-field
1180   - slot="activator"
1181   - :rules="dateRules"
1182   - v-model="addStudents.date"
1183   - placeholder="Select date"
1184   - ></v-text-field>
1185   - <v-date-picker
1186   - ref="picker"
1187   - v-model="addStudents.date"
1188   - :max="new Date().toISOString().substr(0, 10)"
1189   - min="1950-01-01"
1190   - @input="menu = false"
1191   - ></v-date-picker>
1192   - </v-menu>
1193   - </v-flex>
1194   - </v-layout>
1195   - </v-flex>
1196   - <v-flex xs12 sm6>
1197   - <v-layout>
1198   - <v-flex xs4 class="pt-4 subheading">
1199   - <label class="right">City:</label>
1200   - </v-flex>
1201   - <v-flex xs8 class="ml-3">
1202   - <v-text-field
1203   - v-model="addStudents.city"
1204   - placeholder="fill your City Name"
1205   - name="City"
1206   - type="text"
1207   - :rules="cityRules"
1208   - required
1209   - ></v-text-field>
1210   - </v-flex>
1211   - </v-layout>
1212   - </v-flex>
1213   - </v-layout>
1214   - <v-layout>
1215   - <v-flex xs12 sm6>
1216   - <v-layout>
1217   - <v-flex xs4 class="pt-4 subheading">
1218   - <label class="right">State:</label>
1219   - </v-flex>
1220   - <v-flex xs8 class="ml-3">
1221   - <v-text-field
1222   - v-model="addStudents.state"
1223   - placeholder="fill your State Name"
1224   - name="state"
1225   - type="text"
1226   - :rules="stateRules"
1227   - required
1228   - ></v-text-field>
1229   - </v-flex>
1230   - </v-layout>
1231   - </v-flex>
1232   - <v-flex xs12 sm6>
1233   - <v-layout>
1234   - <v-flex xs4 class="pt-4 subheading">
1235   - <label class="right">Pincode:</label>
1236   - </v-flex>
1237   - <v-flex xs8 class="ml-3">
1238   - <v-text-field
1239   - v-model="addStudents.pincode"
1240   - placeholder="fill your pincode"
1241   - name="pincode"
1242   - type="number"
1243   - :rules="pincode"
1244   - required
1245   - ></v-text-field>
1246   - </v-flex>
1247   - </v-layout>
1248   - </v-flex>
1249   - </v-layout>
1250   - <v-layout>
1251   - <v-flex xs12 sm6>
1252   - <v-layout>
1253   - <v-flex xs4 class="pt-4 subheading">
1254   - <label class="right">Mobile No:</label>
1255   - </v-flex>
1256   - <v-flex xs8 class="ml-3">
1257   - <v-text-field
1258   - v-model="addStudents.mobile"
1259   - placeholder="fill your MobileNo"
1260   - name="mobileNo"
1261   - type="number"
1262   - :rules="mobileNoRules"
1263   - required
1264   - ></v-text-field>
1265   - </v-flex>
1266   - </v-layout>
1267   - </v-flex>
1268   - <v-flex xs12 sm6>
1269   - <v-layout>
1270   - <v-flex xs4 class="pt-4 subheading">
1271   - <label class="right">Select Country:</label>
1272   - </v-flex>
1273   - <v-flex xs8 class="ml-3">
1274   - <v-autocomplete
1275   - v-model="addStudents.country"
1276   - :rules="country"
1277   - :items="countries"
1278   - placeholder="Select Country Name"
1279   - required
1280   - ></v-autocomplete>
1281   - </v-flex>
1282   - </v-layout>
1283   - </v-flex>
1284   - </v-layout>
1285   - <v-layout>
1286   - <v-flex xs12 sm6>
1287   - <v-layout>
1288   - <v-flex xs4 class="pt-4 subheading">
1289   - <label class="right">Gender:</label>
1290   - </v-flex>
1291   - <v-flex xs8 class="ml-3">
1292   - <v-select
1293   - :items="gender"
1294   - v-model="addStudents.gender"
1295   - :rules="genderRules"
1296   - label="Select Gender"
1297   - required
1298   - ></v-select>
1299   - </v-flex>
1300   - </v-layout>
1301   - </v-flex>
1302   - <v-flex xs12 sm6>
1303   - <v-layout>
1304   - <v-flex xs4 class="pt-4 subheading">
1305   - <label class="right">Blood Group:</label>
1306   - </v-flex>
1307   - <v-flex xs8 class="ml-3">
1308   - <v-text-field
1309   - v-model="addStudents.bloodGroup"
1310   - placeholder="Fill your Blood Group"
1311   - required
1312   - ></v-text-field>
1313   - </v-flex>
1314   - </v-layout>
1315   - </v-flex>
1316   - </v-layout>
1317   - <v-layout>
1318   - <v-flex xs12 sm6>
1319   - <v-layout>
1320   - <v-flex xs4 class="pt-4 subheading">
1321   - <label class="right">Allergies:</label>
1322   - </v-flex>
1323   - <v-flex xs8 class="ml-3">
1324   - <v-text-field
1325   - v-model="addStudents.allergies"
1326   - placeholder="Fill your Allergies"
1327   - required
1328   - ></v-text-field>
1329   - </v-flex>
1330   - </v-layout>
1331   - </v-flex>
1332   - <v-flex xs12 sm6>
1333   - <v-layout>
1334   - <v-flex xs4 class="pt-4 subheading">
1335   - <label class="right">Medical Notes:</label>
1336   - </v-flex>
1337   - <v-flex xs8 class="ml-3">
1338   - <v-text-field
1339   - v-model="addStudents.medicalNotes"
1340   - placeholder="Fill your Medical Notes"
1341   - required
1342   - ></v-text-field>
1343   - </v-flex>
1344   - </v-layout>
1345   - </v-flex>
1346   - </v-layout>
1347   - <v-layout>
1348   - <v-flex xs12 sm6>
1349   - <v-layout>
1350   - <v-flex xs4 class="pt-4 subheading">
1351   - <label class="right">Height:</label>
1352   - </v-flex>
1353   - <v-flex xs8 class="ml-3">
1354   - <v-text-field
1355   - v-model="addStudents.height"
1356   - placeholder="Fill your Height"
1357   - required
1358   - ></v-text-field>
1359   - </v-flex>
1360   - </v-layout>
1361   - </v-flex>
1362   - <v-flex xs12 sm6>
1363   - <v-layout>
1364   - <v-flex xs4 class="pt-4 subheading">
1365   - <label class="right">Weight:</label>
1366   - </v-flex>
1367   - <v-flex xs8 class="ml-3">
1368   - <v-text-field
1369   - v-model="addStudents.weight"
1370   - placeholder="Fill your Weight"
1371   - required
1372   - ></v-text-field>
1373   - </v-flex>
1374   - </v-layout>
1375   - </v-flex>
1376   - </v-layout>
1377   - <v-layout>
1378   - <v-flex xs12 sm6>
1379   - <v-layout>
1380   - <v-flex xs4 class="pt-4 subheading">
1381   - <label class="right">Uplaod Image:</label>
1382   - </v-flex>
1383   - <v-flex xs8 class="ml-3">
1384   - <v-text-field
1385   - label="Select Image"
1386   - @click="pickFile"
1387   - v-model="imageName"
1388   - append-icon="attach_file"
1389   - ></v-text-field>
1390   - </v-flex>
1391   - </v-layout>
1392   - </v-flex>
1393   - <v-flex xs12 sm6>
1394   - <v-layout>
1395   - <v-flex xs4 class="pt-4 subheading">
1396   - <label class="right">Academic Year:</label>
1397   - </v-flex>
1398   - <v-flex xs8 class="ml-3">
1399   - <v-text-field
1400   - v-model="addStudents.establishmentYear"
1401   - placeholder="fill your Academic Year"
1402   - name="state"
1403   - type="number"
1404   - :rules="establishmentYearRules"
1405   - required
1406   - ></v-text-field>
1407   - </v-flex>
1408   - </v-layout>
1409   - </v-flex>
1410   - </v-layout>
1411   - <v-layout>
1412   - <v-flex xs12 sm6>
1413   - <v-layout>
1414   - <v-flex xs4 class="pt-4 subheading">
1415   - <label class="right">Roll Number:</label>
1416   - </v-flex>
1417   - <v-flex xs8 class="ml-3">
1418   - <v-text-field
1419   - v-model="addStudents.rollNo"
1420   - placeholder="Fill your Roll Number"
1421   - required
1422   - ></v-text-field>
1423   - </v-flex>
1424   - </v-layout>
1425   - </v-flex>
1426   - </v-layout>
1427   - <v-layout>
1428   - <v-flex xs12 sm12>
1429   - <v-layout>
1430   - <v-flex
1431   - xs3
1432   - class="pt-4 subheading pl-4"
1433   - style="max-width: 17%;"
  1171 + <!-- <v-container fluid> -->
  1172 + <v-snackbar
  1173 + :timeout="timeout"
  1174 + :top="y === 'top'"
  1175 + :right="x === 'right'"
  1176 + :vertical="mode === 'vertical'"
  1177 + v-model="snackbar"
  1178 + color="success"
  1179 + >{{ text }}</v-snackbar>
  1180 + <v-flex xs12 sm12>
  1181 + <v-form ref="form" v-model="valid" lazy-validation>
  1182 + <v-container fluid>
  1183 + <v-layout>
  1184 + <v-flex
  1185 + xs12
  1186 + class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
  1187 + >
  1188 + <v-avatar size="100px">
  1189 + <img src="/static/icon/user.png" v-if="!imageUrl" />
  1190 + </v-avatar>
  1191 + <input
  1192 + type="file"
  1193 + style="display: none"
  1194 + ref="image"
  1195 + accept="image/*"
  1196 + @change="onFilePicked"
  1197 + />
  1198 + <img
  1199 + :src="imageData.imageUrl"
  1200 + height="150"
  1201 + v-if="imageUrl"
  1202 + style="border-radius:50%; width:200px"
  1203 + />
  1204 + </v-flex>
  1205 + </v-layout>
  1206 + <v-layout>
  1207 + <v-flex xs12 sm6>
  1208 + <v-layout>
  1209 + <v-flex x4 sm4 class="pt-4 subheading">
  1210 + <label
  1211 + class="right hidden-xs-only hidden-sm-only"
  1212 + >Select Class:</label>
  1213 + <label
  1214 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1215 + >Class:</label>
  1216 + </v-flex>
  1217 + <v-flex xs8 sm8 class="ml-3">
  1218 + <v-select
  1219 + :items="addclass"
  1220 + label="Select Class"
  1221 + v-model="addStudents.select"
  1222 + item-text="classNum"
  1223 + item-value="_id"
  1224 + name="Select Class"
  1225 + :rules="classRules"
  1226 + @change="getSection(addStudents.select)"
  1227 + required
  1228 + ></v-select>
  1229 + </v-flex>
  1230 + </v-layout>
  1231 + </v-flex>
  1232 + <v-flex xs12 sm6>
  1233 + <v-layout>
  1234 + <v-flex xs4 class="pt-4 subheading">
  1235 + <label
  1236 + class="right hidden-xs-only hidden-sm-only"
  1237 + >Select Section:</label>
  1238 + <label
  1239 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1240 + >Section:</label>
  1241 + </v-flex>
  1242 + <v-flex xs8 class="ml-3">
  1243 + <v-select
  1244 + :items="addSection"
  1245 + label="Select Section"
  1246 + v-model="addStudents.selectSection"
  1247 + item-text="name"
  1248 + item-value="_id"
  1249 + name="Select Section"
  1250 + :rules="sectionRules"
  1251 + required
  1252 + ></v-select>
  1253 + </v-flex>
  1254 + </v-layout>
  1255 + </v-flex>
  1256 + </v-layout>
  1257 + <v-layout>
  1258 + <v-flex xs12 sm6>
  1259 + <v-layout>
  1260 + <v-flex xs4 sm4 class="pt-4 subheading">
  1261 + <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
  1262 + <label
  1263 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1264 + >Name:</label>
  1265 + </v-flex>
  1266 + <v-flex xs8 sm8 class="ml-3">
  1267 + <v-text-field
  1268 + v-model="addStudents.name"
  1269 + placeholder="fill your full Name"
  1270 + name="name"
  1271 + type="text"
  1272 + :rules="nameRules"
  1273 + required
  1274 + ></v-text-field>
  1275 + </v-flex>
  1276 + </v-layout>
  1277 + </v-flex>
  1278 + <v-flex xs12 sm6>
  1279 + <v-layout>
  1280 + <v-flex xs4 sm4 class="pt-4 subheading">
  1281 + <label class="right">Email ID:</label>
  1282 + </v-flex>
  1283 + <v-flex xs8 sm8 class="ml-3">
  1284 + <v-text-field
  1285 + placeholder="fill your email"
  1286 + :rules="emailRules"
  1287 + v-model="addStudents.email"
  1288 + type="text"
  1289 + name="email"
  1290 + required
  1291 + ></v-text-field>
  1292 + </v-flex>
  1293 + </v-layout>
  1294 + </v-flex>
  1295 + </v-layout>
  1296 + <v-layout>
  1297 + <v-flex xs12 sm6>
  1298 + <v-layout>
  1299 + <v-flex xs4 sm4 class="pt-4 subheading">
  1300 + <label
  1301 + class="right hidden-sm-only hidden-xs-only"
  1302 + >Date of Birth:</label>
  1303 + <label
  1304 + class="right hidden-lg-only hidden-xl-only hidden-md-only"
  1305 + >D.O.B:</label>
  1306 + </v-flex>
  1307 + <v-flex xs8 sm8 class="ml-3">
  1308 + <v-menu
  1309 + ref="menu"
  1310 + :close-on-content-click="false"
  1311 + v-model="menu"
  1312 + :nudge-right="40"
  1313 + lazy
  1314 + transition="scale-transition"
  1315 + offset-y
  1316 + full-width
  1317 + min-width="290px"
1434 1318 >
1435   - <label class>Present Address:</label>
1436   - </v-flex>
1437   - <v-flex xs12>
1438   - <v-text-field
1439   - name="input-4-3"
1440   - v-model="addStudents.presentAddress"
1441   - :rules="presentAddress"
1442   - placeholder="fill Your present Address"
1443   - required
1444   - ></v-text-field>
1445   - </v-flex>
1446   - </v-layout>
1447   - </v-flex>
1448   - <v-flex xs12 sm12>
1449   - <v-layout>
1450   - <v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">
1451   - <label>Permanent Address:</label>
1452   - </v-flex>
1453   - <v-flex xs12>
1454 1319 <v-text-field
1455   - name="input-4-3"
1456   - v-model="addStudents.permanentAddress"
1457   - :rules="permanentAddress"
1458   - placeholder="fill Your Permanent Address"
1459   - required
  1320 + slot="activator"
  1321 + :rules="dateRules"
  1322 + v-model="addStudents.date"
  1323 + placeholder="Select date"
1460 1324 ></v-text-field>
1461   - </v-flex>
1462   - </v-layout>
1463   - </v-flex>
1464   - </v-layout>
1465   - <v-layout>
1466   - <v-flex xs12 sm12>
1467   - <v-card-actions>
1468   - <!-- <v-btn @click="clear" round dark>clear</v-btn> -->
1469   - <v-btn round dark @click="e2 = 1">
1470   - <v-icon dark left>arrow_back</v-icon>Back
1471   - </v-btn>
1472   - <v-spacer></v-spacer>
1473   - <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
1474   - </v-card-actions>
1475   - </v-flex>
1476   - </v-layout>
1477   - </v-container>
1478   - </v-form>
1479   - </v-flex>
1480   - </v-container>
  1325 + <v-date-picker
  1326 + ref="picker"
  1327 + v-model="addStudents.date"
  1328 + :max="new Date().toISOString().substr(0, 10)"
  1329 + min="1950-01-01"
  1330 + @input="menu = false"
  1331 + ></v-date-picker>
  1332 + </v-menu>
  1333 + </v-flex>
  1334 + </v-layout>
  1335 + </v-flex>
  1336 + <v-flex xs12 sm6>
  1337 + <v-layout>
  1338 + <v-flex xs4 class="pt-4 subheading">
  1339 + <label class="right">City:</label>
  1340 + </v-flex>
  1341 + <v-flex xs8 class="ml-3">
  1342 + <v-text-field
  1343 + v-model="addStudents.city"
  1344 + placeholder="fill your City Name"
  1345 + name="City"
  1346 + type="text"
  1347 + :rules="cityRules"
  1348 + required
  1349 + ></v-text-field>
  1350 + </v-flex>
  1351 + </v-layout>
  1352 + </v-flex>
  1353 + </v-layout>
  1354 + <v-layout>
  1355 + <v-flex xs12 sm6>
  1356 + <v-layout>
  1357 + <v-flex xs4 class="pt-4 subheading">
  1358 + <label class="right">State:</label>
  1359 + </v-flex>
  1360 + <v-flex xs8 class="ml-3">
  1361 + <v-text-field
  1362 + v-model="addStudents.state"
  1363 + placeholder="fill your State Name"
  1364 + name="state"
  1365 + type="text"
  1366 + :rules="stateRules"
  1367 + required
  1368 + ></v-text-field>
  1369 + </v-flex>
  1370 + </v-layout>
  1371 + </v-flex>
  1372 + <v-flex xs12 sm6>
  1373 + <v-layout>
  1374 + <v-flex xs4 class="pt-4 subheading">
  1375 + <label class="right">Pincode:</label>
  1376 + </v-flex>
  1377 + <v-flex xs8 class="ml-3">
  1378 + <v-text-field
  1379 + v-model="addStudents.pincode"
  1380 + placeholder="fill your pincode"
  1381 + name="pincode"
  1382 + type="number"
  1383 + :rules="pincode"
  1384 + required
  1385 + ></v-text-field>
  1386 + </v-flex>
  1387 + </v-layout>
  1388 + </v-flex>
  1389 + </v-layout>
  1390 + <v-layout>
  1391 + <v-flex xs12 sm6>
  1392 + <v-layout>
  1393 + <v-flex xs4 class="pt-4 subheading">
  1394 + <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
  1395 + <label
  1396 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1397 + >Mobile:</label>
  1398 + </v-flex>
  1399 + <v-flex xs8 class="ml-3">
  1400 + <v-text-field
  1401 + v-model="addStudents.mobile"
  1402 + placeholder="fill your MobileNo"
  1403 + name="mobileNo"
  1404 + type="number"
  1405 + :rules="mobileNoRules"
  1406 + required
  1407 + ></v-text-field>
  1408 + </v-flex>
  1409 + </v-layout>
  1410 + </v-flex>
  1411 + <v-flex xs12 sm6>
  1412 + <v-layout>
  1413 + <v-flex xs4 class="pt-4 subheading">
  1414 + <label
  1415 + class="right hidden-xs-only hidden-sm-only"
  1416 + >Select Country:</label>
  1417 + <label
  1418 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1419 + >Country:</label>
  1420 + </v-flex>
  1421 + <v-flex xs8 class="ml-3">
  1422 + <v-autocomplete
  1423 + v-model="addStudents.country"
  1424 + :rules="country"
  1425 + :items="countries"
  1426 + placeholder="Select Country Name"
  1427 + required
  1428 + ></v-autocomplete>
  1429 + </v-flex>
  1430 + </v-layout>
  1431 + </v-flex>
  1432 + </v-layout>
  1433 + <v-layout>
  1434 + <v-flex xs12 sm6>
  1435 + <v-layout>
  1436 + <v-flex xs4 class="pt-4 subheading">
  1437 + <label class="right">Gender:</label>
  1438 + </v-flex>
  1439 + <v-flex xs8 class="ml-3">
  1440 + <v-select
  1441 + :items="gender"
  1442 + v-model="addStudents.gender"
  1443 + :rules="genderRules"
  1444 + label="Select Gender"
  1445 + required
  1446 + ></v-select>
  1447 + </v-flex>
  1448 + </v-layout>
  1449 + </v-flex>
  1450 + <v-flex xs12 sm6>
  1451 + <v-layout>
  1452 + <v-flex xs4 class="pt-4 subheading">
  1453 + <label
  1454 + class="right hidden-xs-only hidden-sm-only"
  1455 + >Blood Group:</label>
  1456 + <label
  1457 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1458 + >Blood:</label>
  1459 + </v-flex>
  1460 + <v-flex xs8 class="ml-3">
  1461 + <v-text-field
  1462 + v-model="addStudents.bloodGroup"
  1463 + placeholder="Fill your Blood Group"
  1464 + required
  1465 + ></v-text-field>
  1466 + </v-flex>
  1467 + </v-layout>
  1468 + </v-flex>
  1469 + </v-layout>
  1470 + <v-layout>
  1471 + <v-flex xs12 sm6>
  1472 + <v-layout>
  1473 + <v-flex xs4 class="pt-4 subheading">
  1474 + <label class="right">Allergies:</label>
  1475 + </v-flex>
  1476 + <v-flex xs8 class="ml-3">
  1477 + <v-text-field
  1478 + v-model="addStudents.allergies"
  1479 + placeholder="Fill your Allergies"
  1480 + required
  1481 + ></v-text-field>
  1482 + </v-flex>
  1483 + </v-layout>
  1484 + </v-flex>
  1485 + <v-flex xs12 sm6>
  1486 + <v-layout>
  1487 + <v-flex xs4 class="pt-4 subheading">
  1488 + <label class="right">Medical Notes:</label>
  1489 + </v-flex>
  1490 + <v-flex xs8 class="ml-3">
  1491 + <v-text-field
  1492 + v-model="addStudents.medicalNotes"
  1493 + placeholder="Fill your Medical Notes"
  1494 + required
  1495 + ></v-text-field>
  1496 + </v-flex>
  1497 + </v-layout>
  1498 + </v-flex>
  1499 + </v-layout>
  1500 + <v-layout>
  1501 + <v-flex xs12 sm6>
  1502 + <v-layout>
  1503 + <v-flex xs4 class="pt-4 subheading">
  1504 + <label class="right">Height:</label>
  1505 + </v-flex>
  1506 + <v-flex xs8 class="ml-3">
  1507 + <v-text-field
  1508 + v-model="addStudents.height"
  1509 + placeholder="Fill your Height"
  1510 + required
  1511 + ></v-text-field>
  1512 + </v-flex>
  1513 + </v-layout>
  1514 + </v-flex>
  1515 + <v-flex xs12 sm6>
  1516 + <v-layout>
  1517 + <v-flex xs4 class="pt-4 subheading">
  1518 + <label class="right">Weight:</label>
  1519 + </v-flex>
  1520 + <v-flex xs8 class="ml-3">
  1521 + <v-text-field
  1522 + v-model="addStudents.weight"
  1523 + placeholder="Fill your Weight"
  1524 + required
  1525 + ></v-text-field>
  1526 + </v-flex>
  1527 + </v-layout>
  1528 + </v-flex>
  1529 + </v-layout>
  1530 + <v-layout>
  1531 + <v-flex xs12 sm6>
  1532 + <v-layout>
  1533 + <v-flex xs4 class="pt-4 subheading">
  1534 + <label
  1535 + class="right hidden-xs-only hidden-sm-only"
  1536 + >Uplaod Image:</label>
  1537 + <label
  1538 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1539 + >Uplaod :</label>
  1540 + </v-flex>
  1541 + <v-flex xs8 class="ml-3">
  1542 + <v-text-field
  1543 + label="Select Image"
  1544 + @click="pickFile"
  1545 + v-model="imageName"
  1546 + append-icon="attach_file"
  1547 + ></v-text-field>
  1548 + </v-flex>
  1549 + </v-layout>
  1550 + </v-flex>
  1551 + <v-flex xs12 sm6>
  1552 + <v-layout>
  1553 + <v-flex xs4 class="pt-4 subheading">
  1554 + <label class="right">Academic Year:</label>
  1555 + </v-flex>
  1556 + <v-flex xs8 class="ml-3">
  1557 + <v-text-field
  1558 + v-model="addStudents.establishmentYear"
  1559 + placeholder="fill your Academic Year"
  1560 + name="state"
  1561 + type="number"
  1562 + :rules="establishmentYearRules"
  1563 + required
  1564 + ></v-text-field>
  1565 + </v-flex>
  1566 + </v-layout>
  1567 + </v-flex>
  1568 + </v-layout>
  1569 + <v-layout>
  1570 + <v-flex xs12 sm6>
  1571 + <v-layout>
  1572 + <v-flex xs4 class="pt-4 subheading">
  1573 + <label
  1574 + class="right hidden-xs-only hidden-sm-only"
  1575 + >Roll Number:</label>
  1576 + <label
  1577 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  1578 + >Roll No:</label>
  1579 + </v-flex>
  1580 + <v-flex xs8 class="ml-3">
  1581 + <v-text-field
  1582 + v-model="addStudents.rollNo"
  1583 + placeholder="Fill your Roll Number"
  1584 + required
  1585 + ></v-text-field>
  1586 + </v-flex>
  1587 + </v-layout>
  1588 + </v-flex>
  1589 + </v-layout>
  1590 + <v-layout class="hidden-xs-only hidden-sm-only">
  1591 + <v-flex xs12 sm12>
  1592 + <v-layout>
  1593 + <v-flex xs4 sm2 class="pt-4 subheading ml-5">
  1594 + <label class="right pr-4">Present Address:</label>
  1595 + </v-flex>
  1596 + <v-flex xs8 sm12>
  1597 + <v-text-field
  1598 + name="input-4-3"
  1599 + v-model="addStudents.presentAddress"
  1600 + :rules="presentAddress"
  1601 + placeholder="fill Your present Address"
  1602 + required
  1603 + ></v-text-field>
  1604 + </v-flex>
  1605 + </v-layout>
  1606 + </v-flex>
  1607 + <v-flex xs12 sm12>
  1608 + <v-layout>
  1609 + <v-flex xs4 sm2 class="pt-4 subheading ml-5 addressForm">
  1610 + <label class>Permanent Address:</label>
  1611 + </v-flex>
  1612 + <v-flex xs12 sm12>
  1613 + <v-text-field
  1614 + name="input-4-3"
  1615 + v-model="addStudents.permanentAddress"
  1616 + :rules="permanentAddress"
  1617 + placeholder="fill Your Permanent Address"
  1618 + required
  1619 + ></v-text-field>
  1620 + </v-flex>
  1621 + </v-layout>
  1622 + </v-flex>
  1623 + </v-layout>
  1624 + <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only">
  1625 + <v-flex xs12 sm12>
  1626 + <v-layout>
  1627 + <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
  1628 + <label class>Present Address :</label>
  1629 + </v-flex>
  1630 + </v-layout>
  1631 + <v-layout>
  1632 + <v-flex xs12 sm12>
  1633 + <v-textarea
  1634 + name="input-4-3"
  1635 + v-model="addStudents.presentAddress"
  1636 + :rules="presentAddress"
  1637 + placeholder="fill Your present Address"
  1638 + required
  1639 + ></v-textarea>
  1640 + </v-flex>
  1641 + </v-layout>
  1642 + </v-flex>
  1643 + <v-flex xs12 sm12>
  1644 + <v-layout>
  1645 + <v-flex
  1646 + xs12
  1647 + sm3
  1648 + class="pt-4 pr-4 subheading text-xs-center addressForm"
  1649 + >
  1650 + <label>Permanent addr:</label>
  1651 + </v-flex>
  1652 + </v-layout>
  1653 + <v-layout>
  1654 + <v-flex xs12 sm12>
  1655 + <v-textarea
  1656 + name="input-4-3"
  1657 + v-model="addStudents.permanentAddress"
  1658 + :rules="permanentAddress"
  1659 + placeholder="fill Your Permanent Address"
  1660 + required
  1661 + ></v-textarea>
  1662 + </v-flex>
  1663 + </v-layout>
  1664 + </v-flex>
  1665 + </v-layout>
  1666 + <v-layout>
  1667 + <v-flex xs12 sm12>
  1668 + <!-- <v-card-actions> -->
  1669 + <!-- <v-btn @click="clear" round dark>clear</v-btn> -->
  1670 + <v-layout>
  1671 + <v-flex xs6>
  1672 + <v-btn round dark @click="e2 = 1">Back</v-btn>
  1673 + </v-flex>
  1674 + <!-- <v-spacer></v-spacer> -->
  1675 + <v-flex xs6>
  1676 + <v-btn
  1677 + @click="submit"
  1678 + round
  1679 + dark
  1680 + :loading="loading"
  1681 + class="right"
  1682 + >Add</v-btn>
  1683 + </v-flex>
  1684 + </v-layout>
  1685 + <!-- </v-card-actions> -->
  1686 + </v-flex>
  1687 + </v-layout>
  1688 + </v-container>
  1689 + </v-form>
  1690 + </v-flex>
  1691 + <!-- </v-container> -->
1481 1692 </v-stepper-content>
1482 1693 </v-stepper-items>
1483 1694 </v-stepper>
... ... @@ -1860,7 +2071,7 @@ export default {
1860 2071 role: "STUDENT",
1861 2072 name: "",
1862 2073 email: ""
1863   - },
  2074 + }
1864 2075 }),
1865 2076 watch: {
1866 2077 menu(val) {
... ... @@ -2218,7 +2429,7 @@ export default {
2218 2429 this.$router.replace({ path: "/" });
2219 2430 });
2220 2431 },
2221   - created() {
  2432 + created() {
2222 2433 this.$root.$on("app:search", search => {
2223 2434 this.search = search;
2224 2435 });
... ...
src/pages/Subjects/subjects.vue
Diff comments   View file @aa8fc50
... ... @@ -38,7 +38,6 @@
38 38 <v-spacer></v-spacer>
39 39 </v-toolbar>
40 40 <v-card flat>
41   - <v-form ref="form">
42 41 <v-container fluid>
43 42 <v-layout>
44 43 <v-flex xs4 class="pt-4 subheading">
... ... @@ -79,7 +78,6 @@
79 78 </v-card-actions>
80 79 </v-flex>
81 80 </v-container>
82   - </v-form>
83 81 </v-card>
84 82 </v-flex>
85 83 </v-dialog>
... ... @@ -101,12 +99,12 @@
101 99 <v-layout wrap>
102 100 <v-flex>
103 101 <v-layout>
104   - <v-flex xs5 sm6>
  102 + <v-flex xs7 sm6>
105 103 <h5 class="right my-1">
106 104 <b>Subject Name:</b>
107 105 </h5>
108 106 </v-flex>
109   - <v-flex sm6 xs8>
  107 + <v-flex sm6 xs5>
110 108 <h5 class="my-1">{{ editedItem.subjectName }}</h5>
111 109 </v-flex>
112 110 </v-layout>
... ... @@ -130,10 +128,10 @@
130 128 <v-card flat>
131 129 <v-card-actions>
132 130 <v-layout>
133   - <v-flex xs1>
  131 + <v-flex xs4 sm1>
134 132 <label class="right mt-4">Select Class:</label>
135 133 </v-flex>
136   - <v-flex xs3>
  134 + <v-flex xs8 sm3 >
137 135 <v-select
138 136 :items="classList"
139 137 label="Select Class"
... ... @@ -221,10 +219,10 @@
221 219 </v-flex>
222 220 </v-layout>
223 221 <v-layout>
224   - <v-flex xs4 class="pt-4 subheading">
  222 + <v-flex xs4 sm4 class="pt-4 subheading">
225 223 <label class="right">Class:</label>
226 224 </v-flex>
227   - <v-flex xs6 class="ml-3">
  225 + <v-flex xs8 sm6 class="ml-3">
228 226 <v-select
229 227 v-model="addSubject.classId"
230 228 label="Select your class"
... ... @@ -238,10 +236,10 @@
238 236 </v-flex>
239 237 </v-layout>
240 238 <v-layout>
241   - <v-flex xs4 class="pt-4 subheading">
  239 + <v-flex xs4 sm4 class="pt-4 subheading">
242 240 <label class="right">Subject:</label>
243 241 </v-flex>
244   - <v-flex xs6 class="ml-3">
  242 + <v-flex xs8 sm6 class="ml-3">
245 243 <v-text-field
246 244 v-model="addSubject.subjectName"
247 245 placeholder="fill your Subject Name"
... ...
src/pages/Teachers/teachers.vue
Diff comments   View file @aa8fc50
... ... @@ -69,10 +69,11 @@
69 69 <v-layout>
70 70 <v-flex xs12 sm6>
71 71 <v-layout>
72   - <v-flex xs4 class="pt-4 subheading">
73   - <label class="right">Full Name:</label>
  72 + <v-flex xs4 sm4 class="pt-4 subheading">
  73 + <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
  74 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
74 75 </v-flex>
75   - <v-flex xs8 class="ml-3">
  76 + <v-flex xs8 sm8 class="ml-3">
76 77 <v-text-field
77 78 v-model="editedItem.name"
78 79 placeholder="fill your full Name"
... ... @@ -85,10 +86,10 @@
85 86 </v-flex>
86 87 <v-flex xs12 sm6>
87 88 <v-layout>
88   - <v-flex xs4 class="pt-4 subheading">
  89 + <v-flex xs4 sm4 class="pt-4 subheading">
89 90 <label class="right">Email ID:</label>
90 91 </v-flex>
91   - <v-flex xs8 class="ml-3">
  92 + <v-flex xs8 sm8 class="ml-3">
92 93 <v-text-field
93 94 placeholder="fill your email"
94 95 v-model="editedItem.email"
... ... @@ -103,10 +104,11 @@
103 104 <v-layout>
104 105 <v-flex xs12 sm6>
105 106 <v-layout>
106   - <v-flex xs4 class="pt-4 subheading">
107   - <label class="right">Date of Birth:</label>
  107 + <v-flex xs4 sm4 class="pt-4 subheading">
  108 + <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
  109 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
108 110 </v-flex>
109   - <v-flex xs8 class="ml-3">
  111 + <v-flex xs8 sm8 class="ml-3">
110 112 <v-menu
111 113 ref="menu"
112 114 :close-on-content-click="false"
... ... @@ -189,7 +191,8 @@
189 191 <v-flex xs12 sm6>
190 192 <v-layout>
191 193 <v-flex xs4 class="pt-4 subheading">
192   - <label class="right">Mobile NO:</label>
  194 + <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
  195 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
193 196 </v-flex>
194 197 <v-flex xs8 class="ml-3">
195 198 <v-text-field
... ... @@ -205,7 +208,8 @@
205 208 <v-flex xs12 sm6>
206 209 <v-layout>
207 210 <v-flex xs4 class="pt-4 subheading">
208   - <label class="right">Select Country:</label>
  211 + <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
  212 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
209 213 </v-flex>
210 214 <v-flex xs8 class="ml-3">
211 215 <v-autocomplete
... ... @@ -255,7 +259,8 @@
255 259 <v-flex xs12 sm6>
256 260 <v-layout>
257 261 <v-flex xs4 class="pt-4 subheading">
258   - <label class="right">Uplaod Image:</label>
  262 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  263 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
259 264 </v-flex>
260 265 <v-flex xs8 class="ml-3">
261 266 <v-text-field
... ... @@ -268,13 +273,13 @@
268 273 </v-layout>
269 274 </v-flex>
270 275 </v-layout>
271   - <v-layout>
  276 + <v-layout class="hidden-xs-only hidden-sm-only">
272 277 <v-flex xs12 sm12>
273 278 <v-layout>
274   - <v-flex xs3 class="pt-4 subheading pl-3" style="max-width: 17%;">
275   - <label class>Present Address:</label>
  279 + <v-flex xs4 sm2 class="pt-4 subheading ml-5">
  280 + <label class="right pr-4">Present Address:</label>
276 281 </v-flex>
277   - <v-flex xs12>
  282 + <v-flex xs8 sm12>
278 283 <v-text-field
279 284 name="input-4-3"
280 285 v-model="editedItem.presentAddress"
... ... @@ -286,10 +291,10 @@
286 291 </v-flex>
287 292 <v-flex xs12 sm12>
288 293 <v-layout>
289   - <v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">
290   - <label>Permanent Address:</label>
  294 + <v-flex xs4 sm2 class="pt-4 subheading ml-5 addressForm">
  295 + <label class>Permanent Address:</label>
291 296 </v-flex>
292   - <v-flex xs12>
  297 + <v-flex xs12 sm12>
293 298 <v-text-field
294 299 name="input-4-3"
295 300 v-model="editedItem.permanentAddress"
... ... @@ -300,13 +305,52 @@
300 305 </v-layout>
301 306 </v-flex>
302 307 </v-layout>
303   - <v-layout>
  308 + <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only">
  309 + <v-flex xs12 sm12>
  310 + <v-layout>
  311 + <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
  312 + <label class>Present Address :</label>
  313 + </v-flex>
  314 + </v-layout>
  315 + <v-layout>
  316 + <v-flex xs12 sm12>
  317 + <v-textarea
  318 + name="input-4-3"
  319 + v-model="editedItem.presentAddress"
  320 + placeholder="fill Your present Address"
  321 + required
  322 + ></v-textarea>
  323 + </v-flex>
  324 + </v-layout>
  325 + </v-flex>
  326 + <v-flex xs12 sm12>
  327 + <v-layout>
  328 + <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
  329 + <label>Permanent addr:</label>
  330 + </v-flex>
  331 + </v-layout>
  332 + <v-layout>
  333 + <v-flex xs12 sm12>
  334 + <v-textarea
  335 + name="input-4-3"
  336 + v-model="editedItem.permanentAddress"
  337 + placeholder="fill Your Permanent Address"
  338 + required
  339 + ></v-textarea>
  340 + </v-flex>
  341 + </v-layout>
  342 + </v-flex>
  343 + </v-layout>
  344 + <v-layout>
304 345 <v-flex xs12 sm12>
305   - <v-card-actions>
306   - <v-btn round dark @click.native="close">Cancel</v-btn>
307   - <v-spacer></v-spacer>
308   - <v-btn round dark :loading="loading" @click="save">Save</v-btn>
309   - </v-card-actions>
  346 + <v-layout>
  347 + <v-flex xs6>
  348 + <v-btn round dark @click.native="close">Cancel</v-btn>
  349 + </v-flex>
  350 + <v-flex xs6>
  351 + <v-btn @click="save" round dark :loading="loading" class="right">Save</v-btn>
  352 + </v-flex>
  353 + </v-layout>
310 354 </v-flex>
311 355 </v-layout>
312 356 </v-container>
... ... @@ -339,7 +383,9 @@
339 383 </v-flex>
340 384 <v-layout>
341 385 <v-flex xs5 sm6>
342   - <h5 class="right my-1"><b>Full Name:</b></h5>
  386 + <h5 class="right my-1">
  387 + <b>Full Name:</b>
  388 + </h5>
343 389 </v-flex>
344 390 <v-flex sm6 xs8>
345 391 <h5 class="my-1">{{ editedItem.name }}</h5>
... ... @@ -347,7 +393,9 @@
347 393 </v-layout>
348 394 <v-layout>
349 395 <v-flex xs5 sm6>
350   - <h5 class="right my-1"><b>Email:</b></h5>
  396 + <h5 class="right my-1">
  397 + <b>Email:</b>
  398 + </h5>
351 399 </v-flex>
352 400 <v-flex sm6 xs8>
353 401 <h5 class="my-1">{{ editedItem.email }}</h5>
... ... @@ -355,7 +403,9 @@
355 403 </v-layout>
356 404 <v-layout>
357 405 <v-flex xs5 sm6>
358   - <h5 class="right my-1"><b>City:</b></h5>
  406 + <h5 class="right my-1">
  407 + <b>City:</b>
  408 + </h5>
359 409 </v-flex>
360 410 <v-flex sm6 xs8>
361 411 <h5 class="my-1">{{ editedItem.city }}</h5>
... ... @@ -363,7 +413,9 @@
363 413 </v-layout>
364 414 <v-layout>
365 415 <v-flex xs5 sm6>
366   - <h5 class="right my-1"><b>State:</b></h5>
  416 + <h5 class="right my-1">
  417 + <b>State:</b>
  418 + </h5>
367 419 </v-flex>
368 420 <v-flex sm6 xs8>
369 421 <h5 class="my-1">{{ editedItem.state }}</h5>
... ... @@ -371,7 +423,9 @@
371 423 </v-layout>
372 424 <v-layout>
373 425 <v-flex xs5 sm6>
374   - <h5 class="right my-1"><b>Country:</b></h5>
  426 + <h5 class="right my-1">
  427 + <b>Country:</b>
  428 + </h5>
375 429 </v-flex>
376 430 <v-flex sm6 xs8>
377 431 <h5 class="my-1">{{ editedItem.country }}</h5>
... ... @@ -379,7 +433,9 @@
379 433 </v-layout>
380 434 <v-layout>
381 435 <v-flex xs5 sm6>
382   - <h5 class="right my-1"><b>Pincode:</b></h5>
  436 + <h5 class="right my-1">
  437 + <b>Pincode:</b>
  438 + </h5>
383 439 </v-flex>
384 440 <v-flex sm6 xs8>
385 441 <h5 class="my-1">{{ editedItem.pincode }}</h5>
... ... @@ -387,7 +443,9 @@
387 443 </v-layout>
388 444 <v-layout>
389 445 <v-flex xs5 sm6>
390   - <h5 class="right my-1"><b>Mobile No:</b></h5>
  446 + <h5 class="right my-1">
  447 + <b>Mobile No:</b>
  448 + </h5>
391 449 </v-flex>
392 450 <v-flex sm6 xs8>
393 451 <h5 class="my-1">{{ editedItem.mobileNo }}</h5>
... ... @@ -395,7 +453,9 @@
395 453 </v-layout>
396 454 <v-layout>
397 455 <v-flex xs5 sm6>
398   - <h5 class="right my-1"><b>Join Date:</b></h5>
  456 + <h5 class="right my-1">
  457 + <b>Join Date:</b>
  458 + </h5>
399 459 </v-flex>
400 460 <v-flex sm6 xs8>
401 461 <h5 class="my-1">{{ dates(editedItem.joinDate) }}</h5>
... ... @@ -403,7 +463,9 @@
403 463 </v-layout>
404 464 <v-layout>
405 465 <v-flex xs5 sm6>
406   - <h5 class="right my-1"><b>Date Of Birth:</b></h5>
  466 + <h5 class="right my-1">
  467 + <b>D.O.B :</b>
  468 + </h5>
407 469 </v-flex>
408 470 <v-flex sm6 xs8>
409 471 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
... ... @@ -411,7 +473,9 @@
411 473 </v-layout>
412 474 <v-layout>
413 475 <v-flex xs6 sm6>
414   - <h5 class="right my-1"><b>Permanent Address:</b></h5>
  476 + <h5 class="right my-1">
  477 + <b>Permanent Address:</b>
  478 + </h5>
415 479 </v-flex>
416 480 <v-flex sm6 xs8>
417 481 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
... ... @@ -419,7 +483,9 @@
419 483 </v-layout>
420 484 <v-layout>
421 485 <v-flex xs6 sm6>
422   - <h5 class="right my-1"><b>present Address:</b></h5>
  486 + <h5 class="right my-1">
  487 + <b>present Address:</b>
  488 + </h5>
423 489 </v-flex>
424 490 <v-flex sm6 xs8>
425 491 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
... ... @@ -449,7 +515,7 @@
449 515 :search="search"
450 516 >
451 517 <template slot="items" slot-scope="props">
452   - <td id="td" class="text-xs-center">{{ props.index + 1}}</td>
  518 + <td id="td" class="text-xs-center">{{ props.index + 1}}</td>
453 519 <td id="td" class="text-xs-center">
454 520 <v-avatar>
455 521 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
... ... @@ -495,7 +561,7 @@
495 561  
496 562 <!-- ****** Add Teachers Data****** -->
497 563 <v-tab-item>
498   - <v-container>
  564 + <v-container fluid>
499 565 <v-snackbar
500 566 :timeout="timeout"
501 567 :top="y === 'top'"
... ... @@ -563,8 +629,9 @@
563 629 <v-layout>
564 630 <v-flex xs12 sm6>
565 631 <v-layout>
566   - <v-flex xs4 class="pt-4 subheading">
567   - <label class="right">Date of Birth:</label>
  632 + <v-flex xs4 sm4 class="pt-4 subheading">
  633 + <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
  634 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
568 635 </v-flex>
569 636 <v-flex xs8 class="ml-3">
570 637 <v-menu
... ... @@ -653,7 +720,8 @@
653 720 <v-flex xs12 sm6>
654 721 <v-layout>
655 722 <v-flex xs4 class="pt-4 subheading">
656   - <label class="right">Mobile NO:</label>
  723 + <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
  724 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
657 725 </v-flex>
658 726 <v-flex xs8 class="ml-3">
659 727 <v-text-field
... ... @@ -670,7 +738,8 @@
670 738 <v-flex xs12 sm6>
671 739 <v-layout>
672 740 <v-flex xs4 class="pt-4 subheading">
673   - <label class="right">Select Country:</label>
  741 + <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
  742 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
674 743 </v-flex>
675 744 <v-flex xs8 class="ml-3">
676 745 <v-autocomplete
... ... @@ -722,7 +791,8 @@
722 791 <v-flex xs12 sm6>
723 792 <v-layout>
724 793 <v-flex xs4 class="pt-4 subheading">
725   - <label class="right">Uplaod Image:</label>
  794 + <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  795 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
726 796 </v-flex>
727 797 <v-flex xs8 class="ml-3">
728 798 <v-text-field
... ... @@ -742,7 +812,7 @@
742 812 </v-layout>
743 813 </v-flex>
744 814 </v-layout>
745   - <v-layout>
  815 + <!-- <v-layout>
746 816 <v-flex xs12 sm12>
747 817 <v-layout>
748 818 <v-flex xs3 class="pt-4 subheading pl-4" style="max-width: 17%;">
... ... @@ -775,14 +845,89 @@
775 845 </v-flex>
776 846 </v-layout>
777 847 </v-flex>
  848 + </v-layout>-->
  849 + <v-layout class="hidden-xs-only hidden-sm-only">
  850 + <v-flex xs12 sm12>
  851 + <v-layout>
  852 + <v-flex xs4 sm2 class="pt-4 subheading ml-5">
  853 + <label class="right pr-4">Present Address:</label>
  854 + </v-flex>
  855 + <v-flex xs8 sm12>
  856 + <v-text-field
  857 + name="input-4-3"
  858 + v-model="addTeachers.presentAddress"
  859 + :rules="presentAddress"
  860 + placeholder="fill Your present Address"
  861 + required
  862 + ></v-text-field>
  863 + </v-flex>
  864 + </v-layout>
  865 + </v-flex>
  866 + <v-flex xs12 sm12>
  867 + <v-layout>
  868 + <v-flex xs4 sm2 class="pt-4 subheading ml-5 addressForm">
  869 + <label class>Permanent Address:</label>
  870 + </v-flex>
  871 + <v-flex xs12 sm12>
  872 + <v-text-field
  873 + name="input-4-3"
  874 + v-model="addTeachers.permanentAddress"
  875 + :rules="permanentAddress"
  876 + placeholder="fill Your Permanent Address"
  877 + required
  878 + ></v-text-field>
  879 + </v-flex>
  880 + </v-layout>
  881 + </v-flex>
778 882 </v-layout>
779   - <v-layout>
  883 + <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only">
  884 + <v-flex xs12 sm12>
  885 + <v-layout>
  886 + <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
  887 + <label class>Present Address :</label>
  888 + </v-flex>
  889 + </v-layout>
  890 + <v-layout>
  891 + <v-flex xs12 sm12>
  892 + <v-textarea
  893 + name="input-4-3"
  894 + v-model="addTeachers.presentAddress"
  895 + :rules="presentAddress"
  896 + placeholder="fill Your present Address"
  897 + required
  898 + ></v-textarea>
  899 + </v-flex>
  900 + </v-layout>
  901 + </v-flex>
  902 + <v-flex xs12 sm12>
  903 + <v-layout>
  904 + <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
  905 + <label>Permanent addr:</label>
  906 + </v-flex>
  907 + </v-layout>
  908 + <v-layout>
  909 + <v-flex xs12 sm12>
  910 + <v-textarea
  911 + name="input-4-3"
  912 + v-model="addTeachers.permanentAddress"
  913 + :rules="permanentAddress"
  914 + placeholder="fill Your Permanent Address"
  915 + required
  916 + ></v-textarea>
  917 + </v-flex>
  918 + </v-layout>
  919 + </v-flex>
  920 + </v-layout>
  921 + <v-layout class="mx-2">
780 922 <v-flex xs12 sm12>
781   - <v-card-actions>
782   - <v-btn @click="clear" round dark>clear</v-btn>
783   - <v-spacer></v-spacer>
784   - <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
785   - </v-card-actions>
  923 + <v-layout>
  924 + <v-flex xs6>
  925 + <v-btn @click="clear" round dark>clear</v-btn>
  926 + </v-flex>
  927 + <v-flex xs6>
  928 + <v-btn @click="submit" round dark :loading="loading" class="right">Add</v-btn>
  929 + </v-flex>
  930 + </v-layout>
786 931 </v-flex>
787 932 </v-layout>
788 933 </v-container>
... ... @@ -1122,7 +1267,7 @@ export default {
1122 1267 role: "TEACHER",
1123 1268 name: "",
1124 1269 email: ""
1125   - },
  1270 + }
1126 1271 }),
1127 1272 watch: {
1128 1273 menu(val) {
... ... @@ -1359,7 +1504,6 @@ export default {
1359 1504 };
1360 1505 </script>
1361 1506 <style scoped>
1362   -
1363 1507 .active {
1364 1508 background-color: gray;
1365 1509 color: white !important;
... ...
src/pages/TimeTable/timeTable.vue
Diff comments   View file @aa8fc50
... ... @@ -83,7 +83,8 @@
83 83 <v-flex xs12 sm12>
84 84 <v-layout>
85 85 <v-flex xs4 class="pt-4 subheading">
86   - <label class="right">Section Name:</label>
  86 + <label class="right hidden-xs-only hidden-sm-only">Section Name:</label>
  87 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
87 88 </v-flex>
88 89 <v-flex xs5 class="ml-3">
89 90 <v-select
... ... @@ -128,7 +129,8 @@
128 129 <v-flex xs12 sm12 class="py-3">
129 130 <v-layout>
130 131 <v-flex xs4 class="pt-4 subheading">
131   - <label class="right">Select Day:</label>
  132 + <label class="right hidden-xs-only hidden-sm-only">Select Day:</label>
  133 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Day:</label>
132 134 </v-flex>
133 135 <v-flex xs12 sm5 class="ml-3">
134 136 <v-select
... ... @@ -493,7 +495,7 @@
493 495 style="cursor: pointer;"
494 496 @click="getTimeTable(props.item), props.expanded = !props.expanded"
495 497 >
496   - <td class="text-xs-center">{{ props.index + 1}}</td>
  498 + <td class="text-xs-center">{{ props.index + 1}}</td>
497 499 <td class="text-xs-center">{{ props.item.classData.classNum}}</td>
498 500 <td class="text-xs-center">{{ props.item.sectionData.name }}</td>
499 501 <td class="text-xs-center">
... ... @@ -621,9 +623,10 @@
621 623 <v-flex xs12>
622 624 <v-layout>
623 625 <v-flex xs4 class="pt-4 subheading">
624   - <label class="right">Select Class:</label>
  626 + <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
  627 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
625 628 </v-flex>
626   - <v-flex xs4 class="ml-3">
  629 + <v-flex xs8 sm4 class="ml-3">
627 630 <v-select
628 631 :items="addclass"
629 632 label="Select Class"
... ... @@ -639,9 +642,10 @@
639 642 <v-flex xs12>
640 643 <v-layout>
641 644 <v-flex xs4 class="pt-4 subheading">
642   - <label class="right">Select Section:</label>
  645 + <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
  646 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
643 647 </v-flex>
644   - <v-flex xs4 class="ml-3">
  648 + <v-flex sm4 xs8 class="ml-3">
645 649 <v-select
646 650 :items="addSection"
647 651 label="Select Section"
... ... @@ -656,9 +660,10 @@
656 660 <v-flex xs12>
657 661 <v-layout>
658 662 <v-flex xs4 class="pt-4 subheading">
659   - <label class="right">Select Teacher:</label>
  663 + <label class="right hidden-xs-only hidden-sm-only">Select Teacher:</label>
  664 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Teacher:</label>
660 665 </v-flex>
661   - <v-flex xs4 class="ml-3">
  666 + <v-flex xs8 sm4 class="ml-3">
662 667 <v-select
663 668 :items="addTeachers"
664 669 label="Select Teacher"
... ... @@ -675,7 +680,7 @@
675 680 <v-flex xs4 class="pt-4 subheading">
676 681 <label class="right">Select Day:</label>
677 682 </v-flex>
678   - <v-flex xs4 class="ml-3">
  683 + <v-flex xs8 sm4 class="ml-3">
679 684 <v-select
680 685 :items="addOneDay"
681 686 label="Select Day"
... ... @@ -690,9 +695,10 @@
690 695 <v-flex xs12>
691 696 <v-layout>
692 697 <v-flex xs4 class="pt-4 subheading">
693   - <label class="right">Subject Name:</label>
  698 + <label class="right hidden-xs-only hidden-sm-only">Subject Name:</label>
  699 + <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Subject:</label>
694 700 </v-flex>
695   - <v-flex xs4 class="ml-3">
  701 + <v-flex xs8 sm4 class="ml-3">
696 702 <v-text-field
697 703 placeholder="fill your Subject Name"
698 704 :rules="subjectNameRules"
... ... @@ -708,7 +714,7 @@
708 714 <v-flex xs4 class="pt-4 subheading">
709 715 <label class="right">Time In:</label>
710 716 </v-flex>
711   - <v-flex xs4 class="ml-3">
  717 + <v-flex xs8 sm4 class="ml-3">
712 718 <v-menu
713 719 ref="menuA"
714 720 :close-on-content-click="false"
... ... @@ -741,7 +747,7 @@
741 747 <v-flex xs4 class="pt-4 subheading">
742 748 <label class="right">Time Out:</label>
743 749 </v-flex>
744   - <v-flex xs4 class="ml-3">
  750 + <v-flex xs8 sm4 class="ml-3">
745 751 <v-menu
746 752 ref="menu"
747 753 :close-on-content-click="false"
... ...
src/pages/User/user.vue
Diff comments   View file @aa8fc50
... ... @@ -104,7 +104,8 @@
104 104 <v-flex xs12 sm6>
105 105 <v-layout>
106 106 <v-flex xs4 class="pt-4 subheading">
107   - <label class="right">Date of Birth:</label>
  107 + <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
  108 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
108 109 </v-flex>
109 110 <v-flex xs8 class="ml-3">
110 111 <v-menu
... ... @@ -222,7 +223,8 @@
222 223 <v-flex xs12 sm6>
223 224 <v-layout>
224 225 <v-flex xs4 class="pt-4 subheading">
225   - <label class="right">Select Role:</label>
  226 + <label class="right hidden-sm-only hidden-xs-only">Select Role:</label>
  227 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">Role:</label>
226 228 </v-flex>
227 229 <v-flex xs8 class="ml-3">
228 230 <v-autocomplete
... ... @@ -241,7 +243,8 @@
241 243 <v-flex xs12 sm6>
242 244 <v-layout>
243 245 <v-flex xs4 class="pt-4 subheading">
244   - <label class="right">Uplaod Image:</label>
  246 + <label class="right hidden-sm-only hidden-xs-only">Uplaod Image:</label>
  247 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">Uplaod:</label>
245 248 </v-flex>
246 249 <v-flex xs8 class="ml-3">
247 250 <v-text-field
... ... @@ -307,7 +310,7 @@
307 310 </v-avatar>
308 311 </v-flex>
309 312 <v-layout>
310   - <v-flex xs5 sm6>
  313 + <v-flex xs4 sm6>
311 314 <h5 class="right my-1">
312 315 <b>Name:</b>
313 316 </h5>
... ... @@ -317,7 +320,7 @@
317 320 </v-flex>
318 321 </v-layout>
319 322 <v-layout>
320   - <v-flex xs5 sm6>
  323 + <v-flex xs4 sm6>
321 324 <h5 class="right my-1">
322 325 <b>Email:</b>
323 326 </h5>
... ... @@ -327,9 +330,9 @@
327 330 </v-flex>
328 331 </v-layout>
329 332 <v-layout>
330   - <v-flex xs5 sm6>
  333 + <v-flex xs4 sm6>
331 334 <h5 class="right my-1">
332   - <b>Gender</b>
  335 + <b>Gender:</b>
333 336 </h5>
334 337 </v-flex>
335 338 <v-flex sm6 xs8>
... ... @@ -337,7 +340,7 @@
337 340 </v-flex>
338 341 </v-layout>
339 342 <v-layout>
340   - <v-flex xs5 sm6>
  343 + <v-flex xs4 sm6>
341 344 <h5 class="right my-1">
342 345 <b>Religion:</b>
343 346 </h5>
... ... @@ -347,7 +350,7 @@
347 350 </v-flex>
348 351 </v-layout>
349 352 <v-layout>
350   - <v-flex xs5 sm6>
  353 + <v-flex xs4 sm6>
351 354 <h5 class="right my-1">
352 355 <b>Role:</b>
353 356 </h5>
... ... @@ -357,7 +360,7 @@
357 360 </v-flex>
358 361 </v-layout>
359 362 <v-layout>
360   - <v-flex xs5 sm6>
  363 + <v-flex xs4 sm6>
361 364 <h5 class="right my-1">
362 365 <b>Phone:</b>
363 366 </h5>
... ... @@ -367,7 +370,7 @@
367 370 </v-flex>
368 371 </v-layout>
369 372 <v-layout>
370   - <v-flex xs5 sm6>
  373 + <v-flex xs4 sm6>
371 374 <h5 class="right my-1">
372 375 <b>Joining Date:</b>
373 376 </h5>
... ... @@ -377,9 +380,14 @@
377 380 </v-flex>
378 381 </v-layout>
379 382 <v-layout>
380   - <v-flex xs5 sm6>
  383 + <v-flex xs4 sm6>
381 384 <h5 class="right my-1">
382   - <b>Date Of Birth:</b>
  385 + <label class="right hidden-sm-only hidden-xs-only">
  386 + <b>Date of Birth:</b>
  387 + </label>
  388 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">
  389 + <b>D.O.B:</b>
  390 + </label>
383 391 </h5>
384 392 </v-flex>
385 393 <v-flex sm6 xs8>
... ... @@ -387,7 +395,7 @@
387 395 </v-flex>
388 396 </v-layout>
389 397 <v-layout>
390   - <v-flex xs6 sm6>
  398 + <v-flex xs4 sm6>
391 399 <h5 class="right my-1">
392 400 <b>Address:</b>
393 401 </h5>
... ... @@ -535,7 +543,8 @@
535 543 <v-flex xs12 sm6>
536 544 <v-layout>
537 545 <v-flex xs4 class="pt-4 subheading">
538   - <label class="right">Date of Birth:</label>
  546 + <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
  547 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
539 548 </v-flex>
540 549 <v-flex xs8 class="ml-3">
541 550 <v-menu
... ... @@ -657,7 +666,8 @@
657 666 <v-flex xs12 sm6>
658 667 <v-layout>
659 668 <v-flex xs4 class="pt-4 subheading">
660   - <label class="right">Select Role:</label>
  669 + <label class="right hidden-sm-only hidden-xs-only">Select Role:</label>
  670 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">Role:</label>
661 671 </v-flex>
662 672 <v-flex xs8 class="ml-3">
663 673 <v-autocomplete
... ... @@ -710,7 +720,8 @@
710 720 <v-flex xs12 sm6>
711 721 <v-layout>
712 722 <v-flex xs4 class="pt-4 subheading">
713   - <label class="right">Uplaod Image:</label>
  723 + <label class="right hidden-sm-only hidden-xs-only">Uplaod Image:</label>
  724 + <label class="right hidden-lg-only hidden-xl-only hidden-md-only">Image:</label>
714 725 </v-flex>
715 726 <v-flex xs8 class="ml-3">
716 727 <v-text-field
... ... @@ -748,11 +759,14 @@
748 759 </v-layout>
749 760 <v-layout>
750 761 <v-flex xs12 sm12>
751   - <v-card-actions>
752   - <v-btn @click="clear" round dark>clear</v-btn>
753   - <v-spacer></v-spacer>
754   - <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
755   - </v-card-actions>
  762 + <v-layout>
  763 + <v-flex xs6>
  764 + <v-btn @click="clear" round class="ml-3" dark>clear</v-btn>
  765 + </v-flex>
  766 + <v-flex xs6>
  767 + <v-btn @click="submit" round dark :loading="loading" class="right">Add</v-btn>
  768 + </v-flex>
  769 + </v-layout>
756 770 </v-flex>
757 771 </v-layout>
758 772 </v-container>
... ...
src/pages/socialMedia/socialMedia.vue
Diff comments   View file @aa8fc50
... ... @@ -68,7 +68,7 @@
68 68 <v-flex xs4 class="pt-4 subheading">
69 69 <label class="right">Title:</label>
70 70 </v-flex>
71   - <v-flex xs5 class="ml-3">
  71 + <v-flex xs8 sm5 class="ml-3">
72 72 <v-select
73 73 v-model="editedItem.type"
74 74 placeholder="fill your Title"
... ... @@ -86,7 +86,7 @@
86 86 <v-flex xs4 class="pt-4 subheading">
87 87 <label class="right">Description:</label>
88 88 </v-flex>
89   - <v-flex xs5 class="ml-3">
  89 + <v-flex xs8 sm5 class="ml-3">
90 90 <v-text-field
91 91 placeholder="fill your Description"
92 92 v-model="editedItem.linkUrl"
... ... @@ -135,7 +135,9 @@
135 135 <br />
136 136 <v-layout>
137 137 <v-flex xs5 sm6>
138   - <h5 class="right my-1"><b>Title:</b></h5>
  138 + <h5 class="right my-1">
  139 + <b>Title:</b>
  140 + </h5>
139 141 </v-flex>
140 142 <v-flex sm6 xs8>
141 143 <h5 class="my-1">{{ editedItem.type }}</h5>
... ... @@ -143,7 +145,9 @@
143 145 </v-layout>
144 146 <v-layout>
145 147 <v-flex xs5 sm6>
146   - <h5 class="right my-1"><b>Description:</b></h5>
  148 + <h5 class="right my-1">
  149 + <b>Description:</b>
  150 + </h5>
147 151 </v-flex>
148 152 <v-flex sm6 xs8>
149 153 <h5 class="my-1">{{ editedItem.linkUrl }}</h5>
... ... @@ -173,7 +177,7 @@
173 177 :search="search"
174 178 >
175 179 <template slot="items" slot-scope="props">
176   - <td id="tabeleData" class="text-xs-center">{{ props.index + 1}}</td>
  180 + <td id="tabeleData" class="text-xs-center">{{ props.index + 1}}</td>
177 181 <td id="tabeleData" class="text-xs-center">{{ props.item.type}}</td>
178 182 <td id="tabeleData" class="text-xs-center">{{ props.item.linkUrl}}</td>
179 183  
... ... @@ -253,7 +257,7 @@
253 257 <v-flex xs4 class="pt-4 subheading">
254 258 <label class="right">Type:</label>
255 259 </v-flex>
256   - <v-flex xs4 class="ml-3">
  260 + <v-flex xs8 sm4 class="ml-3">
257 261 <v-select
258 262 v-model="socialMedia.type"
259 263 :items="socialLink"
... ... @@ -272,7 +276,7 @@
272 276 <v-flex xs4 class="pt-4 subheading">
273 277 <label class="right">Link Url:</label>
274 278 </v-flex>
275   - <v-flex xs4 class="ml-3">
  279 + <v-flex xs8 sm4 class="ml-3">
276 280 <v-text-field
277 281 placeholder="fill your link url"
278 282 :rules="linkUrlnRules"
... ...
static/css/custom.css
Diff comments   View file @aa8fc50
... ... @@ -161,6 +161,14 @@ h4 {
161 161 font-size: 22px !important;
162 162 }
163 163  
  164 +.mr5 {
  165 + margin-right: 48px !important;
  166 +}
  167 +
  168 +.addressForm {
  169 + max-width: 17%;
  170 +}
  171 +
164 172 @media screen and (max-width: 769px) {
165 173 .top {
166 174 margin-top: 0 !important;
... ... @@ -217,6 +225,17 @@ h4 {
217 225 .name {
218 226 font-size: 15px !important;
219 227 }
  228 + .mr5 {
  229 + margin-right: 14px !important;
  230 + }
  231 + .addressForm {
  232 + max-width: 0;
  233 + }
  234 + .tableRsponsive {
  235 + display: block;
  236 + position: relative;
  237 + overflow: scroll;
  238 + }
220 239 }
221 240  
222 241 @media screen and (max-width: 600px) {
... ... @@ -224,7 +243,8 @@ h4 {
224 243 /* position: absolute; */
225 244 top: 13px;
226 245 left: 10px;
227   - height: 34px;
228   - width: 120px;
  246 + height: 33px;
  247 + width: 33px;
  248 + margin-top: 5px;
229 249 }
230 250 }
231 251 \ No newline at end of file
... ...