fix: small fixes

Author: woothu

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>

src/containers/TheSidebar.vue

@@ -1,17 +1,22 @@
 <template>
-  <CSidebar fixed>
+  <CSidebar fixed :minimize="minimize">
     <CSidebarHeader/>
     <CSidebarForm/>
     <CSidebarNav :nav-items="computedNav"/>
     <CSidebarFooter/>
-    <CSidebarMinimizer/>
+    <CSidebarMinimizer @click="minimize = !minimize"/>
   </CSidebar>
 </template>
 
 <script>
 import nav from './_nav'
 export default {
   name: 'TheSidebar',
+  data () {
+    return {
+      minimize: false
+    }
+  },
   computed: {
     computedNav () {
       return nav.items.filter(item => item.name !== 'Dashboard')

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>

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>

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]}}

src/views/notifications/Alerts.vue

@@ -96,15 +96,15 @@
             <CCardBody>
               <CAlert
                 variant="secondary"
-                dismissible
+                closeButton
                 :show.sync="dismissibleAlerts[0]"
               >
                 Dismissible Alert!
               </CAlert>
 
               <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...