23
23
<b-nav-item class =" d-md-down-none" >
24
24
<i class =" icon-location-pin" ></i >
25
25
</b-nav-item >
26
- <AppHeaderDropdown right no-caret >
27
- <div >
28
- <template slot="button-content">
29
- <img
30
- src =" static/img/avatars/6.jpg"
31
- class =" img-avatar"
32
- alt =" admin@bootstrapmaster.com" />
33
- </template >
34
- <b-dropdown-header tag =" div" class =" text-center" ><strong >Account</strong ></b-dropdown-header >
35
- <b-dropdown-item ><i class =" fa fa-bell-o" /> Updates
36
- <b-badge variant =" info" >{{ itemsCount }}</b-badge >
37
- </b-dropdown-item >
38
- <b-dropdown-item ><i class =" fa fa-envelope-o" /> Messages
39
- <b-badge variant =" success" >{{ itemsCount }}</b-badge >
40
- </b-dropdown-item >
41
- <b-dropdown-item ><i class =" fa fa-tasks" /> Tasks
42
- <b-badge variant =" danger" >{{ itemsCount }}</b-badge >
43
- </b-dropdown-item >
44
- <b-dropdown-item ><i class =" fa fa-comments" /> Comments
45
- <b-badge variant =" warning" >{{ itemsCount }}</b-badge >
46
- </b-dropdown-item >
47
- <b-dropdown-header
48
- tag =" div"
49
- class =" text-center" >
50
- <strong >Settings</strong >
51
- </b-dropdown-header >
52
- <b-dropdown-item ><i class =" fa fa-user" /> Profile</b-dropdown-item >
53
- <b-dropdown-item ><i class =" fa fa-wrench" /> Settings</b-dropdown-item >
54
- <b-dropdown-item ><i class =" fa fa-usd" /> Payments
55
- <b-badge variant =" secondary" >{{ itemsCount }}</b-badge >
56
- </b-dropdown-item >
57
- <b-dropdown-item ><i class =" fa fa-file" /> Projects
58
- <b-badge variant =" primary" >{{ itemsCount }}</b-badge >
59
- </b-dropdown-item >
60
- <b-dropdown-divider />
61
- <b-dropdown-item ><i class =" fa fa-shield" /> Lock Account</b-dropdown-item >
62
- <b-dropdown-item ><i class =" fa fa-lock" /> Logout</b-dropdown-item >
63
- </div >
64
- </AppHeaderDropdown >
26
+ <DefaultHeaderDropdownAccnt />
65
27
</b-navbar-nav >
66
28
<AsideToggler class =" d-none d-lg-block" />
67
29
<!-- <AsideToggler class="d-lg-none" mobile />-->
93
55
94
56
<script >
95
57
import nav from ' ../_nav'
96
- import { Header as AppHeader , HeaderDropdown as AppHeaderDropdown , SidebarToggler , Sidebar as AppSidebar , SidebarFooter , SidebarForm , SidebarHeader , SidebarMinimizer , SidebarNav , Aside as AppAside , AsideToggler , Footer as TheFooter , Breadcrumb } from ' @coreui/vue'
97
- // import { Header as AppHeader, HeaderDropdown as AppHeaderDropdown, SidebarToggler, Sidebar as AppSidebar, SidebarFooter, SidebarForm, SidebarHeader, SidebarMinimizer, SidebarNav, Aside as AppAside, AsideToggler, Breadcrumb } from '../components/'
98
- // import { Footer as TheFooter } from '@coreui/vue'
58
+ import { Header as AppHeader , SidebarToggler , Sidebar as AppSidebar , SidebarFooter , SidebarForm , SidebarHeader , SidebarMinimizer , SidebarNav , Aside as AppAside , AsideToggler , Footer as TheFooter , Breadcrumb } from ' @coreui/vue'
99
59
import DafaultAside from ' ./DafaultAside'
60
+ import DefaultHeaderDropdownAccnt from ' ./DefaultHeaderDropdownAccnt'
100
61
101
62
export default {
102
63
name: ' full' ,
103
64
components: {
104
65
AsideToggler,
105
66
AppHeader,
106
- AppHeaderDropdown,
107
67
AppSidebar,
108
68
AppAside,
109
69
TheFooter,
110
70
Breadcrumb,
111
71
DafaultAside,
72
+ DefaultHeaderDropdownAccnt,
112
73
SidebarForm,
113
74
SidebarFooter,
114
75
SidebarToggler,
@@ -118,8 +79,7 @@ export default {
118
79
},
119
80
data () {
120
81
return {
121
- nav: nav .items ,
122
- itemsCount: 42
82
+ nav: nav .items
123
83
}
124
84
},
125
85
computed: {
0 commit comments