sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

- Update Vue to 2.5.2

Browse Source 
- Update Vue Router to 3.0.0
- Fix height and position problems with .fixed-footer
- Fix mobile sidebar height
- Fix mobile breadcrumb position with .fixed-breadcrumb
- Add new navbar toggler icon
- Update old bootstrap classes ex. `hidden-sm-down`
This commit is contained in:
Łukasz Holeczek
2017-10-16 16:08:00 +02:00
parent 96f2affe25
commit f244f02585
29 changed files with 249 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Vue_Full_Project/src/views/Dashboard.vue
+15 -21
View File
@@ -81,12 +81,12 @@
<h4 class="card-title mb-0">Traffic</h4>
<div class="small text-muted">November 2016</div>
</div><!--/.col-->
<div class="col-sm-7 hidden-sm-down">
<div class="col-sm-7 d-none d-md-block">
<b-button type="button" variant="primary" class="float-right"><i class="icon-cloud-download"></i></b-button>
<b-button-toolbar class="float-right" aria-label="Toolbar with button groups">
<b-button-group class="mr-3" aria-label="First group">
<b-button variant="outline-secondary">Day</b-button>
<b-button variant="outline-secondary" :active="true">Month</b-button>
<b-button variant="outline-secondary" :pressed="true">Month</b-button>
<b-button variant="outline-secondary">Year</b-button>
</b-button-group>
</b-button-toolbar>
@@ -288,7 +288,7 @@
</div>
</li>
<li class="legend">
<span class="badge badge-pill badge-info"></span> <small>New clients</small> &nbsp; <span class="badge badge-pill badge-danger"></span> <small>Recurring clients</small>
<b-badge pill variant="info"></b-badge> <small>New clients</small> &nbsp; <b-badge pill variant="danger"></b-badge> <small>Recurring clients</small>
</li>
</ul>
</div><!--/.col-->
@@ -502,13 +502,11 @@
:fields="tableFields"
head-variant="default"
>
<template slot="avatar" scope="item">
<div class="avatar">
<img :src="item.value.url" class="img-avatar" alt="">
<span class="avatar-status" v-bind:class="{ 'bg-success': item.value.status == 'success', 'bg-warning': item.value.status == 'warning', 'bg-danger': item.value.status == 'danger', 'bg-secondary': item.value.status == '' }"></span>
</div>
</template>
<template slot="user" scope="item">
<div slot="avatar" class="avatar" slot-scope="item">
<img :src="item.value.url" class="img-avatar" alt="">
<span class="avatar-status" v-bind:class="{ 'bg-success': item.value.status == 'success', 'bg-warning': item.value.status == 'warning', 'bg-danger': item.value.status == 'danger', 'bg-secondary': item.value.status == '' }"></span>
</div>
<div slot="user" slot-scope="item">
<div>{{item.value.name}}</div>
<div class="small text-muted">
<span>
@@ -516,11 +514,9 @@
<template v-else>Recurring</template>
</span> | Registered: {{item.value.registered}}
</div>
</template>
<template slot="country" scope="item">
<img :src="item.value.flag" :alt="item.value.name" style="height:24px;">
</template>
<template slot="usage" scope="item">
</div>
<img slot="country" slot-scope="item" :src="item.value.flag" :alt="item.value.name" style="height:24px;">
<div slot="usage" slot-scope="item">
<div class="clearfix">
<div class="float-left">
<strong>{{item.value.value}}%</strong>
@@ -530,14 +526,12 @@
</div>
</div>
<b-progress class="progress-xs" v-model="item.value.value" :variant="variant(item.value.value)"></b-progress>
</template>
<template slot="payment" scope="item">
<i :class="item.value.icon" style="font-size:24px"></i>
</template>
<template slot="activity" scope="item">
</div>
<i slot="payment" slot-scope="item" :class="item.value.icon" style="font-size:24px"></i>
<div slot="activity" slot-scope="item">
<div class="small text-muted">Last login</div>
<strong>{{item.value}}</strong>
</template>
</div>
</b-table>
</b-card>
</div><!--/.col-->
Vue_Full_Project/src/views/components/Buttons.vue
+15 -15
View File
@@ -68,15 +68,15 @@
</b-card>
<b-card>
<div slot="header">
<strong>Active state</strong> <small>Add this <code>:active="true"</code></small>
<strong>Active state</strong> <small>Add this <code>:pressed="true"</code></small>
</div>
<b-button variant="primary" :active="true">Primary</b-button>
<b-button variant="secondary" :active="true">Secondary</b-button>
<b-button variant="success" :active="true">Success</b-button>
<b-button variant="info" :active="true">Info</b-button>
<b-button variant="warning" :active="true">Warning</b-button>
<b-button variant="danger" :active="true">Danger</b-button>
<b-button variant="link" :active="true">Link</b-button>
<b-button variant="primary" :pressed="true">Primary</b-button>
<b-button variant="secondary" :pressed="true">Secondary</b-button>
<b-button variant="success" :pressed="true">Success</b-button>
<b-button variant="info" :pressed="true">Info</b-button>
<b-button variant="warning" :pressed="true">Warning</b-button>
<b-button variant="danger" :pressed="true">Danger</b-button>
<b-button variant="link" :pressed="true">Link</b-button>
</b-card>
<b-card>
<div slot="header">
@@ -152,14 +152,14 @@
</b-card>
<b-card>
<div slot="header">
<strong>Active state</strong> <small>Add this <code>:active="true"</code></small>
<strong>Active state</strong> <small>Add this <code>:pressed="true"</code></small>
</div>
<b-button variant="outline-primary" :active="true">Primary</b-button>
<b-button variant="outline-secondary" :active="true">Secondary</b-button>
<b-button variant="outline-success" :active="true">Success</b-button>
<b-button variant="outline-info" :active="true">Info</b-button>
<b-button variant="outline-warning" :active="true">Warning</b-button>
<b-button variant="outline-danger" :active="true">Danger</b-button>
<b-button variant="outline-primary" :pressed="true">Primary</b-button>
<b-button variant="outline-secondary" :pressed="true">Secondary</b-button>
<b-button variant="outline-success" :pressed="true">Success</b-button>
<b-button variant="outline-info" :pressed="true">Info</b-button>
<b-button variant="outline-warning" :pressed="true">Warning</b-button>
<b-button variant="outline-danger" :pressed="true">Danger</b-button>
</b-card>
<b-card>
<div slot="header">
Vue_Full_Project/src/views/components/Cards.vue
+2 -2
View File
@@ -34,7 +34,7 @@
<b-card>
<div slot="header">
Card with label
<span class="badge badge-success float-right">Success</span>
<b-badge variant="success" class="float-right">Success</b-badge>
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</b-card>
@@ -43,7 +43,7 @@
<b-card>
<div slot="header">
Card with label
<span class="badge badge-pill badge-danger float-right">42</span>
<b-badge pill variant="danger" class="float-right">42</b-badge>
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</b-card>
Vue_Full_Project/src/views/components/Tables.vue
+25 -25
View File
@@ -18,7 +18,7 @@
<td>2012/01/01</td>
<td>Member</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
<tr>
@@ -26,7 +26,7 @@
<td>2012/02/01</td>
<td>Staff</td>
<td>
<span class="badge badge-danger">Banned</span>
<b-badge variant="danger">Banned</b-badge>
</td>
</tr>
<tr>
@@ -34,7 +34,7 @@
<td>2012/02/01</td>
<td>Admin</td>
<td>
<span class="badge badge-secondary">Inactive</span>
<b-badge variant="secondary">Inactive</b-badge>
</td>
</tr>
<tr>
@@ -42,7 +42,7 @@
<td>2012/03/01</td>
<td>Member</td>
<td>
<span class="badge badge-warning">Pending</span>
<b-badge variant="warning">Pending</b-badge>
</td>
</tr>
<tr>
@@ -50,7 +50,7 @@
<td>2012/01/21</td>
<td>Staff</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
</tbody>
@@ -85,7 +85,7 @@
<td>2012/01/01</td>
<td>Member</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
<tr>
@@ -93,7 +93,7 @@
<td>2012/02/01</td>
<td>Staff</td>
<td>
<span class="badge badge-danger">Banned</span>
<b-badge variant="danger">Banned</b-badge>
</td>
</tr>
<tr>
@@ -101,7 +101,7 @@
<td>2012/02/01</td>
<td>Admin</td>
<td>
<span class="badge badge-secondary">Inactive</span>
<b-badge variant="secondary">Inactive</b-badge>
</td>
</tr>
<tr>
@@ -109,7 +109,7 @@
<td>2012/03/01</td>
<td>Member</td>
<td>
<span class="badge badge-warning">Pending</span>
<b-badge variant="warning">Pending</b-badge>
</td>
</tr>
<tr>
@@ -117,7 +117,7 @@
<td>2012/01/21</td>
<td>Staff</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
</tbody>
@@ -155,7 +155,7 @@
<td>2012/01/01</td>
<td>Member</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
<tr>
@@ -163,7 +163,7 @@
<td>2012/02/01</td>
<td>Staff</td>
<td>
<span class="badge badge-danger">Banned</span>
<b-badge variant="danger">Banned</b-badge>
</td>
</tr>
<tr>
@@ -171,7 +171,7 @@
<td>2012/02/01</td>
<td>Admin</td>
<td>
<span class="badge badge-secondary">Inactive</span>
<b-badge variant="secondary">Inactive</b-badge>
</td>
</tr>
<tr>
@@ -179,7 +179,7 @@
<td>2012/03/01</td>
<td>Member</td>
<td>
<span class="badge badge-warning">Pending</span>
<b-badge variant="warning">Pending</b-badge>
</td>
</tr>
<tr>
@@ -187,7 +187,7 @@
<td>2012/01/21</td>
<td>Staff</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
</tbody>
@@ -222,7 +222,7 @@
<td>2012/01/01</td>
<td>Member</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
<tr>
@@ -230,7 +230,7 @@
<td>2012/02/01</td>
<td>Staff</td>
<td>
<span class="badge badge-danger">Banned</span>
<b-badge variant="danger">Banned</b-badge>
</td>
</tr>
<tr>
@@ -238,7 +238,7 @@
<td>2012/02/01</td>
<td>Admin</td>
<td>
<span class="badge badge-secondary">Inactive</span>
<b-badge variant="secondary">Inactive</b-badge>
</td>
</tr>
<tr>
@@ -246,7 +246,7 @@
<td>2012/03/01</td>
<td>Member</td>
<td>
<span class="badge badge-warning">Pending</span>
<b-badge variant="warning">Pending</b-badge>
</td>
</tr>
<tr>
@@ -254,7 +254,7 @@
<td>2012/01/21</td>
<td>Staff</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
</tbody>
@@ -292,7 +292,7 @@
<td>2012/01/01</td>
<td>Member</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
<tr>
@@ -300,7 +300,7 @@
<td>2012/02/01</td>
<td>Staff</td>
<td>
<span class="badge badge-danger">Banned</span>
<b-badge variant="danger">Banned</b-badge>
</td>
</tr>
<tr>
@@ -308,7 +308,7 @@
<td>2012/02/01</td>
<td>Admin</td>
<td>
<span class="badge badge-secondary">Inactive</span>
<b-badge variant="secondary">Inactive</b-badge>
</td>
</tr>
<tr>
@@ -316,7 +316,7 @@
<td>2012/03/01</td>
<td>Member</td>
<td>
<span class="badge badge-warning">Pending</span>
<b-badge variant="warning">Pending</b-badge>
</td>
</tr>
<tr>
@@ -324,7 +324,7 @@
<td>2012/01/21</td>
<td>Staff</td>
<td>
<span class="badge badge-success">Active</span>
<b-badge variant="success">Active</b-badge>
</td>
</tr>
</tbody>