refactor: update examples

2021-08-26 17:41:07 +02:00
parent 4bd77fc24d b61206112f
commit c7f687982d
96 changed files with 12979 additions and 593 deletions
@@ -0,0 +1,59 @@
+<template>
+  <CDropdown variant="nav-item">
+    <CDropdownToggle placement="bottom-end" class="py-0" :caret="false">
+      <CAvatar :src="avatar" size="md"/>
+    </CDropdownToggle>
+    <CDropdownMenu>
+      <CDropdownHeader tag="div" class="text-center" color="light">
+        <strong>Account</strong>
+      </CDropdownHeader>
+      <CDropdownItem>
+        <CIcon icon="cil-bell" /> Updates
+        <CBadge color="info" class="ms-auto">{{ itemsCount }}</CBadge>
+      </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-envelope-open" /> Messages
+        <CBadge color="success" class="ms-auto">{{ itemsCount }}</CBadge>
+      </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-task" /> Tasks
+        <CBadge color="danger" class="ms-auto">{{ itemsCount }}</CBadge>
+      </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-comment-square" /> Comments
+        <CBadge color="warning" class="ms-auto">{{ itemsCount }}</CBadge>
+      </CDropdownItem>
+      <CDropdownHeader tag="div" class="text-center" color="light">
+        <strong>Settings</strong>
+      </CDropdownHeader>
+      <CDropdownItem> <CIcon icon="cil-user" /> Profile </CDropdownItem>
+      <CDropdownItem> <CIcon icon="cil-settings" /> Settings </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-dollar" /> Payments
+        <CBadge color="secondary" class="ms-auto">{{ itemsCount }}</CBadge>
+      </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-file" /> Projects
+        <CBadge color="primary" class="ms-auto">{{ itemsCount }}</CBadge>
+      </CDropdownItem>
+      <CDropdownDivider />
+      <CDropdownItem>
+        <CIcon icon="cil-shield-alt" /> Lock Account
+      </CDropdownItem>
+      <CDropdownItem> <CIcon icon="cil-lock-locked" /> Logout </CDropdownItem>
+    </CDropdownMenu>
+  </CDropdown>
+</template>
+
+<script>
+import avatar from './../assets/images/avatars/8.jpg'
+export default {
+  name: "AppHeaderDropdownAccnt",
+  data() {
+    return {
+      avatar: avatar,
+      itemsCount: 42,
+    };
+  },
+};
+</script>