viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 4413a8d9358a612b9bd5067b6eb15d3ec6dbc5cb

Authored by Jatinder Singh
1 parent ee83012b31
Exists in master and in 3 other branches amber-development, development, ui-design

changes

Showing 11 changed files with 417 additions and 77 deletions   Show diff stats
... ... @@ -10,6 +10,7 @@
10 10 <meta name="description" content="Vue Material Admin Template is a
11 11 Google Material Design inspired admin dashboard template built with Vue andVuetify.">
12 12 <meta name="keywords" content="admin, dashboard, webapp, template, responsive, material, bootstrap, crm, uikit, framework, backend, app, widgets, premium, file manamger, mail, vue, vuetify, echarts">
  13 + <link href="./static/css/custom.css" rel="stylesheet" />
13 14 </head>
14 15 <body>
15 16  
... ...
src/components/AppFab.vue
Diff comments   View file @4413a8d
1 1 <template>
2 2 <v-fab-transition>
3   - <v-btn fab="fab" small dark="dark" fixed="fixed" bottom="bottom" right="right" color="red" v-scroll="onScroll" v-show="fab" @click="toTop">
  3 + <v-btn fab="fab" small dark="dark" fixed="fixed" bottom="bottom" right="right" color="green" v-scroll="onScroll" v-show="fab" @click="toTop">
4 4 <v-icon>keyboard_arrow_up</v-icon>
5 5 </v-btn>
6 6 </v-fab-transition>
... ...
src/components/AppToolbar.vue
Diff comments   View file @4413a8d
... ... @@ -8,7 +8,7 @@
8 8 <!-- <v-toolbar-title class="ml-0 pl-3">
9 9 <v-toolbar-side-icon @click.stop="handleDrawerToggle"></v-toolbar-side-icon>
10 10 </v-toolbar-title> -->
11   - <v-text-field
  11 + <!-- <v-text-field
12 12 flat
13 13 prepend-icon="search"
14 14 label="Find your user"
... ... @@ -16,7 +16,7 @@
16 16 color="black"
17 17 :search="search"
18 18 >
19   - </v-text-field>
  19 + </v-text-field> -->
20 20 <v-spacer></v-spacer>
21 21  
22 22 <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
... ...
src/pages/Dashboard.vue
Diff comments   View file @4413a8d
... ... @@ -141,7 +141,6 @@
141 141 </v-card-text>
142 142 </div>
143 143 </v-card>
144   -
145 144 </v-dialog>
146 145  
147 146 <v-data-table
... ... @@ -154,18 +153,23 @@
154 153 <td id="td">{{ props.item.Email }}</td>
155 154  
156 155  
157   - <td>
  156 + <td class="text-xs-center">
158 157  
159 158 <span>
160   - <img style="cursor:pointer; height:20px; " class="mr-2" @click="report(props.item)" src="/static/icon/List1.png"/>
161   - <img style="cursor:pointer; width:25px; height:18px; " class="mr-2" @click="profile(props.item)" src="/static/icon/eye1.png"/>
162   - <img style="cursor:pointer; width:20px; height:18px; " class="mr-2" @click="editItem(props.item)" src="/static/icon/edit1.png"/>
  159 + <img style="cursor:pointer; height:20px; " class="mr-5" @click="report(props.item)" src="/static/icon/List1.png"/>
  160 + <img style="cursor:pointer; width:25px; height:18px; " class="mr-5" @click="profile(props.item)" src="/static/icon/eye1.png"/>
  161 + <img style="cursor:pointer; width:20px; height:18px; " class="mr-5" @click="editItem(props.item)" src="/static/icon/edit1.png"/>
163 162 <img style="cursor:pointer; height:20px; " class="mr-2" @click="deleteItem(props.item)" src="/static/icon/delete1.png"/>
164 163 </span>
165 164 </td>
166 165  
167 166 </template>
  167 +
168 168 </v-data-table>
  169 + <!-- <v-flex>
  170 + <div class="text-xs-center pt-3">
  171 + <v-pagination v-model="pagination.page" :length="pages"></v-pagination>
  172 + </div></v-flex> -->
