From 1f5cad7f05c258b22b0dc259192d39756badc277 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Mon, 30 Aug 2021 14:47:25 +0200 Subject: [PATCH] refactor: update example views --- src/views/Dashboard.vue | 251 +++-- src/views/base/Accordion.vue | 22 +- src/views/base/Breadcrumbs.vue | 4 +- src/views/base/Cards.vue | 61 +- src/views/base/Collapses.vue | 18 +- src/views/base/Navbars.vue | 897 ++++++++++-------- src/views/base/Navs.vue | 721 +++++++------- src/views/base/Paginations.vue | 11 +- src/views/base/Progress.vue | 4 +- src/views/base/Tables.vue | 9 +- src/views/buttons/ButtonGroups.vue | 121 ++- src/views/buttons/Buttons.vue | 2 +- src/views/charts/CChartDoughnutExample.vue | 21 +- src/views/charts/CChartLineExample.vue | 16 +- src/views/charts/CChartPieExample.vue | 23 +- src/views/charts/CChartPolarAreaExample.vue | 30 +- src/views/charts/CChartRadarExample.vue | 32 +- src/views/charts/Charts.vue | 22 +- src/views/charts/MainChartExample.vue | 46 +- src/views/charts/index.js | 2 +- src/views/forms/ChecksRadios.vue | 6 +- src/views/forms/FloatingLabels.vue | 335 ++++--- src/views/forms/InputGroup.vue | 982 ++++++++++---------- src/views/forms/Layout.vue | 6 +- src/views/forms/Range.vue | 8 +- src/views/forms/Select.vue | 4 +- src/views/forms/Validation.vue | 72 +- src/views/icons/Brands.vue | 29 +- src/views/icons/CoreUIIcons.vue | 21 +- src/views/icons/Flags.vue | 32 +- src/views/notifications/Alerts.vue | 14 +- src/views/notifications/Badges.vue | 4 +- src/views/notifications/Modals.vue | 49 +- src/views/pages/Login.vue | 70 ++ src/views/pages/Page404.vue | 30 + src/views/pages/Page500.vue | 30 + src/views/pages/Register.vue | 57 ++ src/views/theme/ColorTheme.vue | 10 +- src/views/theme/Colors.vue | 50 +- src/views/theme/Typography.vue | 423 +++++---- src/views/widgets/Widgets.vue | 60 +- src/views/widgets/WidgetsStatsTypeA.vue | 8 +- 42 files changed, 2501 insertions(+), 2112 deletions(-) create mode 100644 src/views/pages/Login.vue create mode 100644 src/views/pages/Page404.vue create mode 100644 src/views/pages/Page500.vue create mode 100644 src/views/pages/Register.vue diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index cc1b5bbf..628a8043 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -2,15 +2,15 @@
- + - +

Traffic

January 2021
 - + @@ -91,14 +91,14 @@ - + Traffic & Sales - + - +
9,123
- +
+ - +
78,623
 - +
