refactor: view refactors, snapshot update

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,13 +30,13 @@
 
             <!-- 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>
@@ -44,7 +44,6 @@
               <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>

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

@@ -76,12 +76,10 @@ exports[`Cards.vue renders correctly 1`] = `
         >
           <svg
             class="c-icon"
+            role="img"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <title>
-              cilCheck
-            </title>
             undefined
           </svg>
            Card with icon
@@ -729,12 +727,10 @@ exports[`Cards.vue renders correctly 1`] = `
             >
               <svg
                 class="c-icon"
+                role="img"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <title>
-                  cilSettings
-                </title>
                 undefined
               </svg>
             </a>
@@ -746,12 +742,10 @@ exports[`Cards.vue renders correctly 1`] = `
             >
               <svg
                 class="c-icon"
+                role="img"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <title>
-                  cilChevronBottom
-                </title>
                 undefined
               </svg>
             </a>
@@ -763,12 +757,10 @@ exports[`Cards.vue renders correctly 1`] = `
             >
               <svg
                 class="c-icon"
+                role="img"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <title>
-                  cilXCircle
-                </title>
                 undefined
               </svg>
             </a>

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

@@ -15,12 +15,10 @@ exports[`Carousels.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>
          

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

@@ -15,12 +15,10 @@ exports[`Collapses.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>
          

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

@@ -90,10 +90,11 @@ exports[`Navbars.vue renders correctly 1`] = `
             tag="ul"
           >
             <cform-stub
+              class="align-middle"
               inline="true"
             >
               <cinput-stub
-                class="mr-sm-2"
+                class="mr-2 my-0"
                 lazy="400"
                 placeholder="Search"
                 size="sm"
@@ -102,7 +103,6 @@ exports[`Navbars.vue renders correctly 1`] = `
                
               <cbutton-stub
                 activeclass="active"
-                class="my-2 my-sm-0"
                 color="light"
                 event="click"
                 exactactiveclass="active"
@@ -121,8 +121,8 @@ exports[`Navbars.vue renders correctly 1`] = `
               caret="true"
               flip="true"
               innav="true"
-              offset="0"
+              offset="0,0"
-              placement="bottom-end"
+              placement="bottom-start"
               togglertext="Lang"
             >
               <cdropdownitem-stub
@@ -170,8 +170,8 @@ exports[`Navbars.vue renders correctly 1`] = `
               caret="true"
               flip="true"
               innav="true"
-              offset="0"
+              offset="0,0"
-              placement="bottom-end"
+              placement="bottom-start"
               togglertext="User"
             >
               <cdropdownitem-stub
@@ -360,8 +360,8 @@ exports[`Navbars.vue renders correctly 1`] = `
               caret="true"
               flip="true"
               innav="true"
-              offset="0"
+              offset="0,0"
-              placement="bottom-end"
+              placement="bottom-start"
               togglertext="Lang"
             >
               <cdropdownitem-stub
@@ -409,8 +409,8 @@ exports[`Navbars.vue renders correctly 1`] = `
               caret="true"
               flip="true"
               innav="true"
-              offset="0"
+              offset="0,0"
-              placement="bottom-end"
+              placement="bottom-start"
               togglertext="User"
             >
               <cdropdownitem-stub

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

@@ -453,7 +453,7 @@ exports[`Navs.vue renders correctly 1`] = `
           flip="true"
           id="nav7_ddown"
           nav=""
-          offset="0"
+          offset="0,0"
           placement="bottom-end"
           togglertext="Dropdown"
         >

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

@@ -1684,6 +1684,7 @@ exports[`Switches.vue renders correctly 1`] = `
           <cdatatable-stub
             class="table-align-middle mb-0"
             fields="[object Object],[object Object],[object Object]"
+            header="true"
             hover="true"
             items="[object Object],[object Object],[object Object]"
             itemsperpage="10"

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

@@ -13,6 +13,7 @@ exports[`Table.vue renders correctly 1`] = `
   <ccardbody-stub>
     <cdatatable-stub
       fields="username,registered,role,status"
+      header="true"
       itemsperpage="5"
       pagination="true"
       responsive="true"

tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap

@@ -16,12 +16,10 @@ exports[`Dropdowns.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>
            
@@ -229,12 +227,10 @@ exports[`Dropdowns.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>
            
@@ -498,12 +494,10 @@ exports[`Dropdowns.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>
            
@@ -586,12 +580,10 @@ exports[`Dropdowns.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>
            
@@ -809,12 +801,10 @@ exports[`Dropdowns.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>
            
@@ -939,12 +929,10 @@ exports[`Dropdowns.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>
            

tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap

@@ -381,7 +381,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               caret="true"
               color="success"
               flip="true"
-              offset="0"
+              offset="0,0"
               placement="bottom-start"
               right=""
               text="Menu"
@@ -439,7 +439,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               caret="true"
               color="info"
               flip="true"
-              offset="0"
+              offset="0,0"
               placement="bottom-start"
               right=""
               split="true"
@@ -809,7 +809,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             class="mx-1"
             color="secondary"
             flip="true"
-            offset="0"
+            offset="0,0"
             placement="bottom-end"
             togglertext="Dropdown"
           >

tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap

@@ -15,12 +15,10 @@ exports[`Badges.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>
          
@@ -126,12 +124,10 @@ exports[`Badges.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>
          Badge
@@ -202,12 +198,10 @@ exports[`Badges.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>
          Badge
@@ -278,12 +272,10 @@ exports[`Badges.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>
          Badge

tests/unit/views/theme/__snapshots__/Colors.spec.js.snap

@@ -10,12 +10,10 @@ exports[`Colors.vue renders correctly 1`] = `
     >
       <svg
         class="c-icon"
+        role="img"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <title>
-          cilDrop
-        </title>
         undefined
       </svg>
        Theme colors
@@ -415,12 +413,10 @@ exports[`Colors.vue renders correctly 1`] = `
     >
       <svg
         class="c-icon"
+        role="img"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <title>
-          cilDrop
-        </title>
         undefined
       </svg>
        Grays

tests/unit/views/users/__snapshots__/User.spec.js.snap

@@ -21,6 +21,7 @@ exports[`User.vue renders correctly 1`] = `
         <cdatatable-stub
           fields="[object Object],[object Object]"
           fixed="true"
+          header="true"
           items="[object Object]"
           itemsperpage="10"
           responsive="true"

tests/unit/views/users/__snapshots__/Users.spec.js.snap

@@ -23,6 +23,7 @@ exports[`Users.vue renders correctly 1`] = `
         <cdatatable-stub
           clickablerows="true"
           fields="[object Object],[object Object],[object Object],[object Object]"
+          header="true"
           hover="true"
           index-column=""
           items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"