169 173 </v-tab-item>
170 174 <v-tab-item>
171 175 <v-flex xs12 sm6 offset-sm3>
... ... @@ -181,31 +185,56 @@
181 185 <img src="/static/icon/user.png"/> </v-avatar>
182 186 </v-flex>
183 187 <v-form ref="form" v-model="valid" lazy-validation>
  188 + <v-layout>
  189 + <v-flex xs4 class="pt-4 subheading">
  190 + <label>First Name </label>
  191 + </v-flex>
  192 + <v-flex xs8>
  193 + <v-text-field
  194 + v-model="Name"
  195 + :rules="nameRules"
  196 + required
  197 + ></v-text-field>
  198 + </v-flex>
  199 + </v-layout>
  200 + <v-layout>
  201 + <v-flex xs4 class="pt-4 subheading">
  202 + <label>Last Name: </label>
  203 + </v-flex>
  204 + <v-flex xs8>
184 205 <v-text-field
185   - v-model="Name"
186   - :rules="nameRules"
187   - label="First Name"
188   - required
189   - ></v-text-field>
190   - <v-text-field
191   - :rules="nameRules"
  206 + :rules="lnameRules"
192 207 v-model="LName"
193   - label="Last name"
194 208 required
195 209 ></v-text-field>
  210 + </v-flex>
  211 + </v-layout>
  212 + <v-layout>
  213 + <v-flex xs4 class="pt-4 subheading">
  214 + <label>Email: </label>
  215 + </v-flex>
  216 + <v-flex xs8>
196 217 <v-text-field
197   - v-model="email"
198 218 :rules="emailRules"
199   - label="E-mail"
  219 + v-model="email"
200 220 required
201   - ></v-text-field>
  221 + ></v-text-field>
  222 + </v-flex>
  223 + </v-layout>
  224 +
  225 + <v-layout>
  226 + <v-flex xs4 class="pt-4 subheading">
  227 + <label>Date of Birth: </label>
  228 + </v-flex>
  229 + <v-flex xs8>
202 230 <v-text-field
203 231 :rules="[rules.required, rules.min]"
204   - label="Date of Birth"
205 232 v-model="DOB"
206   - required >
207   - </v-text-field>
208   -<v-card-actions>
  233 + required
  234 + ></v-text-field>
  235 + </v-flex>
  236 + </v-layout>
  237 + <v-card-actions>
