From 2a45980ddb1ba1ee53846581d67bb7602294cb42 Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Tue, 30 Jul 2019 16:14:17 +0200
Subject: [PATCH] fix: small fixes

---
 src/containers/TheHeader.vue       | 10 ++++++++--
 src/containers/TheSidebar.vue      |  9 +++++++--
 src/views/base/ProgressBars.vue    |  8 +++++++-
 src/views/base/Tables.vue          | 21 +--------------------
 src/views/base/Tabs.vue            |  2 +-
 src/views/notifications/Alerts.vue |  8 ++++----
 6 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/src/containers/TheHeader.vue b/src/containers/TheHeader.vue
index b3fae97e..4b8ede03 100644
--- a/src/containers/TheHeader.vue
+++ b/src/containers/TheHeader.vue
@@ -1,11 +1,17 @@
 <template>
   <CHeader fixed>
-    <CSidebarToggler class="c-header-toggler c-d-lg-none"/>
+    <CSidebarToggler 
+      class="c-header-toggler c-d-lg-none"
+      v-c-emit-root-event:c-sidebar-toggle
+    />
     <CLink class="c-header-brand" to="#">
       <img class="c-navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
       <!-- <img class="c-navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo"> -->
     </CLink>
-    <CSidebarToggler class="c-header-toggler c-d-md-down-none"/>
+    <CSidebarToggler 
+      class="c-header-toggler c-d-md-down-none" 
+      v-c-emit-root-event:c-sidebar-toggle  
+    />
     <ul class="c-header-nav c-d-md-down-none">
       <CNavItem class="c-px-3" to="/dashboard">Dashboard</CNavItem>
       <CNavItem class="c-px-3" to="/users" exact>Users</CNavItem>
diff --git a/src/containers/TheSidebar.vue b/src/containers/TheSidebar.vue
index feb0ec3a..4f6fda57 100644
--- a/src/containers/TheSidebar.vue
+++ b/src/containers/TheSidebar.vue
@@ -1,10 +1,10 @@
 <template>
-  <CSidebar fixed>
+  <CSidebar fixed :minimize="minimize">
     <CSidebarHeader/>
     <CSidebarForm/>
     <CSidebarNav :nav-items="computedNav"/>
     <CSidebarFooter/>
-    <CSidebarMinimizer/>
+    <CSidebarMinimizer @click="minimize = !minimize"/>
   </CSidebar>
 </template>
 
@@ -12,6 +12,11 @@
 import nav from './_nav'
 export default {
   name: 'TheSidebar',
+  data () {
+    return {
+      minimize: false
+    }
+  },
   computed: {
     computedNav () {
       return nav.items.filter(item => item.name !== 'Dashboard')
diff --git a/src/views/base/ProgressBars.vue b/src/views/base/ProgressBars.vue
index bdae0376..355d602e 100644
--- a/src/views/base/ProgressBars.vue
+++ b/src/views/base/ProgressBars.vue
@@ -18,7 +18,13 @@
             <CProgressBar :value="counter*(2.5/10)" variant="warning"/>
             <CProgressBar :value="counter*(1.5/10)" variant="danger"/>
           </CProgress>
-          <CButton class="c-mt-4" @click="clicked">Click me</CButton>
+          <CButton 
+            @click="clicked"
+            variant="secondary"
+            class="c-mt-4" 
+          >
+            Click me to animate progress bars
+          </CButton>
         </CCardBody>
       </CCard>
       <CCard>
diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue
index a5116a1f..427b83a8 100644
--- a/src/views/base/Tables.vue
+++ b/src/views/base/Tables.vue
@@ -2,7 +2,7 @@
   <div>
     <CRow>
       <CCol sm="12">
-        <CCard header-html="CTable power presentation" body-wrapper>
+        <CCard header-html="CTable component functionality presentation" body-wrapper>
           <CTable
             :items="getItems()"
             :fields="fields"
@@ -65,25 +65,6 @@
         </CCard>
       </CCol>
     </CRow>
-    <!-- <CRow>
-      <CCol sm="12">
-        <CCard header-html="test2">
-          <CTable
-            :items="items.slice(0)"
-            :fields="fields"
-            :per-page="5"
-            index-col="onlyCleaner"
-            filter-row
-            options-row="onlyFiltesr"
-            :pagination-props="{align:'center'}"
-          >
-              <td slot="status" slot-scope="{item}">
-                <CBadge :variant="getBadge(item.status)">{{item.status}}</CBadge>
-              </td>
-          </CTable>
-        </CCard>
-      </CCol>
-    </CRow> -->
 
 
     <CRow>
diff --git a/src/views/base/Tabs.vue b/src/views/base/Tabs.vue
index 680a850d..f7cd440b 100644
--- a/src/views/base/Tabs.vue
+++ b/src/views/base/Tabs.vue
@@ -153,7 +153,7 @@
             Tabs vertical
           </CCardHeader>
           <CCardBody>
-            <CTabs pills vertical add-tabs-wrapper-classes="c-pl-3">
+            <CTabs pills vertical>
               <CTab active>
                 <template slot="title">
                   <i class="cui-calculator"></i> {{tabs[0]}}
diff --git a/src/views/notifications/Alerts.vue b/src/views/notifications/Alerts.vue
index 3900304f..8d36c6e6 100644
--- a/src/views/notifications/Alerts.vue
+++ b/src/views/notifications/Alerts.vue
@@ -96,7 +96,7 @@
             <CCardBody>
               <CAlert
                 variant="secondary"
-                dismissible
+                closeButton
                 :show.sync="dismissibleAlerts[0]"
               >
                 Dismissible Alert!
@@ -104,7 +104,7 @@
 
               <CAlert
                 variant="secondary"
-                dismissible
+                closeButton
                 fade
                 :show.sync="dismissibleAlerts[1]"
               >
@@ -144,7 +144,7 @@
               <div>
                 <CAlert
                   :show.sync="dismissCountDown"
-                  dismissible
+                  closeButton
                   variant="warning"
                   fade
                 >
@@ -154,7 +154,7 @@
 
                 <CAlert
                   :show.sync="dismissCountDown"
-                  dismissible
+                  closeButton
                   variant="info"
                 >
                   Alert will dismiss after {{dismissCountDown}} seconds...