├── src ├── boot │ ├── .gitkeep │ ├── i18n.js │ └── axios.js ├── css │ ├── app.css │ └── quasar.variables.scss ├── assets │ ├── Login.png │ ├── Mail.png │ ├── bag.jpg │ ├── jam.jpg │ ├── Lock-1.png │ ├── Lock-2.png │ ├── Pricing.png │ ├── action.jpg │ ├── coding.jpeg │ ├── laptop.jpg │ ├── trawel.jpeg │ ├── Dashboard.png │ ├── background.jpg │ ├── lookgood.jpeg │ ├── CRMDashboard.png │ ├── products │ │ ├── c-d-x-PDX_a_82obo-unsplash.jpg │ │ ├── marek-szturc-0iIV1goIodE-unsplash.jpg │ │ ├── giorgio-trovato-K62u25Jk6vo-unsplash.jpg │ │ ├── john-fornander-m2WpKnlLcEc-unsplash .jpg │ │ ├── frankie-valentine-VghbBAYqUJ0-unsplash.jpg │ │ └── jeroen-den-otter-iKmm0okt6Q4-unsplash.jpg │ └── sad.svg ├── i18n │ ├── index.js │ └── en-US │ │ └── index.js ├── App.vue ├── stores │ ├── store-flag.d.ts │ ├── example-store.js │ └── index.js ├── pages │ ├── Index.vue │ ├── Map.vue │ ├── Error404.vue │ ├── Pagination.vue │ ├── MapMarker.vue │ ├── Tables.vue │ ├── StreetView.vue │ ├── Maintenance.vue │ ├── TreeTable.vue │ ├── Charts.vue │ ├── LockScreen.vue │ ├── Login-1.vue │ ├── Footer.vue │ ├── Dashboard.vue │ ├── LockScreen-2.vue │ ├── ProductCatalogues.vue │ ├── Directory.vue │ ├── Pricing.vue │ ├── Cards.vue │ ├── CardHeader.vue │ ├── UserProfile.vue │ └── Calendar.vue ├── components │ ├── cards │ │ ├── CardProfileDark.vue │ │ ├── CardWithImage.vue │ │ ├── CardItem.vue │ │ ├── CardBasic.vue │ │ ├── CardProfile.vue │ │ ├── CardCafe.vue │ │ ├── CardPricing.vue │ │ ├── CardCompany.vue │ │ ├── DirectoryCard.vue │ │ ├── CardProduct.vue │ │ ├── CardTimeLine.vue │ │ ├── CardSocial.vue │ │ └── CardCharts.vue │ ├── ContactDetailItem.vue │ ├── ContactItem.vue │ ├── EssentialLink.vue │ ├── list │ │ └── TodoList.vue │ ├── charts │ │ ├── GuageChart.vue │ │ ├── PieChart.vue │ │ ├── BarChart.vue │ │ ├── ScatterPlot.vue │ │ ├── AreaChart.vue │ │ └── LineChart.vue │ ├── Todo.vue │ ├── tables │ │ ├── TableCustomGrid.vue │ │ ├── TableActions.vue │ │ ├── TableDarkMode.vue │ │ ├── TableBasic.vue │ │ ├── TableProgress.vue │ │ └── TableVisits.vue │ ├── tree-table │ │ ├── SimpleHierarchy.vue │ │ └── CustomHierarchy.vue │ ├── paginations │ │ ├── ListPagination.vue │ │ ├── BasicFilter.vue │ │ └── CardPagination.vue │ └── tabs │ │ └── TabSocial.vue ├── router │ ├── index.js │ └── routes.js └── layouts │ ├── Messages.vue │ └── Mail.vue ├── quasar.extensions.json ├── .npmrc ├── public ├── favicon.ico ├── icons │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon-96x96.png │ └── favicon-128x128.png └── profile.svg ├── .editorconfig ├── .gitignore ├── .github └── FUNDING.yml ├── jsconfig.json ├── postcss.config.js ├── package.json ├── index.html ├── LICENSE.md ├── README.md └── quasar.config.js /src/boot/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/css/app.css: -------------------------------------------------------------------------------- 1 | /* app global css */ 2 | -------------------------------------------------------------------------------- /quasar.extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "qhierarchy": {} 3 | } -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | # pnpm-related options 2 | shamefully-hoist=true 3 | strict-peer-dependencies=false 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /src/assets/Login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/Login.png -------------------------------------------------------------------------------- /src/assets/Mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/Mail.png -------------------------------------------------------------------------------- /src/assets/bag.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/bag.jpg -------------------------------------------------------------------------------- /src/assets/jam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/jam.jpg -------------------------------------------------------------------------------- /src/assets/Lock-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/Lock-1.png -------------------------------------------------------------------------------- /src/assets/Lock-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/Lock-2.png -------------------------------------------------------------------------------- /src/assets/Pricing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/Pricing.png -------------------------------------------------------------------------------- /src/assets/action.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/action.jpg -------------------------------------------------------------------------------- /src/assets/coding.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/coding.jpeg -------------------------------------------------------------------------------- /src/assets/laptop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/laptop.jpg -------------------------------------------------------------------------------- /src/assets/trawel.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/trawel.jpeg -------------------------------------------------------------------------------- /src/i18n/index.js: -------------------------------------------------------------------------------- 1 | import enUS from './en-US' 2 | 3 | export default { 4 | 'en-US': enUS 5 | } 6 | -------------------------------------------------------------------------------- /src/assets/Dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/Dashboard.png -------------------------------------------------------------------------------- /src/assets/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/background.jpg -------------------------------------------------------------------------------- /src/assets/lookgood.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/lookgood.jpeg -------------------------------------------------------------------------------- /src/assets/CRMDashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/CRMDashboard.png -------------------------------------------------------------------------------- /public/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/public/icons/favicon-16x16.png -------------------------------------------------------------------------------- /public/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/public/icons/favicon-32x32.png -------------------------------------------------------------------------------- /public/icons/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/public/icons/favicon-96x96.png -------------------------------------------------------------------------------- /public/icons/favicon-128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/public/icons/favicon-128x128.png -------------------------------------------------------------------------------- /src/assets/products/c-d-x-PDX_a_82obo-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/products/c-d-x-PDX_a_82obo-unsplash.jpg -------------------------------------------------------------------------------- /src/assets/products/marek-szturc-0iIV1goIodE-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/products/marek-szturc-0iIV1goIodE-unsplash.jpg -------------------------------------------------------------------------------- /src/assets/products/giorgio-trovato-K62u25Jk6vo-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/products/giorgio-trovato-K62u25Jk6vo-unsplash.jpg -------------------------------------------------------------------------------- /src/assets/products/john-fornander-m2WpKnlLcEc-unsplash .jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/products/john-fornander-m2WpKnlLcEc-unsplash .jpg -------------------------------------------------------------------------------- /src/assets/products/frankie-valentine-VghbBAYqUJ0-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/products/frankie-valentine-VghbBAYqUJ0-unsplash.jpg -------------------------------------------------------------------------------- /src/assets/products/jeroen-den-otter-iKmm0okt6Q4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pratik227/quasar-admin/HEAD/src/assets/products/jeroen-den-otter-iKmm0okt6Q4-unsplash.jpg -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /src/i18n/en-US/index.js: -------------------------------------------------------------------------------- 1 | // This is just an example, 2 | // so you can safely delete all default props below 3 | 4 | export default { 5 | failed: 'Action failed', 6 | success: 'Action was successful' 7 | } 8 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 12 | -------------------------------------------------------------------------------- /src/css/quasar.variables.scss: -------------------------------------------------------------------------------- 1 | 2 | $primary : rgba(15, 23, 42, 0.89); 3 | $secondary : #26A69A; 4 | $accent : #dd4b39; 5 | 6 | $dark : #1D1D1D; 7 | 8 | $positive : #21BA45; 9 | $negative : #C10015; 10 | $info : #31CCEC; 11 | $warning : #F2C037; 12 | -------------------------------------------------------------------------------- /src/stores/store-flag.d.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | // THIS FEATURE-FLAG FILE IS AUTOGENERATED, 3 | // REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING 4 | import "quasar/dist/types/feature-flag"; 5 | 6 | declare module "quasar/dist/types/feature-flag" { 7 | interface QuasarFeatureFlags { 8 | store: true; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/pages/Index.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | -------------------------------------------------------------------------------- /src/stores/example-store.js: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia'; 2 | 3 | export const useCounterStore = defineStore('counter', { 4 | state: () => ({ 5 | counter: 0, 6 | }), 7 | getters: { 8 | doubleCount: (state) => state.counter * 2, 9 | }, 10 | actions: { 11 | increment() { 12 | this.counter++; 13 | }, 14 | }, 15 | }); 16 | -------------------------------------------------------------------------------- /src/boot/i18n.js: -------------------------------------------------------------------------------- 1 | import { boot } from 'quasar/wrappers' 2 | import { createI18n } from 'vue-i18n' 3 | import messages from 'src/i18n' 4 | 5 | export default boot(({ app }) => { 6 | const i18n = createI18n({ 7 | locale: 'en-US', 8 | globalInjection: true, 9 | messages 10 | }) 11 | 12 | // Set i18n instance on app 13 | app.use(i18n) 14 | }) 15 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .thumbs.db 3 | node_modules 4 | 5 | # Quasar core related directories 6 | .quasar 7 | /dist 8 | 9 | # Cordova related directories and files 10 | /src-cordova/node_modules 11 | /src-cordova/platforms 12 | /src-cordova/plugins 13 | /src-cordova/www 14 | 15 | # Capacitor related directories and files 16 | /src-capacitor/www 17 | /src-capacitor/node_modules 18 | 19 | # Log files 20 | npm-debug.log* 21 | yarn-debug.log* 22 | yarn-error.log* 23 | 24 | # Editor directories and files 25 | .idea 26 | *.suo 27 | *.ntvs* 28 | *.njsproj 29 | *.sln 30 | -------------------------------------------------------------------------------- /src/stores/index.js: -------------------------------------------------------------------------------- 1 | import { store } from 'quasar/wrappers' 2 | import { createPinia } from 'pinia' 3 | 4 | /* 5 | * If not building with SSR mode, you can 6 | * directly export the Store instantiation; 7 | * 8 | * The function below can be async too; either use 9 | * async/await or return a Promise which resolves 10 | * with the Store instance. 11 | */ 12 | 13 | export default store((/* { ssrContext } */) => { 14 | const pinia = createPinia() 15 | 16 | // You can add Pinia plugins here 17 | // pinia.use(SomePiniaPlugin) 18 | 19 | return pinia 20 | }) 21 | -------------------------------------------------------------------------------- /src/components/cards/CardProfileDark.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 25 | 26 | 29 | -------------------------------------------------------------------------------- /src/components/ContactDetailItem.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 23 | 24 | 27 | -------------------------------------------------------------------------------- /src/pages/Map.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 30 | 31 | 34 | -------------------------------------------------------------------------------- /src/components/ContactItem.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 26 | 27 | 30 | -------------------------------------------------------------------------------- /src/pages/Error404.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 32 | -------------------------------------------------------------------------------- /src/components/cards/CardWithImage.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 28 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [pratik227] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: quasar-admin # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "paths": { 5 | "src/*": [ 6 | "src/*" 7 | ], 8 | "app/*": [ 9 | "*" 10 | ], 11 | "components/*": [ 12 | "src/components/*" 13 | ], 14 | "layouts/*": [ 15 | "src/layouts/*" 16 | ], 17 | "pages/*": [ 18 | "src/pages/*" 19 | ], 20 | "assets/*": [ 21 | "src/assets/*" 22 | ], 23 | "boot/*": [ 24 | "src/boot/*" 25 | ], 26 | "stores/*": [ 27 | "src/stores/*" 28 | ], 29 | "vue$": [ 30 | "node_modules/vue/dist/vue.runtime.esm-bundler.js" 31 | ] 32 | } 33 | }, 34 | "exclude": [ 35 | "dist", 36 | ".quasar", 37 | "node_modules" 38 | ] 39 | } -------------------------------------------------------------------------------- /src/pages/Pagination.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 27 | 28 | 31 | -------------------------------------------------------------------------------- /src/components/cards/CardItem.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 34 | 35 | 38 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | // https://github.com/michael-ciniawsky/postcss-load-config 3 | 4 | module.exports = { 5 | plugins: [ 6 | // https://github.com/postcss/autoprefixer 7 | require('autoprefixer')({ 8 | overrideBrowserslist: [ 9 | 'last 4 Chrome versions', 10 | 'last 4 Firefox versions', 11 | 'last 4 Edge versions', 12 | 'last 4 Safari versions', 13 | 'last 4 Android versions', 14 | 'last 4 ChromeAndroid versions', 15 | 'last 4 FirefoxAndroid versions', 16 | 'last 4 iOS versions' 17 | ] 18 | }) 19 | 20 | // https://github.com/elchininet/postcss-rtlcss 21 | // If you want to support RTL css, then 22 | // 1. yarn/npm install postcss-rtlcss 23 | // 2. optionally set quasar.config.js > framework > lang to an RTL language 24 | // 3. uncomment the following line: 25 | // require('postcss-rtlcss') 26 | ] 27 | } 28 | -------------------------------------------------------------------------------- /src/pages/MapMarker.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 38 | 39 | 42 | -------------------------------------------------------------------------------- /src/components/cards/CardBasic.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 30 | 31 | 34 | -------------------------------------------------------------------------------- /src/components/EssentialLink.vue: -------------------------------------------------------------------------------- 1 | 23 | 24 | 52 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Quasar Admin", 3 | "version": "0.0.1", 4 | "description": "Quasar Admin", 5 | "productName": "Quasar Admin", 6 | "author": "pratikpatelpp802@gmail.com", 7 | "private": true, 8 | "scripts": { 9 | "test": "echo \"No test specified\" && exit 0" 10 | }, 11 | "dependencies": { 12 | "@quasar/extras": "^1.17.0", 13 | "@quasar/quasar-ui-qcalendar": "^4.1.2", 14 | "axios": "^1.12.0", 15 | "echarts": "^5.5.1", 16 | "pinia": "^2.2.4", 17 | "quasar": "^2.18.5", 18 | "vue": "^3.0.0", 19 | "vue-echarts": "^6.7.3", 20 | "vue-i18n": "^9.14.5", 21 | "vue-router": "^4.4.5", 22 | "vuedraggable": "^2.24.3" 23 | }, 24 | "devDependencies": { 25 | "@intlify/vite-plugin-vue-i18n": "^3.4.0", 26 | "@quasar/app-vite": "^1.11.0", 27 | "autoprefixer": "^10.4.20", 28 | "postcss": "^8.4.47", 29 | "quasar-app-extension-qhierarchy": "^1.0.15" 30 | }, 31 | "engines": { 32 | "node": "^18 || ^16 || ^14.19", 33 | "npm": ">= 6.13.4", 34 | "yarn": ">= 1.21.1" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/boot/axios.js: -------------------------------------------------------------------------------- 1 | import { boot } from 'quasar/wrappers' 2 | import axios from 'axios' 3 | 4 | // Be careful when using SSR for cross-request state pollution 5 | // due to creating a Singleton instance here; 6 | // If any client changes this (global) instance, it might be a 7 | // good idea to move this instance creation inside of the 8 | // "export default () => {}" function below (which runs individually 9 | // for each client) 10 | const api = axios.create({ baseURL: 'https://api.example.com' }) 11 | 12 | export default boot(({ app }) => { 13 | // for use inside Vue files (Options API) through this.$axios and this.$api 14 | 15 | app.config.globalProperties.$axios = axios 16 | // ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form) 17 | // so you won't necessarily have to import axios in each vue file 18 | 19 | app.config.globalProperties.$api = api 20 | // ^ ^ ^ this will allow you to use this.$api (for Vue Options API form) 21 | // so you can easily perform requests against your app's API 22 | }) 23 | 24 | export { api } 25 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | <%= productName %> 5 | 6 | 7 | 8 | 9 | 10 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /src/router/index.js: -------------------------------------------------------------------------------- 1 | import { route } from 'quasar/wrappers' 2 | import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router' 3 | import routes from './routes' 4 | 5 | /* 6 | * If not building with SSR mode, you can 7 | * directly export the Router instantiation; 8 | * 9 | * The function below can be async too; either use 10 | * async/await or return a Promise which resolves 11 | * with the Router instance. 12 | */ 13 | 14 | export default route(function (/* { store, ssrContext } */) { 15 | const createHistory = process.env.SERVER 16 | ? createMemoryHistory 17 | : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory) 18 | 19 | const Router = createRouter({ 20 | scrollBehavior: () => ({ left: 0, top: 0 }), 21 | routes, 22 | 23 | // Leave this as is and make changes in quasar.conf.js instead! 24 | // quasar.conf.js -> build -> vueRouterMode 25 | // quasar.conf.js -> build -> publicPath 26 | history: createHistory(process.env.VUE_ROUTER_BASE) 27 | }) 28 | 29 | return Router 30 | }) 31 | -------------------------------------------------------------------------------- /src/components/cards/CardProfile.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 34 | 35 | 38 | -------------------------------------------------------------------------------- /src/pages/Tables.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 31 | 32 | 35 | -------------------------------------------------------------------------------- /src/components/cards/CardCafe.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 38 | 39 | 42 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Pratik Patel 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/components/list/TodoList.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 39 | -------------------------------------------------------------------------------- /src/pages/StreetView.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 41 | 42 | 45 | 46 | -------------------------------------------------------------------------------- /src/components/cards/CardPricing.vue: -------------------------------------------------------------------------------- 1 | 28 | 29 | 38 | 39 | 42 | -------------------------------------------------------------------------------- /src/components/cards/CardCompany.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 43 | 44 | 47 | -------------------------------------------------------------------------------- /src/pages/Maintenance.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 35 | 36 | 37 | 46 | -------------------------------------------------------------------------------- /src/pages/TreeTable.vue: -------------------------------------------------------------------------------- 1 | 36 | 37 | 48 | 49 | 51 | -------------------------------------------------------------------------------- /src/components/cards/DirectoryCard.vue: -------------------------------------------------------------------------------- 1 | 41 | 42 | 50 | 51 | 54 | -------------------------------------------------------------------------------- /src/pages/Charts.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 41 | 42 | 45 | -------------------------------------------------------------------------------- /src/components/cards/CardProduct.vue: -------------------------------------------------------------------------------- 1 | 47 | 48 | 57 | 58 | 61 | -------------------------------------------------------------------------------- /src/pages/LockScreen.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 51 | 52 | 63 | -------------------------------------------------------------------------------- /src/pages/Login-1.vue: -------------------------------------------------------------------------------- 1 | 48 | 49 | 62 | 63 | 69 | -------------------------------------------------------------------------------- /src/components/charts/GuageChart.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 69 | 70 | 72 | -------------------------------------------------------------------------------- /public/profile.svg: -------------------------------------------------------------------------------- 1 | profile pic -------------------------------------------------------------------------------- /src/components/Todo.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 83 | 84 | 87 | -------------------------------------------------------------------------------- /src/components/charts/PieChart.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 79 | 80 | 82 | -------------------------------------------------------------------------------- /src/components/charts/BarChart.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 79 | 80 | 82 | -------------------------------------------------------------------------------- /src/router/routes.js: -------------------------------------------------------------------------------- 1 | const routes = [ 2 | { 3 | path: '/', 4 | component: () => import('layouts/MainLayout.vue'), 5 | children: [ 6 | {path: '', component: () => import('pages/Dashboard.vue')}, 7 | {path: '/Dashboard2', component: () => import('pages/Dashboard2.vue')}, 8 | {path: '/Profile', component: () => import('pages/UserProfile.vue')}, 9 | {path: '/Map', component: () => import('pages/Map.vue')}, 10 | {path: '/MapMarker', component: () => import('pages/MapMarker.vue')}, 11 | {path: '/TreeTable', component: () => import('pages/TreeTable.vue')}, 12 | {path: '/StreetView', component: () => import('pages/StreetView.vue')}, 13 | {path: '/Cards', component: () => import('pages/Cards.vue')}, 14 | {path: '/Tables', component: () => import('pages/Tables.vue')}, 15 | {path: '/Contact', component: () => import('pages/Contact.vue')}, 16 | {path: '/Checkout', component: () => import('pages/Checkout.vue')}, 17 | {path: '/Ecommerce', component: () => import('pages/ProductCatalogues.vue')}, 18 | {path: '/Pagination', component: () => import('pages/Pagination.vue')}, 19 | {path: '/Charts', component: () => import('pages/Charts.vue')}, 20 | {path: '/Calendar', component: () => import('pages/Calendar.vue')}, 21 | {path: '/Directory', component: () => import('pages/Directory.vue')}, 22 | {path: '/Footer', component: () => import('pages/Footer.vue')}, 23 | {path: '/CardHeader', component: () => import('pages/CardHeader.vue')}, 24 | 25 | // Not completed yet 26 | // {path: '/Taskboard', component: () => import('pages/TaskBoard.vue')}, 27 | ] 28 | }, 29 | 30 | // Always leave this as last one, 31 | // but you can also remove it 32 | { 33 | path: '/:catchAll(.*)*', 34 | component: () => import('pages/Error404.vue') 35 | }, 36 | { 37 | path: '/Mail', 38 | component: () => import('layouts/Mail.vue') 39 | }, 40 | { 41 | path: '/Maintenance', 42 | component: () => import('pages/Maintenance.vue') 43 | }, 44 | { 45 | path: '/Pricing', 46 | component: () => import('pages/Pricing.vue') 47 | }, 48 | { 49 | path: '/Login-1', 50 | component: () => import('pages/Login-1.vue') 51 | }, 52 | { 53 | path: '/Lock', 54 | component: () => import('pages/LockScreen.vue') 55 | }, 56 | { 57 | path: '/Lock-2', 58 | component: () => import('pages/LockScreen-2.vue') 59 | } 60 | ] 61 | 62 | export default routes 63 | -------------------------------------------------------------------------------- /src/components/cards/CardTimeLine.vue: -------------------------------------------------------------------------------- 1 | 34 | 35 | 72 | -------------------------------------------------------------------------------- /src/layouts/Messages.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 71 | 72 | 75 | -------------------------------------------------------------------------------- /src/pages/Footer.vue: -------------------------------------------------------------------------------- 1 | 56 | 57 | 62 | 63 | 66 | -------------------------------------------------------------------------------- /src/components/tables/TableCustomGrid.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 88 | 89 | 92 | -------------------------------------------------------------------------------- /src/pages/Dashboard.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 83 | -------------------------------------------------------------------------------- /src/pages/LockScreen-2.vue: -------------------------------------------------------------------------------- 1 | 61 | 62 | 77 | 78 | 87 | -------------------------------------------------------------------------------- /src/components/tree-table/SimpleHierarchy.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 119 | 120 | 122 | -------------------------------------------------------------------------------- /src/pages/ProductCatalogues.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 93 | 94 | 97 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | **Quasar Prime Admin Template** (Join 79+ satisfied clients who have already unlocked the full potential of their dashboards): [https://quasar-prime-admin-template.netlify.app/analytics](https://quasar-prime-admin-template.netlify.app/analytics). Quasar Prime: Vue.js Admin Template – Powerfully Elegant, Ultimate Dashboard Solution! 🚀 Unlock the full potential of the code by sponsoring for (~~$549~~)$249 one time(Launching price), a one-time payment that grants you exclusive access to the template. 2 | 3 | Quasar Admin Premium Demo: [https://quasar-admin-premium.netlify.app/](https://quasar-admin-premium.netlify.app/). Looking for beautiful premium Quasar admin template for Vue 3? To gain access to the code, you'll need to sponsor me for $69 per month (one-time payment). Please visit my sponsorship page([sponsor me](https://github.com/sponsors/pratik227)). Good News 🎉🎉 I want to let you know that I recently made some updates to my Quasar Admin Premium template, and it's now also available for Typescript with Composition API and 103 | -------------------------------------------------------------------------------- /src/components/charts/ScatterPlot.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 81 | 82 | 84 | -------------------------------------------------------------------------------- /src/components/charts/AreaChart.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 124 | 125 | 127 | -------------------------------------------------------------------------------- /src/pages/Directory.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 101 | 102 | 105 | -------------------------------------------------------------------------------- /src/components/tables/TableActions.vue: -------------------------------------------------------------------------------- 1 | 37 | 38 | 103 | 104 | 107 | -------------------------------------------------------------------------------- /src/pages/Pricing.vue: -------------------------------------------------------------------------------- 1 | 55 | 56 | 102 | 103 | 106 | -------------------------------------------------------------------------------- /src/components/tree-table/CustomHierarchy.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 139 | 140 | 142 | -------------------------------------------------------------------------------- /src/pages/Cards.vue: -------------------------------------------------------------------------------- 1 | 60 | 61 | 94 | 95 | 98 | -------------------------------------------------------------------------------- /src/components/paginations/ListPagination.vue: -------------------------------------------------------------------------------- 1 | 38 | 39 | 123 | 124 | 127 | -------------------------------------------------------------------------------- /src/components/tables/TableDarkMode.vue: -------------------------------------------------------------------------------- 1 | 43 | 44 | 118 | 119 | 125 | -------------------------------------------------------------------------------- /src/components/tables/TableBasic.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 182 | 183 | 186 | -------------------------------------------------------------------------------- /src/components/tables/TableProgress.vue: -------------------------------------------------------------------------------- 1 | 60 | 61 | 126 | 127 | 130 | -------------------------------------------------------------------------------- /src/components/paginations/BasicFilter.vue: -------------------------------------------------------------------------------- 1 | 40 | 41 | 107 | 108 | 111 | -------------------------------------------------------------------------------- /src/components/tables/TableVisits.vue: -------------------------------------------------------------------------------- 1 | 51 | 52 | 173 | -------------------------------------------------------------------------------- /src/components/paginations/CardPagination.vue: -------------------------------------------------------------------------------- 1 | 59 | 60 | 135 | 136 | 139 | -------------------------------------------------------------------------------- /src/components/charts/LineChart.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 194 | 195 | 197 | -------------------------------------------------------------------------------- /src/pages/CardHeader.vue: -------------------------------------------------------------------------------- 1 | 161 | 162 | 167 | 168 | 171 | -------------------------------------------------------------------------------- /quasar.config.js: -------------------------------------------------------------------------------- 1 | /* eslint-env node */ 2 | 3 | /* 4 | * This file runs in a Node context (it's NOT transpiled by Babel), so use only 5 | * the ES6 features that are supported by your Node version. https://node.green/ 6 | */ 7 | 8 | // Configuration for your app 9 | // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js 10 | 11 | 12 | const { configure } = require('quasar/wrappers'); 13 | const path = require('path'); 14 | 15 | module.exports = configure(function (/* ctx */) { 16 | return { 17 | 18 | 19 | // https://v2.quasar.dev/quasar-cli/prefetch-feature 20 | // preFetch: true, 21 | 22 | // app boot file (/src/boot) 23 | // --> boot files are part of "main.js" 24 | // https://v2.quasar.dev/quasar-cli/boot-files 25 | boot: [ 26 | 'i18n', 27 | 'axios', 28 | ], 29 | 30 | // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css 31 | css: [ 32 | 'app.css' 33 | ], 34 | 35 | // https://github.com/quasarframework/quasar/tree/dev/extras 36 | extras: [ 37 | // 'ionicons-v4', 38 | // 'mdi-v5', 39 | 'fontawesome-v6', 40 | // 'eva-icons', 41 | // 'themify', 42 | // 'line-awesome', 43 | // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both! 44 | 45 | 'roboto-font', // optional, you are not bound to it 46 | 'material-icons', // optional, you are not bound to it 47 | ], 48 | 49 | // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#build 50 | build: { 51 | target: { 52 | browser: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ], 53 | node: 'node16' 54 | }, 55 | 56 | vueRouterMode: 'history', // available values: 'hash', 'history' 57 | // vueRouterBase, 58 | // vueDevtools, 59 | // vueOptionsAPI: false, 60 | 61 | // rebuildCache: true, // rebuilds Vite/linter/etc cache on startup 62 | 63 | // publicPath: '/', 64 | // analyze: true, 65 | // env: {}, 66 | // rawDefine: {} 67 | // ignorePublicFolder: true, 68 | // minify: false, 69 | // polyfillModulePreload: true, 70 | // distDir 71 | 72 | // extendViteConf (viteConf) {}, 73 | // viteVuePluginOptions: {}, 74 | 75 | vitePlugins: [ 76 | ['@intlify/vite-plugin-vue-i18n', { 77 | // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false` 78 | // compositionOnly: false, 79 | 80 | // you need to set i18n resource including paths ! 81 | include: path.resolve(__dirname, './src/i18n/**') 82 | }] 83 | ] 84 | }, 85 | 86 | // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer 87 | devServer: { 88 | // https: true 89 | open: true // opens browser window automatically 90 | }, 91 | 92 | // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework 93 | framework: { 94 | config: {}, 95 | 96 | // iconSet: 'material-icons', // Quasar icon set 97 | // lang: 'en-US', // Quasar language pack 98 | 99 | // For special cases outside of where the auto-import strategy can have an impact 100 | // (like functional components as one of the examples), 101 | // you can manually specify Quasar components/directives to be available everywhere: 102 | // 103 | // components: [], 104 | // directives: [], 105 | 106 | // Quasar plugins 107 | plugins: [ 108 | 'AppFullscreen' 109 | ] 110 | }, 111 | 112 | // animations: 'all', // --- includes all animations 113 | // https://v2.quasar.dev/options/animations 114 | animations: [], 115 | 116 | // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#property-sourcefiles 117 | // sourceFiles: { 118 | // rootComponent: 'src/App.vue', 119 | // router: 'src/router/index', 120 | // store: 'src/store/index', 121 | // registerServiceWorker: 'src-pwa/register-service-worker', 122 | // serviceWorker: 'src-pwa/custom-service-worker', 123 | // pwaManifestFile: 'src-pwa/manifest.json', 124 | // electronMain: 'src-electron/electron-main', 125 | // electronPreload: 'src-electron/electron-preload' 126 | // }, 127 | 128 | // https://v2.quasar.dev/quasar-cli/developing-ssr/configuring-ssr 129 | ssr: { 130 | // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name! 131 | // will mess up SSR 132 | 133 | // extendSSRWebserverConf (esbuildConf) {}, 134 | // extendPackageJson (json) {}, 135 | 136 | pwa: false, 137 | 138 | // manualStoreHydration: true, 139 | // manualPostHydrationTrigger: true, 140 | 141 | prodPort: 3000, // The default port that the production server should use 142 | // (gets superseded if process.env.PORT is specified at runtime) 143 | 144 | middlewares: [ 145 | 'render' // keep this as last one 146 | ] 147 | }, 148 | 149 | // https://v2.quasar.dev/quasar-cli/developing-pwa/configuring-pwa 150 | pwa: { 151 | workboxMode: 'generateSW', // or 'injectManifest' 152 | injectPwaMetaTags: true, 153 | swFilename: 'sw.js', 154 | manifestFilename: 'manifest.json', 155 | useCredentialsForManifestTag: false, 156 | // useFilenameHashes: true, 157 | // extendGenerateSWOptions (cfg) {} 158 | // extendInjectManifestOptions (cfg) {}, 159 | // extendManifestJson (json) {} 160 | // extendPWACustomSWConf (esbuildConf) {} 161 | }, 162 | 163 | // Full list of options: https://v2.quasar.dev/quasar-cli/developing-cordova-apps/configuring-cordova 164 | cordova: { 165 | // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing 166 | }, 167 | 168 | // Full list of options: https://v2.quasar.dev/quasar-cli/developing-capacitor-apps/configuring-capacitor 169 | capacitor: { 170 | hideSplashscreen: true 171 | }, 172 | 173 | // Full list of options: https://v2.quasar.dev/quasar-cli/developing-electron-apps/configuring-electron 174 | electron: { 175 | // extendElectronMainConf (esbuildConf) 176 | // extendElectronPreloadConf (esbuildConf) 177 | 178 | inspectPort: 5858, 179 | 180 | bundler: 'packager', // 'packager' or 'builder' 181 | 182 | packager: { 183 | // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options 184 | 185 | // OS X / Mac App Store 186 | // appBundleId: '', 187 | // appCategoryType: '', 188 | // osxSign: '', 189 | // protocol: 'myapp://path', 190 | 191 | // Windows only 192 | // win32metadata: { ... } 193 | }, 194 | 195 | builder: { 196 | // https://www.electron.build/configuration/configuration 197 | 198 | appId: 'quasar-admin2' 199 | } 200 | }, 201 | 202 | // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex 203 | bex: { 204 | contentScripts: [ 205 | 'my-content-script' 206 | ], 207 | 208 | // extendBexScriptsConf (esbuildConf) {} 209 | // extendBexManifestJson (json) {} 210 | } 211 | } 212 | }); 213 | -------------------------------------------------------------------------------- /src/components/tabs/TabSocial.vue: -------------------------------------------------------------------------------- 1 | 116 | 117 | 195 | -------------------------------------------------------------------------------- /src/pages/UserProfile.vue: -------------------------------------------------------------------------------- 1 | 142 | 143 | 156 | 157 | 163 | -------------------------------------------------------------------------------- /src/assets/sad.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/pages/Calendar.vue: -------------------------------------------------------------------------------- 1 | 43 | 44 | 243 | 244 | 304 | -------------------------------------------------------------------------------- /src/layouts/Mail.vue: -------------------------------------------------------------------------------- 1 | 143 | 144 | 260 | 261 | 299 | -------------------------------------------------------------------------------- /src/components/cards/CardCharts.vue: -------------------------------------------------------------------------------- 1 | 48 | 49 | 251 | --------------------------------------------------------------------------------