209 238 <v-btn @click="clear" round dark>clear</v-btn>
210 239 <v-spacer></v-spacer>
211 240 <v-btn @click="submit" round dark> Add </v-btn>
... ... @@ -232,7 +261,6 @@ export default {
232 261 LName: '',
233 262 Email: '',
234 263 DOB: '',
235   - clear: '',
236 264 search: '',
237 265 dialog: false,
238 266 dialog1: false,
... ... @@ -240,6 +268,9 @@ export default {
240 268 valid: true,
241 269 isActive: true,
242 270 newActive: false,
  271 + // pagination: {
  272 + // rowsPerPage: 5
  273 + // },
243 274 rules: {
244 275 required: value => !!value || 'This field is Required.',
245 276 min: v =>
... ... @@ -249,12 +280,13 @@ export default {
249 280 v.length > 0) ||
250 281 'Please enter a date in the format dd/mm/yyyy'
251 282 },
252   - nameRules: [v => !!v || 'Name is required'],
  283 + nameRules: [v => !!v || ' First Name is required'],
253 284 email: '',
254 285 emailRules: [
255 286 v => !!v || 'E-mail is required',
256 287 v => /.+@.+/.test(v) || 'E-mail must be valid'
257 288 ],
  289 + lnameRules: [v => !!v || ' Last Name is required'],
258 290 headers: [
259 291 {
260 292 text: 'No',
... ... @@ -280,7 +312,287 @@ export default {
280 312 LName: 'kumar',
281 313 Email: 'aasi@gmail.com',
282 314 DOB: '16/09/1997'
283   - }
  315 + },
  316 + {
  317 + No: 1,
  318 + Name: 'Amit',
  319 + LName: 'goyal',
  320 + Email: 'jsi@gmail.com',
  321 + DOB: '22/09/1996'
  322 + },
  323 + {
  324 + No: 2,
  325 + Name: 'Sumit',
  326 + LName: 'kumar',
  327 + Email: 'aasi@gmail.com',
  328 + DOB: '16/09/1997'
  329 + },
  330 + {
  331 + No: 1,
  332 + Name: 'Amit',
  333 + LName: 'goyal',
  334 + Email: 'jsi@gmail.com',
  335 + DOB: '22/09/1996'
  336 + },
  337 + {
  338 + No: 2,
  339 + Name: 'Sumit',
  340 + LName: 'kumar',
  341 + Email: 'aasi@gmail.com',
  342 + DOB: '16/09/1997'
  343 + },
  344 + {
  345 + No: 1,
  346 + Name: 'Amit',
  347 + LName: 'goyal',
  348 + Email: 'jsi@gmail.com',
  349 + DOB: '22/09/1996'
  350 + },
  351 + {
  352 + No: 2,
  353 + Name: 'Sumit',
  354 + LName: 'kumar',
  355 + Email: 'aasi@gmail.com',
  356 + DOB: '16/09/1997'
  357 + },
  358 + {
  359 + No: 1,
  360 + Name: 'Amit',
  361 + LName: 'goyal',
  362 + Email: 'jsi@gmail.com',
  363 + DOB: '22/09/1996'
  364 + },
  365 + {
  366 + No: 2,
  367 + Name: 'Sumit',
  368 + LName: 'kumar',
  369 + Email: 'aasi@gmail.com',
  370 + DOB: '16/09/1997'
  371 + },
  372 + {
  373 + No: 1,
  374 + Name: 'Amit',
  375 + LName: 'goyal',
  376 + Email: 'jsi@gmail.com',
  377 + DOB: '22/09/1996'
  378 + },
  379 + {
  380 + No: 2,
  381 + Name: 'Sumit',
  382 + LName: 'kumar',
  383 + Email: 'aasi@gmail.com',
  384 + DOB: '16/09/1997'
  385 + },
  386 + {
  387 + No: 1,
  388 + Name: 'Amit',
  389 + LName: 'goyal',
  390 + Email: 'jsi@gmail.com',
  391 + DOB: '22/09/1996'
  392 + },
  393 + {
  394 + No: 2,
  395 + Name: 'Sumit',
  396 + LName: 'kumar',
  397 + Email: 'aasi@gmail.com',
  398 + DOB: '16/09/1997'
  399 + },
  400 + {
  401 + No: 1,
  402 + Name: 'Amit',
  403 + LName: 'goyal',
  404 + Email: 'jsi@gmail.com',
  405 + DOB: '22/09/1996'
  406 + },
  407 + {
  408 + No: 2,
  409 + Name: 'Sumit',
  410 + LName: 'kumar',
  411 + Email: 'aasi@gmail.com',
  412 + DOB: '16/09/1997'
  413 + },
  414 + {
  415 + No: 1,
  416 + Name: 'Amit',
  417 + LName: 'goyal',
  418 + Email: 'jsi@gmail.com',
  419 + DOB: '22/09/1996'
  420 + },
  421 + {
  422 + No: 2,
  423 + Name: 'Sumit',
  424 + LName: 'kumar',
  425 + Email: 'aasi@gmail.com',
  426 + DOB: '16/09/1997'
  427 + },
  428 + {
  429 + No: 1,
  430 + Name: 'Amit',
  431 + LName: 'goyal',
  432 + Email: 'jsi@gmail.com',
  433 + DOB: '22/09/1996'
  434 + },
  435 + {
  436 + No: 2,
  437 + Name: 'Sumit',
  438 + LName: 'kumar',
  439 + Email: 'aasi@gmail.com',
  440 + DOB: '16/09/1997'
  441 + },
  442 + {
  443 + No: 1,
  444 + Name: 'Amit',
  445 + LName: 'goyal',
  446 + Email: 'jsi@gmail.com',
  447 + DOB: '22/09/1996'
  448 + },
  449 + {
  450 + No: 2,
  451 + Name: 'Sumit',
  452 + LName: 'kumar',
  453 + Email: 'aasi@gmail.com',
  454 + DOB: '16/09/1997'
  455 + },
  456 + {
  457 + No: 1,
  458 + Name: 'Amit',
  459 + LName: 'goyal',
  460 + Email: 'jsi@gmail.com',
  461 + DOB: '22/09/1996'
  462 + },
  463 + {
  464 + No: 2,
  465 + Name: 'Sumit',
  466 + LName: 'kumar',
  467 + Email: 'aasi@gmail.com',
  468 + DOB: '16/09/1997'
  469 + },
  470 + {
  471 + No: 1,
  472 + Name: 'Amit',
  473 + LName: 'goyal',
  474 + Email: 'jsi@gmail.com',
  475 + DOB: '22/09/1996'
  476 + },
  477 + {
  478 + No: 2,
  479 + Name: 'Sumit',
  480 + LName: 'kumar',
  481 + Email: 'aasi@gmail.com',
  482 + DOB: '16/09/1997'
  483 + },
  484 + {
  485 + No: 1,
  486 + Name: 'Amit',
  487 + LName: 'goyal',
  488 + Email: 'jsi@gmail.com',
  489 + DOB: '22/09/1996'
  490 + },
  491 + {
  492 + No: 2,
  493 + Name: 'Sumit',
  494 + LName: 'kumar',
  495 + Email: 'aasi@gmail.com',
  496 + DOB: '16/09/1997'
  497 + },
  498 + {
  499 + No: 1,
  500 + Name: 'Amit',
  501 + LName: 'goyal',
  502 + Email: 'jsi@gmail.com',
  503 + DOB: '22/09/1996'
  504 + },
  505 + {
  506 + No: 2,
  507 + Name: 'Sumit',
  508 + LName: 'kumar',
  509 + Email: 'aasi@gmail.com',
  510 + DOB: '16/09/1997'
  511 + },
  512 + {
  513 + No: 1,
  514 + Name: 'Amit',
  515 + LName: 'goyal',
  516 + Email: 'jsi@gmail.com',
  517 + DOB: '22/09/1996'
  518 + },
  519 + {
  520 + No: 2,
  521 + Name: 'Sumit',
  522 + LName: 'kumar',
  523 + Email: 'aasi@gmail.com',
  524 + DOB: '16/09/1997'
  525 + },
  526 + {
  527 + No: 1,
  528 + Name: 'Amit',
  529 + LName: 'goyal',
  530 + Email: 'jsi@gmail.com',
  531 + DOB: '22/09/1996'
  532 + },
  533 + {
  534 + No: 2,
  535 + Name: 'Sumit',
  536 + LName: 'kumar',
  537 + Email: 'aasi@gmail.com',
  538 + DOB: '16/09/1997'
  539 + },
  540 + {
  541 + No: 1,
  542 + Name: 'Amit',
  543 + LName: 'goyal',
  544 + Email: 'jsi@gmail.com',
  545 + DOB: '22/09/1996'
  546 + },
  547 + {
  548 + No: 2,
  549 + Name: 'Sumit',
  550 + LName: 'kumar',
  551 + Email: 'aasi@gmail.com',
  552 + DOB: '16/09/1997'
  553 + },
  554 + {
  555 + No: 1,
  556 + Name: 'Amit',
  557 + LName: 'goyal',
  558 + Email: 'jsi@gmail.com',
  559 + DOB: '22/09/1996'
  560 + },
  561 + {
  562 + No: 2,
  563 + Name: 'Sumit',
  564 + LName: 'kumar',
  565 + Email: 'aasi@gmail.com',
  566 + DOB: '16/09/1997'
  567 + },
  568 + {
  569 + No: 1,
  570 + Name: 'Amit',
  571 + LName: 'goyal',
  572 + Email: 'jsi@gmail.com',
  573 + DOB: '22/09/1996'
  574 + },
  575 + {
  576 + No: 2,
  577 + Name: 'Sumit',
  578 + LName: 'kumar',
  579 + Email: 'aasi@gmail.com',
  580 + DOB: '16/09/1997'
  581 + },
  582 + {
  583 + No: 1,
  584 + Name: 'Amit',
  585 + LName: 'goyal',
  586 + Email: 'jsi@gmail.com',
  587 + DOB: '22/09/1996'
  588 + },
  589 + {
  590 + No: 2,
  591 + Name: 'Sumit',
  592 + LName: 'kumar',
  593 + Email: 'aasi@gmail.com',
  594 + DOB: '16/09/1997'
  595 + },
284 596 ],
285 597 editedIndex: -1,
286 598 editedItem: {
... ... @@ -296,6 +608,14 @@ export default {
296 608 Email: ''
297 609 }
298 610 }),
  611 + // computed: {
  612 + // pages () {
  613 + // if (this.pagination.rowsPerPage == null ||
  614 + // this.pagination.totalItems == null
  615 + // ) return 0;
  616 + // return Math.ceil(this.pagination.totalItems / this.pagination.rowsPerPage);
  617 + // }
  618 + // },
299 619 methods: {
300 620 editItem (item) {
301 621 this.editedIndex = this.desserts.indexOf(item);
... ... @@ -357,15 +677,15 @@ export default {
357 677 }
358 678 },
359 679 mail () {
360   - this.editedIndex = this.desserts.indexOf();
  680 + // this.editedIndex = this.desserts.indexOf();
361 681 },
362 682 download () {
363   - this.editedIndex = this.desserts.indexOf();
  683 + // this.editedIndex = this.desserts.indexOf();
  684 +
364 685 },
365 686 clear () {
366 687 this.$refs.form.reset();
367 688 },
368   -
369 689 save () {
370 690 if (this.editedIndex > -1) {
371 691 Object.assign(this.desserts[this.editedIndex], this.editedItem);
... ... @@ -374,7 +694,7 @@ export default {
374 694 }
375 695 this.close();
376 696 }
377   - }
  697 + },
378 698 };
379 699 </script>
380 700 <style scoped>
... ...
src/pages/Login.vue
Diff comments   View file @4413a8d
... ... @@ -20,7 +20,7 @@
20 20 <v-card class="elevation-1 pa-1">
21 21 <v-card-text>
22 22 <v-flex xs12 sm8 md8 lg8 offset-xs2>
23   - <v-form>
  23 + <v-form ref="form" v-model="valid" lazy-validation>