- {{ item.user.new ? "New" : "Recurring" }} | + {{ item.user.new ? 'New' : 'Recurring' }} | {{ item.user.registered }}
@@ -388,139 +388,118 @@ diff --git a/src/views/base/Accordion.vue b/src/views/base/Accordion.vue index 6243fa51..8bfaf3ea 100644 --- a/src/views/base/Accordion.vue +++ b/src/views/base/Accordion.vue @@ -20,7 +20,7 @@ :collapsed="activeKey !== 1" @click=" () => { - activeKey === 1 ? (activeKey = 0) : (activeKey = 1); + activeKey === 1 ? (activeKey = 0) : (activeKey = 1) } " > @@ -47,7 +47,7 @@ :collapsed="activeKey !== 2" @click=" () => { - activeKey === 2 ? (activeKey = 0) : (activeKey = 2); + activeKey === 2 ? (activeKey = 0) : (activeKey = 2) } " > @@ -74,7 +74,7 @@ :collapsed="activeKey !== 3" @click=" () => { - activeKey === 3 ? (activeKey = 0) : (activeKey = 3); + activeKey === 3 ? (activeKey = 0) : (activeKey = 3) } " > @@ -120,7 +120,7 @@ () => { flushActiveKey === 1 ? (flushActiveKey = 0) - : (flushActiveKey = 1); + : (flushActiveKey = 1) } " > @@ -149,7 +149,7 @@ () => { flushActiveKey === 2 ? (flushActiveKey = 0) - : (flushActiveKey = 2); + : (flushActiveKey = 2) } " > @@ -178,7 +178,7 @@ () => { flushActiveKey === 3 ? (flushActiveKey = 0) - : (flushActiveKey = 3); + : (flushActiveKey = 3) } " > @@ -210,15 +210,15 @@ diff --git a/src/views/base/Breadcrumbs.vue b/src/views/base/Breadcrumbs.vue index 705a3ae8..74a11b2a 100644 --- a/src/views/base/Breadcrumbs.vue +++ b/src/views/base/Breadcrumbs.vue @@ -60,6 +60,6 @@ diff --git a/src/views/base/Cards.vue b/src/views/base/Cards.vue index e0be4a84..751359af 100644 --- a/src/views/base/Cards.vue +++ b/src/views/base/Cards.vue @@ -167,7 +167,7 @@

- + Cras justo odio @@ -176,7 +176,7 @@ - + Header @@ -186,7 +186,7 @@ - + Cras justo odio @@ -342,7 +342,7 @@

- + Special title treatment @@ -354,7 +354,7 @@ - + Special title treatment @@ -542,7 +542,7 @@

