refactor: view refactors, snapshot update

Author: woothu

CONTRIBUTING.md

@@ -144,7 +144,7 @@ Inspired by Sparkbox's awesome article on [semantic commit messages](http://sees
 - fix (bug fix) -> ```git commit -m 'fix: commit-message-here'```
 - refactor (refactoring production code) -> ```git commit -m 'refactor: commit-message-here'```
 - style (formatting, missing semi colons, etc; no code change) -> ```git commit -m 'style: commit-message-here'```
-- test (adding missing tests, refactoring tests; no production code change) -> ```git test -m 'refactor: commit-message-here'```
+- test (adding missing tests, refactoring tests; no production code change) -> ```git commit -m 'test: commit-message-here'```
 
 ## Code guidelines
 

src/containers/TheFooter.vue

@@ -2,7 +2,7 @@
   <CFooter>
     <div>
       <a href="https://coreui.io" target="_blank">CoreUI</a>
-      <span class="ml-1">&copy; 2019 creativeLabs.</span>
+      <span class="ml-1">&copy; 2020 creativeLabs.</span>
     </div>
     <div class="ml-auto">
       <span class="mr-1">Powered by</span>

src/views/base/Navbars.vue

@@ -30,21 +30,20 @@
 
             <!-- Right aligned nav items -->
             <CNavbarNav class="ml-auto">
-              <CForm inline>
+              <CForm inline class="align-middle">
                 <CInput
-                  class="mr-sm-2"
+                  class="mr-2 my-0"
                   placeholder="Search"
                   size="sm"
                 />
-                <CButton color="light" size="sm" class="my-2 my-sm-0">
+                <CButton color="light" size="sm">
                   Search
                 </CButton>
               </CForm>
 
               <CDropdown
                 toggler-text="Lang"
                 in-nav
-                placement="bottom-end"
               >
                   <CDropdownItem>EN</CDropdownItem>
                   <CDropdownItem>ES</CDropdownItem>
@@ -55,7 +54,6 @@
               <CDropdown
                 in-nav
                 toggler-text="User"
-                placement="bottom-end"
               >
                 <CDropdownItem>Profile</CDropdownItem>
                 <CDropdownItem>Signout</CDropdownItem>
@@ -112,7 +110,6 @@
               <!-- Navbar dropdowns -->
               <CDropdown
                 toggler-text="Lang"
-                placement="bottom-end"
                 in-nav
               >
                 <CDropdownItem>EN</CDropdownItem>
@@ -122,7 +119,6 @@
               </CDropdown>
               <CDropdown
                 toggler-text="User"
-                placement="bottom-end"
                 in-nav
               >
                 <CDropdownItem>Account</CDropdownItem>
@@ -176,7 +172,7 @@ export default {
     return {
       show: false,
       navbarText: false,
-      navbarDropdown: false,
+      navbarDropdown: false
     }
   }
 }

src/views/buttons/Dropdowns.vue

@@ -111,7 +111,7 @@
             <div>
               <CDropdown
                 color="secondary"
-                :offset="25"
+                :offset="[10, 5]"
                 toggler-text="Offset Dropdown"
                 class="m-2"
               >

src/views/charts/CChartRadarExample.vue

@@ -19,7 +19,7 @@ export default {
     defaultDatasets () {
       return [
         {
-          label: '2017',
+          label: '2019',
           backgroundColor: 'rgba(179,181,198,0.2)',
           borderColor: 'rgba(179,181,198,1)',
           pointBackgroundColor: 'rgba(179,181,198,1)',
@@ -30,7 +30,7 @@ export default {
           data: [65, 59, 90, 81, 56, 55, 40]
         },
         {
-          label: '2018',
+          label: '2020',
           backgroundColor: 'rgba(255,99,132,0.2)',
           borderColor: 'rgba(255,99,132,1)',
           pointBackgroundColor: 'rgba(255,99,132,1)',

src/views/notifications/Alerts.vue

@@ -188,7 +188,7 @@ export default {
       this.dismissCountDown = this.dismissSecs
     },
     showDismissibleAlerts () {
-      ['alert1', 'alert2', 'alert3'].forEach(alert => this[alert] = true)
+      ['alert1', 'alert2'].forEach(alert => this[alert] = true)
     }
   }
 }

tests/unit/containers/__snapshots__/TheFooter.spec.js.snap

@@ -16,7 +16,7 @@ exports[`TheFooter.vue renders correctly 1`] = `
     <span
       class="ml-1"
     >
-      © 2019 creativeLabs.
+      © 2020 creativeLabs.
     </span>
   </div>
    

tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap

@@ -7,7 +7,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   class="c-header-nav-items"
   flip="true"
   innav="true"
-  offset="0"
+  offset="0,0"
   placement="bottom-end"
   togglertext="Dropdown"
 >

tests/unit/views/__snapshots__/Dashboard.spec.js.snap

@@ -950,6 +950,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
             class="mb-0 table-outline"
             fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
             head-color="light"
+            header="true"
             hover="true"
             items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
             itemsperpage="10"

tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap

@@ -15,12 +15,10 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
       >
         <svg
           class="c-icon"
+          role="img"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <title>
-            cilJustifyCenter
-          </title>
           undefined
         </svg>
         <strong>