24 24 <v-text-field
25 25 v-model="username"
26 26 :rules="nameRules"
... ... @@ -44,7 +44,7 @@
44 44 <v-flex xs12 sm8 md8 lg8 offset-xs2>
45 45 <v-checkbox :label="`Remember me`"
46 46 v-model="remember"></v-checkbox>
47   - <h5 id="fp" > <router-link to="/forgetpassword">Forget Password</router-link></h5>
  47 + <h5 id="fp"> <router-link to="/forgetpassword">Forget Password</router-link></h5>
48 48 </v-flex>
49 49  
50 50 <v-flex class="mt-3 text-md-center">
... ... @@ -94,7 +94,7 @@ export default {
94 94 setTimeout(() => {
95 95 this.$router.push('/dashboard');
96 96 }, 1000);
97   - },
  97 + }
98 98 // created () {
99 99 // axios.get(`http://jsonplaceholder.typicode.com/posts`)
100 100 // .then(response => {
... ... @@ -132,6 +132,11 @@ left:50px;
132 132 position: absolute;
133 133 top: 193px;
134 134 right: 128px;
  135 + color: black;
135 136 }
  137 +a{
  138 +color: #696969;
  139 +}
  140 +
136 141  
137 142 </style>
138 143 \ No newline at end of file
... ...
src/pages/Provider.vue
Diff comments   View file @4413a8d
... ... @@ -10,6 +10,7 @@
10 10 prepend-icon="search"
11 11 v-model="search"
12 12 label="Find Yours Users"
  13 + color="black"
