sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: Initial commit of v3-alpha

Browse Source
This commit is contained in:
woothu
2019-02-06 10:57:52 +01:00
parent 74b325afc5
commit da02129f01
22 changed files with 1020 additions and 685 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/containers/DefaultHeaderDropdownAccnt.vue
+39 -29
View File
@@ -1,48 +1,58 @@
<template>
<c-nav-item-dropdown no-caret right>
<template slot="button-content">
<img
src="img/avatars/6.jpg"
class="img-avatar"
alt="admin@bootstrapmaster.com" />
</template>
<b-dropdown-header tag="div" class="text-center"><strong>Account</strong></b-dropdown-header>
<b-dropdown-item><i class="fa fa-bell-o" /> Updates
<CDropdown right class="nav-item" toggleClasses="nav-link" menuClasses="hehe">
<img slot="button"
src="img/avatars/6.jpg"
class="img-avatar"
alt="admin@bootstrapmaster.com"
/>
<c-dropdown-header tag="div" class="text-center"><strong>Account</strong></c-dropdown-header>
<c-dropdown-item><i class="fa fa-bell-o" /> Updates
<c-badge variant="info" additionalClasses="hehe">{{ itemsCount }}</c-badge>
</b-dropdown-item>
<b-dropdown-item><i class="fa fa-envelope-o" /> Messages
</c-dropdown-item>
<c-dropdown-item><i class="fa fa-envelope-o" /> Messages
<c-badge variant="success">{{ itemsCount }}</c-badge>
</b-dropdown-item>
<b-dropdown-item><i class="fa fa-tasks" /> Tasks
</c-dropdown-item>
<c-dropdown-item><i class="fa fa-tasks" /> Tasks
<c-badge variant="danger">{{ itemsCount }}</c-badge>
</b-dropdown-item>
<b-dropdown-item><i class="fa fa-comments" /> Comments
</c-dropdown-item>
<c-dropdown-item><i class="fa fa-comments" /> Comments
<c-badge variant="warning">{{ itemsCount }}</c-badge>
</b-dropdown-item>
<b-dropdown-header
</c-dropdown-item>
<c-dropdown-header
tag="div"
class="text-center">
<strong>Settings</strong>
</b-dropdown-header>
<b-dropdown-item><i class="fa fa-user" /> Profile</b-dropdown-item>
<b-dropdown-item><i class="fa fa-wrench" /> Settings</b-dropdown-item>
<b-dropdown-item><i class="fa fa-usd" /> Payments
</c-dropdown-header>
<c-dropdown-item><i class="fa fa-user" /> Profile</c-dropdown-item>
<c-dropdown-item><i class="fa fa-wrench" /> Settings</c-dropdown-item>
<c-dropdown-item><i class="fa fa-usd" /> Payments
<c-badge variant="secondary">{{ itemsCount }}</c-badge>
</b-dropdown-item>
<b-dropdown-item><i class="fa fa-file" /> Projects
</c-dropdown-item>
<c-dropdown-item><i class="fa fa-file" /> Projects
<c-badge variant="primary">{{ itemsCount }}</c-badge>
</b-dropdown-item>
<b-dropdown-divider />
<b-dropdown-item><i class="fa fa-shield" /> Lock Account</b-dropdown-item>
<b-dropdown-item><i class="fa fa-lock" /> Logout</b-dropdown-item>
</c-nav-item-dropdown>
</c-dropdown-item>
<CDropdownDivider/>
<c-dropdown-item><i class="fa fa-shield" /> Lock Account</c-dropdown-item>
<c-dropdown-item><i class="fa fa-lock" /> Logout</c-dropdown-item>
</CDropdown>
</template>
<script>
// import CDropdown from './CDropdown'
// import CDropdownHeader from './CDropdownHeader'
// import CDropdownDivider from './CDropdownDivider'
// import CDropdownItem from './CDropdownItem'
export default {
name: 'DefaultHeaderDropdownAccnt',
// components: {
// CDropdown,
// CDropdownHeader,
// CDropdownDivider,
// CDropdownItem
// },
data: () => {
return { itemsCount: 42 }
},