viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit f4df757febdfc59938086b4739686a59b1eb6a83

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

responsive vie in mobile and solve buga

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