+
$108
- Total Order
+
+ Total Order
+
$961
- Total Order
+
+ Total Order
{{ props.title }}
+{{ props.title }}
-
Reset
- Font Style
+ Font Style
Theme customizer
+ Theme customizer
-
@@ -119,10 +119,8 @@ function clearoptions() {
}
.custom-font {
.v-selection-control-group {
- .v-selection-control__wrapper {
- display: none;
- }
.v-selection-control {
+ position: relative;
border: 2px solid rgba(var(--v-theme-borderLight), 0.36);
outline: 6px solid rgba(var(--v-theme-borderLight), 0.1);
border-radius: 4px;
@@ -132,6 +130,23 @@ function clearoptions() {
border: 1px solid rgba(var(--v-theme-primary), 1);
outline: 6px solid rgba(var(--v-theme-primary), 0.1);
}
+
+ .v-selection-control__wrapper {
+ position: absolute;
+ inset: 0;
+ width: 100%;
+ height: 100%;
+
+ .v-selection-control__input {
+ position: absolute;
+ inset: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+ margin: 0;
+ }
+ }
}
}
}
diff --git a/src/layouts/full/footer/FooterPanel.vue b/src/layouts/full/footer/FooterPanel.vue
index 2817e79..7f4c984 100644
--- a/src/layouts/full/footer/FooterPanel.vue
+++ b/src/layouts/full/footer/FooterPanel.vue
@@ -18,18 +18,18 @@ const footerLink = shallowRef([
-
+
-
@@ -51,4 +51,10 @@ footer {
}
}
}
+.footer-link {
+ text-decoration: none;
+ &:hover {
+ text-decoration: underline;
+ }
+}
diff --git a/src/layouts/full/vertical-header/NotificationDD.vue b/src/layouts/full/vertical-header/NotificationDD.vue
index c0eb0df..0f042d6 100644
--- a/src/layouts/full/vertical-header/NotificationDD.vue
+++ b/src/layouts/full/vertical-header/NotificationDD.vue
@@ -12,64 +12,64 @@ const selectNotify = ref('All Notifications');
-
+
+
+
@@ -80,39 +80,39 @@ const selectNotify = ref('All Notifications');
+
+
diff --git a/src/layouts/full/vertical-header/ProfileDD.vue b/src/layouts/full/vertical-header/ProfileDD.vue
index 28c0a16..7c788dd 100644
--- a/src/layouts/full/vertical-header/ProfileDD.vue
+++ b/src/layouts/full/vertical-header/ProfileDD.vue
@@ -1,83 +1,87 @@
-
Input Background
+ Input Background
+
Berry ♥ crafted by Team - Codedthemes + Codedthemes
-
- John Deo
- 2 mins ago +John Deo
+ 2 mins agoIt is a long established fact that a reader will be distracted
+It is a long established fact that a reader will be distracted
-
- Store Verification Done
- 2 mins ago +Store Verification Done
+ 2 mins agoWe have successfully received your request.
+We have successfully received your request.
-
- Check your Mail.
- 2 mins ago +Check your Mail.
+ 2 mins agoAll done! Now check your inbox as you're in for a sweet treat!
+All done! Now check your inbox as you're in for a sweet treat!
-
- John Deo
- 2 mins ago +John Deo
+ 2 mins ago+
Uploaded two file on 21 Jan 2020
-
- John Deo
- 2 mins ago +John Deo
+ 2 mins agoIt is a long established fact that a reader will be distracted
+It is a long established fact that a reader will be distracted
-
Good Morning, John Doe
- Project admin +
+
-
+
-
-
+
+
+
+
- Good Morning, John Doe
+ Project admin -
- Go Premium
-
+ Upgrade your plan
-70% discount for 1 years subscriptions.
-
+
+
+ Go Premium
+
+
- Upgrade your plan
+70% discount for 1 years subscriptions.
+
-
+
-
+
+
+
+
diff --git a/src/layouts/full/vertical-sidebar/NavCollapse/NavCollapse.vue b/src/layouts/full/vertical-sidebar/NavCollapse/NavCollapse.vue
index ef69c2b..e2510ae 100644
--- a/src/layouts/full/vertical-sidebar/NavCollapse/NavCollapse.vue
+++ b/src/layouts/full/vertical-sidebar/NavCollapse/NavCollapse.vue
@@ -22,7 +22,7 @@ const props = defineProps({ item: Object, level: Number });
{{ item.title }}
-
+
{{ item.subCaption }}
diff --git a/src/layouts/full/vertical-sidebar/NavItem/NavItem.vue b/src/layouts/full/vertical-sidebar/NavItem/NavItem.vue
index 4279838..32076cc 100644
--- a/src/layouts/full/vertical-sidebar/NavItem/NavItem.vue
+++ b/src/layouts/full/vertical-sidebar/NavItem/NavItem.vue
@@ -21,7 +21,7 @@ const props = defineProps({ item: Object, level: Number });
{{ item.title }}
-
+
{{ item.subCaption }}
diff --git a/src/layouts/full/vertical-sidebar/VerticalSidebar.vue b/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
index bb67287..9847032 100644
--- a/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
+++ b/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
@@ -36,7 +36,7 @@ const appVersion = import.meta.env.VITE_APP_VERSION;
-
+
diff --git a/src/layouts/full/vertical-sidebar/extrabox/ExtraBox.vue b/src/layouts/full/vertical-sidebar/extrabox/ExtraBox.vue
index 25005f1..1269bbf 100644
--- a/src/layouts/full/vertical-sidebar/extrabox/ExtraBox.vue
+++ b/src/layouts/full/vertical-sidebar/extrabox/ExtraBox.vue
@@ -3,7 +3,7 @@
Go Premium
diff --git a/src/layouts/full/vertical-sidebar/sidebarItem.ts b/src/layouts/full/vertical-sidebar/sidebarItem.ts
index 2a8b32e..fdda63b 100644
--- a/src/layouts/full/vertical-sidebar/sidebarItem.ts
+++ b/src/layouts/full/vertical-sidebar/sidebarItem.ts
@@ -44,19 +44,19 @@ const sidebarItem: menu[] = [
{
title: 'Login',
icon: CircleIcon,
- to: '/login1'
+ to: '/authentication/login'
},
{
title: 'Register',
icon: CircleIcon,
- to: '/register'
+ to: '/authentication/register'
}
]
},
{
title: 'Error 404',
icon: BugIcon,
- to: '/error'
+ to: '/maintenance/error'
},
{ divider: true },
{ header: 'Utilities' },
@@ -68,28 +68,30 @@ const sidebarItem: menu[] = [
{
title: 'Shadows',
icon: ShadowIcon,
- to: '/utils/shadows'
+ to: '/utils/shadow'
},
{
title: 'Colors',
icon: PaletteIcon,
- to: '/utils/colors'
+ to: '/utils/color'
},
{
title: 'Icons',
icon: WindmillIcon,
- to: '/forms/radio',
+ to: '/utils/icons',
children: [
{
title: 'Tabler Icons',
icon: CircleIcon,
- to: '/icons/tabler'
+ to: 'https://tabler.io/icons',
+ type: 'external'
},
{
title: 'Material Icons',
icon: CircleIcon,
- to: '/icons/material'
+ to: 'https://pictogrammers.com/library/mdi/',
+ type: 'external'
}
]
},
diff --git a/src/main.ts b/src/main.ts
index 9a27cdd..71c4074 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,13 +8,11 @@ import { PerfectScrollbarPlugin } from 'vue3-perfect-scrollbar';
import VueApexCharts from 'vue3-apexcharts';
import VueTablerIcons from 'vue-tabler-icons';
-import { fakeBackend } from '@/utils/helpers/fake-backend';
-
const app = createApp(App);
-fakeBackend();
+const pinia = createPinia();
+app.use(pinia);
app.use(router);
app.use(PerfectScrollbarPlugin);
-app.use(createPinia());
app.use(VueTablerIcons);
app.use(VueApexCharts);
app.use(vuetify).mount('#app');
diff --git a/src/pages/(main).vue b/src/pages/(main).vue
new file mode 100644
index 0000000..f8a6edb
--- /dev/null
+++ b/src/pages/(main).vue
@@ -0,0 +1,15 @@
+
+
+
+
+{
+ "meta": {
+ "requiresAuth": false
+ }
+}
+
diff --git a/src/views/apps/README.md b/src/pages/(main)/advance/README.md
similarity index 100%
rename from src/views/apps/README.md
rename to src/pages/(main)/advance/README.md
diff --git a/src/views/forms/README.md b/src/pages/(main)/apps/README.md
similarity index 100%
rename from src/views/forms/README.md
rename to src/pages/(main)/apps/README.md
diff --git a/src/views/ui-elements/README.md b/src/pages/(main)/basic/README.md
similarity index 100%
rename from src/views/ui-elements/README.md
rename to src/pages/(main)/basic/README.md
diff --git a/src/views/widgets/README.md b/src/pages/(main)/charts/README.md
similarity index 100%
rename from src/views/widgets/README.md
rename to src/pages/(main)/charts/README.md
diff --git a/src/views/dashboards/default/DefaultDashboard.vue b/src/pages/(main)/dashboard/default.vue
similarity index 78%
rename from src/views/dashboards/default/DefaultDashboard.vue
rename to src/pages/(main)/dashboard/default.vue
index 5eb3be8..29cb2c8 100644
--- a/src/views/dashboards/default/DefaultDashboard.vue
+++ b/src/pages/(main)/dashboard/default.vue
@@ -1,10 +1,10 @@
diff --git a/src/pages/(main)/forms/README.md b/src/pages/(main)/forms/README.md
new file mode 100644
index 0000000..2d7b7a6
--- /dev/null
+++ b/src/pages/(main)/forms/README.md
@@ -0,0 +1,45 @@
+**Note:** _This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them._
+
+Please continue reading below to explore the features of the Pro version:
+
+# Berry Admin Panel - Unlock Premium Features with the Pro Version
+
+Elevate your project with the Pro Version of the Berry Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
+
+This page (folder) is a sneak peek into the premium features available in version 1.5.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+
+## Included in the Pro Version:
+
+[🚀 Dashboards](https://berrydashboard.com/vue/dashboard/default) : Advanced dashboards with real-time insights and data visualizations for actionable metrics.
+
+[📦 Widgets](https://berrydashboard.com/vue/widget/statistics) : A curated library of pre-built widgets for enhanced functionality and faster development.
+
+[🔧 Components](https://berrydashboard.com/vue/components/buttons) : A rich collection of reusable and customizable UI components.
+
+[🚀 Advanced Components](https://berrydashboard.com/vue/advance/snackbar) : Customizable and dynamic Snackbar components for delivering seamless notifications and user feedback in your application.
+
+[📝 Forms](https://berrydashboard.com/vue/forms/formvalidation) : Dynamic and customizable forms with advanced validation features for a smooth user experience.
+
+[📊 Tables](https://berrydashboard.com/vue/tables/tbl-basic) : Simple and clean tables for displaying structured data effectively.
+
+[📈 Charts](https://berrydashboard.com/vue/forms/charts/apexchart) : Beautifully designed charts powered by modern data visualization libraries.
+
+[🔒 Authentication](https://berrydashboard.com/vue/register1) : Secure pages for login, registration, and password recovery, ensuring robust user management.
+
+[🛒 E-commerce App](https://berrydashboard.com/vue/ecommerce/products) : A streamlined system for managing products and inventory in your e-commerce platform.
+
+[💬 Chat Messages](https://berrydashboard.com/vue/app/chats) : An integrated chat system to enhance communication within your application.
+
+[👤 Account Profile](https://berrydashboard.com/vue/app/user/account-profile/profile1) : A sleek and customizable account profile page for managing user details and settings.
+
+## Why Upgrade to the Pro Version?
+
+🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/views/StarterPage.vue b/src/pages/(main)/starter.vue similarity index 98% rename from src/views/StarterPage.vue rename to src/pages/(main)/starter.vue index c465783..48eb4a2 100644 --- a/src/views/StarterPage.vue +++ b/src/pages/(main)/starter.vue @@ -20,7 +20,7 @@ const breadcrumbs = shallowRef([ -
diff --git a/src/pages/(main)/tables/README.md b/src/pages/(main)/tables/README.md
new file mode 100644
index 0000000..2d7b7a6
--- /dev/null
+++ b/src/pages/(main)/tables/README.md
@@ -0,0 +1,45 @@
+**Note:** _This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them._
+
+Please continue reading below to explore the features of the Pro version:
+
+# Berry Admin Panel - Unlock Premium Features with the Pro Version
+
+Elevate your project with the Pro Version of the Berry Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
+
+This page (folder) is a sneak peek into the premium features available in version 1.5.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+
+## Included in the Pro Version:
+
+[🚀 Dashboards](https://berrydashboard.com/vue/dashboard/default) : Advanced dashboards with real-time insights and data visualizations for actionable metrics.
+
+[📦 Widgets](https://berrydashboard.com/vue/widget/statistics) : A curated library of pre-built widgets for enhanced functionality and faster development.
+
+[🔧 Components](https://berrydashboard.com/vue/components/buttons) : A rich collection of reusable and customizable UI components.
+
+[🚀 Advanced Components](https://berrydashboard.com/vue/advance/snackbar) : Customizable and dynamic Snackbar components for delivering seamless notifications and user feedback in your application.
+
+[📝 Forms](https://berrydashboard.com/vue/forms/formvalidation) : Dynamic and customizable forms with advanced validation features for a smooth user experience.
+
+[📊 Tables](https://berrydashboard.com/vue/tables/tbl-basic) : Simple and clean tables for displaying structured data effectively.
+
+[📈 Charts](https://berrydashboard.com/vue/forms/charts/apexchart) : Beautifully designed charts powered by modern data visualization libraries.
+
+[🔒 Authentication](https://berrydashboard.com/vue/register1) : Secure pages for login, registration, and password recovery, ensuring robust user management.
+
+[🛒 E-commerce App](https://berrydashboard.com/vue/ecommerce/products) : A streamlined system for managing products and inventory in your e-commerce platform.
+
+[💬 Chat Messages](https://berrydashboard.com/vue/app/chats) : An integrated chat system to enhance communication within your application.
+
+[👤 Account Profile](https://berrydashboard.com/vue/app/user/account-profile/profile1) : A sleek and customizable account profile page for managing user details and settings.
+
+## Why Upgrade to the Pro Version?
+
+🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/pages/(main)/ui-elements/README.md b/src/pages/(main)/ui-elements/README.md new file mode 100644 index 0000000..2d7b7a6 --- /dev/null +++ b/src/pages/(main)/ui-elements/README.md @@ -0,0 +1,45 @@ +**Note:** _This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them._ + +Please continue reading below to explore the features of the Pro version: + +# Berry Admin Panel - Unlock Premium Features with the Pro Version + +Elevate your project with the Pro Version of the Berry Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. + +This page (folder) is a sneak peek into the premium features available in version 1.5.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. + +## Included in the Pro Version: + +[🚀 Dashboards](https://berrydashboard.com/vue/dashboard/default) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. + +[📦 Widgets](https://berrydashboard.com/vue/widget/statistics) : A curated library of pre-built widgets for enhanced functionality and faster development. + +[🔧 Components](https://berrydashboard.com/vue/components/buttons) : A rich collection of reusable and customizable UI components. + +[🚀 Advanced Components](https://berrydashboard.com/vue/advance/snackbar) : Customizable and dynamic Snackbar components for delivering seamless notifications and user feedback in your application. + +[📝 Forms](https://berrydashboard.com/vue/forms/formvalidation) : Dynamic and customizable forms with advanced validation features for a smooth user experience. + +[📊 Tables](https://berrydashboard.com/vue/tables/tbl-basic) : Simple and clean tables for displaying structured data effectively. + +[📈 Charts](https://berrydashboard.com/vue/forms/charts/apexchart) : Beautifully designed charts powered by modern data visualization libraries. + +[🔒 Authentication](https://berrydashboard.com/vue/register1) : Secure pages for login, registration, and password recovery, ensuring robust user management. + +[🛒 E-commerce App](https://berrydashboard.com/vue/ecommerce/products) : A streamlined system for managing products and inventory in your e-commerce platform. + +[💬 Chat Messages](https://berrydashboard.com/vue/app/chats) : An integrated chat system to enhance communication within your application. + +[👤 Account Profile](https://berrydashboard.com/vue/app/user/account-profile/profile1) : A sleek and customizable account profile page for managing user details and settings. + +## Why Upgrade to the Pro Version? + +🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/views/utilities/colors/ColorPage.vue b/src/pages/(main)/utils/color.vue similarity index 90% rename from src/views/utilities/colors/ColorPage.vue rename to src/pages/(main)/utils/color.vue index 4a6059c..0e375d0 100644 --- a/src/views/utilities/colors/ColorPage.vue +++ b/src/pages/(main)/utils/color.vue @@ -1,4 +1,4 @@ - -
+
-
-
diff --git a/src/layouts/full/vertical-header/SearchBarPanel.vue b/src/layouts/full/vertical-header/SearchBarPanel.vue
index 62e4ec5..7ab0d75 100644
--- a/src/layouts/full/vertical-header/SearchBarPanel.vue
+++ b/src/layouts/full/vertical-header/SearchBarPanel.vue
@@ -13,7 +13,7 @@ const props = defineProps({
- Start DND Mode
-
-
-
-
-
+
+
+ Account Settings
-
+ Account Settings
+
-
-
-
+
+ Social Profile
+ Social Profile
-
-
+
+
-
-
-
+
+ Logout
-
-
+ Logout
+
+
+
+
-
+
- Start DND Mode
+
+
-
- Allow Notifications
-
-
-
+
Allow Notifications
+
+
Upgrade To Pro
-To get more features and components
+To get more features and components
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/views/StarterPage.vue b/src/pages/(main)/starter.vue similarity index 98% rename from src/views/StarterPage.vue rename to src/pages/(main)/starter.vue index c465783..48eb4a2 100644 --- a/src/views/StarterPage.vue +++ b/src/pages/(main)/starter.vue @@ -20,7 +20,7 @@ const breadcrumbs = shallowRef([ -
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/pages/(main)/ui-elements/README.md b/src/pages/(main)/ui-elements/README.md new file mode 100644 index 0000000..2d7b7a6 --- /dev/null +++ b/src/pages/(main)/ui-elements/README.md @@ -0,0 +1,45 @@ +**Note:** _This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them._ + +Please continue reading below to explore the features of the Pro version: + +# Berry Admin Panel - Unlock Premium Features with the Pro Version + +Elevate your project with the Pro Version of the Berry Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. + +This page (folder) is a sneak peek into the premium features available in version 1.5.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. + +## Included in the Pro Version: + +[🚀 Dashboards](https://berrydashboard.com/vue/dashboard/default) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. + +[📦 Widgets](https://berrydashboard.com/vue/widget/statistics) : A curated library of pre-built widgets for enhanced functionality and faster development. + +[🔧 Components](https://berrydashboard.com/vue/components/buttons) : A rich collection of reusable and customizable UI components. + +[🚀 Advanced Components](https://berrydashboard.com/vue/advance/snackbar) : Customizable and dynamic Snackbar components for delivering seamless notifications and user feedback in your application. + +[📝 Forms](https://berrydashboard.com/vue/forms/formvalidation) : Dynamic and customizable forms with advanced validation features for a smooth user experience. + +[📊 Tables](https://berrydashboard.com/vue/tables/tbl-basic) : Simple and clean tables for displaying structured data effectively. + +[📈 Charts](https://berrydashboard.com/vue/forms/charts/apexchart) : Beautifully designed charts powered by modern data visualization libraries. + +[🔒 Authentication](https://berrydashboard.com/vue/register1) : Secure pages for login, registration, and password recovery, ensuring robust user management. + +[🛒 E-commerce App](https://berrydashboard.com/vue/ecommerce/products) : A streamlined system for managing products and inventory in your e-commerce platform. + +[💬 Chat Messages](https://berrydashboard.com/vue/app/chats) : An integrated chat system to enhance communication within your application. + +[👤 Account Profile](https://berrydashboard.com/vue/app/user/account-profile/profile1) : A sleek and customizable account profile page for managing user details and settings. + +## Why Upgrade to the Pro Version? + +🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/views/utilities/colors/ColorPage.vue b/src/pages/(main)/utils/color.vue similarity index 90% rename from src/views/utilities/colors/ColorPage.vue rename to src/pages/(main)/utils/color.vue index 4a6059c..0e375d0 100644 --- a/src/views/utilities/colors/ColorPage.vue +++ b/src/pages/(main)/utils/color.vue @@ -1,4 +1,4 @@ - -
+
@@ -18,8 +18,8 @@ import AuthLogin from './authForms/AuthLogin.vue';
diff --git a/src/views/authentication/auth/RegisterPage.vue b/src/pages/authentication/register.vue
similarity index 78%
rename from src/views/authentication/auth/RegisterPage.vue
rename to src/pages/authentication/register.vue
index a177f6b..afb8ee1 100644
--- a/src/views/authentication/auth/RegisterPage.vue
+++ b/src/pages/authentication/register.vue
@@ -1,14 +1,14 @@
-
+
-
Hi, Welcome Back
-Enter your credentials to continue
+Hi, Welcome Back
+Enter your credentials to continue
+
@@ -18,8 +18,8 @@ import AuthRegister from '../authForms/AuthRegister.vue';
diff --git a/src/views/pages/maintenance/error/Error404Page.vue b/src/pages/maintenance/error.vue
similarity index 93%
rename from src/views/pages/maintenance/error/Error404Page.vue
rename to src/pages/maintenance/error.vue
index 294ddf4..c45952b 100644
--- a/src/views/pages/maintenance/error/Error404Page.vue
+++ b/src/pages/maintenance/error.vue
@@ -1,7 +1,7 @@
-
+
;
- logout(): void;
-}
+const notFoundRoute = {
+ path: '/:pathMatch(.*)*',
+ name: 'NotFound',
+ component: () => import('@/pages/maintenance/error.vue'),
+ meta: { requiresAuth: false }
+};
-router.beforeEach(async (to, from, next) => {
- // redirect to login page if not logged in and trying to access a restricted page
- const publicPages = ['/'];
- const auth: AuthStore = useAuthStore();
-
- const isPublicPage = publicPages.includes(to.path);
- const authRequired = !isPublicPage && to.matched.some((record) => record.meta.requiresAuth);
-
- // User not logged in and trying to access a restricted page
- if (authRequired && !auth.user) {
- auth.returnUrl = to.fullPath; // Save the intended page
- next('/login');
- } else if (auth.user && to.path === '/login') {
- // User logged in and trying to access the login page
- next({
- query: {
- ...to.query,
- redirect: auth.returnUrl !== '/' ? to.fullPath : undefined
- }
- });
- } else {
- // All other scenarios, either public page or authorized access
- next();
- }
+export const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [rootRedirect, ...routes, notFoundRoute]
});
diff --git a/src/scss/_override.scss b/src/scss/_override.scss
index e401598..9fc3c19 100644
--- a/src/scss/_override.scss
+++ b/src/scss/_override.scss
@@ -4,10 +4,23 @@ html {
}
}
-.v-row + .v-row {
+.v-row+.v-row {
margin-top: 0px;
}
+ul {
+ margin-block-start: 0;
+ margin-block-end: 0;
+}
+
+ul:not(.v-breadcrumbs) {
+ padding-inline-start: 0;
+}
+
+.v-avatar {
+ border-color: inherit;
+}
+
.v-divider {
opacity: 1;
border-color: rgba(var(--v-theme-borderLight), 0.36);
@@ -17,12 +30,6 @@ html {
flex: unset;
}
-.customizer-btn .icon {
- animation: progress-circular-rotate 1.4s linear infinite;
- transform-origin: center center;
- transition: all 0.2s ease-in-out;
-}
-
.no-spacer {
.v-list-item__spacer {
display: none !important;
@@ -35,28 +42,53 @@ html {
}
}
+.v-toolbar.breadcrumb {
+ .v-toolbar__content {
+ flex-wrap: wrap;
+ height: unset !important;
+ }
+}
+
// apexchart css
.apexcharts-canvas {
+ &:focus-visible {
+ outline: none !important;
+ }
+
+ svg {
+ &:focus {
+ outline: none !important;
+ }
+
+ .apexcharts-keyboard-focused {
+ stroke-width: 0;
+ }
+ }
+
+ .apexcharts-svg {
+ background: transparent !important;
+ }
+
.apexcharts-tooltip-rangebar {
padding: 0px 8px 5px;
}
+
.apexcharts-tooltip-title {
margin-bottom: 0;
}
+
.apexcharts-tooltip-marker {
- margin-top: -7px;
- }
- .apexcharts-tooltip {
- &.apexcharts-theme-light {
- color: rgb(var(--v-theme-darkText));
- }
+ margin-top: -9px;
}
+
.apexcharts-tooltip-series-group {
+
&.apexcharts-active,
&:last-child {
padding-bottom: 0;
}
}
+
.apexcharts-menu {
.apexcharts-menu-item {
&:hover {
@@ -65,3 +97,120 @@ html {
}
}
}
+
+@layer vuetify-core {
+ h1 {
+ font-size: 2.125rem;
+ font-weight: 700;
+ line-height: 3.5rem;
+ letter-spacing: normal;
+ margin-block: 0;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ font-weight: 700;
+ line-height: 2.5rem;
+ letter-spacing: normal;
+ margin-block: 0;
+ }
+
+ h3 {
+ font-size: 1.25rem;
+ font-weight: 600;
+ line-height: 2rem;
+ letter-spacing: normal;
+ margin-block: 0;
+ }
+
+ h4 {
+ font-size: 1rem;
+ font-weight: 600;
+ line-height: 1.5rem;
+ letter-spacing: normal;
+ margin-block: 0;
+ }
+
+ h5 {
+ font-size: 0.875rem;
+ font-weight: 500;
+ line-height: 1.2rem;
+ letter-spacing: normal;
+ margin-block: 0;
+ }
+
+ h6 {
+ font-size: 0.75rem;
+ font-weight: 500;
+ line-height: 1rem;
+ letter-spacing: normal;
+ margin-block: 0;
+ }
+
+ p {
+ margin-block-start: 0;
+ }
+}
+
+@layer vuetify-utilities {
+ .elevation-5 {
+ box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
+ }
+}
+
+@layer vuetify-components {
+
+ .v-menu>.v-overlay__content>.v-card,
+ .v-menu>.v-overlay__content>.v-sheet,
+ .v-menu>.v-overlay__content>.v-list {
+ box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
+ }
+
+ .v-list-item-title {
+ letter-spacing: normal;
+ }
+
+ .v-input--density-default {
+
+ .v-field--variant-solo,
+ .v-field--variant-solo-inverted,
+ .v-field--variant-filled,
+ .v-field--variant-solo-filled {
+ .v-label.v-field-label--floating {
+ top: 3px;
+ }
+ }
+ }
+
+ .v-input--density-compact {
+ --v-input-control-height: 40px;
+
+ .v-field {
+ min-height: 40px;
+ height: 40px;
+ }
+
+ .v-field__control,
+ .v-field__input {
+ height: 40px;
+ min-height: 40px;
+ }
+
+ input {
+ height: 40px;
+ min-height: 40px;
+ }
+
+ &.v-select {
+ .v-field__input {
+ flex-wrap: nowrap;
+ }
+ }
+ }
+
+ .v-text-field__prefix,
+ .v-text-field__suffix {
+ padding-top: var(--v-field-input-padding-top);
+ padding-bottom: var(--v-field-input-padding-bottom);
+ }
+}
\ No newline at end of file
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 99ee67b..5e14c41 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -3,6 +3,8 @@
@use 'sass:meta';
@use 'vuetify/lib/styles/tools/functions' as *;
+@use "./grid/grid-breakpoints" as *;
+
// Global font size and border radius
$border-radius-root: 12px;
$body-font-family: 'Roboto', sans-serif !default;
@@ -13,16 +15,12 @@ $btn-letter-spacing: 0 !default;
// colors
$white: #fff !default;
-// cards
-$card-item-spacer-xy: 20px 24px !default;
-$card-text-spacer: 24px !default;
-$card-title-size: 18px !default;
-
// Global Shadow
$box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
// Vuetify overrides
@use 'vuetify/styles' with (
+ $grid-breakpoints: $custom-grid-breakpoints,
// This will false all colors which is not necessory for theme
$color-pack: false,
@@ -34,7 +32,7 @@ $box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
$rounded: (
(
0: 0,
- 'sm': $border-radius-root * 0.5,
+ 'sm': $border-radius-root * calc(2/3),
null: $border-radius-root,
'md': $border-radius-root * 1,
'lg': $border-radius-root * 2,
@@ -47,80 +45,63 @@ $box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
// Global Typography
$font-size-root: 1rem,
- $typography: (
- 'h1': (
- 'size': 2.125rem,
+ $typography: ('display-large': ('size': 2.125rem,
'weight': 700,
'line-height': 3.5rem,
- 'font-family': inherit
- ),
- 'h2': (
- 'size': 1.5rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'display-medium': ('size': 1.5rem,
'weight': 700,
'line-height': 2.5rem,
- 'font-family': inherit
- ),
- 'h3': (
- 'size': 1.25rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'display-small': ('size': 1.25rem,
'weight': 600,
'line-height': 2rem,
- 'font-family': inherit
- ),
- 'h4': (
- 'size': 1rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'headline-large': ('size': 1rem,
'weight': 600,
'line-height': 1.5rem,
- 'font-family': inherit
- ),
- 'h5': (
- 'size': 0.875rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'headline-medium': ('size': 0.875rem,
'weight': 500,
'line-height': 1.2rem,
- 'font-family': inherit
- ),
- 'h6': (
- 'size': 0.75rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'headline-small': ('size': 0.75rem,
'weight': 500,
- 'font-family': inherit
- ),
- 'subtitle-1': (
- 'size': 0.875rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'body-large': ('size': 0.875rem,
'weight': 500,
'line-height': 1rem,
- 'font-family': inherit
- ),
- 'subtitle-2': (
- 'size': 0.75rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'body-small': ('size': 0.75rem,
'weight': 400,
+ 'letter-spacing': normal,
'line-height': 1rem,
- 'font-family': inherit
- ),
- 'body-1': (
- 'size': 0.875rem,
+ 'font-family': inherit),
+ 'body-medium': ('size': 0.875rem,
'weight': 400,
- 'font-family': inherit
- ),
- 'body-2': (
- 'size': 0.75rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'label-large': ('size': 0.75rem,
'weight': 400,
- 'font-family': inherit
- ),
- 'button': (
- 'size': 0.875rem,
+ 'font-family': inherit),
+ 'button': ('size': 0.875rem,
'weight': 500,
+ 'letter-spacing': normal,
'font-family': inherit,
- 'text-transform': uppercase
- ),
- 'caption': (
- 'size': 0.75rem,
+ 'text-transform': uppercase),
+ 'label-small': ('size': 0.75rem,
'weight': 400,
- 'font-family': inherit
- ),
- 'overline': (
- 'size': 0.75rem,
+ 'letter-spacing': normal,
+ 'font-family': inherit),
+ 'label-medium': ('size': 0.75rem,
'weight': 500,
'font-family': inherit,
- 'text-transform': uppercase
- )
- )
-);
+ 'letter-spacing': .1666666667em,
+ 'text-transform': uppercase)));
diff --git a/src/scss/components/_VCard.scss b/src/scss/components/_VCard.scss
index 7c1b266..4e1d411 100644
--- a/src/scss/components/_VCard.scss
+++ b/src/scss/components/_VCard.scss
@@ -2,20 +2,4 @@
// Outline Card
.v-card--variant-outlined {
border-color: rgba(var(--v-theme-borderLight), 0.36);
- .v-divider {
- border-color: rgba(var(--v-theme-borderLight), 0.36);
- }
-}
-
-.v-card-text {
- padding: $card-text-spacer;
-}
-
-.v-card {
- width: 100%;
- overflow: visible;
-}
-
-.v-card-item {
- padding: $card-item-spacer-xy;
-}
+}
\ No newline at end of file
diff --git a/src/scss/components/_VField.scss b/src/scss/components/_VField.scss
deleted file mode 100644
index 2798d0b..0000000
--- a/src/scss/components/_VField.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@use '../variables' as *;
-
-.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
-.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
- border-radius: $border-radius-root 0 0 $border-radius-root;
-}
-
-.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
-.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
- border-radius: 0 $border-radius-root $border-radius-root 0;
-}
diff --git a/src/scss/components/_VInput.scss b/src/scss/components/_VInput.scss
index 60b0f32..7163219 100644
--- a/src/scss/components/_VInput.scss
+++ b/src/scss/components/_VInput.scss
@@ -1,16 +1,3 @@
-.v-input--density-default,
-.v-field--variant-solo,
-.v-field--variant-filled {
- --v-input-control-height: 51px;
- --v-input-padding-top: 14px;
-}
-.v-input--density-comfortable {
- --v-input-control-height: 56px;
- --v-input-padding-top: 17px;
-}
-.v-label {
- font-size: 0.975rem;
-}
.v-switch .v-label,
.v-checkbox .v-label {
opacity: 1;
diff --git a/src/scss/components/_VShadow.scss b/src/scss/components/_VShadow.scss
deleted file mode 100644
index 3a42f44..0000000
--- a/src/scss/components/_VShadow.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@use '../variables' as *;
-
-.elevation-10 {
- box-shadow: $box-shadow !important;
-}
diff --git a/src/scss/components/_VTextField.scss b/src/scss/components/_VTextField.scss
index 8c125ec..7faf335 100644
--- a/src/scss/components/_VTextField.scss
+++ b/src/scss/components/_VTextField.scss
@@ -2,14 +2,9 @@
font-size: 0.875rem;
}
.v-input--density-default {
- .v-field__input {
- min-height: 51px;
- }
+ --v-input-control-height: 50px;
}
-.v-field__outline {
- color: rgb(var(--v-theme-inputBorder));
-}
.inputWithbg {
.v-field--variant-outlined {
background-color: rgba(0, 0, 0, 0.025);
diff --git a/src/scss/grid/_grid-breakpoints.scss b/src/scss/grid/_grid-breakpoints.scss
new file mode 100644
index 0000000..780c557
--- /dev/null
+++ b/src/scss/grid/_grid-breakpoints.scss
@@ -0,0 +1,7 @@
+$custom-grid-breakpoints: (
+ "xs": 0,
+ "sm": 768px,
+ "md": 1024px,
+ "lg": 1266px,
+ "xl": 1440px,
+);
\ No newline at end of file
diff --git a/src/scss/layout/_topbar.scss b/src/scss/layout/_topbar.scss
index 75e73fb..a749535 100644
--- a/src/scss/layout/_topbar.scss
+++ b/src/scss/layout/_topbar.scss
@@ -1,11 +1,13 @@
.profileBtn {
height: 50px !important;
- margin: 0 20px 0 10px !important;
+ margin-inline-end: 20px;
}
.search-sheet {
position: absolute;
z-index: 9;
+ width: calc(100% - 24px);
+ left: 12px;
}
.circle {
diff --git a/src/scss/settings.scss b/src/scss/settings.scss
new file mode 100644
index 0000000..374a17a
--- /dev/null
+++ b/src/scss/settings.scss
@@ -0,0 +1,33 @@
+@use "./grid/grid-breakpoints" as *;
+
+$custom-card-text-padding: 24px;
+$custom-card-actions-padding: 0.625rem 24px 24px;
+$custom-card-item-padding: 20px 24px;
+$custom-card-title-font-size: 1.125rem;
+$custom-card-title-font-weight: 500;
+$custom-card-title-line-height: 1.334;
+
+
+// src/styles/settings.scss
+@forward "vuetify/settings" with ($grid-breakpoints: $custom-grid-breakpoints,
+
+ // cards
+ $card-text-padding: $custom-card-text-padding,
+ $card-actions-padding: $custom-card-actions-padding,
+ $card-item-padding: $custom-card-item-padding,
+ $card-title-font-size: $custom-card-title-font-size,
+ $card-title-font-weight: $custom-card-title-font-weight,
+ $card-title-line-height: $custom-card-title-line-height);
+
+// Manually override the `vuetify-core` reset targeting `button` by
+// injecting into a higher precedence layer per the Vuetify documentation.
+@layer vuetify-core {
+
+ button,
+ [type='button'],
+ [type='reset'],
+ [type='submit'],
+ [role='button'] {
+ color: initial;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/style.scss b/src/scss/style.scss
index fa74083..365e1bd 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -7,10 +7,8 @@
@use './components/VButtons';
@use './components/VCard';
-@use './components/VField';
@use './components/VInput';
@use './components/VNavigationDrawer';
-@use './components/VShadow';
@use './components/VTextField';
@use './components/VTabs';
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
deleted file mode 100644
index 9d9e760..0000000
--- a/src/stores/auth.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { defineStore } from 'pinia';
-import { router } from '@/router';
-import { fetchWrapper } from '@/utils/helpers/fetch-wrapper';
-
-const baseUrl = `${import.meta.env.VITE_API_URL}/users`;
-
-export const useAuthStore = defineStore('auth', {
- state: () => ({
- // initialize state from local storage to enable user to stay logged in
- /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
- // @ts-ignore
- user: JSON.parse(localStorage.getItem('user')),
- returnUrl: null
- }),
- actions: {
- async login(username: string, password: string) {
- const user = await fetchWrapper.post(`${baseUrl}/authenticate`, { username, password });
-
- // update pinia state
- this.user = user;
- // store user details and jwt in local storage to keep user logged in between page refreshes
- localStorage.setItem('user', JSON.stringify(user));
- // redirect to previous url or default to home page
- router.push(this.returnUrl || '/dashboard/default');
- },
- logout() {
- this.user = null;
- localStorage.removeItem('user');
- router.push('/login');
- }
- }
-});
diff --git a/src/stores/authUser.ts b/src/stores/authUser.ts
deleted file mode 100644
index bc32300..0000000
--- a/src/stores/authUser.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { defineStore } from 'pinia';
-
-import { fetchWrapper } from '@/utils/helpers/fetch-wrapper';
-
-const baseUrl = `${import.meta.env.VITE_API_URL}/users`;
-
-export const useUsersStore = defineStore('Authuser', {
- state: () => ({
- users: {}
- }),
- actions: {
- async getAll() {
- this.users = { loading: true };
- fetchWrapper
- .get(baseUrl)
- .then((users) => (this.users = users))
- .catch((error) => (this.users = { error }));
- }
- }
-});
diff --git a/src/theme/LightTheme.ts b/src/theme/LightTheme.ts
index e7cf93a..11cb9fe 100644
--- a/src/theme/LightTheme.ts
+++ b/src/theme/LightTheme.ts
@@ -1,11 +1,15 @@
-import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+import type { ThemeDefinition } from 'vuetify';
-const PurpleTheme: ThemeTypes = {
- name: 'PurpleTheme',
+const PurpleTheme: ThemeDefinition = {
dark: false,
variables: {
'border-color': '#1e88e5',
- 'carousel-control-size': 10
+ 'carousel-control-size': 10,
+ 'high-opacity': 1,
+ 'medium-opacity': 0.8,
+ 'low-opacity': 0.5,
+ 'field-input-padding-top': '12px',
+ 'field-input-padding-bottom': '12px'
},
colors: {
primary: '#1e88e5',
diff --git a/src/types/themeTypes/ThemeType.ts b/src/types/themeTypes/ThemeType.ts
deleted file mode 100644
index 52ed07b..0000000
--- a/src/types/themeTypes/ThemeType.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export type ThemeTypes = {
- name: string;
- dark: boolean;
- variables?: object;
- colors: {
- primary?: string;
- secondary?: string;
- info?: string;
- success?: string;
- accent?: string;
- warning?: string;
- error?: string;
- lightprimary?: string;
- lightsecondary?: string;
- lightsuccess?: string;
- lighterror?: string;
- lightwarning?: string;
- darkprimary?: string;
- darksecondary?: string;
- darkText?: string;
- lightText?: string;
- borderLight?: string;
- inputBorder?: string;
- containerBg?: string;
- surface?: string;
- background?: string;
- 'on-surface-variant'?: string;
- facebook?: string;
- twitter?: string;
- linkedin?: string;
- gray100?: string;
- primary200?: string;
- secondary200?: string;
- };
-};
diff --git a/src/utils/helpers/README.md b/src/utils/helpers/README.md
new file mode 100644
index 0000000..2d7b7a6
--- /dev/null
+++ b/src/utils/helpers/README.md
@@ -0,0 +1,45 @@
+**Note:** _This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them._
+
+Please continue reading below to explore the features of the Pro version:
+
+# Berry Admin Panel - Unlock Premium Features with the Pro Version
+
+Elevate your project with the Pro Version of the Berry Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
+
+This page (folder) is a sneak peek into the premium features available in version 1.5.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+
+## Included in the Pro Version:
+
+[🚀 Dashboards](https://berrydashboard.com/vue/dashboard/default) : Advanced dashboards with real-time insights and data visualizations for actionable metrics.
+
+[📦 Widgets](https://berrydashboard.com/vue/widget/statistics) : A curated library of pre-built widgets for enhanced functionality and faster development.
+
+[🔧 Components](https://berrydashboard.com/vue/components/buttons) : A rich collection of reusable and customizable UI components.
+
+[🚀 Advanced Components](https://berrydashboard.com/vue/advance/snackbar) : Customizable and dynamic Snackbar components for delivering seamless notifications and user feedback in your application.
+
+[📝 Forms](https://berrydashboard.com/vue/forms/formvalidation) : Dynamic and customizable forms with advanced validation features for a smooth user experience.
+
+[📊 Tables](https://berrydashboard.com/vue/tables/tbl-basic) : Simple and clean tables for displaying structured data effectively.
+
+[📈 Charts](https://berrydashboard.com/vue/forms/charts/apexchart) : Beautifully designed charts powered by modern data visualization libraries.
+
+[🔒 Authentication](https://berrydashboard.com/vue/register1) : Secure pages for login, registration, and password recovery, ensuring robust user management.
+
+[🛒 E-commerce App](https://berrydashboard.com/vue/ecommerce/products) : A streamlined system for managing products and inventory in your e-commerce platform.
+
+[💬 Chat Messages](https://berrydashboard.com/vue/app/chats) : An integrated chat system to enhance communication within your application.
+
+[👤 Account Profile](https://berrydashboard.com/vue/app/user/account-profile/profile1) : A sleek and customizable account profile page for managing user details and settings.
+
+## Why Upgrade to the Pro Version?
+
+🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/utils/helpers/fake-backend.ts b/src/utils/helpers/fake-backend.ts deleted file mode 100644 index 1ffe769..0000000 --- a/src/utils/helpers/fake-backend.ts +++ /dev/null @@ -1,83 +0,0 @@ -export { fakeBackend }; - -interface User { - id: number; - username: string; - password: string; - firstName: string; - lastName: string; -} - -interface ResponseBody { - id: number; - username: string; - firstName: string; - lastName: string; - token: string; -} - -function fakeBackend() { - const users: User[] = [{ id: 1, username: 'info@codedthemes.com', password: 'admin123', firstName: 'Codedthemes', lastName: '.com' }]; - const realFetch = window.fetch; - - window.fetch = function (url: string, opts: { method: string; headers: { [key: string]: string }; body?: string }) { - return new Promise((resolve, reject) => {
- // wrap in timeout to simulate server api call
- setTimeout(handleRoute, 500);
-
- function handleRoute() {
- switch (true) {
- case url.endsWith('/users/authenticate') && opts.method === 'POST':
- return authenticate();
- case url.endsWith('/users') && opts.method === 'GET':
- return getUsers();
- default:
- // pass through any requests not handled above
- return realFetch(url, opts)
- .then((response) => resolve(response))
- .catch((error) => reject(error));
- }
- }
-
- // route functions
- function authenticate() {
- const { username, password } = body();
- const user = users.find((x) => x.username === username && x.password === password);
- if (!user) return error('Username or password is incorrect');
- return ok({
- id: user.id,
- username: user.username,
- firstName: user.firstName,
- lastName: user.lastName,
- token: 'fake-jwt-token'
- });
- }
-
- function getUsers() {
- if (!isAuthenticated()) return unauthorized();
- return ok(users);
- }
-
- // helper functions
- function ok(body: User[] | ResponseBody): void {
- resolve({ ok: true, text: () => Promise.resolve(JSON.stringify(body)) } as Response);
- }
-
- function unauthorized() {
- resolve({ status: 401, text: () => Promise.resolve(JSON.stringify({ message: 'Unauthorized' })) } as Response);
- }
-
- function error(message: string) {
- resolve({ status: 400, text: () => Promise.resolve(JSON.stringify({ message })) } as Response);
- }
-
- function isAuthenticated() {
- return opts.headers['Authorization'] === 'Bearer fake-jwt-token';
- }
-
- function body() {
- return opts.body && JSON.parse(opts.body);
- }
- });
- } as typeof window.fetch; // Type assertion here
-}
diff --git a/src/utils/helpers/fetch-wrapper.ts b/src/utils/helpers/fetch-wrapper.ts
deleted file mode 100644
index da4bc5b..0000000
--- a/src/utils/helpers/fetch-wrapper.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useAuthStore } from '@/stores/auth';
-
-export const fetchWrapper = {
- get: request('GET'),
- post: request('POST'),
- put: request('PUT'),
- delete: request('DELETE')
-};
-
-interface temp {
- method: string;
- headers: Record;
- body?: string;
-}
-
-interface UserData {
- username: string;
- password: string;
-}
-
-function request(method: string) {
- return (url: string, body?: object) => {
- const requestOptions: temp = {
- method,
- headers: authHeader(url)
- };
- if (body) {
- requestOptions.headers['Content-Type'] = 'application/json';
- requestOptions.body = JSON.stringify(body);
- }
- return fetch(url, requestOptions).then(handleResponse);
- };
-}
-
-// helper functions
-
-function authHeader(url: string): Record {
- // return auth header with jwt if user is logged in and request is to the api url
- const { user } = useAuthStore();
- const isLoggedIn = !!user?.token;
- const isApiUrl = url.startsWith(import.meta.env.VITE_API_URL);
- if (isLoggedIn && isApiUrl) {
- return { Authorization: `Bearer ${user.token}` };
- } else {
- return {};
- }
-}
-
-function handleResponse(response: Response): Promise {
- return response.text().then((text: string) => {
- const data = text && JSON.parse(text);
-
- if (!response.ok) {
- const { user, logout } = useAuthStore();
- if ([401, 403].includes(response.status) && user) {
- // auto logout if 401 Unauthorized or 403 Forbidden response returned from api
- logout();
- }
-
- const error: string = (data && data.message) || response.statusText;
- return Promise.reject(error);
- }
-
- // Ensure data is of type UserData
- return data as UserData;
- });
-}
diff --git a/src/views/authentication/auth/LoginPage.vue b/src/views/authentication/auth/LoginPage.vue
deleted file mode 100644
index 7e9ae92..0000000
--- a/src/views/authentication/auth/LoginPage.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/views/utilities/icons/MaterialIcons.vue b/src/views/utilities/icons/MaterialIcons.vue
deleted file mode 100644
index 7ff8dbb..0000000
--- a/src/views/utilities/icons/MaterialIcons.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/views/utilities/icons/TablerIcons.vue b/src/views/utilities/icons/TablerIcons.vue
deleted file mode 100644
index e9a90ee..0000000
--- a/src/views/utilities/icons/TablerIcons.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/tsconfig.json b/tsconfig.json
index 8966df3..a5a2ed2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,19 +1,26 @@
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
- "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "src/types/.d.ts"],
+ "include": [
+ "env.d.ts",
+ "src/**/*",
+ "src/**/*.vue",
+ "src/types/.d.ts",
+ "typed-router.d.ts"
+ ],
"compilerOptions": {
"module": "ESNext",
"ignoreDeprecations": "5.0",
"baseUrl": ".",
"paths": {
- "@/*": ["./src/*"]
+ "@/*": [
+ "./src/*"
+ ]
},
"allowJs": true
},
-
"references": [
{
"path": "./tsconfig.vite-config.json"
}
]
-}
+}
\ No newline at end of file
diff --git a/typed-router.d.ts b/typed-router.d.ts
new file mode 100644
index 0000000..0a92e83
--- /dev/null
+++ b/typed-router.d.ts
@@ -0,0 +1,182 @@
+/* eslint-disable */
+/* prettier-ignore */
+// oxfmt-ignore
+// @ts-nocheck
+// noinspection ES6UnusedImports
+// Generated by vue-router. !! DO NOT MODIFY THIS FILE !!
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+import type {
+ RouteRecordInfo,
+ ParamValue,
+ ParamValueOneOrMore,
+ ParamValueZeroOrMore,
+ ParamValueZeroOrOne,
+} from 'vue-router'
+
+declare module 'vue-router' {
+ interface TypesConfig {
+ ParamParsers: never
+ }
+}
+
+declare module 'vue-router/auto-routes' {
+ /**
+ * Route name map generated by vue-router
+ */
+ export interface RouteNamedMap {
+ '/(main)': RouteRecordInfo<
+ '/(main)',
+ '/',
+ Record,
+ Record,
+ | '/(main)/dashboard/default'
+ | '/(main)/starter'
+ | '/(main)/utils/color'
+ | '/(main)/utils/shadow'
+ | '/(main)/utils/typography'
+ >,
+ '/(main)/dashboard/default': RouteRecordInfo<
+ '/(main)/dashboard/default',
+ '/dashboard/default',
+ Record,
+ Record,
+ | never
+ >,
+ '/(main)/starter': RouteRecordInfo<
+ '/(main)/starter',
+ '/starter',
+ Record,
+ Record,
+ | never
+ >,
+ '/(main)/utils/color': RouteRecordInfo<
+ '/(main)/utils/color',
+ '/utils/color',
+ Record,
+ Record,
+ | never
+ >,
+ '/(main)/utils/shadow': RouteRecordInfo<
+ '/(main)/utils/shadow',
+ '/utils/shadow',
+ Record,
+ Record,
+ | never
+ >,
+ '/(main)/utils/typography': RouteRecordInfo<
+ '/(main)/utils/typography',
+ '/utils/typography',
+ Record,
+ Record,
+ | never
+ >,
+ '/authentication/login': RouteRecordInfo<
+ '/authentication/login',
+ '/authentication/login',
+ Record,
+ Record,
+ | never
+ >,
+ '/authentication/register': RouteRecordInfo<
+ '/authentication/register',
+ '/authentication/register',
+ Record,
+ Record,
+ | never
+ >,
+ '/maintenance/error': RouteRecordInfo<
+ '/maintenance/error',
+ '/maintenance/error',
+ Record,
+ Record,
+ | never
+ >,
+ }
+
+ /**
+ * Route file to route info map by vue-router.
+ * Used by the \`sfc-typed-router\` Volar plugin to automatically type \`useRoute()\`.
+ *
+ * Each key is a file path relative to the project root with 2 properties:
+ * - routes: union of route names of the possible routes when in this page (passed to useRoute<...>())
+ * - views: names of nested views (can be passed to )
+ *
+ * @internal
+ */
+ export interface _RouteFileInfoMap {
+ 'src/pages/(main).vue': {
+ routes:
+ | '/(main)'
+ | '/(main)/dashboard/default'
+ | '/(main)/starter'
+ | '/(main)/utils/color'
+ | '/(main)/utils/shadow'
+ | '/(main)/utils/typography'
+ views:
+ | 'default'
+ }
+ 'src/pages/(main)/dashboard/default.vue': {
+ routes:
+ | '/(main)/dashboard/default'
+ views:
+ | never
+ }
+ 'src/pages/(main)/starter.vue': {
+ routes:
+ | '/(main)/starter'
+ views:
+ | never
+ }
+ 'src/pages/(main)/utils/color.vue': {
+ routes:
+ | '/(main)/utils/color'
+ views:
+ | never
+ }
+ 'src/pages/(main)/utils/shadow.vue': {
+ routes:
+ | '/(main)/utils/shadow'
+ views:
+ | never
+ }
+ 'src/pages/(main)/utils/typography.vue': {
+ routes:
+ | '/(main)/utils/typography'
+ views:
+ | never
+ }
+ 'src/pages/authentication/login.vue': {
+ routes:
+ | '/authentication/login'
+ views:
+ | never
+ }
+ 'src/pages/authentication/register.vue': {
+ routes:
+ | '/authentication/register'
+ views:
+ | never
+ }
+ 'src/pages/maintenance/error.vue': {
+ routes:
+ | '/maintenance/error'
+ views:
+ | never
+ }
+ }
+
+ /**
+ * Get a union of possible route names in a certain route component file.
+ * Used by the \`sfc-typed-router\` Volar plugin to automatically type \`useRoute()\`.
+ *
+ * @internal
+ */
+ export type _RouteNamesForFilePath =
+ _RouteFileInfoMap extends Record
+ ? Info['routes']
+ : keyof RouteNamedMap
+}
+
+export {}
diff --git a/vite.config.ts b/vite.config.ts
index d41ad02..20beb1e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,10 +2,12 @@ import { fileURLToPath, URL } from 'url';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vuetify from 'vite-plugin-vuetify';
+import VueRouter from 'vue-router/vite';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
+ VueRouter(),
vue({
template: {
compilerOptions: {
@@ -14,6 +16,9 @@ export default defineConfig({
}
}),
vuetify({
+ styles: {
+ configFile: "src/scss/settings.scss",
+ },
autoImport: true
})
],
Sign up
-Enter credentials to continue
+Create Your Account
+Sign up to get started
@@ -10,7 +10,7 @@
-
Something is wrong
+Something is wrong
The page you are looking was moved, removed,
renamed, or might never exist!
+⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.
+📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.
+🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.
+🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. + +## Get Started with the Pro Version! + +👉 [Explore the Pro version now](https://codedthemes.com/item/berry-vue-admin-dashboard/) - and supercharge your development experience! diff --git a/src/utils/helpers/fake-backend.ts b/src/utils/helpers/fake-backend.ts deleted file mode 100644 index 1ffe769..0000000 --- a/src/utils/helpers/fake-backend.ts +++ /dev/null @@ -1,83 +0,0 @@ -export { fakeBackend }; - -interface User { - id: number; - username: string; - password: string; - firstName: string; - lastName: string; -} - -interface ResponseBody { - id: number; - username: string; - firstName: string; - lastName: string; - token: string; -} - -function fakeBackend() { - const users: User[] = [{ id: 1, username: 'info@codedthemes.com', password: 'admin123', firstName: 'Codedthemes', lastName: '.com' }]; - const realFetch = window.fetch; - - window.fetch = function (url: string, opts: { method: string; headers: { [key: string]: string }; body?: string }) { - return new Promise
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-