13 14 ></v-text-field></v-flex>
14 15 </v-card-title>
15 16  
... ... @@ -127,7 +128,7 @@
127 128 <td id="td">{{ props.item.No }}</td>
128 129 <td id="td">{{ props.item.Name+' '+props.item.LName }}</td>
129 130 <td id="td">{{ props.item.Email }}</td>
130   - <td id="td"><v-flex xs6 sm5 >
  131 + <td id="td"><v-flex xs6 sm6 >
131 132 <v-select
132 133 :items="status"
133 134 v-model="props.item.e1"
... ... @@ -137,10 +138,10 @@
137 138 single-line
138 139 ></v-select>
139 140 </v-flex></td>
140   - <td>
  141 + <td class="text-xs-center">
141 142 <span>
142   - <img style="cursor:pointer; width:25px; height:18px; " class="mr-2" @click="profile(props.item)" src="/static/icon/eye1.png"/>
143   - <img style="cursor:pointer; width:20px; height:18px; " class="mr-2" @click="editItem(props.item)" src="/static/icon/edit1.png"/>
  143 + <img style="cursor:pointer; width:25px; height:18px; " class="mr-5" @click="profile(props.item)" src="/static/icon/eye1.png"/>
  144 + <img style="cursor:pointer; width:20px; height:18px; " class="mr-5" @click="editItem(props.item)" src="/static/icon/edit1.png"/>
