diff --git a/.env.example b/.env.example index 8d944c6..7420603 100644 --- a/.env.example +++ b/.env.example @@ -1 +1,10 @@ -VITE_API_URL=http://backend.holos.test \ No newline at end of file +VITE_API_URL=http://backend.holos.test +VITE_BASE_URL=http://frontend.holos.test + +VITE_REVERB_APP_ID= +VITE_REVERB_APP_KEY= +VITE_REVERB_APP_SECRET= +VITE_REVERB_HOST="backend.holos.test" +VITE_REVERB_PORT=8080 +VITE_REVERB_SCHEME=http +VITE_REVERB_ACTIVE=false diff --git a/.gitignore b/.gitignore index 438657a..ec96507 100644 --- a/.gitignore +++ b/.gitignore @@ -12,6 +12,8 @@ dist dist-ssr *.local .env +colors.json +notes.md # Editor directories and files .vscode/* diff --git a/auth.html b/auth.html new file mode 100644 index 0000000..ce94140 --- /dev/null +++ b/auth.html @@ -0,0 +1,14 @@ + + + + + + + Login + + +
+ + + + \ No newline at end of file diff --git a/colors.json.example b/colors.json.example new file mode 100644 index 0000000..1177c74 --- /dev/null +++ b/colors.json.example @@ -0,0 +1,34 @@ +{ + "page":"#fff", + "page-t":"#000", + "page-d":"#292524", + "page-dt":"#fff", + "primary":"#374151", + "primary-t":"#fff", + "primary-d":"#1c1917", + "primary-dt":"#fff", + "secondary":"#3b82f6", + "secondary-t":"#fff", + "secondary-d":"#312e81", + "secondary-dt":"#fff", + "primary-info":"#06b6d4", + "primary-info-t":"#fff", + "primary-info-d":"#06b6d4", + "primary-info-dt":"#fff", + "secondary-info":"#06b6d4", + "secondary-info-t":"#fff", + "secondary-info-d":"#06b6d4", + "secondary-info-dt":"#fff", + "success":"#22c55e", + "success-t":"#fff", + "success-d":"#22c55e", + "success-dt":"#fff", + "danger":"#ef4444", + "danger-t":"#fff", + "danger-d":"#ef4444", + "danger-dt":"#fecaca", + "warning":"#eab308", + "warning-t":"#fff", + "warning-d":"#eab308", + "warning-dt":"#fff" +} \ No newline at end of file diff --git a/index.html b/index.html index 8d03c9c..0749d22 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,11 @@ - Vite + Vue + Holos
- + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 89b49d7..28e484a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,22 +1,27 @@ { - "name": "holos.frontend", - "version": "0.0.0", + "name": "notsoweb.frontend", + "version": "0.0.1", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "holos.frontend", - "version": "0.0.0", + "name": "notsoweb.frontend", + "version": "0.0.1", "dependencies": { "@vitejs/plugin-vue": "^5.2.1", "axios": "^1.7.8", + "laravel-echo": "^1.17.1", + "luxon": "^3.5.0", "pinia": "^2.2.8", "postcss": "^8.4.49", + "pusher-js": "^8.4.0-rc2", "tailwindcss": "^3.4.15", "toastr": "^2.1.4", + "uuid": "^11.0.3", "vite": "^6.0.1", "vue": "^3.5.13", "vue-i18n": "^10.0.5", + "vue-multiselect": "^3.1.0", "vue-router": "^4.5.0", "ziggy-js": "^2.4.1" }, @@ -1687,6 +1692,15 @@ "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", "license": "MIT" }, + "node_modules/laravel-echo": { + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/laravel-echo/-/laravel-echo-1.17.1.tgz", + "integrity": "sha512-ORWc4vDfnBj/Oe5ThZ5kYyGItRjLDqAQUyhD/7UhehUOqc+s5x9HEBjtMVludNMP6VuXw6t7Uxt8bp63kaTofg==", + "license": "MIT", + "engines": { + "node": ">=10" + } + }, "node_modules/lilconfig": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", @@ -1708,6 +1722,15 @@ "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", "license": "ISC" }, + "node_modules/luxon": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz", + "integrity": "sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==", + "license": "MIT", + "engines": { + "node": ">=12" + } + }, "node_modules/magic-string": { "version": "0.30.14", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.14.tgz", @@ -2143,6 +2166,15 @@ "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", "license": "MIT" }, + "node_modules/pusher-js": { + "version": "8.4.0-rc2", + "resolved": "https://registry.npmjs.org/pusher-js/-/pusher-js-8.4.0-rc2.tgz", + "integrity": "sha512-d87GjOEEl9QgO5BWmViSqW0LOzPvybvX6WA9zLUstNdB57jVJuR27zHkRnrav2a3+zAMlHbP2Og8wug+rG8T+g==", + "license": "MIT", + "dependencies": { + "tweetnacl": "^1.0.3" + } + }, "node_modules/qs": { "version": "6.9.7", "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz", @@ -2539,6 +2571,12 @@ "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", "license": "Apache-2.0" }, + "node_modules/tweetnacl": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz", + "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==", + "license": "Unlicense" + }, "node_modules/update-browserslist-db": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz", @@ -2576,6 +2614,19 @@ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "license": "MIT" }, + "node_modules/uuid": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.0.3.tgz", + "integrity": "sha512-d0z310fCWv5dJwnX1Y/MncBAqGMKEzlBb1AOf7z9K8ALnd0utBX/msg/fA0+sbyN1ihbMsLhrBlnl1ak7Wa0rg==", + "funding": [ + "https://github.com/sponsors/broofa", + "https://github.com/sponsors/ctavan" + ], + "license": "MIT", + "bin": { + "uuid": "dist/esm/bin/uuid" + } + }, "node_modules/vite": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.1.tgz", @@ -2688,6 +2739,16 @@ "vue": "^3.0.0" } }, + "node_modules/vue-multiselect": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.1.0.tgz", + "integrity": "sha512-+i/fjTqFBpaay9NP+lU7obBeNaw2DdFDFs4mqhsM0aEtKRdvIf7CfREAx2o2B4XDmPrBt1r7x1YCM3BOMLaUgQ==", + "license": "MIT", + "engines": { + "node": ">= 14.18.1", + "npm": ">= 6.14.15" + } + }, "node_modules/vue-router": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz", diff --git a/package.json b/package.json index 7a33050..46371d8 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,8 @@ { - "name": "holos.frontend", + "name": "notsoweb.frontend", + "copyright": "Notsoweb Software Inc.", "private": true, - "version": "0.0.0", + "version": "0.0.1", "type": "module", "scripts": { "dev": "vite", @@ -11,13 +12,18 @@ "dependencies": { "@vitejs/plugin-vue": "^5.2.1", "axios": "^1.7.8", + "laravel-echo": "^1.17.1", + "luxon": "^3.5.0", "pinia": "^2.2.8", "postcss": "^8.4.49", + "pusher-js": "^8.4.0-rc2", "tailwindcss": "^3.4.15", "toastr": "^2.1.4", + "uuid": "^11.0.3", "vite": "^6.0.1", "vue": "^3.5.13", "vue-i18n": "^10.0.5", + "vue-multiselect": "^3.1.0", "vue-router": "^4.5.0", "ziggy-js": "^2.4.1" }, diff --git a/public/images/.gitignore b/public/images/.gitignore new file mode 100644 index 0000000..c96a04f --- /dev/null +++ b/public/images/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore \ No newline at end of file diff --git a/src/App.vue b/src/App.vue deleted file mode 100644 index 9fad556..0000000 --- a/src/App.vue +++ /dev/null @@ -1,12 +0,0 @@ - - - diff --git a/src/main.js b/src/auth.js similarity index 76% rename from src/main.js rename to src/auth.js index 8700393..e898f09 100644 --- a/src/main.js +++ b/src/auth.js @@ -5,14 +5,15 @@ import { createPinia } from 'pinia' import { createApp } from 'vue' import { useRoute, ZiggyVue } from 'ziggy-js'; import { i18n, lang } from '@/lang/i18n.js'; +import router from '@Router/Auth' import Notify from '@Plugins/Notify' import TailwindScreen from '@Plugins/TailwindScreen' +import { pagePlugin } from '@Services/Page'; -import App from './App.vue' +import Auth from '@Holos/Layout/Auth.vue' // Configurar axios axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; -axios.defaults.baseURL = import.meta.env.VITE_API_URL; // Crear instancias globales window.Lang = lang; @@ -21,7 +22,7 @@ window.TwScreen = new TailwindScreen(); async function boot() { try { - const { data } = await axios.get('/api/routes'); + const { data } = await axios.get(import.meta.env.VITE_API_URL + '/api/routes'); // Iniciar rutas window.Ziggy = data; @@ -31,9 +32,11 @@ async function boot() { alert('Failed to load routes'); } - createApp(App) + createApp(Auth) .use(createPinia()) .use(i18n) + .use(pagePlugin) + .use(router) .use(ZiggyVue) .mount('#app'); } diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 546ebbc..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - - - diff --git a/src/components/Holos/AuthenticationCard.vue b/src/components/Holos/AuthenticationCard.vue deleted file mode 100644 index 59f3713..0000000 --- a/src/components/Holos/AuthenticationCard.vue +++ /dev/null @@ -1,11 +0,0 @@ - diff --git a/src/components/Holos/AuthenticationCardLogo.vue b/src/components/Holos/AuthenticationCardLogo.vue deleted file mode 100644 index c5027ec..0000000 --- a/src/components/Holos/AuthenticationCardLogo.vue +++ /dev/null @@ -1,17 +0,0 @@ - - - diff --git a/src/components/Holos/Button/Icon.vue b/src/components/Holos/Button/Icon.vue index e9a2812..7d8e860 100644 --- a/src/components/Holos/Button/Icon.vue +++ b/src/components/Holos/Button/Icon.vue @@ -5,11 +5,11 @@ import GoogleIcon from '@Shared/GoogleIcon.vue' const props = defineProps({ icon: String, fill: Boolean, - title: String, style: { type: String, default: 'rounded' }, + title: String, type: { type: String, default: 'button' @@ -24,8 +24,8 @@ const props = defineProps({ :type="type" > diff --git a/src/components/Holos/Card/Indicator.vue b/src/components/Holos/Card/Indicator.vue index 1b0cddc..4ec9126 100644 --- a/src/components/Holos/Card/Indicator.vue +++ b/src/components/Holos/Card/Indicator.vue @@ -1,21 +1,21 @@ \ No newline at end of file diff --git a/src/components/Holos/ConfirmsPassword.vue b/src/components/Holos/ConfirmsPassword.vue index 262851c..4e90e82 100644 --- a/src/components/Holos/ConfirmsPassword.vue +++ b/src/components/Holos/ConfirmsPassword.vue @@ -1,5 +1,6 @@ @@ -84,12 +68,14 @@ const closeModal = () => { diff --git a/src/components/Holos/DropdownLink.vue b/src/components/Holos/DropdownLink.vue index 080619d..1d26df8 100644 --- a/src/components/Holos/DropdownLink.vue +++ b/src/components/Holos/DropdownLink.vue @@ -1,9 +1,9 @@ @@ -9,6 +9,6 @@ defineProps({