- + - + Card title @@ -638,7 +638,7 @@ color: 'danger', textColor: 'white' }, { color: 'warning' }, { color: 'info', textColor: 'white' }, { color: 'light' }, { color: 'dark', textColor: 'white' }, ].map((item, index) => ( - + - diff --git a/src/views/base/Navs.vue b/src/views/base/Navs.vue index 7b584b1c..79bc08b2 100644 --- a/src/views/base/Navs.vue +++ b/src/views/base/Navs.vue @@ -1,385 +1,356 @@ diff --git a/src/views/base/Paginations.vue b/src/views/base/Paginations.vue index baf27a18..5916e38b 100644 --- a/src/views/base/Paginations.vue +++ b/src/views/base/Paginations.vue @@ -67,7 +67,8 @@ - Vue Pagination Disabled and active states + Vue Pagination + Disabled and active states

@@ -84,7 +85,9 @@ disabled links and use custom JavaScript to fully disable their functionality.

- + @@ -176,6 +179,6 @@ diff --git a/src/views/base/Progress.vue b/src/views/base/Progress.vue index 49e84980..3a1fddc4 100644 --- a/src/views/base/Progress.vue +++ b/src/views/base/Progress.vue @@ -209,6 +209,6 @@ diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue index de852afe..c8b99b0c 100644 --- a/src/views/base/Tables.vue +++ b/src/views/base/Tables.vue @@ -451,8 +451,9 @@

- Border color utilities can be added to change colors: + Border color utilities + + can be added to change colors:

@@ -990,6 +991,6 @@ diff --git a/src/views/buttons/ButtonGroups.vue b/src/views/buttons/ButtonGroups.vue index 28b2713a..d3e8a88b 100644 --- a/src/views/buttons/ButtonGroups.vue +++ b/src/views/buttons/ButtonGroups.vue @@ -70,7 +70,8 @@ - Vue Button Group Checkbox and radio button groups + Vue Button Group + Checkbox and radio button groups

@@ -84,12 +85,24 @@ role="group" aria-label="Basic checkbox toggle button group" > - - - + + + - + + @@ -127,30 +157,18 @@ role="group" aria-label="Toolbar with button groups" > - + 1 2 3 4 - + 5 6 7 - + 8 @@ -166,11 +184,7 @@ role="group" aria-label="Toolbar with button groups" > - + 1 2 3 @@ -190,11 +204,7 @@ role="group" aria-label="Toolbar with button groups" > - + 1 2 3 @@ -373,13 +383,34 @@ role="group" aria-label="Vertical button group" > - + + + diff --git a/src/views/buttons/Buttons.vue b/src/views/buttons/Buttons.vue index a774c624..0b56ca68 100644 --- a/src/views/buttons/Buttons.vue +++ b/src/views/buttons/Buttons.vue @@ -242,7 +242,7 @@ :disabled="state === 'disabled' ? true : false" variant="ghost" > - + {{ color.charAt(0).toUpperCase() + color.slice(1) }} diff --git a/src/views/charts/CChartDoughnutExample.vue b/src/views/charts/CChartDoughnutExample.vue index 20fdf0e1..653c8c89 100644 --- a/src/views/charts/CChartDoughnutExample.vue +++ b/src/views/charts/CChartDoughnutExample.vue @@ -1,7 +1,5 @@ diff --git a/src/views/charts/CChartLineExample.vue b/src/views/charts/CChartLineExample.vue index f1392152..f1a0cc6a 100644 --- a/src/views/charts/CChartLineExample.vue +++ b/src/views/charts/CChartLineExample.vue @@ -1,5 +1,5 @@ diff --git a/src/views/charts/CChartPieExample.vue b/src/views/charts/CChartPieExample.vue index 01f214d9..b4857377 100644 --- a/src/views/charts/CChartPieExample.vue +++ b/src/views/charts/CChartPieExample.vue @@ -1,7 +1,5 @@ diff --git a/src/views/charts/CChartPolarAreaExample.vue b/src/views/charts/CChartPolarAreaExample.vue index dbffa994..192b2e24 100644 --- a/src/views/charts/CChartPolarAreaExample.vue +++ b/src/views/charts/CChartPolarAreaExample.vue @@ -1,7 +1,5 @@ \ No newline at end of file + diff --git a/src/views/charts/CChartRadarExample.vue b/src/views/charts/CChartRadarExample.vue index 8413bd25..c4513702 100644 --- a/src/views/charts/CChartRadarExample.vue +++ b/src/views/charts/CChartRadarExample.vue @@ -1,7 +1,5 @@ \ No newline at end of file + diff --git a/src/views/charts/Charts.vue b/src/views/charts/Charts.vue index 6f334b06..eff0304f 100644 --- a/src/views/charts/Charts.vue +++ b/src/views/charts/Charts.vue @@ -2,42 +2,40 @@ - - Line Chart - + Line Chart - + Bar Chart - + Doughnut Chart - + Radar Chart - + - Pie Chart - + Pie Chart + Polar Area Chart - + @@ -48,7 +46,7 @@ import * as Charts from './index.js' export default { name: 'Charts', components: { - ...Charts - } + ...Charts, + }, } diff --git a/src/views/charts/MainChartExample.vue b/src/views/charts/MainChartExample.vue index b29e09e6..1105749f 100644 --- a/src/views/charts/MainChartExample.vue +++ b/src/views/charts/MainChartExample.vue @@ -10,27 +10,27 @@ diff --git a/src/views/charts/index.js b/src/views/charts/index.js index 9f6703cd..51396d6c 100644 --- a/src/views/charts/index.js +++ b/src/views/charts/index.js @@ -11,5 +11,5 @@ export { CChartDoughnutExample, CChartRadarExample, CChartPieExample, - CChartPolarAreaExample + CChartPolarAreaExample, } diff --git a/src/views/forms/ChecksRadios.vue b/src/views/forms/ChecksRadios.vue index ad21d322..16d86cc1 100644 --- a/src/views/forms/ChecksRadios.vue +++ b/src/views/forms/ChecksRadios.vue @@ -209,7 +209,7 @@

Group checkboxes or radios on the same horizontal row by adding - inline boolean property to any + inline boolean property to any <CFormCheck>.

@@ -406,6 +406,6 @@ diff --git a/src/views/forms/FloatingLabels.vue b/src/views/forms/FloatingLabels.vue index 776f61ef..70614e8d 100644 --- a/src/views/forms/FloatingLabels.vue +++ b/src/views/forms/FloatingLabels.vue @@ -1,160 +1,187 @@ diff --git a/src/views/forms/InputGroup.vue b/src/views/forms/InputGroup.vue index 0ab1dbf6..6df0bc8a 100644 --- a/src/views/forms/InputGroup.vue +++ b/src/views/forms/InputGroup.vue @@ -1,485 +1,521 @@ diff --git a/src/views/forms/Layout.vue b/src/views/forms/Layout.vue index d8f2533a..47c852e1 100644 --- a/src/views/forms/Layout.vue +++ b/src/views/forms/Layout.vue @@ -76,14 +76,14 @@ City - + State - + Zip @@ -266,7 +266,7 @@

- + diff --git a/src/views/forms/Range.vue b/src/views/forms/Range.vue index f5f406b3..bc5a1999 100644 --- a/src/views/forms/Range.vue +++ b/src/views/forms/Range.vue @@ -5,9 +5,7 @@ - - Vue Range - + Vue Range

Create custom @@ -87,6 +85,6 @@ diff --git a/src/views/forms/Select.vue b/src/views/forms/Select.vue index bc1ad40c..56507a82 100644 --- a/src/views/forms/Select.vue +++ b/src/views/forms/Select.vue @@ -111,6 +111,6 @@ diff --git a/src/views/forms/Validation.vue b/src/views/forms/Validation.vue index 0952b2c4..48b1fc2d 100644 --- a/src/views/forms/Validation.vue +++ b/src/views/forms/Validation.vue @@ -28,7 +28,7 @@ :validated="validatedCustom01" @submit="handleSubmitCustom01" > - + Email Looks good! - + Email Looks good! - + Username @ @@ -61,14 +61,14 @@ - + City Please provide a valid city. - + City @@ -78,7 +78,7 @@ Please provide a valid city. - + City @@ -127,7 +127,7 @@ :validated="validatedDefault01" @submit="handleSubmitDefault01" > - + Email Looks good! - + Email Looks good! - + Username @@ -162,14 +162,14 @@ - + City Please provide a valid city. - + City @@ -179,7 +179,7 @@ Please provide a valid city. - + City @@ -226,7 +226,7 @@

- + Email Looks good! - + Email Looks good! - + Username @@ -432,7 +432,7 @@ :validated="validatedTooltip01" @submit="handleSubmitTooltip01" > - + Email Looks good! - + Email Looks good! - + Username @@ -467,14 +467,14 @@ - + City Please provide a valid city. - + City @@ -484,7 +484,7 @@ Please provide a valid city. - + City @@ -504,39 +504,39 @@ diff --git a/src/views/icons/Brands.vue b/src/views/icons/Brands.vue index 2ad0f8be..f374af09 100644 --- a/src/views/icons/Brands.vue +++ b/src/views/icons/Brands.vue @@ -3,14 +3,14 @@ - Vue Brands + Vue CoreUI Brand Icons - diff --git a/src/views/icons/CoreUIIcons.vue b/src/views/icons/CoreUIIcons.vue index 1811b979..11191748 100644 --- a/src/views/icons/CoreUIIcons.vue +++ b/src/views/icons/CoreUIIcons.vue @@ -7,9 +7,9 @@ - diff --git a/src/views/widgets/WidgetsStatsTypeA.vue b/src/views/widgets/WidgetsStatsTypeA.vue index 32a354d6..71f360a5 100644 --- a/src/views/widgets/WidgetsStatsTypeA.vue +++ b/src/views/widgets/WidgetsStatsTypeA.vue @@ -1,7 +1,7 @@