144 145 <img style="cursor:pointer; height:20px; " class="mr-2" @click="deleteItem(props.item)" src="/static/icon/delete1.png"/>
145 146 </span>
146 147 </td>
... ... @@ -222,6 +223,7 @@ export default {
222 223 Email: 'aasi@gmail.com',
223 224 DOB: '16/09/1997'
224 225 }
  226 +
225 227 ];
226 228 },
227 229  
... ...
src/pages/changepassword.vue
Diff comments   View file @4413a8d
... ... @@ -21,8 +21,7 @@
21 21 <v-form class="mt-3" >
22 22 <v-text-field
23 23 :rules="[rules.required, rules.min]"
24   - :append-icon="e1 ? 'visibility_off' : 'visibility'"
25   - :append-icon-cb="() => (e1 = !e1)"
  24 +
26 25 :type="e1 ? 'password' : 'text'"
27 26 v-model="password"
28 27 label="Current Password">
... ... @@ -30,15 +29,13 @@
30 29 <v-text-field
31 30 v-model="npassword"
32 31 :rules="[rules.required, rules.min]"
33   - :append-icon="e2 ? 'visibility_off' : 'visibility'"
34   - :append-icon-cb="() => (e2 = !e2)"
  32 +
35 33 :type="e2 ? 'password' : 'text'"
36 34 label="New Password"
37 35 ></v-text-field>
38 36 <v-text-field
39 37 v-model="cnpassword"
40   - :append-icon="e3 ? 'visibility_off' : 'visibility'"
41   - :append-icon-cb="() => (e3 = !e3)"
  38 +
42 39 :type="e3 ? 'password' : 'text'"
43 40 label="Confirm Password"
44 41 ></v-text-field>
... ...
src/pages/forgetpassword.vue
Diff comments   View file @4413a8d
... ... @@ -22,9 +22,17 @@
22 22 <h5 class="text-md-center"> Not to Worry! Enter to your registered Email ID. </h5>
23 23 <h5 class="text-md-center"> We'll send you a reset.</h5>
24 24 <v-flex xs12 sm8 md6 lg6 offset-xs3>
25   - <v-form class="mt-5">
26   -
27   - <v-text-field append-icon="person" v-validate="'required|email'" v-model="email" :error-messages="errors.collect('email')" label="E-mail" data-vv-name="email" required ></v-text-field>
  25 + <v-form class="mt-4">
  26 + <div class="custom-input-align">
  27 + <v-text-field
  28 + class="text-md-center"
  29 + v-validate="'required|email'"
  30 + v-model="email"
  31 + :error-messages="errors.collect('email')"
  32 + label="Enter Your email ID"
  33 + data-vv-name="email"
  34 + required ></v-text-field>
  35 + </div>
28 36  
29 37 </v-form></v-flex>
30 38 </v-card-text>
... ... @@ -33,8 +41,8 @@
33 41  
34 42  
35 43 <v-flex text-sm-center>
36   - <h5> You will recieve an email to continue</h5>
37   - <v-btn class="mt-3" round color="black" dark large @click="login">Send Request</v-btn></v-flex>
  44 + <!-- <h5> You will recieve an email to continue</h5> -->
  45 + <v-btn round class="mt-1" color="black" dark large @click="login">Send Request</v-btn></v-flex>
38 46 </v-card-actions>
39 47 <v-snackbar
40 48 :timeout="timeout"
... ...
src/pages/notification.vue
Diff comments   View file @4413a8d
... ... @@ -5,16 +5,17 @@
5 5 <h4 class="text-lg-left"><b>Push Notification</b></h4>
6 6 <v-spacer></v-spacer>
7 7 <v-flex xs6 sm4>
8   - <v-text-field justify-right
  8 + <v-text-field justify-right
