Compare commits
13 Commits
master
...
fdb8717a53
| Author | SHA1 | Date | |
|---|---|---|---|
|
fdb8717a53 | ||
|
|
16c7ea922b | ||
|
1f6a8c5af1 | ||
|
fb95feef0f | ||
|
|
48b4d5a714 | ||
|
|
8109a22620 | ||
|
|
dc2f0e3682 | ||
|
|
22a3278447 | ||
|
|
fc0c654595 | ||
|
|
88c2df5145 | ||
|
|
7e0031ba81 | ||
|
|
c0a49cc1b6 | ||
|
|
08c591d635 |
@@ -352,6 +352,11 @@
|
||||
"watchThrottled": true,
|
||||
"watchTriggerable": true,
|
||||
"watchWithFilter": true,
|
||||
"whenever": true
|
||||
"whenever": true,
|
||||
"validUSAPhone": true,
|
||||
"requiredPhone": true,
|
||||
"requiredFirstName": true,
|
||||
"requiredLastName": true,
|
||||
"requiredEmail": true
|
||||
}
|
||||
}
|
||||
|
||||
15
auto-imports.d.ts
vendored
15
auto-imports.d.ts
vendored
@@ -121,6 +121,10 @@ declare global {
|
||||
const refWithControl: typeof import('@vueuse/core')['refWithControl']
|
||||
const regexValidator: typeof import('./resources/js/@core/utils/validators.js')['regexValidator']
|
||||
const registerPlugins: typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']
|
||||
const requiredEmail: typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']
|
||||
const requiredFirstName: typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']
|
||||
const requiredLastName: typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']
|
||||
const requiredPhone: typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']
|
||||
const requiredValidator: typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']
|
||||
const resolveComponent: typeof import('vue')['resolveComponent']
|
||||
const resolveRef: typeof import('@vueuse/core')['resolveRef']
|
||||
@@ -331,6 +335,7 @@ declare global {
|
||||
const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
|
||||
const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
|
||||
const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
|
||||
const validUSAPhone: typeof import('./resources/js/@core/utils/validators.js')['validUSAPhone']
|
||||
const watch: typeof import('vue')['watch']
|
||||
const watchArray: typeof import('@vueuse/core')['watchArray']
|
||||
const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
|
||||
@@ -475,6 +480,10 @@ declare module 'vue' {
|
||||
readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
|
||||
readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
|
||||
readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
|
||||
readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
|
||||
readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
|
||||
readonly requiredLastName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']>
|
||||
readonly requiredPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']>
|
||||
readonly requiredValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']>
|
||||
readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
|
||||
readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
|
||||
@@ -685,6 +694,7 @@ declare module 'vue' {
|
||||
readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
|
||||
readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
|
||||
readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
|
||||
readonly validUSAPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['validUSAPhone']>
|
||||
readonly watch: UnwrapRef<typeof import('vue')['watch']>
|
||||
readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
|
||||
readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
|
||||
@@ -822,6 +832,10 @@ declare module '@vue/runtime-core' {
|
||||
readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
|
||||
readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
|
||||
readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
|
||||
readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
|
||||
readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
|
||||
readonly requiredLastName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']>
|
||||
readonly requiredPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']>
|
||||
readonly requiredValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']>
|
||||
readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
|
||||
readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
|
||||
@@ -1032,6 +1046,7 @@ declare module '@vue/runtime-core' {
|
||||
readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
|
||||
readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
|
||||
readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
|
||||
readonly validUSAPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['validUSAPhone']>
|
||||
readonly watch: UnwrapRef<typeof import('vue')['watch']>
|
||||
readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
|
||||
readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
|
||||
|
||||
185
package-lock.json
generated
185
package-lock.json
generated
@@ -24,6 +24,8 @@
|
||||
"@vueuse/core": "^10.5.0",
|
||||
"@vueuse/math": "^10.5.0",
|
||||
"apexcharts": "3.37.0",
|
||||
"axios": "^1.7.2",
|
||||
"axios-mock-adapter": "^1.21.4",
|
||||
"chart.js": "^4.4.0",
|
||||
"cookie-es": "^1.0.0",
|
||||
"eslint-import-resolver-custom-alias": "^1.3.2",
|
||||
@@ -46,6 +48,7 @@
|
||||
"vue3-apexcharts": "^1.4.4",
|
||||
"vue3-perfect-scrollbar": "^1.6.1",
|
||||
"vuetify": "3.4.4",
|
||||
"vuex": "^4.0.2",
|
||||
"webfontloader": "^1.6.28"
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -981,7 +984,6 @@
|
||||
"cpu": [
|
||||
"ppc64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"aix"
|
||||
@@ -997,7 +999,6 @@
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@@ -1013,7 +1014,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@@ -1029,7 +1029,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@@ -1045,7 +1044,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@@ -1061,7 +1059,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@@ -1077,7 +1074,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"freebsd"
|
||||
@@ -1093,7 +1089,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"freebsd"
|
||||
@@ -1109,7 +1104,6 @@
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1125,7 +1119,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1141,7 +1134,6 @@
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1157,7 +1149,6 @@
|
||||
"cpu": [
|
||||
"loong64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1173,7 +1164,6 @@
|
||||
"cpu": [
|
||||
"mips64el"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1189,7 +1179,6 @@
|
||||
"cpu": [
|
||||
"ppc64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1205,7 +1194,6 @@
|
||||
"cpu": [
|
||||
"riscv64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1221,7 +1209,6 @@
|
||||
"cpu": [
|
||||
"s390x"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1237,7 +1224,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -1253,7 +1239,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"netbsd"
|
||||
@@ -1269,7 +1254,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"openbsd"
|
||||
@@ -1285,7 +1269,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"sunos"
|
||||
@@ -1301,7 +1284,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@@ -1317,7 +1299,6 @@
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@@ -1333,7 +1314,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@@ -2025,7 +2005,6 @@
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@@ -2038,7 +2017,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@@ -2051,7 +2029,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@@ -2064,7 +2041,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@@ -2077,7 +2053,6 @@
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2090,7 +2065,6 @@
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2103,7 +2077,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2116,7 +2089,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2129,7 +2101,6 @@
|
||||
"cpu": [
|
||||
"ppc64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2142,7 +2113,6 @@
|
||||
"cpu": [
|
||||
"riscv64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2155,7 +2125,6 @@
|
||||
"cpu": [
|
||||
"s390x"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2168,7 +2137,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2181,7 +2149,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@@ -2194,7 +2161,6 @@
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@@ -2207,7 +2173,6 @@
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@@ -2220,7 +2185,6 @@
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@@ -2808,7 +2772,7 @@
|
||||
"version": "20.12.12",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.12.tgz",
|
||||
"integrity": "sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==",
|
||||
"dev": true,
|
||||
"devOptional": true,
|
||||
"dependencies": {
|
||||
"undici-types": "~5.26.4"
|
||||
}
|
||||
@@ -3899,6 +3863,11 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
|
||||
},
|
||||
"node_modules/available-typed-arrays": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
|
||||
@@ -3913,6 +3882,28 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.7.2",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
|
||||
"integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/axios-mock-adapter": {
|
||||
"version": "1.22.0",
|
||||
"resolved": "https://registry.npmjs.org/axios-mock-adapter/-/axios-mock-adapter-1.22.0.tgz",
|
||||
"integrity": "sha512-dmI0KbkyAhntUR05YY96qg2H6gg0XMl2+qTW0xmYg6Up+BFBAJYRLROMXRdDEL06/Wqwa0TJThAYvFtSFdRCZw==",
|
||||
"dependencies": {
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"is-buffer": "^2.0.5"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"axios": ">= 0.17.0"
|
||||
}
|
||||
},
|
||||
"node_modules/babel-walk": {
|
||||
"version": "3.0.0-canary-5",
|
||||
"resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz",
|
||||
@@ -4566,6 +4557,17 @@
|
||||
"resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
|
||||
"integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
|
||||
},
|
||||
"node_modules/combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"dependencies": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/commander": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
|
||||
@@ -5211,6 +5213,14 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/destr": {
|
||||
"version": "2.0.3",
|
||||
"resolved": "https://registry.npmjs.org/destr/-/destr-2.0.3.tgz",
|
||||
@@ -6962,6 +6972,25 @@
|
||||
"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
|
||||
"integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw=="
|
||||
},
|
||||
"node_modules/follow-redirects": {
|
||||
"version": "1.15.6",
|
||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
|
||||
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "individual",
|
||||
"url": "https://github.com/sponsors/RubenVerborgh"
|
||||
}
|
||||
],
|
||||
"engines": {
|
||||
"node": ">=4.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"debug": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/for-each": {
|
||||
"version": "0.3.3",
|
||||
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
|
||||
@@ -6970,6 +6999,19 @@
|
||||
"is-callable": "^1.1.3"
|
||||
}
|
||||
},
|
||||
"node_modules/form-data": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
|
||||
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
|
||||
"dependencies": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"mime-types": "^2.1.12"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/fs-extra": {
|
||||
"version": "11.2.0",
|
||||
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
|
||||
@@ -7523,7 +7565,7 @@
|
||||
"version": "4.3.6",
|
||||
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
|
||||
"integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
|
||||
"dev": true
|
||||
"devOptional": true
|
||||
},
|
||||
"node_modules/import-fresh": {
|
||||
"version": "3.3.0",
|
||||
@@ -7800,6 +7842,28 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/is-buffer": {
|
||||
"version": "2.0.5",
|
||||
"resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
|
||||
"integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/feross"
|
||||
},
|
||||
{
|
||||
"type": "patreon",
|
||||
"url": "https://www.patreon.com/feross"
|
||||
},
|
||||
{
|
||||
"type": "consulting",
|
||||
"url": "https://feross.org/support"
|
||||
}
|
||||
],
|
||||
"engines": {
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/is-builtin-module": {
|
||||
"version": "3.2.1",
|
||||
"resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
|
||||
@@ -8914,6 +8978,25 @@
|
||||
"node": ">=8.6"
|
||||
}
|
||||
},
|
||||
"node_modules/mime-db": {
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/mime-types": {
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"dependencies": {
|
||||
"mime-db": "1.52.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/mimic-fn": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
|
||||
@@ -10773,6 +10856,11 @@
|
||||
"resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
|
||||
"integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
|
||||
},
|
||||
"node_modules/proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||
},
|
||||
"node_modules/pug": {
|
||||
"version": "3.0.3",
|
||||
"resolved": "https://registry.npmjs.org/pug/-/pug-3.0.3.tgz",
|
||||
@@ -11484,7 +11572,7 @@
|
||||
"version": "1.77.2",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.77.2.tgz",
|
||||
"integrity": "sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==",
|
||||
"dev": true,
|
||||
"devOptional": true,
|
||||
"dependencies": {
|
||||
"chokidar": ">=3.0.0 <4.0.0",
|
||||
"immutable": "^4.0.0",
|
||||
@@ -12747,7 +12835,7 @@
|
||||
"version": "5.26.5",
|
||||
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
|
||||
"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
|
||||
"dev": true
|
||||
"devOptional": true
|
||||
},
|
||||
"node_modules/unimport": {
|
||||
"version": "3.7.2",
|
||||
@@ -13694,6 +13782,17 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/vuex": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
|
||||
"integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
|
||||
"dependencies": {
|
||||
"@vue/devtools-api": "^6.0.0-beta.11"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/w3c-keyname": {
|
||||
"version": "2.2.8",
|
||||
"resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
|
||||
|
||||
@@ -27,6 +27,8 @@
|
||||
"@vueuse/core": "^10.5.0",
|
||||
"@vueuse/math": "^10.5.0",
|
||||
"apexcharts": "3.37.0",
|
||||
"axios": "^1.7.2",
|
||||
"axios-mock-adapter": "^1.21.4",
|
||||
"chart.js": "^4.4.0",
|
||||
"cookie-es": "^1.0.0",
|
||||
"eslint-import-resolver-custom-alias": "^1.3.2",
|
||||
@@ -49,6 +51,7 @@
|
||||
"vue3-apexcharts": "^1.4.4",
|
||||
"vue3-perfect-scrollbar": "^1.6.1",
|
||||
"vuetify": "3.4.4",
|
||||
"vuex": "^4.0.2",
|
||||
"webfontloader": "^1.6.28"
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -84,6 +87,7 @@
|
||||
"eslint-plugin-sonarjs": "^0.23.0",
|
||||
"eslint-plugin-unicorn": "^50.0.1",
|
||||
"eslint-plugin-vue": "^9.19.2",
|
||||
"laravel-vite-plugin": "^1.0.0",
|
||||
"msw": "^1.3.2",
|
||||
"postcss-html": "^1.5.0",
|
||||
"postcss-scss": "^4.0.9",
|
||||
@@ -103,8 +107,7 @@
|
||||
"vite-plugin-vue-layouts": "^0.10.0",
|
||||
"vite-plugin-vuetify": "2.0.1",
|
||||
"vite-svg-loader": "^5.1.0",
|
||||
"vue-shepherd": "^3.0.0",
|
||||
"laravel-vite-plugin": "^1.0.0"
|
||||
"vue-shepherd": "^3.0.0"
|
||||
},
|
||||
"resolutions": {
|
||||
"postcss": "^8",
|
||||
|
||||
BIN
public/images/favicon.webp
Normal file
BIN
public/images/favicon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
resources/images/favicon.webp
Normal file
BIN
resources/images/favicon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
resources/images/logo-peptied-web.webp
Normal file
BIN
resources/images/logo-peptied-web.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
@@ -93,3 +93,34 @@ export const alphaDashValidator = value => {
|
||||
|
||||
return /^[0-9A-Z_-]*$/i.test(valueAsString) || 'All Character are not valid'
|
||||
}
|
||||
export const validUSAPhone = value => {
|
||||
if (isEmpty(value))
|
||||
return true
|
||||
const valueAsString = String(value)
|
||||
|
||||
return /^\(\d{3}\)\s\d{3}-\d{4}$/i.test(valueAsString) || 'Phone are not valid'
|
||||
}
|
||||
export const requiredPhone = value => {
|
||||
if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
|
||||
return 'Phone is required'
|
||||
|
||||
return !!String(value).trim().length || ' Phone is required'
|
||||
}
|
||||
export const requiredFirstName = value => {
|
||||
if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
|
||||
return 'First Name field is required'
|
||||
|
||||
return !!String(value).trim().length || 'Name is required'
|
||||
}
|
||||
export const requiredLastName = value => {
|
||||
if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
|
||||
return 'Last Name field is required'
|
||||
|
||||
return !!String(value).trim().length || ' Last Name is required'
|
||||
}
|
||||
export const requiredEmail = value => {
|
||||
if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
|
||||
return 'Email field is required'
|
||||
|
||||
return !!String(value).trim().length || 'Email is required'
|
||||
}
|
||||
|
||||
@@ -1,13 +1,14 @@
|
||||
<script setup>
|
||||
import { useTheme } from 'vuetify'
|
||||
import ScrollToTop from '@core/components/ScrollToTop.vue'
|
||||
import initCore from '@core/initCore'
|
||||
import {
|
||||
initConfigStore,
|
||||
useConfigStore,
|
||||
initConfigStore,
|
||||
useConfigStore,
|
||||
} from '@core/stores/config'
|
||||
import { hexToRgb } from '@layouts/utils'
|
||||
|
||||
import { useTheme } from 'vuetify'
|
||||
import { useStore } from 'vuex'
|
||||
const store = useStore()
|
||||
const { global } = useTheme()
|
||||
|
||||
// ℹ️ Sync current theme with initial loader theme
|
||||
@@ -18,6 +19,15 @@ const configStore = useConfigStore()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VOverlay
|
||||
v-model="store.getters.getIsLoading"
|
||||
contained
|
||||
persistent
|
||||
scroll-strategy="none"
|
||||
class="align-center justify-center"
|
||||
>
|
||||
<VProgressCircular indeterminate />
|
||||
</VOverlay>
|
||||
<VLocaleProvider :rtl="configStore.isAppRTL">
|
||||
<!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
|
||||
<VApp :style="`--v-global-theme-primary: ${hexToRgb(global.current.value.colors.primary)}`">
|
||||
|
||||
23
resources/js/constants.js
Normal file
23
resources/js/constants.js
Normal file
@@ -0,0 +1,23 @@
|
||||
export const GET_BASE_PATH = ""
|
||||
let MAIN_DOMAIN = "http://127.0.0.1:8000";
|
||||
export const ADMIN_LOGIN_API = MAIN_DOMAIN + "/api/admin/login"
|
||||
|
||||
export const PATIENT_LIST_API = MAIN_DOMAIN + "/api/admin/patient-list"
|
||||
export const PATIENT_INFO_API = MAIN_DOMAIN + "/api/admin/patient/"
|
||||
export const PATIENT_MEETING_LIST_API = MAIN_DOMAIN + "/api/admin/get-meeting-history/"
|
||||
export const PATIENT_UPDATE_API = MAIN_DOMAIN + "/api/admin/patient-update/"
|
||||
export const PATIENT_DELETE_API = MAIN_DOMAIN + "/api/admin/patient-delete/"
|
||||
|
||||
export const PROVIDER_LIST_API = MAIN_DOMAIN + "/api/admin/telemed-pro-list"
|
||||
export const PROVIDER_INFO_API = MAIN_DOMAIN + "/api/admin/telemed-pro/"
|
||||
export const PROVIDER_UPDATE_API = MAIN_DOMAIN + "/api/admin/telemed-pro-update/"
|
||||
export const PROVIDER_DELETE_API = MAIN_DOMAIN + "/api/admin/telemed-pro-delete/"
|
||||
|
||||
export const LABS_LIST_API = MAIN_DOMAIN + "/api/admin/labs-list"
|
||||
export const LABS_INFO_API = MAIN_DOMAIN + "/api/admin/labs/"
|
||||
export const LABS_UPDATE_API = MAIN_DOMAIN + "/api/admin/labs-update/"
|
||||
export const LABS_DELETE_API = MAIN_DOMAIN + "/api/admin/labs-delete/"
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -4,12 +4,12 @@ import { themeConfig } from '@themeConfig'
|
||||
|
||||
// Components
|
||||
import Footer from '@/layouts/components/Footer.vue'
|
||||
import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
|
||||
import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
|
||||
import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
|
||||
// import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
|
||||
// import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
|
||||
// import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
|
||||
import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
|
||||
import UserProfile from '@/layouts/components/UserProfile.vue'
|
||||
import NavBarI18n from '@core/components/I18n.vue'
|
||||
// import NavBarI18n from '@core/components/I18n.vue'
|
||||
import { HorizontalNavLayout } from '@layouts'
|
||||
import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
|
||||
|
||||
@@ -45,16 +45,16 @@ watch([
|
||||
</RouterLink>
|
||||
<VSpacer />
|
||||
|
||||
<NavSearchBar />
|
||||
<!-- <NavSearchBar /> -->
|
||||
|
||||
<NavBarI18n
|
||||
<!-- <NavBarI18n
|
||||
v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
|
||||
:languages="themeConfig.app.i18n.langConfig"
|
||||
/>
|
||||
/> -->
|
||||
|
||||
<NavbarThemeSwitcher />
|
||||
<NavbarShortcuts />
|
||||
<NavBarNotifications class="me-2" />
|
||||
<!-- <NavbarShortcuts /> -->
|
||||
<!-- <NavBarNotifications class="me-2" /> -->
|
||||
<UserProfile />
|
||||
</template>
|
||||
|
||||
@@ -77,6 +77,6 @@ watch([
|
||||
</template>
|
||||
|
||||
<!-- 👉 Customizer -->
|
||||
<TheCustomizer />
|
||||
<!-- <TheCustomizer /> -->
|
||||
</HorizontalNavLayout>
|
||||
</template>
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
<script setup>
|
||||
import navItems from '@/navigation/vertical'
|
||||
import { themeConfig } from '@themeConfig'
|
||||
|
||||
import navItems from '@/navigation/vertical';
|
||||
import { useStore } from 'vuex';
|
||||
const store = useStore()
|
||||
// Components
|
||||
import Footer from '@/layouts/components/Footer.vue'
|
||||
import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
|
||||
import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
|
||||
import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
|
||||
import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
|
||||
import UserProfile from '@/layouts/components/UserProfile.vue'
|
||||
import NavBarI18n from '@core/components/I18n.vue'
|
||||
import Footer from '@/layouts/components/Footer.vue';
|
||||
// import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue';
|
||||
// import NavSearchBar from '@/layouts/components/NavSearchBar.vue';
|
||||
// import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue';
|
||||
import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
|
||||
import UserProfile from '@/layouts/components/UserProfile.vue';
|
||||
// import NavBarI18n from '@core/components/I18n.vue';
|
||||
|
||||
// @layouts plugin
|
||||
import { VerticalNavLayout } from '@layouts'
|
||||
import { VerticalNavLayout } from '@layouts';
|
||||
|
||||
// SECTION: Loading Indicator
|
||||
const isFallbackStateActive = ref(false)
|
||||
@@ -31,6 +31,7 @@ watch([
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
<VerticalNavLayout :nav-items="navItems">
|
||||
<!-- 👉 navbar -->
|
||||
<template #navbar="{ toggleVerticalOverlayNavActive }">
|
||||
@@ -43,17 +44,17 @@ watch([
|
||||
<VIcon icon="ri-menu-line" />
|
||||
</IconBtn>
|
||||
|
||||
<NavSearchBar class="ms-lg-n2" />
|
||||
<!-- <NavSearchBar class="ms-lg-n2" /> -->
|
||||
|
||||
<VSpacer />
|
||||
|
||||
<NavBarI18n
|
||||
<!-- <NavBarI18n
|
||||
v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
|
||||
:languages="themeConfig.app.i18n.langConfig"
|
||||
/>
|
||||
/> -->
|
||||
<NavbarThemeSwitcher />
|
||||
<NavbarShortcuts />
|
||||
<NavBarNotifications class="me-2" />
|
||||
<!-- <NavbarShortcuts /> -->
|
||||
<!-- <NavBarNotifications class="me-2" /> -->
|
||||
<UserProfile />
|
||||
</div>
|
||||
</template>
|
||||
@@ -77,6 +78,6 @@ watch([
|
||||
</template>
|
||||
|
||||
<!-- 👉 Customizer -->
|
||||
<TheCustomizer />
|
||||
<!-- <TheCustomizer /> -->
|
||||
</VerticalNavLayout>
|
||||
</template>
|
||||
|
||||
@@ -2,10 +2,10 @@
|
||||
<div class="h-100 d-flex align-center justify-space-between text-medium-emphasis">
|
||||
<!-- 👉 Footer: left content -->
|
||||
<span class="d-flex align-center">
|
||||
©
|
||||
© Copyright
|
||||
{{ new Date().getFullYear() }}
|
||||
Made With
|
||||
<VIcon
|
||||
, All Rights Reserved.
|
||||
<!-- <VIcon
|
||||
icon="ri-heart-line"
|
||||
color="error"
|
||||
size="1.25rem"
|
||||
@@ -16,10 +16,10 @@
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="text-primary ms-1"
|
||||
>ThemeSelection</a>
|
||||
>ThemeSelection</a> -->
|
||||
</span>
|
||||
<!-- 👉 Footer: right content -->
|
||||
<span class="d-md-flex gap-x-4 text-primary d-none">
|
||||
<!-- <span class="d-md-flex gap-x-4 text-primary d-none">
|
||||
<a
|
||||
href="https://themeselection.com/license/"
|
||||
target="noopener noreferrer"
|
||||
@@ -32,6 +32,6 @@
|
||||
href="https://demos.themeselection.com/materio-vuetify-vuejs-admin-template/documentation/guide/laravel-integration/folder-structure.html"
|
||||
target="noopener noreferrer"
|
||||
>Documentation</a>
|
||||
</span>
|
||||
</span> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup>
|
||||
import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
|
||||
import { PerfectScrollbar } from 'vue3-perfect-scrollbar';
|
||||
|
||||
const router = useRouter()
|
||||
const ability = useAbility()
|
||||
@@ -11,6 +11,7 @@ const logout = async () => {
|
||||
|
||||
// Remove "accessToken" from cookie
|
||||
useCookie('accessToken').value = null
|
||||
localStorage.removeItem('admin_access_token');
|
||||
|
||||
// Remove "userData" from cookie
|
||||
userData.value = null
|
||||
|
||||
@@ -1,14 +1,15 @@
|
||||
import { createApp } from 'vue'
|
||||
import App from '@/App.vue'
|
||||
import { registerPlugins } from '@core/utils/plugins'
|
||||
import { createApp } from 'vue'
|
||||
|
||||
// Styles
|
||||
import '@core-scss/template/index.scss'
|
||||
import '@styles/styles.scss'
|
||||
import store from './store'
|
||||
|
||||
// Create vue app
|
||||
const app = createApp(App)
|
||||
|
||||
app.use(store)
|
||||
|
||||
// Register plugins
|
||||
registerPlugins(app)
|
||||
|
||||
@@ -1,61 +1,84 @@
|
||||
export default [
|
||||
{
|
||||
title: 'Dashboards',
|
||||
title: 'Dashboard',
|
||||
icon: { icon: 'ri-home-smile-line' },
|
||||
children: [
|
||||
{
|
||||
title: 'CRM',
|
||||
to: 'dashboards-crm',
|
||||
},
|
||||
{
|
||||
title: 'Analytics',
|
||||
to: 'dashboards-analytics',
|
||||
},
|
||||
{
|
||||
title: 'eCommerce',
|
||||
to: 'dashboards-ecommerce',
|
||||
},
|
||||
{
|
||||
title: 'Academy',
|
||||
to: 'dashboards-academy',
|
||||
},
|
||||
{
|
||||
title: 'Logistics',
|
||||
to: 'dashboards-logistics',
|
||||
},
|
||||
],
|
||||
badgeContent: '5',
|
||||
badgeClass: 'bg-error',
|
||||
to: 'admin-dashboard',
|
||||
// children: [
|
||||
// {
|
||||
// title: 'CRM',
|
||||
// to: 'dashboards-crm',
|
||||
// },
|
||||
// {
|
||||
// title: 'Analytics',
|
||||
// to: 'dashboards-analytics',
|
||||
// },
|
||||
// {
|
||||
// title: 'eCommerce',
|
||||
// to: 'dashboards-ecommerce',
|
||||
// },
|
||||
// {
|
||||
// title: 'Academy',
|
||||
// to: 'dashboards-academy',
|
||||
// },
|
||||
// {
|
||||
// title: 'Logistics',
|
||||
// to: 'dashboards-logistics',
|
||||
// },
|
||||
// ],
|
||||
// badgeContent: '5',
|
||||
// badgeClass: 'bg-error',
|
||||
},
|
||||
{
|
||||
title: 'Front Pages',
|
||||
icon: { icon: 'ri-file-copy-line' },
|
||||
children: [
|
||||
{
|
||||
title: 'Landing',
|
||||
to: 'front-pages-landing-page',
|
||||
target: '_blank',
|
||||
},
|
||||
{
|
||||
title: 'Pricing',
|
||||
to: 'front-pages-pricing',
|
||||
target: '_blank',
|
||||
},
|
||||
{
|
||||
title: 'Payment',
|
||||
to: 'front-pages-payment',
|
||||
target: '_blank',
|
||||
},
|
||||
{
|
||||
title: 'Checkout',
|
||||
to: 'front-pages-checkout',
|
||||
target: '_blank',
|
||||
},
|
||||
{
|
||||
title: 'Help Center',
|
||||
to: 'front-pages-help-center',
|
||||
target: '_blank',
|
||||
},
|
||||
],
|
||||
title: 'Patients',
|
||||
icon: { icon: 'ri-user-line' },
|
||||
to: 'admin-patients',
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Providers',
|
||||
icon: { icon: 'ri-stethoscope-line' },
|
||||
to: 'admin-providers',
|
||||
},
|
||||
{
|
||||
title: 'Labs',
|
||||
icon: { icon: 'ri-test-tube-line' },
|
||||
to: 'admin-labs',
|
||||
},
|
||||
{
|
||||
title: 'Medicines',
|
||||
icon: { icon: 'ri-medicine-bottle-line' },
|
||||
to: 'admin-medicines',
|
||||
},
|
||||
|
||||
// {
|
||||
// title: 'Front Pages',
|
||||
// icon: { icon: 'ri-file-copy-line' },
|
||||
// children: [
|
||||
// {
|
||||
// title: 'Landing',
|
||||
// to: 'front-pages-landing-page',
|
||||
// target: '_blank',
|
||||
// },
|
||||
// {
|
||||
// title: 'Pricing',
|
||||
// to: 'front-pages-pricing',
|
||||
// target: '_blank',
|
||||
// },
|
||||
// {
|
||||
// title: 'Payment',
|
||||
// to: 'front-pages-payment',
|
||||
// target: '_blank',
|
||||
// },
|
||||
// {
|
||||
// title: 'Checkout',
|
||||
// to: 'front-pages-checkout',
|
||||
// target: '_blank',
|
||||
// },
|
||||
// {
|
||||
// title: 'Help Center',
|
||||
// to: 'front-pages-help-center',
|
||||
// target: '_blank',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
]
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
import appsAndPages from './apps-and-pages'
|
||||
import charts from './charts'
|
||||
// import appsAndPages from './apps-and-pages'
|
||||
// import charts from './charts'
|
||||
import dashboard from './dashboard'
|
||||
import forms from './forms'
|
||||
import others from './others'
|
||||
import uiElements from './ui-elements'
|
||||
// import forms from './forms'
|
||||
// import others from './others'
|
||||
// import uiElements from './ui-elements'
|
||||
|
||||
export default [...dashboard, ...appsAndPages, ...uiElements, ...forms, ...charts, ...others]
|
||||
export default [...dashboard]
|
||||
|
||||
@@ -11,7 +11,8 @@ import CrmUpgradeYourPlan from '@/views/dashboards/crm/CrmUpgradeYourPlan.vue'
|
||||
import CrmWeeklySales from '@/views/dashboards/crm/CrmWeeklySales.vue'
|
||||
import illustration1 from '@images/cards/illustration-1.png'
|
||||
import illustration2 from '@images/cards/illustration-2.png'
|
||||
|
||||
import { useStore } from 'vuex'
|
||||
const store = useStore()
|
||||
const cardStatisticsWithImages = [
|
||||
{
|
||||
title: 'Ratings',
|
||||
@@ -39,6 +40,13 @@ const statistic = {
|
||||
change: -18,
|
||||
subtitle: 'Yearly Project',
|
||||
}
|
||||
onMounted(() => {
|
||||
store.dispatch('updateIsLoading', false)
|
||||
|
||||
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
392
resources/js/pages/labs/labs.vue
Normal file
392
resources/js/pages/labs/labs.vue
Normal file
@@ -0,0 +1,392 @@
|
||||
<script setup>
|
||||
|
||||
|
||||
|
||||
import { useStore } from 'vuex';
|
||||
const store = useStore()
|
||||
const editDialog = ref(false)
|
||||
const deleteDialog = ref(false)
|
||||
const search = ref('')
|
||||
const defaultItem = ref({
|
||||
id: -1,
|
||||
avatar: '',
|
||||
name: '',
|
||||
email: '',
|
||||
// dob: '',
|
||||
phone_no: '',
|
||||
|
||||
})
|
||||
|
||||
const editedItem = ref(defaultItem.value)
|
||||
const editedIndex = ref(-1)
|
||||
const labsList = ref([])
|
||||
const isLoading=ref(false)
|
||||
// status options
|
||||
const selectedOptions = [
|
||||
{
|
||||
text: 'Active',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: 'InActive',
|
||||
value: 2,
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
const refVForm = ref(null)
|
||||
|
||||
|
||||
const formatPhoneNumber = () => {
|
||||
console.log(editedItem.value)
|
||||
// Remove non-numeric characters from the input
|
||||
const numericValue = editedItem.value.contact_no.replace(/\D/g, '');
|
||||
|
||||
// Apply formatting logic
|
||||
if (numericValue.length <= 10) {
|
||||
editedItem.value.contact_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
||||
} else {
|
||||
// Limit the input to a maximum of 14 characters
|
||||
const truncatedValue = numericValue.slice(0, 10);
|
||||
editedItem.value.contact_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
||||
}
|
||||
};
|
||||
// headers
|
||||
const headers = [
|
||||
{
|
||||
title: 'ID',
|
||||
key: 'id',
|
||||
},
|
||||
{
|
||||
title: 'NAME',
|
||||
key: 'name',
|
||||
},
|
||||
{
|
||||
title: 'ADDRESS',
|
||||
key: 'address',
|
||||
},
|
||||
// {
|
||||
// title: 'Date Of Birth',
|
||||
// key: 'dob',
|
||||
// },
|
||||
{
|
||||
title: 'CONTACT',
|
||||
key: 'contact_no',
|
||||
},
|
||||
|
||||
{
|
||||
title: 'ACTIONS',
|
||||
key: 'actions',
|
||||
},
|
||||
]
|
||||
|
||||
const resolveStatusVariant = status => {
|
||||
if (status === 1)
|
||||
return {
|
||||
color: 'primary',
|
||||
text: 'Current',
|
||||
}
|
||||
else if (status === 2)
|
||||
return {
|
||||
color: 'success',
|
||||
text: 'Professional',
|
||||
}
|
||||
else if (status === 3)
|
||||
return {
|
||||
color: 'error',
|
||||
text: 'Rejected',
|
||||
}
|
||||
else if (status === 4)
|
||||
return {
|
||||
color: 'warning',
|
||||
text: 'Resigned',
|
||||
}
|
||||
else
|
||||
return {
|
||||
color: 'info',
|
||||
text: 'Applied',
|
||||
}
|
||||
}
|
||||
|
||||
const editItem = item => {
|
||||
editedIndex.value = labsList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
editDialog.value = true
|
||||
}
|
||||
|
||||
const deleteItem = item => {
|
||||
editedIndex.value = labsList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
deleteDialog.value = true
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
editDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const closeDelete = () => {
|
||||
deleteDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const save = async () => {
|
||||
const { valid } = await refVForm.value.validate()
|
||||
console.log(valid)
|
||||
if (valid) {
|
||||
if (editedIndex.value > -1){
|
||||
await store.dispatch('labUpdate',{
|
||||
id: editedItem.value.id,
|
||||
name: editedItem.value.name,
|
||||
address: editedItem.value.address,
|
||||
contact_no: editedItem.value.contact_no,
|
||||
})
|
||||
Object.assign(labsList.value[editedIndex.value], editedItem.value)
|
||||
}else{
|
||||
labsList.value.push(editedItem.value)
|
||||
}
|
||||
close()
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const deleteItemConfirm = async() => {
|
||||
console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
|
||||
await store.dispatch('labDelete',{
|
||||
id: editedItem.value.id
|
||||
})
|
||||
labsList.value.splice(editedIndex.value, 1)
|
||||
closeDelete()
|
||||
}
|
||||
const getlabsList = computed(async () => {
|
||||
store.dispatch('updateIsLoading', true)
|
||||
await store.dispatch('labsList')
|
||||
console.log('getLabsList',store.getters.getLabsList)
|
||||
let list = store.getters.getLabsList
|
||||
store.dispatch('updateIsLoading', false)
|
||||
labsList.value = list
|
||||
return labsList.value
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col cols="12" md="12" v-if="getlabsList">
|
||||
<VCardText >
|
||||
<VRow>
|
||||
<VCol
|
||||
cols="12"
|
||||
offset-md="8"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="search"
|
||||
label="Search"
|
||||
placeholder="Search ..."
|
||||
append-inner-icon="ri-search-line"
|
||||
single-line
|
||||
hide-details
|
||||
dense
|
||||
outlined
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
<VDataTable
|
||||
:headers="headers"
|
||||
:items="labsList"
|
||||
:search="search"
|
||||
:items-per-page="5"
|
||||
class="text-no-wrap"
|
||||
>
|
||||
<!-- full name -->
|
||||
<template #item.name="{ item }">
|
||||
<div class="d-flex align-center">
|
||||
<!-- avatar -->
|
||||
<VAvatar
|
||||
size="32"
|
||||
:color="item.avatar ? '' : 'primary'"
|
||||
:class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
|
||||
:variant="!item.avatar ? 'tonal' : undefined"
|
||||
>
|
||||
<VImg
|
||||
v-if="item.avatar"
|
||||
:src="item.avatar"
|
||||
/>
|
||||
<span
|
||||
v-else
|
||||
class="text-sm"
|
||||
>{{ avatarText(item.name) }}</span>
|
||||
</VAvatar>
|
||||
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
|
||||
<small>{{ item.post }}</small>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- status -->
|
||||
<template #item.status="{ item }">
|
||||
<VChip
|
||||
:color="resolveStatusVariant(item.status).color"
|
||||
density="comfortable"
|
||||
>
|
||||
{{ resolveStatusVariant(item.status).text }}
|
||||
</VChip>
|
||||
</template>
|
||||
|
||||
<!-- Actions -->
|
||||
<template #item.actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="editItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-pencil-line" />
|
||||
</IconBtn>
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="deleteItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-delete-bin-line" />
|
||||
</IconBtn>
|
||||
</div>
|
||||
</template>
|
||||
</VDataTable>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<!-- 👉 Edit Dialog -->
|
||||
<VDialog
|
||||
v-model="editDialog"
|
||||
max-width="600px"
|
||||
>
|
||||
<VForm ref="refVForm" >
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
<span class="headline">Edit Lab</span>
|
||||
</VCardTitle>
|
||||
|
||||
<VCardText>
|
||||
<VContainer >
|
||||
|
||||
<VRow>
|
||||
<!-- fullName -->
|
||||
<VCol cols="12" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.name"
|
||||
label="Name"
|
||||
:rules="[requiredValidator]"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- email -->
|
||||
<VCol cols="12" sm="12" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.address"
|
||||
label="Address"
|
||||
:rules="[requiredValidator]"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
|
||||
<!-- <VCol cols="12" sm="6" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.dob"
|
||||
label="Date Of Birth"
|
||||
/>
|
||||
</VCol> -->
|
||||
<VCol cols="12" sm="6" md="12">
|
||||
<VTextField v-model="editedItem.contact_no" label="Phone Number" pattern="^\(\d{3}\) \d{3}-\d{4}$"
|
||||
:rules="[requiredPhone, validUSAPhone]" placeholder="i.e. (000) 000-0000"
|
||||
@input="formatPhoneNumber" max="14" density="comfortable" />
|
||||
</VCol>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- status -->
|
||||
<VCol
|
||||
cols="12"
|
||||
|
||||
md="12"
|
||||
>
|
||||
<VSelect
|
||||
v-model="editedItem.status"
|
||||
:items="selectedOptions"
|
||||
item-title="text"
|
||||
item-value="value"
|
||||
label="Status"
|
||||
variant="outlined"
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VContainer>
|
||||
</VCardText>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="close"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="save"
|
||||
>
|
||||
Save
|
||||
</VBtn>
|
||||
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VForm>
|
||||
</VDialog>
|
||||
|
||||
<!-- 👉 Delete Dialog -->
|
||||
<VDialog
|
||||
v-model="deleteDialog"
|
||||
max-width="500px"
|
||||
>
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
Are you sure you want to delete this item?
|
||||
</VCardTitle>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="closeDelete"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="deleteItemConfirm"
|
||||
>
|
||||
OK
|
||||
</VBtn>
|
||||
|
||||
<VSpacer />
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VDialog>
|
||||
</template>
|
||||
@@ -1,14 +1,18 @@
|
||||
<script setup>
|
||||
import tree1 from '@images/misc/tree1.png'
|
||||
import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png'
|
||||
import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png'
|
||||
import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png'
|
||||
import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png'
|
||||
import authV2MaskDark from '@images/pages/mask-v2-dark.png'
|
||||
import authV2MaskLight from '@images/pages/mask-v2-light.png'
|
||||
import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
|
||||
import { themeConfig } from '@themeConfig'
|
||||
import { VForm } from 'vuetify/components/VForm'
|
||||
import tree1 from '@images/misc/tree1.png';
|
||||
import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png';
|
||||
import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png';
|
||||
import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png';
|
||||
import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png';
|
||||
import authV2MaskDark from '@images/pages/mask-v2-dark.png';
|
||||
import authV2MaskLight from '@images/pages/mask-v2-light.png';
|
||||
import { VNodeRenderer } from '@layouts/components/VNodeRenderer';
|
||||
import { themeConfig } from '@themeConfig';
|
||||
import axios from 'axios';
|
||||
import { VForm } from 'vuetify/components/VForm';
|
||||
import { useStore } from 'vuex';
|
||||
import { ADMIN_LOGIN_API } from '../constants';
|
||||
const store = useStore()
|
||||
|
||||
const authThemeImg = useGenerateImageVariant(authV2LoginIllustrationLight, authV2LoginIllustrationDark, authV2LoginIllustrationBorderedLight, authV2LoginIllustrationBorderedDark, true)
|
||||
const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
|
||||
@@ -33,37 +37,67 @@ const errors = ref({
|
||||
const refVForm = ref()
|
||||
|
||||
const credentials = ref({
|
||||
email: 'admin@demo.com',
|
||||
password: 'admin',
|
||||
email: '',
|
||||
password: '',
|
||||
})
|
||||
|
||||
const isLoading = ref(false)
|
||||
const rememberMe = ref(false)
|
||||
|
||||
const login = async () => {
|
||||
|
||||
try {
|
||||
const res = await $api('/auth/login', {
|
||||
method: 'POST',
|
||||
body: {
|
||||
email: credentials.value.email,
|
||||
password: credentials.value.password,
|
||||
},
|
||||
onResponseError({ response }) {
|
||||
errors.value = response._data.errors
|
||||
},
|
||||
})
|
||||
store.dispatch('updateIsLoading', true)
|
||||
// isLoading.value = true
|
||||
const response = await axios.post(ADMIN_LOGIN_API, {
|
||||
email: credentials.value.email,
|
||||
password: credentials.value.password,
|
||||
});
|
||||
|
||||
const { accessToken, userData, userAbilityRules } = res
|
||||
console.log("Response", response.data);
|
||||
response.data.userData.avatar = "/images/avatars/avatar-1.png";
|
||||
console.log("Response 2", response.data);
|
||||
|
||||
const { accessToken, userData, userAbilityRules } = response.data;
|
||||
useCookie('userAbilityRules').value = userAbilityRules;
|
||||
ability.update(userAbilityRules);
|
||||
useCookie('userData').value = userData;
|
||||
useCookie('accessToken').value = accessToken;
|
||||
localStorage.setItem('admin_access_token',accessToken)
|
||||
|
||||
useCookie('userAbilityRules').value = userAbilityRules
|
||||
ability.update(userAbilityRules)
|
||||
useCookie('userData').value = userData
|
||||
useCookie('accessToken').value = accessToken
|
||||
await nextTick(() => {
|
||||
router.replace(route.query.to ? String(route.query.to) : '/')
|
||||
})
|
||||
} catch (err) {
|
||||
console.error(err)
|
||||
router.replace(route.query.to ? String(route.query.to) : '/');
|
||||
});
|
||||
} catch (error) {
|
||||
store.dispatch('updateIsLoading', false)
|
||||
errors.value.email = error.response.data.error
|
||||
// isLoading.value = false
|
||||
console.error(error);
|
||||
}
|
||||
// try {
|
||||
// const res = await $api('/auth/login', {
|
||||
// method: 'POST',
|
||||
// body: {
|
||||
// email: credentials.value.email,
|
||||
// password: credentials.value.password,
|
||||
// },
|
||||
// onResponseError({ response }) {
|
||||
// errors.value = response._data.errors
|
||||
// },
|
||||
// })
|
||||
|
||||
// const { accessToken, userData, userAbilityRules } = res
|
||||
|
||||
// useCookie('userAbilityRules').value = userAbilityRules
|
||||
// ability.update(userAbilityRules)
|
||||
// useCookie('userData').value = userData
|
||||
// useCookie('accessToken').value = accessToken
|
||||
// await nextTick(() => {
|
||||
// router.replace(route.query.to ? String(route.query.to) : '/')
|
||||
// })
|
||||
// } catch (err) {
|
||||
// console.error(err)
|
||||
// }
|
||||
}
|
||||
|
||||
const onSubmit = () => {
|
||||
@@ -75,6 +109,13 @@ const onSubmit = () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VDialog v-model="isLoading" width="110" height="150" color="primary">
|
||||
<VCardText class="" style="color: white !important;">
|
||||
<div class="demo-space-x">
|
||||
<VProgressCircular :size="40" color="primary" indeterminate />
|
||||
</div>
|
||||
</VCardText>
|
||||
</VDialog>
|
||||
<RouterLink to="/">
|
||||
<div class="auth-logo d-flex align-center gap-x-3">
|
||||
<VNodeRenderer :nodes="themeConfig.app.logo" />
|
||||
@@ -128,13 +169,13 @@ const onSubmit = () => {
|
||||
>
|
||||
<VCardText>
|
||||
<h4 class="text-h4 mb-1">
|
||||
Welcome to <span class="text-capitalize">{{ themeConfig.app.title }}!</span> 👋🏻
|
||||
Welcome to <span class="text-capitalize">{{ themeConfig.app.title }}!</span>
|
||||
</h4>
|
||||
<p class="mb-0">
|
||||
Please sign-in to your account and start the adventure
|
||||
</p>
|
||||
</VCardText>
|
||||
<VCardText>
|
||||
<!-- <VCardText>
|
||||
<VAlert
|
||||
color="primary"
|
||||
variant="tonal"
|
||||
@@ -146,7 +187,7 @@ const onSubmit = () => {
|
||||
Client Email: <strong>client@demo.com</strong> / Pass: <strong>client</strong>
|
||||
</p>
|
||||
</VAlert>
|
||||
</VCardText>
|
||||
</VCardText> -->
|
||||
|
||||
<VCardText>
|
||||
<VForm
|
||||
|
||||
395
resources/js/pages/medicines/medicines.vue
Normal file
395
resources/js/pages/medicines/medicines.vue
Normal file
@@ -0,0 +1,395 @@
|
||||
<script setup>
|
||||
import data from '@/views/demos/forms/tables/data-table/datatable';
|
||||
|
||||
const editDialog = ref(false)
|
||||
const deleteDialog = ref(false)
|
||||
const search = ref('')
|
||||
const defaultItem = ref({
|
||||
responsiveId: '',
|
||||
id: -1,
|
||||
avatar: '',
|
||||
fullName: '',
|
||||
post: '',
|
||||
email: '',
|
||||
city: '',
|
||||
startDate: '',
|
||||
salary: -1,
|
||||
age: '',
|
||||
experience: '',
|
||||
status: -1,
|
||||
})
|
||||
|
||||
const editedItem = ref(defaultItem.value)
|
||||
const editedIndex = ref(-1)
|
||||
const userList = ref([])
|
||||
const isLoading=ref(false)
|
||||
// status options
|
||||
const selectedOptions = [
|
||||
{
|
||||
text: 'Current',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: 'Professional',
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: 'Rejected',
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: 'Resigned',
|
||||
value: 4,
|
||||
},
|
||||
{
|
||||
text: 'Applied',
|
||||
value: 5,
|
||||
},
|
||||
]
|
||||
|
||||
// headers
|
||||
const headers = [
|
||||
{
|
||||
title: 'NAME',
|
||||
key: 'fullName',
|
||||
},
|
||||
{
|
||||
title: 'EMAIL',
|
||||
key: 'email',
|
||||
},
|
||||
{
|
||||
title: 'DATE',
|
||||
key: 'startDate',
|
||||
},
|
||||
{
|
||||
title: 'SALARY',
|
||||
key: 'salary',
|
||||
},
|
||||
{
|
||||
title: 'AGE',
|
||||
key: 'age',
|
||||
},
|
||||
{
|
||||
title: 'STATUS',
|
||||
key: 'status',
|
||||
},
|
||||
{
|
||||
title: 'ACTIONS',
|
||||
key: 'actions',
|
||||
},
|
||||
]
|
||||
|
||||
const resolveStatusVariant = status => {
|
||||
if (status === 1)
|
||||
return {
|
||||
color: 'primary',
|
||||
text: 'Current',
|
||||
}
|
||||
else if (status === 2)
|
||||
return {
|
||||
color: 'success',
|
||||
text: 'Professional',
|
||||
}
|
||||
else if (status === 3)
|
||||
return {
|
||||
color: 'error',
|
||||
text: 'Rejected',
|
||||
}
|
||||
else if (status === 4)
|
||||
return {
|
||||
color: 'warning',
|
||||
text: 'Resigned',
|
||||
}
|
||||
else
|
||||
return {
|
||||
color: 'info',
|
||||
text: 'Applied',
|
||||
}
|
||||
}
|
||||
|
||||
const editItem = item => {
|
||||
editedIndex.value = userList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
editDialog.value = true
|
||||
}
|
||||
|
||||
const deleteItem = item => {
|
||||
editedIndex.value = userList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
deleteDialog.value = true
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
editDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const closeDelete = () => {
|
||||
deleteDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const save = () => {
|
||||
if (editedIndex.value > -1)
|
||||
Object.assign(userList.value[editedIndex.value], editedItem.value)
|
||||
else
|
||||
userList.value.push(editedItem.value)
|
||||
close()
|
||||
}
|
||||
|
||||
const deleteItemConfirm = () => {
|
||||
userList.value.splice(editedIndex.value, 1)
|
||||
closeDelete()
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
userList.value = JSON.parse(JSON.stringify(data))
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VOverlay
|
||||
v-model="isLoading"
|
||||
contained
|
||||
persistent
|
||||
scroll-strategy="none"
|
||||
class="align-center justify-center"
|
||||
>
|
||||
<VProgressCircular indeterminate />
|
||||
</VOverlay>
|
||||
<VCardText>
|
||||
<VRow>
|
||||
<VCol
|
||||
cols="12"
|
||||
offset-md="8"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="search"
|
||||
label="Search"
|
||||
placeholder="Search ..."
|
||||
append-inner-icon="ri-search-line"
|
||||
single-line
|
||||
hide-details
|
||||
dense
|
||||
outlined
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
<VDataTable
|
||||
:headers="headers"
|
||||
:items="userList"
|
||||
:search="search"
|
||||
:items-per-page="5"
|
||||
class="text-no-wrap"
|
||||
>
|
||||
<!-- full name -->
|
||||
<template #item.fullName="{ item }">
|
||||
<div class="d-flex align-center">
|
||||
<!-- avatar -->
|
||||
<VAvatar
|
||||
size="32"
|
||||
:color="item.avatar ? '' : 'primary'"
|
||||
:class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
|
||||
:variant="!item.avatar ? 'tonal' : undefined"
|
||||
>
|
||||
<VImg
|
||||
v-if="item.avatar"
|
||||
:src="item.avatar"
|
||||
/>
|
||||
<span
|
||||
v-else
|
||||
class="text-sm"
|
||||
>{{ avatarText(item.fullName) }}</span>
|
||||
</VAvatar>
|
||||
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
|
||||
<small>{{ item.post }}</small>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- status -->
|
||||
<template #item.status="{ item }">
|
||||
<VChip
|
||||
:color="resolveStatusVariant(item.status).color"
|
||||
density="comfortable"
|
||||
>
|
||||
{{ resolveStatusVariant(item.status).text }}
|
||||
</VChip>
|
||||
</template>
|
||||
|
||||
<!-- Actions -->
|
||||
<template #item.actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="editItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-pencil-line" />
|
||||
</IconBtn>
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="deleteItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-delete-bin-line" />
|
||||
</IconBtn>
|
||||
</div>
|
||||
</template>
|
||||
</VDataTable>
|
||||
|
||||
<!-- 👉 Edit Dialog -->
|
||||
<VDialog
|
||||
v-model="editDialog"
|
||||
max-width="600px"
|
||||
>
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
<span class="headline">Edit Item</span>
|
||||
</VCardTitle>
|
||||
|
||||
<VCardText>
|
||||
<VContainer>
|
||||
<VRow>
|
||||
<!-- fullName -->
|
||||
<VCol
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="editedItem.fullName"
|
||||
label="User name"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- email -->
|
||||
<VCol
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="editedItem.email"
|
||||
label="Email"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- salary -->
|
||||
<VCol
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="editedItem.salary"
|
||||
label="Salary"
|
||||
prefix="$"
|
||||
type="number"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- age -->
|
||||
<VCol
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="editedItem.age"
|
||||
label="Age"
|
||||
type="number"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- start date -->
|
||||
<VCol
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="editedItem.startDate"
|
||||
label="Date"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- status -->
|
||||
<VCol
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
>
|
||||
<VSelect
|
||||
v-model="editedItem.status"
|
||||
:items="selectedOptions"
|
||||
item-title="text"
|
||||
item-value="value"
|
||||
label="Status"
|
||||
variant="outlined"
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VContainer>
|
||||
</VCardText>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="close"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="save"
|
||||
>
|
||||
Save
|
||||
</VBtn>
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VDialog>
|
||||
|
||||
<!-- 👉 Delete Dialog -->
|
||||
<VDialog
|
||||
v-model="deleteDialog"
|
||||
max-width="500px"
|
||||
>
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
Are you sure you want to delete this item?
|
||||
</VCardTitle>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="closeDelete"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="deleteItemConfirm"
|
||||
>
|
||||
OK
|
||||
</VBtn>
|
||||
|
||||
<VSpacer />
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VDialog>
|
||||
</template>
|
||||
140
resources/js/pages/patients/meetings.vue
Normal file
140
resources/js/pages/patients/meetings.vue
Normal file
@@ -0,0 +1,140 @@
|
||||
<script setup>
|
||||
import { onBeforeMount, onMounted, onUnmounted } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { useStore } from 'vuex';
|
||||
const store = useStore()
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
const editDialog = ref(false)
|
||||
const deleteDialog = ref(false)
|
||||
const search = ref('')
|
||||
const appointmentId = ref('');
|
||||
const defaultItem = ref({
|
||||
id: -1,
|
||||
avatar: '',
|
||||
name: '',
|
||||
email: '',
|
||||
dob: '',
|
||||
phone_no: '',
|
||||
|
||||
})
|
||||
|
||||
const editedItem = ref(defaultItem.value)
|
||||
const editedIndex = ref(-1)
|
||||
const patientMeetingList = ref([])
|
||||
const isLoading=ref(false)
|
||||
// status options
|
||||
const selectedOptions = [
|
||||
{
|
||||
text: 'Active',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: 'InActive',
|
||||
value: 2,
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
const refVForm = ref(null)
|
||||
|
||||
onBeforeMount(async () => {});
|
||||
onMounted(async () => {
|
||||
appointmentId.value = route.params.id;
|
||||
console.log("appointmentId",appointmentId.value);
|
||||
});
|
||||
onUnmounted(async () => {});
|
||||
|
||||
// headers
|
||||
const headers = [
|
||||
{
|
||||
title: 'Appiontment Id',
|
||||
key: 'id',
|
||||
},
|
||||
{
|
||||
title: 'Patient',
|
||||
key: 'patient_name',
|
||||
},
|
||||
{ key: 'appointment_date', sortable: false, title: 'Date' },
|
||||
{ key: 'start_time', title: 'Start Time' },
|
||||
{ key: 'end_time', title: 'End Time' },
|
||||
{ key: 'duration', title: 'Duration' },
|
||||
|
||||
|
||||
// {
|
||||
// title: 'ACTIONS',
|
||||
// key: 'actions',
|
||||
// },
|
||||
]
|
||||
|
||||
|
||||
|
||||
const getPatientMeetingList = computed(async () => {
|
||||
patientMeetingList.value = [];
|
||||
store.dispatch('updateIsLoading', true)
|
||||
await store.dispatch('patientMeetingList', {
|
||||
id: appointmentId.value
|
||||
})
|
||||
console.log('patientMeetingList',store.getters.getPatientMeetingList)
|
||||
let list = store.getters.getPatientMeetingList
|
||||
store.dispatch('updateIsLoading', false)
|
||||
patientMeetingList.value = list
|
||||
return patientMeetingList.value
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
<v-row>
|
||||
<v-col cols="12" md="12" v-if="getPatientMeetingList">
|
||||
<VCard title="Meetings">
|
||||
<VCardText >
|
||||
<VRow>
|
||||
<VCol
|
||||
cols="12"
|
||||
offset-md="8"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="search"
|
||||
label="Search"
|
||||
placeholder="Search ..."
|
||||
append-inner-icon="ri-search-line"
|
||||
single-line
|
||||
hide-details
|
||||
dense
|
||||
outlined
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
<VDataTable
|
||||
:headers="headers"
|
||||
:items="patientMeetingList"
|
||||
:search="search"
|
||||
:items-per-page="5"
|
||||
class="text-no-wrap"
|
||||
>
|
||||
<template #item.id="{ item }">
|
||||
{{ item.id }}
|
||||
</template>
|
||||
|
||||
<!-- Actions -->
|
||||
<template #item.actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</VDataTable>
|
||||
</VCard>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<!-- 👉 Delete Dialog -->
|
||||
|
||||
</template>
|
||||
423
resources/js/pages/patients/patients.vue
Normal file
423
resources/js/pages/patients/patients.vue
Normal file
@@ -0,0 +1,423 @@
|
||||
<script setup>
|
||||
import { onBeforeMount, onMounted, onUnmounted } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { useStore } from 'vuex';
|
||||
const store = useStore()
|
||||
// const route = useRoute()
|
||||
const router = useRouter()
|
||||
const editDialog = ref(false)
|
||||
const deleteDialog = ref(false)
|
||||
const search = ref('')
|
||||
const defaultItem = ref({
|
||||
id: -1,
|
||||
avatar: '',
|
||||
name: '',
|
||||
email: '',
|
||||
dob: '',
|
||||
phone_no: '',
|
||||
|
||||
})
|
||||
|
||||
const editedItem = ref(defaultItem.value)
|
||||
const editedIndex = ref(-1)
|
||||
const patientList = ref([])
|
||||
const isLoading=ref(false)
|
||||
// status options
|
||||
const selectedOptions = [
|
||||
{
|
||||
text: 'Active',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: 'InActive',
|
||||
value: 2,
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
const refVForm = ref(null)
|
||||
|
||||
onBeforeMount(async () => {});
|
||||
onMounted(async () => {});
|
||||
onUnmounted(async () => {});
|
||||
const formatPhoneNumber = () => {
|
||||
console.log(editedItem.value)
|
||||
// Remove non-numeric characters from the input
|
||||
const numericValue = editedItem.value.phone_no.replace(/\D/g, '');
|
||||
|
||||
// Apply formatting logic
|
||||
if (numericValue.length <= 10) {
|
||||
editedItem.value.phone_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
||||
} else {
|
||||
// Limit the input to a maximum of 14 characters
|
||||
const truncatedValue = numericValue.slice(0, 10);
|
||||
editedItem.value.phone_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
||||
}
|
||||
};
|
||||
// headers
|
||||
const headers = [
|
||||
{
|
||||
title: 'ID',
|
||||
key: 'id',
|
||||
},
|
||||
{
|
||||
title: 'NAME',
|
||||
key: 'name',
|
||||
},
|
||||
{
|
||||
title: 'EMAIL',
|
||||
key: 'email',
|
||||
},
|
||||
{
|
||||
title: 'Date Of Birth',
|
||||
key: 'dob',
|
||||
},
|
||||
{
|
||||
title: 'Phone',
|
||||
key: 'phone_no',
|
||||
},
|
||||
|
||||
|
||||
|
||||
{
|
||||
title: 'ACTIONS',
|
||||
key: 'actions',
|
||||
},
|
||||
]
|
||||
|
||||
const resolveStatusVariant = status => {
|
||||
if (status === 1)
|
||||
return {
|
||||
color: 'primary',
|
||||
text: 'Current',
|
||||
}
|
||||
else if (status === 2)
|
||||
return {
|
||||
color: 'success',
|
||||
text: 'Professional',
|
||||
}
|
||||
else if (status === 3)
|
||||
return {
|
||||
color: 'error',
|
||||
text: 'Rejected',
|
||||
}
|
||||
else if (status === 4)
|
||||
return {
|
||||
color: 'warning',
|
||||
text: 'Resigned',
|
||||
}
|
||||
else
|
||||
return {
|
||||
color: 'info',
|
||||
text: 'Applied',
|
||||
}
|
||||
}
|
||||
|
||||
const editItem = item => {
|
||||
editedIndex.value = patientList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
editDialog.value = true
|
||||
}
|
||||
|
||||
const deleteItem = item => {
|
||||
console.log('del',item)
|
||||
editedIndex.value = patientList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
deleteDialog.value = true
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
editDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const closeDelete = () => {
|
||||
deleteDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const getMettings = (Item) => {
|
||||
console.log("item", Item);
|
||||
router.push('/admin/patient/meetings/'+Item.id);
|
||||
}
|
||||
|
||||
const save = async () => {
|
||||
const { valid } = await refVForm.value.validate()
|
||||
console.log(valid)
|
||||
if (valid) {
|
||||
console.log('editedItem.value',editedItem.value);
|
||||
if (editedIndex.value > -1)
|
||||
{
|
||||
await store.dispatch('patientUpdate',{
|
||||
id: editedItem.value.id,
|
||||
first_name: editedItem.value.first_name,
|
||||
last_name: editedItem.value.last_name,
|
||||
email: editedItem.value.email,
|
||||
phone_no: editedItem.value.phone_no,
|
||||
dob: editedItem.value.dob,
|
||||
})
|
||||
Object.assign(patientList.value[editedIndex.value], editedItem.value)
|
||||
}else{
|
||||
patientList.value.push(editedItem.value)
|
||||
}
|
||||
close()
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const deleteItemConfirm = async () => {
|
||||
console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
|
||||
await store.dispatch('patientDelete',{
|
||||
id: editedItem.value.id
|
||||
})
|
||||
patientList.value.splice(editedIndex.value, 1)
|
||||
closeDelete()
|
||||
}
|
||||
const getPatientList = computed(async () => {
|
||||
store.dispatch('updateIsLoading', true)
|
||||
await store.dispatch('patientList')
|
||||
console.log('patientList',store.getters.getPatientList)
|
||||
let list = store.getters.getPatientList
|
||||
store.dispatch('updateIsLoading', false)
|
||||
patientList.value = list
|
||||
return patientList.value
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col cols="12" md="12" v-if="getPatientList">
|
||||
<VCardText >
|
||||
<VRow>
|
||||
<VCol
|
||||
cols="12"
|
||||
offset-md="8"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="search"
|
||||
label="Search"
|
||||
placeholder="Search ..."
|
||||
append-inner-icon="ri-search-line"
|
||||
single-line
|
||||
hide-details
|
||||
dense
|
||||
outlined
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
<VDataTable
|
||||
:headers="headers"
|
||||
:items="patientList"
|
||||
:search="search"
|
||||
:items-per-page="5"
|
||||
class="text-no-wrap"
|
||||
>
|
||||
<template #item.id="{ item }">
|
||||
{{ item.id }}
|
||||
</template>
|
||||
<!-- full name -->
|
||||
<template #item.name="{ item }">
|
||||
<div class="d-flex align-center">
|
||||
<!-- avatar -->
|
||||
<VAvatar
|
||||
size="32"
|
||||
:color="item.avatar ? '' : 'primary'"
|
||||
:class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
|
||||
:variant="!item.avatar ? 'tonal' : undefined"
|
||||
>
|
||||
<VImg
|
||||
v-if="item.avatar"
|
||||
:src="item.avatar"
|
||||
/>
|
||||
<span
|
||||
v-else
|
||||
class="text-sm"
|
||||
>{{ avatarText(item.name) }}</span>
|
||||
</VAvatar>
|
||||
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
|
||||
<small>{{ item.post }}</small>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- status -->
|
||||
<template #item.status="{ item }">
|
||||
<VChip
|
||||
:color="resolveStatusVariant(item.status).color"
|
||||
density="comfortable"
|
||||
>
|
||||
{{ resolveStatusVariant(item.status).text }}
|
||||
</VChip>
|
||||
</template>
|
||||
|
||||
<!-- Actions -->
|
||||
<template #item.actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="editItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-pencil-line" />
|
||||
</IconBtn>
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="deleteItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-delete-bin-line" />
|
||||
</IconBtn>
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="getMettings(item)"
|
||||
>
|
||||
<VIcon icon="ri-time-line" />
|
||||
</IconBtn>
|
||||
</div>
|
||||
</template>
|
||||
</VDataTable>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<!-- 👉 Edit Dialog -->
|
||||
<VDialog
|
||||
v-model="editDialog"
|
||||
max-width="600px"
|
||||
>
|
||||
<VForm ref="refVForm" >
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
<span class="headline">Edit Patient</span>
|
||||
</VCardTitle>
|
||||
|
||||
<VCardText>
|
||||
<VContainer >
|
||||
|
||||
<VRow>
|
||||
<!-- fullName -->
|
||||
<VCol cols="12" md="6">
|
||||
<VTextField
|
||||
v-model="editedItem.first_name"
|
||||
label="First Name"
|
||||
:rules="[requiredFirstName]"
|
||||
/>
|
||||
</VCol>
|
||||
<VCol cols="12" md="6">
|
||||
<VTextField
|
||||
v-model="editedItem.last_name"
|
||||
label="Last Name"
|
||||
:rules="[requiredLastName]"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- email -->
|
||||
<VCol cols="12" sm="6" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.email"
|
||||
label="Email"
|
||||
:rules="[requiredEmail, emailValidator]"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
|
||||
<VCol cols="12" sm="6" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.dob"
|
||||
label="Date Of Birth"
|
||||
/>
|
||||
</VCol>
|
||||
<VCol cols="12" sm="6" md="12">
|
||||
<VTextField v-model="editedItem.phone_no" label="Phone Number" pattern="^\(\d{3}\) \d{3}-\d{4}$"
|
||||
:rules="[requiredPhone, validUSAPhone]" placeholder="i.e. (000) 000-0000"
|
||||
@input="formatPhoneNumber" max="14" density="comfortable" />
|
||||
</VCol>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- status -->
|
||||
<VCol
|
||||
cols="12"
|
||||
|
||||
md="12"
|
||||
>
|
||||
<VSelect
|
||||
v-model="editedItem.status"
|
||||
:items="selectedOptions"
|
||||
item-title="text"
|
||||
item-value="value"
|
||||
label="Status"
|
||||
variant="outlined"
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VContainer>
|
||||
</VCardText>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="close"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="save"
|
||||
>
|
||||
Save
|
||||
</VBtn>
|
||||
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VForm>
|
||||
</VDialog>
|
||||
|
||||
<!-- 👉 Delete Dialog -->
|
||||
<VDialog
|
||||
v-model="deleteDialog"
|
||||
max-width="500px"
|
||||
>
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
Are you sure you want to delete this item?
|
||||
</VCardTitle>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="closeDelete"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="deleteItemConfirm"
|
||||
>
|
||||
OK
|
||||
</VBtn>
|
||||
|
||||
<VSpacer />
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VDialog>
|
||||
</template>
|
||||
399
resources/js/pages/providers/providers.vue
Normal file
399
resources/js/pages/providers/providers.vue
Normal file
@@ -0,0 +1,399 @@
|
||||
<script setup>
|
||||
|
||||
|
||||
|
||||
import { useStore } from 'vuex';
|
||||
const store = useStore()
|
||||
const editDialog = ref(false)
|
||||
const deleteDialog = ref(false)
|
||||
const search = ref('')
|
||||
const defaultItem = ref({
|
||||
id: -1,
|
||||
avatar: '',
|
||||
name: '',
|
||||
email: '',
|
||||
// dob: '',
|
||||
phone_no: '',
|
||||
|
||||
})
|
||||
|
||||
const editedItem = ref(defaultItem.value)
|
||||
const editedIndex = ref(-1)
|
||||
const providersList = ref([])
|
||||
const isLoading=ref(false)
|
||||
// status options
|
||||
const selectedOptions = [
|
||||
{
|
||||
text: 'Active',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: 'InActive',
|
||||
value: 2,
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
const refVForm = ref(null)
|
||||
|
||||
|
||||
const formatPhoneNumber = () => {
|
||||
console.log(editedItem.value)
|
||||
// Remove non-numeric characters from the input
|
||||
const numericValue = editedItem.value.phone_no.replace(/\D/g, '');
|
||||
|
||||
// Apply formatting logic
|
||||
if (numericValue.length <= 10) {
|
||||
editedItem.value.phone_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
||||
} else {
|
||||
// Limit the input to a maximum of 14 characters
|
||||
const truncatedValue = numericValue.slice(0, 10);
|
||||
editedItem.value.phone_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
||||
}
|
||||
};
|
||||
// headers
|
||||
const headers = [
|
||||
{
|
||||
title: 'ID',
|
||||
key: 'id',
|
||||
},
|
||||
{
|
||||
title: 'NAME',
|
||||
key: 'name',
|
||||
},
|
||||
{
|
||||
title: 'EMAIL',
|
||||
key: 'email',
|
||||
},
|
||||
// {
|
||||
// title: 'Date Of Birth',
|
||||
// key: 'dob',
|
||||
// },
|
||||
{
|
||||
title: 'Phone',
|
||||
key: 'phone_no',
|
||||
},
|
||||
|
||||
{
|
||||
title: 'ACTIONS',
|
||||
key: 'actions',
|
||||
},
|
||||
]
|
||||
|
||||
const resolveStatusVariant = status => {
|
||||
if (status === 1)
|
||||
return {
|
||||
color: 'primary',
|
||||
text: 'Current',
|
||||
}
|
||||
else if (status === 2)
|
||||
return {
|
||||
color: 'success',
|
||||
text: 'Professional',
|
||||
}
|
||||
else if (status === 3)
|
||||
return {
|
||||
color: 'error',
|
||||
text: 'Rejected',
|
||||
}
|
||||
else if (status === 4)
|
||||
return {
|
||||
color: 'warning',
|
||||
text: 'Resigned',
|
||||
}
|
||||
else
|
||||
return {
|
||||
color: 'info',
|
||||
text: 'Applied',
|
||||
}
|
||||
}
|
||||
|
||||
const editItem = item => {
|
||||
editedIndex.value = providersList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
editDialog.value = true
|
||||
}
|
||||
|
||||
const deleteItem = item => {
|
||||
editedIndex.value = providersList.value.indexOf(item)
|
||||
editedItem.value = { ...item }
|
||||
deleteDialog.value = true
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
editDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const closeDelete = () => {
|
||||
deleteDialog.value = false
|
||||
editedIndex.value = -1
|
||||
editedItem.value = { ...defaultItem.value }
|
||||
}
|
||||
|
||||
const save = async () => {
|
||||
const { valid } = await refVForm.value.validate()
|
||||
console.log(valid)
|
||||
if (valid) {
|
||||
if (editedIndex.value > -1){
|
||||
await store.dispatch('providerUpdate',{
|
||||
id: editedItem.value.id,
|
||||
first_name: editedItem.value.first_name,
|
||||
last_name: editedItem.value.last_name,
|
||||
email: editedItem.value.email,
|
||||
})
|
||||
Object.assign(providersList.value[editedIndex.value], editedItem.value)
|
||||
}else{
|
||||
providersList.value.push(editedItem.value)
|
||||
}
|
||||
close()
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const deleteItemConfirm = async() => {
|
||||
console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
|
||||
await store.dispatch('providerDelete',{
|
||||
id: editedItem.value.id
|
||||
})
|
||||
providersList.value.splice(editedIndex.value, 1)
|
||||
closeDelete()
|
||||
}
|
||||
const getprovidersList = computed(async () => {
|
||||
store.dispatch('updateIsLoading', true)
|
||||
await store.dispatch('providersList')
|
||||
console.log('getProvidersList',store.getters.getProvidersList)
|
||||
let list = store.getters.getProvidersList
|
||||
store.dispatch('updateIsLoading', false)
|
||||
providersList.value = list
|
||||
return providersList.value
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col cols="12" md="12" v-if="getprovidersList">
|
||||
<VCardText >
|
||||
<VRow>
|
||||
<VCol
|
||||
cols="12"
|
||||
offset-md="8"
|
||||
md="4"
|
||||
>
|
||||
<VTextField
|
||||
v-model="search"
|
||||
label="Search"
|
||||
placeholder="Search ..."
|
||||
append-inner-icon="ri-search-line"
|
||||
single-line
|
||||
hide-details
|
||||
dense
|
||||
outlined
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
<VDataTable
|
||||
:headers="headers"
|
||||
:items="providersList"
|
||||
:search="search"
|
||||
:items-per-page="5"
|
||||
class="text-no-wrap"
|
||||
>
|
||||
<!-- full name -->
|
||||
<template #item.name="{ item }">
|
||||
<div class="d-flex align-center">
|
||||
<!-- avatar -->
|
||||
<VAvatar
|
||||
size="32"
|
||||
:color="item.avatar ? '' : 'primary'"
|
||||
:class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
|
||||
:variant="!item.avatar ? 'tonal' : undefined"
|
||||
>
|
||||
<VImg
|
||||
v-if="item.avatar"
|
||||
:src="item.avatar"
|
||||
/>
|
||||
<span
|
||||
v-else
|
||||
class="text-sm"
|
||||
>{{ avatarText(item.name) }}</span>
|
||||
</VAvatar>
|
||||
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
|
||||
<small>{{ item.post }}</small>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- status -->
|
||||
<template #item.status="{ item }">
|
||||
<VChip
|
||||
:color="resolveStatusVariant(item.status).color"
|
||||
density="comfortable"
|
||||
>
|
||||
{{ resolveStatusVariant(item.status).text }}
|
||||
</VChip>
|
||||
</template>
|
||||
|
||||
<!-- Actions -->
|
||||
<template #item.actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="editItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-pencil-line" />
|
||||
</IconBtn>
|
||||
<IconBtn
|
||||
size="small"
|
||||
@click="deleteItem(item)"
|
||||
>
|
||||
<VIcon icon="ri-delete-bin-line" />
|
||||
</IconBtn>
|
||||
</div>
|
||||
</template>
|
||||
</VDataTable>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<!-- 👉 Edit Dialog -->
|
||||
<VDialog
|
||||
v-model="editDialog"
|
||||
max-width="600px"
|
||||
>
|
||||
<VForm ref="refVForm" >
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
<span class="headline">Edit Provider</span>
|
||||
</VCardTitle>
|
||||
|
||||
<VCardText>
|
||||
<VContainer >
|
||||
|
||||
<VRow>
|
||||
<!-- fullName -->
|
||||
<VCol cols="12" md="6">
|
||||
<VTextField
|
||||
v-model="editedItem.first_name"
|
||||
label="First Name"
|
||||
:rules="[requiredFirstName]"
|
||||
/>
|
||||
</VCol>
|
||||
<VCol cols="12" md="6">
|
||||
<VTextField
|
||||
v-model="editedItem.last_name"
|
||||
label="Last Name"
|
||||
:rules="[requiredLastName]"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
<!-- email -->
|
||||
<VCol cols="12" sm="6" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.email"
|
||||
label="Email"
|
||||
:rules="[requiredEmail, emailValidator]"
|
||||
/>
|
||||
</VCol>
|
||||
|
||||
|
||||
<!-- <VCol cols="12" sm="6" md="12">
|
||||
<VTextField
|
||||
v-model="editedItem.dob"
|
||||
label="Date Of Birth"
|
||||
/>
|
||||
</VCol> -->
|
||||
<VCol cols="12" sm="6" md="12">
|
||||
<VTextField v-model="editedItem.phone_no" label="Phone Number" pattern="^\(\d{3}\) \d{3}-\d{4}$"
|
||||
:rules="[requiredPhone, validUSAPhone]" placeholder="i.e. (000) 000-0000"
|
||||
@input="formatPhoneNumber" max="14" density="comfortable" />
|
||||
</VCol>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- status -->
|
||||
<VCol
|
||||
cols="12"
|
||||
|
||||
md="12"
|
||||
>
|
||||
<VSelect
|
||||
v-model="editedItem.status"
|
||||
:items="selectedOptions"
|
||||
item-title="text"
|
||||
item-value="value"
|
||||
label="Status"
|
||||
variant="outlined"
|
||||
/>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VContainer>
|
||||
</VCardText>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="close"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="save"
|
||||
>
|
||||
Save
|
||||
</VBtn>
|
||||
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VForm>
|
||||
</VDialog>
|
||||
|
||||
<!-- 👉 Delete Dialog -->
|
||||
<VDialog
|
||||
v-model="deleteDialog"
|
||||
max-width="500px"
|
||||
>
|
||||
<VCard>
|
||||
<VCardTitle>
|
||||
Are you sure you want to delete this item?
|
||||
</VCardTitle>
|
||||
|
||||
<VCardActions>
|
||||
<VSpacer />
|
||||
|
||||
<VBtn
|
||||
color="error"
|
||||
variant="outlined"
|
||||
@click="closeDelete"
|
||||
>
|
||||
Cancel
|
||||
</VBtn>
|
||||
|
||||
<VBtn
|
||||
color="success"
|
||||
variant="elevated"
|
||||
@click="deleteItemConfirm"
|
||||
>
|
||||
OK
|
||||
</VBtn>
|
||||
|
||||
<VSpacer />
|
||||
</VCardActions>
|
||||
</VCard>
|
||||
</VDialog>
|
||||
</template>
|
||||
@@ -12,7 +12,7 @@ export const redirects = [
|
||||
const userData = useCookie('userData')
|
||||
const userRole = userData.value?.role
|
||||
if (userRole === 'admin')
|
||||
return { name: 'dashboards-crm' }
|
||||
return { name: 'admin-dashboard' }
|
||||
if (userRole === 'client')
|
||||
return { name: 'access-control' }
|
||||
|
||||
@@ -29,9 +29,41 @@ export const redirects = [
|
||||
name: 'pages-account-settings',
|
||||
redirect: () => ({ name: 'pages-account-settings-tab', params: { tab: 'account' } }),
|
||||
},
|
||||
|
||||
]
|
||||
export const routes = [
|
||||
// Email filter
|
||||
{
|
||||
path: '/admin/dashboard',
|
||||
name: 'admin-dashboard',
|
||||
component: () => import('@/pages/dashboards/crm.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/patients',
|
||||
name: 'admin-patients',
|
||||
component: () => import('@/pages/patients/patients.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/patient/meetings/:id',
|
||||
name: 'admin-patient-meeitngs',
|
||||
component: () => import('@/pages/patients/meetings.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/providers',
|
||||
name: 'admin-providers',
|
||||
component: () => import('@/pages/providers/providers.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/labs',
|
||||
name: 'admin-labs',
|
||||
component: () => import('@/pages/labs/labs.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/medicines',
|
||||
name: 'admin-medicines',
|
||||
component: () => import('@/pages/medicines/medicines.vue'),
|
||||
},
|
||||
|
||||
{
|
||||
path: '/apps/email/filter/:filter',
|
||||
name: 'apps-email-filter',
|
||||
|
||||
@@ -156,6 +156,10 @@
|
||||
"Dashboard": "Dashboard",
|
||||
"Fleet": "Fleet",
|
||||
"Widgets": "Widgets",
|
||||
"Patients": "Patients",
|
||||
"Providers": "Providers",
|
||||
"Labs": "Labs",
|
||||
"Medicines": "Medicines",
|
||||
"5": "5",
|
||||
"10": "10",
|
||||
"20": "20",
|
||||
|
||||
298
resources/js/store.js
Normal file
298
resources/js/store.js
Normal file
@@ -0,0 +1,298 @@
|
||||
import axios from 'axios';
|
||||
|
||||
import { createStore } from 'vuex';
|
||||
import {
|
||||
LABS_DELETE_API,
|
||||
LABS_LIST_API,
|
||||
LABS_UPDATE_API,
|
||||
PATIENT_DELETE_API,
|
||||
PATIENT_LIST_API,
|
||||
PATIENT_MEETING_LIST_API,
|
||||
PATIENT_UPDATE_API,
|
||||
PROVIDER_DELETE_API,
|
||||
PROVIDER_LIST_API,
|
||||
PROVIDER_UPDATE_API
|
||||
} from './constants.js';
|
||||
|
||||
|
||||
|
||||
export default createStore({
|
||||
state: {
|
||||
isLoading: false,
|
||||
patientList:[],
|
||||
patientMeetingList:[],
|
||||
providersList:[],
|
||||
labsList:[]
|
||||
},
|
||||
mutations: {
|
||||
setLoading(state, payload) {
|
||||
console.log('payload');
|
||||
state.isLoading = payload
|
||||
},
|
||||
setPtientList(state, payload) {
|
||||
state.patientList = payload
|
||||
},
|
||||
setPtientMeetingList(state, payload) {
|
||||
state.patientMeetingList = payload
|
||||
},
|
||||
setProvidersList(state, payload) {
|
||||
state.providersList = payload
|
||||
},
|
||||
setLabsList(state, payload) {
|
||||
state.labsList = payload
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
|
||||
async updateIsLoading({ commit }, payload) {
|
||||
commit('setLoading', payload)
|
||||
},
|
||||
async patientList({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(PATIENT_LIST_API, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data.patients);
|
||||
let dataArray =[]
|
||||
for (let data of response.data.patients) {
|
||||
let dataObject = {}
|
||||
dataObject.name = data.first_name + ' ' + data.last_name
|
||||
dataObject.first_name = data.first_name
|
||||
dataObject.last_name = data.last_name
|
||||
dataObject.email = data.email
|
||||
dataObject.dob = data.dob
|
||||
dataObject.phone_no = data.phone_no
|
||||
dataObject.avatar = '',
|
||||
dataObject.id = data.id,
|
||||
dataArray.push(dataObject)
|
||||
}
|
||||
console.log(dataArray)
|
||||
commit('setPtientList',dataArray)
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async patientMeetingList({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(PATIENT_MEETING_LIST_API+payload.id, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Meeting Response:', response.data.patients);
|
||||
commit('setPtientMeetingList',response.data.patients);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async patientUpdate({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
await axios.post(PATIENT_UPDATE_API+payload.id, {
|
||||
first_name: payload.first_name,
|
||||
last_name: payload.last_name,
|
||||
email: payload.email,
|
||||
phone_no: payload.phone_no,
|
||||
dob: payload.dob,
|
||||
}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async patientDelete({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(PATIENT_DELETE_API+payload.id, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async providersList({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(PROVIDER_LIST_API, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data.patients);
|
||||
let dataArray =[]
|
||||
for (let data of response.data.patients) {
|
||||
let dataObject = {}
|
||||
dataObject.name = data.first_name + ' ' + data.last_name
|
||||
dataObject.first_name = data.first_name
|
||||
dataObject.last_name = data.last_name
|
||||
dataObject.email = data.email
|
||||
// dataObject.dob = data.dob
|
||||
dataObject.phone_no = data.phone_number
|
||||
dataObject.avatar = '',
|
||||
dataObject.id = data.id,
|
||||
dataArray.push(dataObject)
|
||||
}
|
||||
console.log(dataArray)
|
||||
commit('setProvidersList',dataArray)
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async providerUpdate({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
await axios.post(PROVIDER_UPDATE_API+payload.id, {
|
||||
first_name: payload.first_name,
|
||||
last_name: payload.last_name,
|
||||
email: payload.email,
|
||||
phone_number: payload.phone_no,
|
||||
}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async providerDelete({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(PROVIDER_DELETE_API+payload.id, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async labsList({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(LABS_LIST_API, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
let dataArray =[]
|
||||
for (let data of response.data.patients) {
|
||||
let dataObject = {}
|
||||
dataObject.name = data.name
|
||||
dataObject.address = data.address
|
||||
dataObject.slot_date = data.slot_date
|
||||
dataObject.slot_time = data.slot_time
|
||||
dataObject.appointment_id = data.appointment_id
|
||||
dataObject.booking_time = data.booking_time
|
||||
dataObject.contact_no = data.contact_no
|
||||
dataObject.avatar = '',
|
||||
dataObject.id = data.id,
|
||||
dataArray.push(dataObject)
|
||||
}
|
||||
console.log(dataArray)
|
||||
commit('setLabsList',dataArray)
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async labUpdate({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
await axios.post(LABS_UPDATE_API+payload.id, {
|
||||
name: payload.name,
|
||||
address: payload.address,
|
||||
contact_no: payload.contact_no,
|
||||
}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
async labDelete({ commit }, payload) {
|
||||
commit('setLoading', true)
|
||||
console.log(localStorage.getItem('admin_access_token'))
|
||||
await axios.post(LABS_DELETE_API+payload.id, {}, {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
|
||||
}
|
||||
}) .then(response => {
|
||||
commit('setLoading', false)
|
||||
console.log('Response:', response.data);
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
commit('setLoading', false)
|
||||
console.error('Error:', error);
|
||||
});
|
||||
},
|
||||
},
|
||||
getters: {
|
||||
getIsLoading(state){
|
||||
return state.isLoading
|
||||
},
|
||||
getPatientList(state){
|
||||
return state.patientList
|
||||
},
|
||||
getPatientMeetingList(state){
|
||||
return state.patientMeetingList
|
||||
},
|
||||
|
||||
getProvidersList(state){
|
||||
return state.providersList
|
||||
},
|
||||
getLabsList(state){
|
||||
return state.labsList
|
||||
},
|
||||
}
|
||||
})
|
||||
@@ -3,9 +3,9 @@
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="{{ asset('favicon.ico') }}" />
|
||||
<link rel="icon" href="{{ asset('images/favicon.webp') }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Materio - Vuetify Vuejs Admin Template</title>
|
||||
<title>{{ config('app.name') }}</title>
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset('loader.css') }}" />
|
||||
@vite(['resources/js/main.js'])
|
||||
</head>
|
||||
@@ -15,7 +15,7 @@
|
||||
<div id="loading-bg">
|
||||
<div class="loading-logo">
|
||||
<!-- SVG Logo -->
|
||||
<svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- <svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path d="M30 21.392a2 2 0 0 1-3.027 1.716l-3.258-1.95a2 2 0 0 1-.973-1.716l-.001-6.7L15
|
||||
17.178l-7.742-4.434v6.7a2 2 0 0 1-.973 1.715l-3.258 1.95A2 2 0 0 1 0 21.392V3.585l.005-.15L0 3.572a2 2 0 0
|
||||
@@ -26,10 +26,9 @@
|
||||
<path fill="var(--initial-loader-color)" opacity=".078" d="m30 8.589-7.258 4.052v2.62z" />
|
||||
<path d="M3.045 1.866 15 9.194v7.983L0 8.587V3.571a2 2 0 0 1 3.045-1.706Z" fill-opacity=".15" fill="
|
||||
#FFF" />
|
||||
<path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35"
|
||||
fill="#FFF" />
|
||||
<path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35" fill="#FFF" />
|
||||
</g>
|
||||
</svg>
|
||||
</svg> -->
|
||||
</div>
|
||||
<div class=" loading">
|
||||
<div class="effect-1 effects"></div>
|
||||
@@ -38,7 +37,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
|
||||
const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#a169ff'
|
||||
|
||||
@@ -4,15 +4,16 @@ import { breakpointsVuetify } from '@vueuse/core'
|
||||
import { VIcon } from 'vuetify/components/VIcon'
|
||||
|
||||
// ❗ Logo SVG must be imported with ?raw suffix
|
||||
import logo from '@images/logo.svg?raw'
|
||||
import logoImage from '@images/logo-peptied-web.webp'
|
||||
|
||||
import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layouts/enums'
|
||||
|
||||
export const { themeConfig, layoutConfig } = defineThemeConfig({
|
||||
app: {
|
||||
title: 'TelemedPro',
|
||||
title: '',
|
||||
|
||||
// ❗ if you have SVG logo and want it to adapt according to theme color, you have to apply color as `color: rgb(var(--v-global-theme-primary))`
|
||||
logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
|
||||
logo: h('div', { innerHTML: `<img src="${logoImage}" alt="Logo" style="width:150px;">` }),
|
||||
contentWidth: ContentWidth.Boxed,
|
||||
contentLayoutNav: AppContentLayoutNav.Vertical,
|
||||
overlayNavFromBreakpoint: breakpointsVuetify.md + 16, // 16 for scrollbar. Docs: https://next.vuetifyjs.com/en/features/display-and-platform/
|
||||
|
||||
4
typed-router.d.ts
vendored
4
typed-router.d.ts
vendored
@@ -118,7 +118,9 @@ declare module 'vue-router/auto/routes' {
|
||||
'front-pages-landing-page': RouteRecordInfo<'front-pages-landing-page', '/front-pages/landing-page', Record<never, never>, Record<never, never>>,
|
||||
'front-pages-payment': RouteRecordInfo<'front-pages-payment', '/front-pages/payment', Record<never, never>, Record<never, never>>,
|
||||
'front-pages-pricing': RouteRecordInfo<'front-pages-pricing', '/front-pages/pricing', Record<never, never>, Record<never, never>>,
|
||||
'labs-labs': RouteRecordInfo<'labs-labs', '/labs/labs', Record<never, never>, Record<never, never>>,
|
||||
'login': RouteRecordInfo<'login', '/login', Record<never, never>, Record<never, never>>,
|
||||
'medicines-medicines': RouteRecordInfo<'medicines-medicines', '/medicines/medicines', Record<never, never>, Record<never, never>>,
|
||||
'not-authorized': RouteRecordInfo<'not-authorized', '/not-authorized', Record<never, never>, Record<never, never>>,
|
||||
'pages-account-settings-tab': RouteRecordInfo<'pages-account-settings-tab', '/pages/account-settings/:tab', { tab: ParamValue<true> }, { tab: ParamValue<false> }>,
|
||||
'pages-authentication-forgot-password-v1': RouteRecordInfo<'pages-authentication-forgot-password-v1', '/pages/authentication/forgot-password-v1', Record<never, never>, Record<never, never>>,
|
||||
@@ -148,6 +150,8 @@ declare module 'vue-router/auto/routes' {
|
||||
'pages-pricing': RouteRecordInfo<'pages-pricing', '/pages/pricing', Record<never, never>, Record<never, never>>,
|
||||
'pages-typography': RouteRecordInfo<'pages-typography', '/pages/typography', Record<never, never>, Record<never, never>>,
|
||||
'pages-user-profile-tab': RouteRecordInfo<'pages-user-profile-tab', '/pages/user-profile/:tab', { tab: ParamValue<true> }, { tab: ParamValue<false> }>,
|
||||
'patients-patients': RouteRecordInfo<'patients-patients', '/patients/patients', Record<never, never>, Record<never, never>>,
|
||||
'providers-providers': RouteRecordInfo<'providers-providers', '/providers/providers', Record<never, never>, Record<never, never>>,
|
||||
'register': RouteRecordInfo<'register', '/register', Record<never, never>, Record<never, never>>,
|
||||
'tables-data-table': RouteRecordInfo<'tables-data-table', '/tables/data-table', Record<never, never>, Record<never, never>>,
|
||||
'tables-simple-table': RouteRecordInfo<'tables-simple-table', '/tables/simple-table', Record<never, never>, Record<never, never>>,
|
||||
|
||||
Reference in New Issue
Block a user