- {{onError}} + {{ Array.isArray(onError) ? onError[0] : onError }}

diff --git a/src/components/Holos/Form/Elements/Label.vue b/src/components/Holos/Form/Elements/Label.vue index acdc18a..c03836e 100644 --- a/src/components/Holos/Form/Elements/Label.vue +++ b/src/components/Holos/Form/Elements/Label.vue @@ -9,8 +9,8 @@ defineProps({ \ No newline at end of file diff --git a/src/components/Holos/Form/Textarea.vue b/src/components/Holos/Form/Textarea.vue index 180370e..ab02f37 100644 --- a/src/components/Holos/Form/Textarea.vue +++ b/src/components/Holos/Form/Textarea.vue @@ -64,15 +64,17 @@ onMounted(() => { :title="autoTitle" /> - + \ No newline at end of file diff --git a/src/components/Holos/Form/Todo/ItemWithForm.vue b/src/components/Holos/Form/Todo/ItemWithForm.vue index 2d62aa3..52e5496 100644 --- a/src/components/Holos/Form/Todo/ItemWithForm.vue +++ b/src/components/Holos/Form/Todo/ItemWithForm.vue @@ -65,10 +65,10 @@ function add() { itemA.value = null itemB.value = null } else { - Notify.warning(lang('todo.uniqueSub.b.required', {name:lang('subclassification')})) + Notify.warning(Lang('todo.uniqueSub.b.required', {name:Lang('subclassification')})) } } else { - Notify.warning(lang('todo.uniqueSub.a.required', {name:lang('classification')})) + Notify.warning(Lang('todo.uniqueSub.a.required', {name:Lang('classification')})) } } @@ -115,18 +115,23 @@ onMounted(() => {

{{ title }}

- {{ $t('add') }} + + {{ $t('add') }} +

{{ $t('items') }} ({{ values.length }})

@@ -136,18 +141,17 @@ onMounted(() => {
props.inboxCtl.onSelectAll(props.items, false); const unselectThisPage = () => props.inboxCtl.onUnselectAll(props.items) @@ -60,11 +60,11 @@ const search = url => props.searcherCtl.searchWithInboxPagination(url); class="relative flex items-center px-0.5 space-x-0.5" >
import { ref, computed } from 'vue'; -// Propiedades +/** Propiedades */ const props = defineProps({ inboxCtl: Object, //Controller item: Object, selecteds: Object }) -// Variables generales const check = ref(false); const messageHover = ref(false); -// Métodos +/** Métodos */ const select = () => (!check.value) ? props.inboxCtl.onSelectOne(props.item) : props.inboxCtl.onUnselectOne(props.item); @@ -35,9 +34,9 @@ const selected = computed(() => { >
diff --git a/src/components/Holos/Inbox/Menu/Item.vue b/src/components/Holos/Inbox/Menu/Item.vue index be9693b..4a1baa7 100755 --- a/src/components/Holos/Inbox/Menu/Item.vue +++ b/src/components/Holos/Inbox/Menu/Item.vue @@ -1,9 +1,10 @@ \ No newline at end of file diff --git a/src/components/Holos/Inbox/Menu/Static.vue b/src/components/Holos/Inbox/Menu/Static.vue index 52f3616..04cf041 100755 --- a/src/components/Holos/Inbox/Menu/Static.vue +++ b/src/components/Holos/Inbox/Menu/Static.vue @@ -1,9 +1,10 @@ \ No newline at end of file diff --git a/src/components/Holos/Layout/AppLayout.vue b/src/components/Holos/Layout/App.vue similarity index 79% rename from src/components/Holos/Layout/AppLayout.vue rename to src/components/Holos/Layout/App.vue index f8b6045..ea81eec 100644 --- a/src/components/Holos/Layout/AppLayout.vue +++ b/src/components/Holos/Layout/App.vue @@ -1,7 +1,7 @@ diff --git a/src/components/Holos/Layout/TermsLayout.vue b/src/components/Holos/Layout/TermsLayout.vue index 17f76e2..0214c75 100644 --- a/src/components/Holos/Layout/TermsLayout.vue +++ b/src/components/Holos/Layout/TermsLayout.vue @@ -1,10 +1,10 @@ diff --git a/src/components/Holos/Modal/Edit.vue b/src/components/Holos/Modal/Edit.vue index 9151141..247c319 100644 --- a/src/components/Holos/Modal/Edit.vue +++ b/src/components/Holos/Modal/Edit.vue @@ -13,7 +13,7 @@ const emit = defineEmits([ const props = defineProps({ show: Boolean, title: { - default: lang('edit'), + default: Lang('edit'), type: String } }); @@ -38,12 +38,12 @@ const props = defineProps({
diff --git a/src/components/Holos/Modal/Show.vue b/src/components/Holos/Modal/Show.vue index 07d9e30..6bb9274 100644 --- a/src/components/Holos/Modal/Show.vue +++ b/src/components/Holos/Modal/Show.vue @@ -14,7 +14,7 @@ const props = defineProps({ editable: Boolean, show: Boolean, title: { - default: lang('details'), + default: Lang('details'), type: String } }); @@ -38,14 +38,13 @@ const props = defineProps({ diff --git a/src/components/Holos/Modal/Template/Destroy.vue b/src/components/Holos/Modal/Template/Destroy.vue index 04c6013..7fb3ad9 100644 --- a/src/components/Holos/Modal/Template/Destroy.vue +++ b/src/components/Holos/Modal/Template/Destroy.vue @@ -1,13 +1,13 @@ - - \ No newline at end of file diff --git a/src/components/Holos/PageHeader.vue b/src/components/Holos/PageHeader.vue index dacffa9..c92cf05 100644 --- a/src/components/Holos/PageHeader.vue +++ b/src/components/Holos/PageHeader.vue @@ -1,22 +1,31 @@ \ No newline at end of file diff --git a/src/components/Holos/Searcher.vue b/src/components/Holos/Searcher.vue index 1ff41bf..57fb450 100644 --- a/src/components/Holos/Searcher.vue +++ b/src/components/Holos/Searcher.vue @@ -1,29 +1,38 @@ \ No newline at end of file diff --git a/src/components/Holos/Skeleton/Header.vue b/src/components/Holos/Skeleton/Header.vue index 04a75bd..785b10b 100644 --- a/src/components/Holos/Skeleton/Header.vue +++ b/src/components/Holos/Skeleton/Header.vue @@ -1,15 +1,13 @@