9 9 prepend-icon="search"
10 10 v-model="search"
11 11 label="Find your users"
12 12 single-line
13 13 hide-details
14   - >
  14 + color="black"
  15 + >
15 16 </v-text-field>
16   - </v-flex>
17   - </v-toolbar>
  17 + </v-flex>
  18 + </v-toolbar>
18 19 <v-card>
19 20 <v-card-text>
20 21 <v-flex xs12>
... ... @@ -30,6 +31,7 @@
30 31 <v-btn dark large class="text-lg-right" >send</v-btn>
31 32 </div></v-flex>
32 33 <v-container grid-list-xl>
  34 + <v-card>
33 35 <v-data-table
34 36 :headers="headers"
35 37 :items="desserts"
... ... @@ -40,20 +42,18 @@
40 42 class="text-xs-left"
41 43 >
42 44 <template slot="items" slot-scope="props">
43   - <td>
  45 + <th>
44 46 <v-checkbox
45 47 v-model="props.selected"
46 48 primary
47 49 hide-details
  50 + @click.native="toggleAll"
48 51 ></v-checkbox>
49   - </td>
  52 + </th>
50 53 <td>{{ props.item.Name }}</td>
51   - <!-- <td></td>
52   - <td></td>
53   - <td></td>
54   - <td></td> -->
55 54 </template>
56 55 </v-data-table>
  56 + </v-card>
57 57 </v-container>
58 58 </v-card>
59 59 </v-app>
... ... @@ -69,22 +69,31 @@ export default {
69 69 text: 'User List',
70 70 align: 'left',
71 71 sortable: false,
72   - value: 'Name'
  72 +
73 73 },
74   - // { text: '', value: '', sortable: false },
75   - // { text: '', value: '', sortable: false },
76   - // { text: '', value: '', sortable: false },
77   - // { text: '', value: '', sortable: false },
78   - // { text: '', value: '', sortable: false },
79   - // { text: '', value: '', sortable: false }
80 74 ],
81 75 desserts: [
82 76 {
83   - value: true,
84 77 Name: 'ajay',
85   - }
  78 + },
  79 + {
  80 + Name: 'amrit',
  81 + },
  82 + {
  83 + Name: 'ajay',
  84 + },
  85 + {
  86 + Name: 'ajay',
  87 + },
86 88 ]
87 89 };
  90 + },
  91 + methods: {
  92 + toggleAll () {
  93 + if (this.selected.length) this.selected = [];
  94 + else this.selected = this.desserts.slice();
  95 +
  96 + }
88 97 }
89 98 };
90 99 </script>
... ...
src/pages/questions.vue
Diff comments   View file @4413a8d
... ... @@ -85,10 +85,6 @@
85 85 Diagnosis 1,Diagnosis 2,Diagnosis 3
86 86 <v-btn dark large @click.native="save1" style="position:absolute; top:163px; right:5px;">Save Edit</v-btn></p></span>
87 87 </v-card-text>
88   - <v-card-actions>
89   - <v-spacer></v-spacer>
90   - <!-- <v-btn dark large @click.native="save1">Save Edit</v-btn> -->
91   - </v-card-actions>
92 88 </v-card>
93 89 </v-dialog>
94 90 </v-toolbar>
... ... @@ -97,11 +93,6 @@
97 93 :items="desserts"
98 94 class="elevation-1"
99 95 >
100   - <v-data-table
101   - :headers="headers"
102   - :items="desserts"
103   - class="elevation-1"
104   - ></v-data-table>
105 96 <template slot="items" slot-scope="props">
106 97 <td id="td">{{ props.item.no }}</td>
107 98 <td id="td">{{ props.item.ques }}</td>
... ... @@ -191,7 +182,7 @@ export default {
191 182  
192 183 },
193 184 ];
194   - },
  185 + },
195 186  
196 187 editItem (item) {
197 188 this.editedIndex = this.desserts.indexOf(item);
... ...
static/css/custom.css
Diff comments   View file @4413a8d
... ... @@ -0,0 +1,7 @@
  1 +.custom-input-align .v-label {
  2 + text-align: center !important;
  3 + width: 100% !important;
  4 +}
  5 +.custom-input-align input {
  6 + text-align: center !important;
  7 +}
... ...