-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
\ No newline at end of file
diff --git a/src/views/ExcelUploaderView.vue b/src/views/ExcelUploaderView.vue
new file mode 100644
index 00000000..bf1facba
--- /dev/null
+++ b/src/views/ExcelUploaderView.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/FormAnaliticaView-copy.vue b/src/views/FormAnaliticaView-copy.vue
new file mode 100644
index 00000000..59932644
--- /dev/null
+++ b/src/views/FormAnaliticaView-copy.vue
@@ -0,0 +1,271 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/FormAnaliticaView.vue b/src/views/FormAnaliticaView.vue
new file mode 100644
index 00000000..51ba909e
--- /dev/null
+++ b/src/views/FormAnaliticaView.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/FormsView.vue b/src/views/FormsView.vue
index 208ff4af..8778c405 100644
--- a/src/views/FormsView.vue
+++ b/src/views/FormsView.vue
@@ -1,10 +1,10 @@
-
+
-
-
+
+
+
+
-
-
-
+
+
+
-
+
- Custom elements
+
diff --git a/src/views/InfraestructurasAdminView.vue b/src/views/InfraestructurasAdminView.vue
new file mode 100644
index 00000000..623db9c6
--- /dev/null
+++ b/src/views/InfraestructurasAdminView.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/LoginAqlaraView.vue b/src/views/LoginAqlaraView.vue
new file mode 100644
index 00000000..046fae78
--- /dev/null
+++ b/src/views/LoginAqlaraView.vue
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/LoginAqlaraView_bak.vue b/src/views/LoginAqlaraView_bak.vue
new file mode 100644
index 00000000..e6887679
--- /dev/null
+++ b/src/views/LoginAqlaraView_bak.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/LoginAqlaraView_conJWT.vue b/src/views/LoginAqlaraView_conJWT.vue
new file mode 100644
index 00000000..f93a9093
--- /dev/null
+++ b/src/views/LoginAqlaraView_conJWT.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/MapaPuntoMuestrasView.vue b/src/views/MapaPuntoMuestrasView.vue
new file mode 100644
index 00000000..a6420a9c
--- /dev/null
+++ b/src/views/MapaPuntoMuestrasView.vue
@@ -0,0 +1,345 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/OperariosView.vue b/src/views/OperariosView.vue
new file mode 100644
index 00000000..e0ef4e1a
--- /dev/null
+++ b/src/views/OperariosView.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index 142dea2d..32677f74 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -13,9 +13,13 @@ import BaseButtons from '@/components/BaseButtons.vue'
import UserCard from '@/components/UserCard.vue'
import LayoutAuthenticated from '@/layouts/LayoutAuthenticated.vue'
import SectionTitleLineWithButton from '@/components/SectionTitleLineWithButton.vue'
+import { useLoginStore } from '@/stores/login'
+
const mainStore = useMainStore()
+const loginStore = useLoginStore()
+
const profileForm = reactive({
name: mainStore.userName,
email: mainStore.userEmail
@@ -59,9 +63,9 @@ const submitPass = () => {
+
{
+import { mdiFlaskEmptyOutline, mdiFilter, mdiDownload, mdiSetCenter, mdiPlusBox, mdiTestTube } from '@mdi/js'
+import SectionMain from '@/components/SectionMain.vue'
+import {ref} from 'vue'
+import CardBox from '@/components/CardBox.vue'
+import LayoutAuthenticated from '@/layouts/LayoutAuthenticated.vue'
+import SectionTitleLineWithButton from '@/components/SectionTitleLineWithButton.vue'
+import BaseButton from '@/components/BaseButton.vue'
+import UOTable from '@/components/UOTable.vue'
+import CardBoxModalForm from '@/components/CardBoxModalForm.vue'
+import FormUO from '@/components/FormUO.vue'
+import ZonasTable from '@/components/ZonasTable.vue'
+import PuntosMuestreoTable from '@/components/PuntosMuestreoTable.vue'
+
+
+const isModalActive = ref(false)
+const table = ref(null)
+
+const nuevaZona = {
+ esNuevo: true,
+ id: null,
+ nombre: null,
+ descripcion: null,
+ estado: null,
+ id_unidad_operativa: null,
+ id_unidad_operativa_nombre: null
+}
+
+
+const createPunto = () => {
+ // isModalActive.value = true;
+ table.value.openModal()
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
new file mode 100644
index 00000000..0f0bf907
--- /dev/null
+++ b/src/views/SettingsView.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/ZonasAdminView.vue b/src/views/ZonasAdminView.vue
new file mode 100644
index 00000000..7b6edcd7
--- /dev/null
+++ b/src/views/ZonasAdminView.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index e97af6e0..a54edd41 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,7 +3,7 @@
const plugin = require("tailwindcss/plugin");
module.exports = {
- content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+ content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", "./formkit.theme.mjs"],
darkMode: "class", // or 'media' or 'class'
theme: {
asideScrollbars: {
@@ -43,6 +43,7 @@ module.exports = {
},
plugins: [
require("@tailwindcss/forms"),
+ require('tailwindcss-primeui'),
plugin(function ({ matchUtilities, theme }) {
matchUtilities(
{
diff --git a/test-output.css b/test-output.css
new file mode 100644
index 00000000..cae54c49
--- /dev/null
+++ b/test-output.css
@@ -0,0 +1,77 @@
+/* Primary and Surface Palettes */
+
+:root {
+ --p-primary-50: #ecfdf5;
+ --p-primary-100: #d1fae5;
+ --p-primary-200: #a7f3d0;
+ --p-primary-300: #6ee7b7;
+ --p-primary-400: #34d399;
+ --p-primary-500: #10b981;
+ --p-primary-600: #059669;
+ --p-primary-700: #047857;
+ --p-primary-800: #065f46;
+ --p-primary-900: #064e3b;
+ --p-primary-950: #022c22;
+ --p-surface-0: #ffffff;
+ --p-surface-50: #fafafa;
+ --p-surface-100: #f4f4f5;
+ --p-surface-200: #e4e4e7;
+ --p-surface-300: #d4d4d8;
+ --p-surface-400: #a1a1aa;
+ --p-surface-500: #71717a;
+ --p-surface-600: #52525b;
+ --p-surface-700: #3f3f46;
+ --p-surface-800: #27272a;
+ --p-surface-900: #18181b;
+ --p-surface-950: #09090b;
+ --p-content-border-radius: 6px;
+}
+
+/* Light */
+
+:root {
+ --p-primary-color: var(--p-primary-500);
+ --p-primary-contrast-color: var(--p-surface-0);
+ --p-primary-hover-color: var(--p-primary-600);
+ --p-primary-active-color: var(--p-primary-700);
+ --p-content-border-color: var(--p-surface-200);
+ --p-content-hover-background: var(--p-surface-100);
+ --p-content-hover-color: var(--p-surface-800);
+ --p-highlight-background: var(--p-primary-50);
+ --p-highlight-color: var(--p-primary-700);
+ --p-highlight-focus-background: var(--p-primary-100);
+ --p-highlight-focus-color: var(--p-primary-800);
+ --p-text-color: var(--p-surface-700);
+ --p-text-hover-color: var(--p-surface-800);
+ --p-text-muted-color: var(--p-surface-500);
+ --p-text-hover-muted-color: var(--p-surface-600);
+}
+
+/*
+ * Dark Mode
+ * Defaults to system, change the selector to match the darkMode in tailwind.config.
+ * For example;
+ * darkMode: ['selector', '[class*="app-dark"]']
+ * should be;
+ * :root[class="app-dark"] {
+*/
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --p-primary-color: var(--p-primary-400);
+ --p-primary-contrast-color: var(--p-surface-900);
+ --p-primary-hover-color: var(--p-primary-300);
+ --p-primary-active-color: var(--p-primary-200);
+ --p-content-border-color: var(--p-surface-700);
+ --p-content-hover-background: var(--p-surface-800);
+ --p-content-hover-color: var(--p-surface-0);
+ --p-highlight-background: color-mix(in srgb, var(--p-primary-400), transparent 84%);
+ --p-highlight-color: rgba(255, 255, 255, 0.87);
+ --p-highlight-focus-background: color-mix(in srgb, var(--p-primary-400), transparent 76%);
+ --p-highlight-focus-color: rgba(255, 255, 255, 0.87);
+ --p-text-color: var(--p-surface-0);
+ --p-text-hover-color: var(--p-surface-0);
+ --p-text-muted-color: var(--p-surface-400);
+ --p-text-hover-muted-color: var(--p-surface-300);
+ }
+}
diff --git a/vite.config.js b/vite.config.js
index 8276be86..619b1f3a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,15 +1,45 @@
import { fileURLToPath, URL } from "node:url";
-
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
-export default defineConfig({
- base: "/admin-one-vue-tailwind/",
- plugins: [vue()],
- resolve: {
- alias: {
- "@": fileURLToPath(new URL("./src", import.meta.url)),
+// export default defineConfig({
+// base: "/sinaq/",
+// plugins: [vue()],
+// build: {
+// target: 'ES2022' // Asegura que esbuild soporta Top-level await
+// },
+// define: {
+// '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': false,
+// // Otras banderas de características que necesites
+// },
+// resolve: {
+// alias: {
+// "@": fileURLToPath(new URL("./src", import.meta.url)),
+// },
+// },
+// });
+export default defineConfig(({ mode }) => {
+ // Cargar variables de entorno (Doppler las inyectará automáticamente)
+ const env = loadEnv(mode, process.cwd(), '');
+
+ return {
+ base: env.VITE_BASE_URL || "/sinaq/",
+ plugins: [vue()],
+ build: {
+ target: 'ES2022'
+ },
+ define: {
+ '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': false,
+ },
+ resolve: {
+ alias: {
+ "@": fileURLToPath(new URL("./src", import.meta.url)),
+ },
},
- },
-});
+ server: {
+ // Configuración específica para desarrollo
+ port: parseInt(env.VITE_DEV_PORT) || 3000,
+ }
+ };
+});
\ No newline at end of file
diff --git a/vueform.config.js b/vueform.config.js
new file mode 100644
index 00000000..c34f45ac
--- /dev/null
+++ b/vueform.config.js
@@ -0,0 +1,14 @@
+// vueform.config.(js|ts)
+
+import es from '@vueform/vueform/locales/es'
+import vueform from '@vueform/vueform/dist/vueform'
+import { defineConfig } from '@vueform/vueform'
+
+// You might place these anywhere else in your project
+import '@vueform/vueform/dist/vueform.css';
+
+export default defineConfig({
+ theme: vueform,
+ locales: { es },
+ locale: 'es',
+})
\ No newline at end of file
- One
+
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index e3f2645c..2ab09552 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,17 @@
import { createApp } from 'vue'
import { createPinia } from 'pinia'
+import { plugin, defaultConfig } from '@formkit/vue'
+import PrimeVue from 'primevue/config'
+
+import config from '../formkit.config'
+import Vueform from '@vueform/vueform'
+import vueformConfig from '../vueform.config'
+import '@formkit/themes/genesis'
import App from './App.vue'
import router from './router'
import { useMainStore } from '@/stores/main.js'
+// import "./assets/base.css"
import './css/main.css'
@@ -11,10 +19,17 @@ import './css/main.css'
const pinia = createPinia()
// Create Vue app
-createApp(App).use(router).use(pinia).mount('#app')
+createApp(App)
+ .use(pinia)
+ .use(router)
+ .use(PrimeVue, { theme: 'none' })
+ .use(plugin, defaultConfig(config))
+ .use(Vueform, vueformConfig)
+ .mount('#app')
// Init main store
const mainStore = useMainStore(pinia)
+// await supabase.initialize() // Uso de Top-level await
// Fetch sample data
mainStore.fetchSampleClients()
@@ -34,7 +49,7 @@ mainStore.fetchSampleHistory()
// }
// Default title tag
-const defaultDocumentTitle = 'Admin One Vue 3 Tailwind'
+const defaultDocumentTitle = 'AQLARA Admin Panel'
// Set document title from route meta
router.afterEach((to) => {
diff --git a/src/menuAside.js b/src/menuAside.js
index 3ee9ae00..3e6e4163 100644
--- a/src/menuAside.js
+++ b/src/menuAside.js
@@ -1,86 +1,45 @@
import {
- mdiAccountCircle,
- mdiMonitor,
- mdiGithub,
- mdiLock,
- mdiAlertCircle,
- mdiSquareEditOutline,
- mdiTable,
- mdiViewList,
- mdiTelevisionGuide,
- mdiResponsive,
- mdiPalette,
- mdiReact
+ mdiWaterCircle,
} from '@mdi/js'
export default [
{
- to: '/dashboard',
- icon: mdiMonitor,
- label: 'Dashboard'
- },
- {
- to: '/tables',
- label: 'Tables',
- icon: mdiTable
- },
- {
- to: '/forms',
- label: 'Forms',
- icon: mdiSquareEditOutline
- },
- {
- to: '/ui',
- label: 'UI',
- icon: mdiTelevisionGuide
- },
- {
- to: '/responsive',
- label: 'Responsive',
- icon: mdiResponsive
- },
- {
- to: '/',
- label: 'Styles',
- icon: mdiPalette
- },
- {
- to: '/profile',
- label: 'Profile',
- icon: mdiAccountCircle
- },
- {
- to: '/login',
- label: 'Login',
- icon: mdiLock
- },
- {
- to: '/error',
- label: 'Error',
- icon: mdiAlertCircle
- },
- {
- label: 'Dropdown',
- icon: mdiViewList,
+ label: 'SinAQ',
+ icon: mdiWaterCircle,
menu: [
{
- label: 'Item One'
+ label: 'Excel uploader',
+ to: '/sinaq',
+ maxRole: 1,
+ minRole: 90
+ // icon: mdiWaterCircle
+ },
+ {
+ label: 'Formulario Analítica',
+ to: {name: "forms"},
+ // icon: mdiSquareEditOutline
},
{
- label: 'Item Two'
- }
+ label: 'Analíticas',
+ to: { name: "tablaAnaliticas" },
+ // maxRole: 1,
+ // minRole: 90
+ // icon: mdiSquareEditOutline
+ },
+ {
+ label: 'Mapa',
+ to: {name: "mapa"},
+ },
+ // {
+ // label: 'Prime Table Example',
+ // to: {name: "prime-table"},
+ // icon: mdiSquareEditOutline
+ // }
]
},
- {
- href: 'https://github.com/justboil/admin-one-vue-tailwind',
- label: 'GitHub',
- icon: mdiGithub,
- target: '_blank'
- },
- {
- href: 'https://github.com/justboil/admin-one-react-tailwind',
- label: 'React version',
- icon: mdiReact,
- target: '_blank'
- }
+ // {
+ // label: 'Panel de control',
+ // to: {name:'settings'},
+ // icon: mdiCog,
+ // }
]
diff --git a/src/menuNavBar.js b/src/menuNavBar.js
index 63dc060a..d0bd20e6 100644
--- a/src/menuNavBar.js
+++ b/src/menuNavBar.js
@@ -1,37 +1,57 @@
import {
mdiMenu,
- mdiClockOutline,
- mdiCloud,
- mdiCrop,
mdiAccount,
mdiCogOutline,
mdiEmail,
mdiLogout,
mdiThemeLightDark,
- mdiGithub,
- mdiReact
+ mdiAccountCog,
+ mdiMapClock,
+ mdiTestTube,
+ mdiSetCenter,
+ mdiPipeDisconnected,
+
} from '@mdi/js'
export default [
{
icon: mdiMenu,
- label: 'Sample menu',
+ label: 'Administración',
+ maxRole: 0,
+ minRole: 90,
menu: [
{
- icon: mdiClockOutline,
- label: 'Item One'
+ icon: mdiAccountCog,
+ label: 'Personal',
+ to: {name:'operarios'}
},
{
- icon: mdiCloud,
- label: 'Item Two'
+ icon: mdiSetCenter,
+ label: 'Unidades Operativas',
+ to: {name:'unidadesOperativas'}
},
{
- isDivider: true
+ icon: mdiMapClock,
+ label: 'Zonas',
+ to: {name:'zonas'}
},
{
- icon: mdiCrop,
- label: 'Item Last'
- }
+ icon: mdiPipeDisconnected,
+ label: 'Infraestructuras',
+ to: {name:'infraestructuras'}
+ },
+ {
+ icon: mdiTestTube,
+ label: 'Puntos de Muestreo',
+ to: {name:'puntosMuestreo'}
+ },
+ {
+ isDivider: true
+ },
+ // {
+ // icon: mdiTestTube,
+ // label: 'analiticas'
+ // }
]
},
{
@@ -39,7 +59,7 @@ export default [
menu: [
{
icon: mdiAccount,
- label: 'My Profile',
+ label: 'Mi Perfil',
to: '/profile'
},
{
@@ -48,14 +68,14 @@ export default [
},
{
icon: mdiEmail,
- label: 'Messages'
+ label: 'Mensajes'
},
{
isDivider: true
},
{
icon: mdiLogout,
- label: 'Log Out',
+ label: 'Salir',
isLogout: true
}
]
@@ -66,20 +86,8 @@ export default [
isDesktopNoLabel: true,
isToggleLightDark: true
},
- {
- icon: mdiGithub,
- label: 'GitHub',
- isDesktopNoLabel: true,
- href: 'https://github.com/justboil/admin-one-vue-tailwind',
- target: '_blank'
- },
- {
- icon: mdiReact,
- label: 'React version',
- isDesktopNoLabel: true,
- href: 'https://github.com/justboil/admin-one-react-tailwind',
- target: '_blank'
- },
+
+
{
icon: mdiLogout,
label: 'Log out',
diff --git a/src/router/index.js b/src/router/index.js
index ca6cd4eb..3bbd65b6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,26 +1,110 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import Style from '@/views/StyleView.vue'
+import { createRouter, createWebHashHistory } from 'vue-router';
import Home from '@/views/HomeView.vue'
+import useLoginStore from '@/stores/login';
+import LoginAqlaraView from '@/views/LoginAqlaraView.vue';
+import UnAutorizedComponent from '@/components/UnAutorizedComponent.vue';
+
+// const loginStore = useLoginStore();
const routes = [
{
meta: {
- title: 'Select style'
+ title: 'Aqlara Login'
+ },
+ path: '/login',
+ name: 'login',
+ component: LoginAqlaraView
+ },
+ {
+ path: '/unauthorized',
+ name: 'Unauthorized',
+ component: UnAutorizedComponent
+ },
+ {
+ meta: {
+ title: 'Aqlara Admin Panel',
+ requiresAuth: true,
+ requiredRole: 'admin'
+ },
+ path: '/admin',
+ name: 'admin',
+ children: [
+ {
+ title: 'Operarios',
+ path: '/admin/operarios',
+ name: 'operarios',
+ component: () => import('@/views/OperariosView.vue')
+ },
+ {
+ title: 'Unidades Operativas',
+ path: '/admin/unidades_operativas',
+ name: 'unidadesOperativas',
+ component: () => import('@/views/UOTableView.vue')
+ },
+ {
+ title: 'Zonas',
+ path: '/admin/zonas',
+ name: 'zonas',
+ component: () => import('@/views/ZonasAdminView.vue')
+ },
+ {
+ title: 'Infraestructuras',
+ path: '/admin/infraestructuras',
+ name: 'infraestructuras',
+ component: () => import('@/views/InfraestructurasAdminView.vue')
+ },
+ {
+ title: 'Puntos de Muestreo',
+ path: '/admin/puntos_muestreo',
+ name: 'puntosMuestreo',
+ component: () => import('@/views/PuntosMuestreoAdminView.vue')
+ },
+
+
+ ],
+ },
+ {
+ meta: {
+ title: 'Aqlara Home',
+ requiresAuth: true
},
path: '/',
- name: 'style',
- component: Style
+ name: 'home',
+ component: () => import('@/views/ExcelUploaderView.vue')
+ },
+ {
+ meta: {
+ title: 'Mapa de Puntos de Muestreo',
+ requiresAuth: true
+ },
+ path: '/mapa',
+ name: 'mapa',
+ component: () => import('@/views/MapaPuntoMuestrasView.vue')
},
{
// Document title tag
// We combine it with defaultDocumentTitle set in `src/main.js` on router.afterEach hook
meta: {
- title: 'Dashboard'
+ title: 'Dashboard',
+ requiresAuth: true
},
path: '/dashboard',
name: 'dashboard',
component: Home
},
+ {
+ // Document title tag
+ // We combine it with defaultDocumentTitle set in `src/main.js` on router.afterEach hook
+ meta: {
+ title: 'Panel de Control',
+ requiresAuth: true,
+ requiredRole: 'admin'
+ },
+ path: '/settings',
+ name: 'settings',
+ component: ()=>import('@/views/SettingsView.vue')
+ },
+
{
meta: {
title: 'Tables'
@@ -31,11 +115,21 @@ const routes = [
},
{
meta: {
- title: 'Forms'
+ title: 'Forms',
+ requiresAuth: true
},
path: '/forms',
name: 'forms',
- component: () => import('@/views/FormsView.vue')
+ component: () => import('@/views/FormAnaliticaView.vue')
+ },
+ {
+ meta: {
+ title: 'Tabla de Analiticas',
+ requiresAuth: true
+ },
+ path: '/tablaAnaliticas',
+ name: 'tablaAnaliticas',
+ component: () => import('@/views/AnaliticsTableView.vue')
},
{
meta: {
@@ -65,8 +159,8 @@ const routes = [
meta: {
title: 'Login'
},
- path: '/login',
- name: 'login',
+ path: '/login_original',
+ name: 'login_original',
component: () => import('@/views/LoginView.vue')
},
{
@@ -76,7 +170,32 @@ const routes = [
path: '/error',
name: 'error',
component: () => import('@/views/ErrorView.vue')
- }
+ },
+ {
+ meta: {
+ title: 'Sinaq'
+ },
+ path: '/sinaq',
+ name: 'sinaq',
+ component: () => import('@/views/ExcelUploaderView.vue')
+ },
+ {
+ meta: {
+ title: 'Style selector'
+ },
+ path: '/style',
+ name: 'style',
+ component: () => import('@/views/StyleView.vue')
+ },
+ // {
+ // meta: {
+ // title: 'PrimeVue Table Example',
+ // requiresAuth: true
+ // },
+ // path: '/prime-table',
+ // name: 'prime-table',
+ // component: () => import('@/views/PrimeTableExampleView.vue')
+ // }
]
const router = createRouter({
@@ -87,4 +206,59 @@ const router = createRouter({
}
})
+// Función para verificar permisos de usuario
+const checkUserPermission = (userRole, requiredRole) => {
+ // Normalizar roles de admin: '99', 99, y 'admin' son equivalentes
+ const adminRoles = ['admin', '99', 99]
+
+ if (requiredRole === 'admin') {
+ return adminRoles.includes(userRole)
+ }
+
+ // Para otros roles, comparación directa
+ return userRole === requiredRole
+}
+
+// Guard de navegacion mejorado con seguridad de sesión
+
+router.beforeEach((to, from, next) => {
+ const loginStore = useLoginStore();
+ const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
+
+ if (requiresAuth) {
+ // Verificar si está autenticado
+ if (!loginStore.isAuthenticated) {
+ console.warn('Usuario no autenticado, redirigiendo a login')
+ next({name: 'login'});
+ return;
+ }
+
+ // Verificar si la sesión ha expirado
+ if (!loginStore.checkSessionExpiry()) {
+ console.warn('Sesión expirada, redirigiendo a login')
+ next({name: 'login'});
+ return;
+ }
+
+ // Verificar autorización por roles si es requerido
+ const requiredRole = to.meta.requiredRole;
+ if (requiredRole) {
+ const hasPermission = checkUserPermission(loginStore.userRole, requiredRole);
+ if (!hasPermission) {
+ console.warn('Usuario sin permisos suficientes', {
+ userRole: loginStore.userRole,
+ requiredRole: requiredRole
+ });
+ next({name: 'Unauthorized'});
+ return;
+ }
+ }
+
+ // Renovar sesión en cada navegación autenticada
+ loginStore.renewSession();
+ }
+
+ next();
+})
+
export default router
diff --git a/src/services/analiticas.js b/src/services/analiticas.js
new file mode 100644
index 00000000..c460b183
--- /dev/null
+++ b/src/services/analiticas.js
@@ -0,0 +1,99 @@
+import { supabase } from './supabase'
+
+export const getAnaliticas = async() => {
+ const { data } = await supabase.from('analiticas').select('*')
+ return data
+ }
+
+export const getAnaliticasPaginated = async (options = {}) => {
+ const {
+ page = 1,
+ pageSize = 20,
+ sortBy = 'fecha',
+ sortOrder = 'desc',
+ filters = {},
+ searchText = ''
+ } = options
+
+ let query = supabase
+ .from('analiticas')
+ .select(`
+ *,
+ personal:personal_fk(id, name),
+ punto_muestreo:punto_muestreo_fk(id, name, zona_fk)
+ `, { count: 'exact' })
+
+ // Aplicar filtros
+ if (filters.fecha_inicio) {
+ query = query.gte('fecha', filters.fecha_inicio)
+ }
+ if (filters.fecha_final) {
+ query = query.lte('fecha', filters.fecha_final)
+ }
+ if (filters.punto_muestreo_fk) {
+ query = query.eq('punto_muestreo_fk', filters.punto_muestreo_fk)
+ }
+ if (filters.personal_fk) {
+ query = query.eq('personal_fk', filters.personal_fk)
+ }
+ if (filters.type) {
+ query = query.eq('type', filters.type)
+ }
+ if (filters.zona_fk) {
+ query = query.eq('punto_muestreo.zona_fk', filters.zona_fk)
+ }
+
+ // Búsqueda de texto en observaciones
+ if (searchText) {
+ query = query.ilike('observaciones', `%${searchText}%`)
+ }
+
+ // Ordenamiento
+ const orderDirection = sortOrder === 'desc' ? false : true
+ query = query.order(sortBy, { ascending: orderDirection })
+
+ // Paginación
+ const from = (page - 1) * pageSize
+ const to = from + pageSize - 1
+ query = query.range(from, to)
+
+ const { data, error, count } = await query
+
+ if (error) {
+ console.error('Error fetching paginated analiticas:', error)
+ throw error
+ }
+
+ return {
+ data,
+ count,
+ page,
+ pageSize,
+ totalPages: Math.ceil(count / pageSize),
+ hasNextPage: page * pageSize < count,
+ hasPreviousPage: page > 1
+ }
+}
+
+export const getAnaliticasFilteredCount = async (filters = {}) => {
+ let query = supabase
+ .from('analiticas')
+ .select('*', { count: 'exact', head: true })
+
+ // Aplicar los mismos filtros que en getAnaliticasPaginated
+ if (filters.fecha_inicio) query = query.gte('fecha', filters.fecha_inicio)
+ if (filters.fecha_final) query = query.lte('fecha', filters.fecha_final)
+ if (filters.punto_muestreo_fk) query = query.eq('punto_muestreo_fk', filters.punto_muestreo_fk)
+ if (filters.personal_fk) query = query.eq('personal_fk', filters.personal_fk)
+ if (filters.type) query = query.eq('type', filters.type)
+
+ const { count, error } = await query
+
+ if (error) throw error
+ return count
+}
+
+export const setAnaliticas = async(analitica) => {
+ const { data } = await supabase.from('analiticas').insert(analitica)
+ return data
+}
diff --git a/src/services/factorialConfig.js b/src/services/factorialConfig.js
new file mode 100644
index 00000000..7d1692f5
--- /dev/null
+++ b/src/services/factorialConfig.js
@@ -0,0 +1,5 @@
+export const FACTORIAL_CLIENT_ID = import.meta.env.VITE_FACTORIAL_CLIENT_ID;
+export const FACTORIAL_CLIENT_SECRET = import.meta.env.VITE_FACTORIAL_CLIENT_SECRET;
+export const FACTORIAL_REDIRECT_URI = 'http://localhost:5173/admin-one-vue-tailwind/';
+export const FACTORIAL_AUTH_URL = 'https://api.factorialhr.com/oauth/authorize';
+export const FACTORIAL_TOKEN_URL = 'https://api.factorialhr.com/oauth/token';
\ No newline at end of file
diff --git a/src/services/infraestructuras.js b/src/services/infraestructuras.js
new file mode 100644
index 00000000..6e03cd61
--- /dev/null
+++ b/src/services/infraestructuras.js
@@ -0,0 +1,59 @@
+import { supabase } from "./supabase";
+
+
+export const createInfraestructura = async (infraestructura) => {
+ try {
+ const { data } = await supabase
+ .from('infraestructuras')
+ .insert({
+ id: infraestructura.id,
+ name: infraestructura.name,
+ type: infraestructura.tipo_infraestructura_fk,
+ operador: infraestructura.operador
+ })
+ .select()
+ .single()
+
+ return data
+ } catch (error) {
+ console.error('Error en setZona:', error)
+ throw error
+ }
+}
+
+export const anularInfraestructura = async (id) => {
+ try {
+ const { data } = await supabase
+ .from('infraestructuras')
+ .update({ activo: false })
+ .eq('id', id)
+ .single()
+
+ return data
+} catch (error) {
+ console.error('Error en anularInfraestructura:', error)
+ throw error
+}
+
+}
+
+export const updateInfraestructura = async (id) => {
+ console.log(id);
+ try {
+ const { data } = await supabase
+ .from('infraestructuras')
+ .update({
+ name: id.name,
+ type: id.type,
+ operador: id.operador })
+ .eq('id', id.id)
+ .single()
+
+ return data
+
+ } catch (error) {
+ console.error('Error al Actualizar la Infraestructura:', error)
+ alert('Error al Actualizar la Infraestructura:', error)
+ throw error
+ }
+}
\ No newline at end of file
diff --git a/src/services/msalConfig.js b/src/services/msalConfig.js
new file mode 100644
index 00000000..f4661175
--- /dev/null
+++ b/src/services/msalConfig.js
@@ -0,0 +1,203 @@
+// filepath: /src/msalConfig.js
+import { PublicClientApplication, InteractionRequiredAuthError } from '@azure/msal-browser';
+
+const MICROSOFT_CLIENT_ID= import.meta.env.VITE_MICROSOFT_CLIENT_ID;
+const MICROSOFT_TENANT_ID = import.meta.env.VITE_MICROSOFT_TENANT_ID;
+
+// Añadir scopes necesarios
+const graphScopes = {
+ scopes: [
+ 'User.Read',
+ 'profile',
+ 'openid',
+ 'email',
+ 'User.ReadBasic.All',
+ // 'user.read.all'
+ ]
+};
+
+
+const msalConfig = {
+ auth: {
+ clientId: MICROSOFT_CLIENT_ID,
+ authority: `https://login.microsoftonline.com/${MICROSOFT_TENANT_ID}`,
+ redirectUri: window.location.origin,
+ postLogoutRedirectUri: window.location.origin,
+ },
+ cache: {
+ cacheLocation: 'localStorage',
+ storeAuthStateInCookie: true
+ },
+ system: {
+ allowRedirectInIframe: true,
+ iframeHashTimeout: 6000,
+ redirectNavigationTimeout: 6000,
+ loggerOptions: {
+ logLevel: 'Error',
+ piiLoggingEnabled: false
+ }
+ }
+};
+
+// Función para obtener foto de perfil
+
+const msalInstance = new PublicClientApplication(msalConfig);
+
+// Crear proveedor de criptografía para PKCE
+// export const cryptoProvider = new cryptoProvider()
+
+await msalInstance.initialize();
+
+export const loginWithMicrosoft = async () => {
+ try {
+ // Detectar si es móvil
+ const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+
+ if (isMobile) {
+ return await msalInstance.loginRedirect({
+ ...graphScopes,
+ prompt: 'select_account'
+ });
+ } else {
+ return await msalInstance.loginPopup({
+ ...graphScopes,
+ prompt: 'select_account'
+ });
+ }
+ } catch (error) {
+ console.error('Error en login:', error);
+ throw error;
+ }
+};
+
+
+
+
+
+export const getUserProfile = async () => {
+ try {
+ const account = msalInstance.getAllAccounts()[0];
+ if (!account) return null;
+
+ const tokenResponse = await msalInstance.acquireTokenSilent({
+ scopes: graphScopes.scopes,
+ account: account
+ }).catch(async (error) => {
+ if (error instanceof InteractionRequiredAuthError) {
+ return await msalInstance.acquireTokenPopup(graphScopes);
+ }
+ throw error;
+ });
+
+ // Obtener datos del perfil
+ const response = await fetch('https://graph.microsoft.com/v1.0/me', {
+ headers: {
+ 'Authorization': `Bearer ${tokenResponse.accessToken}`
+ }
+ });
+
+ // Obtener foto de perfil
+ const photoResponse = await fetch('https://graph.microsoft.com/v1.0/me/photo/$value', {
+ headers: {
+ 'Authorization': `Bearer ${tokenResponse.accessToken}`
+ }
+ });
+
+ if (response.ok) {
+ const userData = await response.json();
+ let photoUrl = null;
+
+ if (photoResponse.ok) {
+ const blob = await photoResponse.blob();
+ photoUrl = URL.createObjectURL(blob);
+ console.log('photoUrl: ', photoUrl);
+ console.log('BLOB: ', blob);
+ }
+
+ return {
+ userData: userData,
+ telephone:userData.businessPhones[0],
+ displayName: userData.displayName,
+ email: userData.mail || userData.userPrincipalName,
+ id: userData.id,
+ photoUrl: photoUrl,
+ jobTitle: userData.jobTitle,
+ mobilePhone: userData.mobilePhone,
+ officeLocation: userData.officeLocation,
+ preferredLanguage: userData.preferredLanguage,
+ department: userData.department
+ };
+ }
+ return null;
+ } catch (error) {
+ console.error('Error al obtener perfil:', error);
+ return null;
+ }
+};
+
+
+// export const getUserPhoto = async () => {
+// try {
+// const account = msalInstance.getAllAccounts()[0];
+// const tokenResponse = await msalInstance.acquireTokenSilent({
+// ...graphScopes,
+// account: account
+// });
+// console.log('TokenResponse: ',tokenResponse);
+
+// const response = await fetch('https://graph.microsoft.com/v1.0/me/photo/$value', {
+// headers: {
+// 'Authorization': `Bearer ${tokenResponse.accessToken}`
+// }
+// });
+
+// if (response.ok) {
+// const blob = await response.blob();
+// return URL.createObjectURL(blob);
+// }
+// return null;
+// } catch (error) {
+// console.error('Error getting user photo:', error);
+// return null;
+// }
+// };
+
+// export const getUserProfile = async () => {
+// try {
+// const account = msalInstance.getAllAccounts()[0];
+// const tokenResponse = await msalInstance.acquireTokenSilent({
+// ...graphScopes,
+// account: account
+// });
+
+// const response = await fetch('https://graph.microsoft.com/v1.0/me', {
+// headers: {
+// 'Authorization': `Bearer ${tokenResponse.accessToken}`
+// }
+// });
+
+// if (response.ok) {
+// const userData = await response.json();
+// const photoUrl = await getUserPhoto();
+
+// return {
+// ...userData,
+// photoUrl,
+// displayName: userData.displayName,
+// email: userData.mail || userData.userPrincipalName,
+// phone: userData.mobilePhone,
+// jobTitle: userData.jobTitle,
+// department: userData.department
+// };
+// }
+// return null;
+// } catch (error) {
+// console.error('Error getting user profile:', error);
+// return null;
+// }
+// };
+
+
+
+
+export default msalInstance;
\ No newline at end of file
diff --git a/src/services/operarios.js b/src/services/operarios.js
new file mode 100644
index 00000000..01a518d5
--- /dev/null
+++ b/src/services/operarios.js
@@ -0,0 +1,141 @@
+import { supabase } from './supabase'
+
+export const getOperarios = async () => {
+ const { data } = await supabase.from('personal').select('*')
+ return data
+}
+
+// export const setOperarios = async (operario) => {
+// const { data } = await supabase.from('personal').insert(operario)
+// return data
+// }
+
+export const setOperarios = async (operario) => {
+ try {
+ // 1. Insertar operario y obtener ID
+ const { data: newOperario, error: errorOperario } = await supabase
+ .from('personal')
+ .insert({
+ name: operario.name,
+ email: operario.email,
+ phone: operario.phone,
+ ud_operativa_fk: operario.ud_operativa_fk,
+ type: operario.type
+ })
+ .select() // Devuelve todos los campos, incluido el ID generado
+ .single() // Devuelve un único registro en lugar de un array
+
+ if (errorOperario) throw errorOperario
+
+ // 2. Preparar zonas con el ID generado
+ const zonasToInsert = operario.zonas.map(zona_fk => ({
+ personal_fk: newOperario.id,
+ zonas_fk: zona_fk
+ }))
+
+ // 3. Insertar zonas
+ const { data: insertedZonas, error: errorZonas } = await supabase
+ .from('zonas_personal')
+ .insert(zonasToInsert)
+ .select()
+
+ if (errorZonas) throw errorZonas
+
+ return {
+ operario: newOperario,
+ zonas: insertedZonas
+ }
+
+ } catch (error) {
+ console.error('Error en setOperarios:', error)
+ throw error
+ }
+}
+
+// export const deleteOperario = async (id) => {
+// const { error } = await supabase.from('personal').delete().eq('id', id)
+
+// if (error) throw error
+// }
+
+export const deleteOperario = async (id) => {
+ try {
+ // 1. Primero borrar registros en zonas_personal
+ const { error: errorZonas } = await supabase
+ .from('zonas_personal')
+ .delete()
+ .eq('personal_fk', id)
+
+ if (errorZonas) throw errorZonas
+
+ // 2. Luego borrar el operario
+ const { error: errorOperario } = await supabase
+ .from('personal')
+ .delete()
+ .eq('id', id)
+
+ if (errorOperario) throw errorOperario
+
+ return true
+
+ } catch (error) {
+ console.error('Error al eliminar operario:', error)
+ throw error
+ }
+}
+
+
+export const updateOperariobyId = async (data) => {
+ try {
+ // console.log('updateOperariobyId: ',id, data);
+ // 1. Limpiar datos del operario
+ const cleanDataOperario = {
+ // id: data.id,
+ name: data.name,
+ email: data.email,
+ phone: data.phone,
+ ud_operativa_fk: data.ud_operativa_fk,
+ type: data.type
+ }
+ // 2. Actualizar datos del operario
+ const { data: updateDataOperario, errorOperario } = await supabase
+ .from('personal')
+ .update(cleanDataOperario)
+ .eq('id', data.id)
+ .select()
+
+
+ if (errorOperario) throw errorOperario
+
+
+ // 3. Limpiar datos de las zonas del operario
+ const { error: errorDelete } = await supabase
+ .from('zonas_personal')
+ .delete()
+ .eq('personal_fk', data.id)
+
+ if (errorDelete) throw errorDelete
+
+ // 4. Preparar nuevas zonas
+ const zonasToInsert = data.zonas.map((zona_fk) => ({
+ personal_fk: data.id,
+ zonas_fk: zona_fk
+ }))
+
+ // 5. Insertar nuevas zonas
+ const { data: insertedZonas, error: errorInsert } = await supabase
+ .from('zonas_personal')
+ .insert(zonasToInsert)
+ .select()
+
+ if (errorInsert) throw errorInsert
+
+ return {
+ operario: updateDataOperario,
+ zonas: insertedZonas
+ }
+ } catch (error) {
+ console.error('Error en updateOperariobyId:', error)
+ throw error
+ }
+}
diff --git a/src/services/puntosMuestreo.js b/src/services/puntosMuestreo.js
new file mode 100644
index 00000000..b7bc8cfa
--- /dev/null
+++ b/src/services/puntosMuestreo.js
@@ -0,0 +1,46 @@
+import { supabase } from './supabase'
+
+export const createPuntoMuestreo = async (data) => {
+ const { data: puntoMuestreo, error } = await supabase
+ .from('puntos_muestreo')
+ .insert({
+ id:data.id,
+ name: data.name,
+ infraestructura_fk: data.infraestructura_fk,
+ zona_fk: data.zona_fk,
+ posicion: data.posicion,
+ activo: data.activo,
+ })
+ .select()
+ .single()
+ if (error) throw error
+ return puntoMuestreo
+}
+
+export const anularPuntoMuestreo = async (id) => {
+ const { data, error } = await supabase
+ .from('puntos_muestreo')
+ .update({ activo: false })
+ .eq('id', id)
+ .select()
+ .single()
+ if (error) throw error
+ return data
+}
+
+export const updatePuntoMuestreo = async (data) => {
+ const { data: puntoMuestreo, error } = await supabase
+ .from('puntos_muestreo')
+ .update({
+ name: data.name,
+ infraestructura_fk: data.infraestructura_fk,
+ zona_fk: data.zona_fk,
+ posicion: data.posicion,
+ activo: data.activo,
+ })
+ .eq('id', data.id)
+ .select()
+ .single()
+ if (error) throw error
+ return puntoMuestreo
+}
\ No newline at end of file
diff --git a/src/services/supabase.js b/src/services/supabase.js
new file mode 100644
index 00000000..2866e3e0
--- /dev/null
+++ b/src/services/supabase.js
@@ -0,0 +1,120 @@
+import { createClient } from "@supabase/supabase-js";
+// import {corsHeaders} from '../helpers/cors'
+
+const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
+const supabaseKey = import.meta.env.VITE_SUPABASE_ANON_KEY;
+// const isModalDeleteActive = ref(false)
+// const analiticaToDelete = ref(null)
+
+if (!supabaseUrl || !supabaseKey) {
+ throw new Error('Missing Supabase configuration. Please check your environment variables.');
+}
+
+export const supabase = createClient(supabaseUrl, supabaseKey, {
+ auth: {
+ autoRefreshToken: true,
+ persistSession: true,
+ detectSessionInUrl: true
+ },
+ global: {
+ headers: {
+ 'Access-Control-Allow-Origin': '*',
+ 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+ 'Access-Control-Allow-Headers': 'X-Client-Info, X-Client-Proto, X-Client-Version, X-Requested-With, Content-Type, Accept, Authorization',
+ 'Content-Type': 'application/json',
+ 'Prefer': 'return=representation'
+ }
+ },
+ // db: {
+ // schema: {
+ // defaultHTTPMethod: 'PUT' // Force PUT instead of PATCH for updates
+ // }
+ // }
+});
+
+
+// Interceptor para manejar cambios en la autenticación
+supabase.auth.onAuthStateChange((event, session) => {
+ if (event === 'SIGNED_IN') {
+ console.log('Usuario autenticado:', session.user)
+ }
+ if (event === 'SIGNED_OUT') {
+ console.log('Usuario desconectado')
+ }
+ if (event === 'TOKEN_REFRESHED') {
+ console.log('Token actualizado')
+ }
+})
+
+
+
+export const searchOperarios = async () => {
+ const { data } = await supabase.from('personal').select('*')
+ return data
+}
+export const searchZonasOperarios = async (id) => {
+ const { data } = await supabase.from('personal').select(`id,zonas_personal(zonas_abastecimiento(*))`).eq('id',id)
+ return data
+}
+
+// export const deleteAnalitica = async (analitica) => {
+// analiticaToDelete.value = analitica
+// isModalDeleteActive.value = true
+// }
+
+
+
+
+export const deleteAnalitica = async (id) => {
+ const { error } = await supabase
+ .from('analiticas')
+ .delete()
+ .eq('id', id)
+
+ if (error) throw error
+}
+
+export const updateAnaliticabyId = async (id, data) => {
+ try {
+ console.log('updateAnaliticabyId: ',id, data);
+ // Limpiar datos antes de actualizar
+ const cleanData = {
+ id: data.id,
+ fecha: data.fecha,
+ personal_fk: data.personal_fk,
+ punto_muestreo_fk: data.punto_muestreo_fk,
+ type: data.type,
+ cloro: data.cloro,
+ color: data.color,
+ olor: data.olor,
+ sabor: data.sabor,
+ ph: data.ph,
+ turbidez: data.turbidez,
+ observaciones: data.observaciones,
+ registro: data.registro,
+ zona_fk: data.zona_fk
+ }
+ const { data: updateData, error } = await supabase
+ .from('analiticas')
+ .update(cleanData)
+ .eq('id', id)
+ .select()
+
+ if (error) throw error
+
+ return updateData
+ } catch (error) {
+ console.error('Error en updateAnaliticabyId:', error)
+ throw error
+ }
+
+
+}
+// export const deleteAnalitica = async (id) => {
+// const { data, error } = await supabase
+// .from('analiticas')
+// .delete()
+// .eq('id', id)
+// if (error) throw error
+// return data
+// }
diff --git a/src/services/uo.js b/src/services/uo.js
new file mode 100644
index 00000000..544e9c09
--- /dev/null
+++ b/src/services/uo.js
@@ -0,0 +1,89 @@
+import { supabase } from './supabase'
+
+
+export const getUO = async () => {
+ const { data } = await supabase.from('unidades_operativas').select('*')
+ return data
+}
+
+
+export const anularUO = async (id) => {
+ console.log(id)
+ try {
+ const { data, error: errorUO } = await supabase
+ .from('unidades_operativas')
+ .upsert({ id: id, activo: false }, { onConflict: ['id'] })
+ .select()
+
+ if (errorUO) {
+ console.error('Error SQL:', errorUO)
+ throw errorUO
+ }
+ return data
+ } catch (error) {
+ console.error('Error en anularUO:', error)
+ throw error
+ }
+}
+
+export const createUO = async (uo) => {
+ try {
+ const { data } = await supabase
+ .from('unidades_operativas')
+ .insert({
+ name: uo.name,
+ description: uo.description
+ })
+ .select()
+ return data
+ } catch (error) {
+ console.error('Error en createUO:', error)
+ throw error
+ }
+}
+
+
+
+
+
+export const updateUO = async (data) => {
+ const MAX_RETRIES = 3;
+ const RETRY_DELAY = 1000;
+
+ const tryUpdate = async (retryCount = 0) => {
+ try {
+ if (!data.id || !data.name || !data.description) {
+ throw new Error('Faltan campos requeridos')
+ }
+
+ const { data: updateData, error: errorUO } = await supabase
+ .from('unidades_operativas')
+ .update({
+ name: data.name,
+ description: data.description,
+ })
+ .eq('id', data.id)
+ .select()
+ .single()
+
+ if (errorUO) throw errorUO
+
+ return updateData
+
+ } catch (error) {
+ if (retryCount < MAX_RETRIES) {
+ console.log(`Reintento ${retryCount + 1} de ${MAX_RETRIES}`)
+ await new Promise(resolve => setTimeout(resolve, RETRY_DELAY))
+ return tryUpdate(retryCount + 1)
+ }
+ throw error
+ }
+ }
+
+ try {
+ return await tryUpdate()
+ } catch (error) {
+ console.error('Error en updateUO:', error)
+ throw new Error(`Error al actualizar UO: ${error.message}`)
+ }
+}
diff --git a/src/services/zonas.js b/src/services/zonas.js
new file mode 100644
index 00000000..747c66f1
--- /dev/null
+++ b/src/services/zonas.js
@@ -0,0 +1,64 @@
+import { supabase } from './supabase'
+
+export const createZona = async (zona) => {
+ try {
+ const { data } = await supabase
+ .from('zonas_abastecimiento')
+ .insert({
+ id: zona.id,
+ name: zona.name,
+ com_autonoma_fk: zona.com_autonoma_fk,
+ unidades_operativas_fk: zona.unidades_operativas_fk
+ })
+ .select()
+ .single()
+
+ return data
+ } catch (error) {
+ console.error('Error en setZona:', error)
+ throw error
+ }
+}
+
+export const anularZona = async (id) => {
+ console.log('ID: ',id)
+ try {
+ const { data, error: errorZona } = await supabase
+ .from('zonas_abastecimiento')
+ .upsert({ id: id, activa: false }, { onConflict: ['id'] })
+ .select()
+
+ if (errorZona) {
+ console.error('Error SQL:', errorZona)
+ throw errorZona
+ }
+ return data
+ } catch (error) {
+ console.error('Error en anularUO:', error)
+ throw error
+ }
+}
+
+export const updateZona = async (data) => {
+ try {
+ const { data: updatedData, error: errorZona } = await supabase
+ .from('zonas_abastecimiento')
+ .update({
+ // id:data.id,
+ name: data.name,
+ com_autonoma_fk: data.com_autonoma_fk,
+ unidades_operativas_fk: data.unidades_operativas_fk
+ })
+ .eq('id', data.id)
+ .select()
+ .single()
+
+ if (errorZona) {
+ console.error('Error SQL:', errorZona)
+ throw errorZona
+ }
+ return updatedData
+ } catch(error) {
+ console.log('Error en updateZona:', error)
+ }
+}
diff --git a/src/stores/auth.js b/src/stores/auth.js
new file mode 100644
index 00000000..3cb537ad
--- /dev/null
+++ b/src/stores/auth.js
@@ -0,0 +1,57 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import { supabase } from '@/services/supabase'
+
+export const useAuthStore = defineStore('auth', () => {
+ const user = ref(null)
+ const session = ref(null)
+ const roles = ref([])
+
+ const isAuthenticated = computed(() => !!session.value)
+
+ const hasRole = (roleToCheck) => roles.value.includes(roleToCheck)
+
+ const login = async (accountData) => {
+ // Aquí puedes guardar cualquier dato recibido de MSAL
+ // y, si usas supabase, podrías hacer un registro o conexión con el usuario.
+ session.value = { account: accountData }
+ await loadUserProfile(accountData)
+ }
+
+ const loadUserProfile = async (accountData) => {
+ try {
+ // Ejemplo: usar el email del usuario para buscar sus roles en tu tabla de 'personal'
+ const { data, error } = await supabase
+ .from('personal')
+ .select('*, roles_fk(*)')
+ .eq('email', accountData.username)
+ .single()
+
+ if (error) throw error
+
+ user.value = data
+ // Suponiendo que 'roles' es un arreglo de objetos con propiedad name:
+ roles.value = data.roles?.map(r => r.name) || []
+ } catch (error) {
+ console.error('Error cargando perfil:', error)
+ }
+ }
+
+ const logout = async () => {
+ session.value = null
+ user.value = null
+ roles.value = []
+ // Limpia también la sesión de supabase si aplica.
+ await supabase.auth.signOut()
+ }
+
+ return {
+ user,
+ session,
+ roles,
+ isAuthenticated,
+ hasRole,
+ login,
+ logout
+ }
+})
\ No newline at end of file
diff --git a/src/stores/index.js b/src/stores/index.js
new file mode 100644
index 00000000..0122cf9e
--- /dev/null
+++ b/src/stores/index.js
@@ -0,0 +1,26 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export const useStore = defineStore("dataStore", () => {
+
+ const dataSamples = ref([]);
+ const user= ref(null);
+
+
+
+
+
+ return {
+ dataSamples,
+ user,
+
+
+
+
+
+
+ };
+});
+
+export default useStore;
+
diff --git a/src/stores/login.js b/src/stores/login.js
new file mode 100644
index 00000000..04a7702e
--- /dev/null
+++ b/src/stores/login.js
@@ -0,0 +1,203 @@
+import { defineStore } from 'pinia'
+import { computed, ref, watch } from 'vue'
+import { getUserProfile } from '@/services/msalConfig'
+
+
+export const useLoginStore = defineStore('loginStore', () => {
+ const user = ref(JSON.parse(sessionStorage.getItem('user')) || null)
+ const isAuthenticated = ref(sessionStorage.getItem('isAuthenticated') === 'true')
+ const userName = ref(sessionStorage.getItem('userName') || '')
+ const userEmail = ref(sessionStorage.getItem('userEmail') || '')
+ // const userAvatar = ref(sessionStorage.getItem('userAvatar') || '')
+ const userLogged = ref(JSON.parse(sessionStorage.getItem('userLogged')) || {})
+ const profilePhoto = ref(sessionStorage.getItem('profilePhoto') || '')
+ const userAutenticated = ref(sessionStorage.getItem('userAutenticated') || '')
+ const userRole=ref(sessionStorage.getItem('userRole') || '')
+ const userId=ref(sessionStorage.getItem('userId') || '')
+
+ // Variables para manejo de sesión
+ const sessionTimeout = ref(null)
+ const SESSION_DURATION = 30 * 60 * 1000 // 30 minutos en ms
+
+ const userAvatar = computed(
+ () =>
+ `https://ui-avatars.com/api/?name=${userName.value}&background=random&font-size=0.75&bold=true&color=fff`
+ )
+ // Watchers para persistencia segura
+ watch([isAuthenticated, user, userName, userEmail, userAvatar, userLogged, profilePhoto, userAutenticated, userRole,userId], ([newAuth, newUser, newName, newEmail, newAvatar,newUserLogged, newProfilePhoto, newUserAutenticated, newUserRole, newUserId]) => {
+ sessionStorage.setItem('isAuthenticated', newAuth)
+ if (newUser) sessionStorage.setItem('user', JSON.stringify(newUser))
+ if (newName) sessionStorage.setItem('userName', newName)
+ if (newEmail) sessionStorage.setItem('userEmail', newEmail)
+ if (newAvatar) sessionStorage.setItem('userAvatar', newAvatar)
+ if (newUserLogged) sessionStorage.setItem('userLogged', JSON.stringify(newUserLogged))
+ if (newProfilePhoto) sessionStorage.setItem('profilePhoto', newProfilePhoto)
+ if (newUserAutenticated) sessionStorage.setItem('userAutenticated', newUserAutenticated)
+ if (newUserRole) sessionStorage.setItem('userRole', newUserRole)
+ if (newUserId) sessionStorage.setItem('userId', newUserId)
+ })
+
+
+
+
+ // Función para limpiar timeout de sesión
+ const clearSessionTimeout = () => {
+ if (sessionTimeout.value) {
+ clearTimeout(sessionTimeout.value)
+ sessionTimeout.value = null
+ }
+ }
+
+ // Función para iniciar timeout de sesión
+ const startSessionTimeout = () => {
+ clearSessionTimeout()
+
+ sessionTimeout.value = setTimeout(() => {
+ console.warn('Sesión expirada por inactividad')
+ logout()
+ // Opcional: mostrar mensaje al usuario
+ alert('Tu sesión ha expirado por inactividad. Por favor, inicia sesión nuevamente.')
+ }, SESSION_DURATION)
+ }
+
+ // Función para renovar sesión (reiniciar timeout)
+ const renewSession = () => {
+ if (isAuthenticated.value) {
+ const lastActivity = Date.now()
+ sessionStorage.setItem('lastActivity', lastActivity.toString())
+ startSessionTimeout()
+ }
+ }
+
+ // Verificar si la sesión ha expirado
+ const checkSessionExpiry = () => {
+ const lastActivity = sessionStorage.getItem('lastActivity')
+ if (lastActivity) {
+ const timeDiff = Date.now() - parseInt(lastActivity)
+ if (timeDiff > SESSION_DURATION) {
+ logout()
+ return false
+ }
+ }
+ return true
+ }
+
+ const login = async (userData) => {
+ try {
+ isAuthenticated.value = true
+ user.value = userData
+
+ // Inicializar timestamp de sesión
+ const loginTime = Date.now()
+ sessionStorage.setItem('loginTime', loginTime.toString())
+ sessionStorage.setItem('lastActivity', loginTime.toString())
+
+ // Iniciar timeout de sesión
+ startSessionTimeout()
+
+ // Obtener perfil completo
+ const userProfile = await getUserProfile()
+ if (userProfile) {
+ console.log('USERPROFILE:', userProfile);
+ userAutenticated.value=userProfile
+ userName.value = userProfile.displayName
+ userEmail.value = userProfile.email
+ // userAvatar.value = userProfile.photoUrl
+ userLogged.value = { ...userLogged.value, ...userProfile }
+ }
+ } catch (error) {
+ console.error('Error en login:', error)
+ throw error
+ }
+ }
+
+ const logout = async () => {
+ // Limpiar timeout de sesión
+ clearSessionTimeout()
+
+ user.value = null
+ isAuthenticated.value = false
+ userName.value = ''
+ userEmail.value = ''
+ // sessionStorage.removeItem('isAuthenticated')
+ // sessionStorage.removeItem('user')
+ sessionStorage.clear()
+ }
+
+ const getUserLogged=computed(() => {
+ return userLogged.value
+ })
+
+ const setUser=(payload)=> {
+ if (payload.name) {
+ userName.value = payload.name
+ sessionStorage.setItem('userName', payload.name)
+ }
+ if (payload.username) {
+ userEmail.value = payload.username
+ sessionStorage.setItem('userEmail', payload.username)
+ }
+ }
+
+ const setUserRole = (role) => {
+ // Si userLogged.value no es un objeto, lo inicializamos
+ if (typeof userLogged.value !== 'object' || userLogged.value === null) {
+ userLogged.value = {}
+ }
+ userLogged.value = {
+ ...userLogged.value,
+ role: role
+ }
+ userRole.value = role
+ }
+ const setUserId = (id) => {
+ // Si userLogged.value no es un objeto, lo inicializamos
+ if (typeof userLogged.value !== 'object' || userLogged.value === null) {
+ userLogged.value = {}
+ }
+ userLogged.value = {
+ ...userLogged.value,
+ id: id
+ }
+ userId.value = id
+ }
+
+
+ const setAccount = (account) => {
+ user.value = account
+ }
+
+ const setIsAuthenticated = (valor) => {
+ isAuthenticated.value = valor
+ }
+ const setProfilePhoto = (valor) => {
+ profilePhoto.value = valor
+ }
+
+ return {
+ user,
+ isAuthenticated,
+ setIsAuthenticated,
+ setAccount,
+ userAvatar,
+ setUser,
+ userName,
+ userEmail,
+ logout,
+ login,
+ userLogged,
+ profilePhoto,
+ setProfilePhoto,
+ setUserRole,
+ userRole,
+ getUserLogged,
+ setUserId,
+ userId,
+ // Funciones de seguridad de sesión
+ renewSession,
+ checkSessionExpiry,
+ clearSessionTimeout
+ }
+})
+
+export default useLoginStore
diff --git a/src/stores/main.js b/src/stores/main.js
index dee245b7..ad99b058 100644
--- a/src/stores/main.js
+++ b/src/stores/main.js
@@ -3,16 +3,24 @@ import { ref, computed } from 'vue'
import axios from 'axios'
export const useMainStore = defineStore('main', () => {
- const userName = ref('John Doe')
- const userEmail = ref('doe.doe.doe@example.com')
+
+ const userName = ref('Usuario')
+ const userEmail = ref('usuario@aqlara.com')
const userAvatar = computed(
() =>
- `https://api.dicebear.com/7.x/avataaars/svg?seed=${userEmail.value.replace(
+ `https://ui-avatars.com/api/?name=${userEmail.value.replace(
/[^a-z0-9]+/gi,
'-'
)}`
)
+ // const userAvatar = computed(
+ // () =>
+ // `https://api.dicebear.com/7.x/avataaars-neutral/svg?seed=${userEmail.value.replace(
+ // /[^a-z0-9]+/gi,
+ // '-'
+ // )}`
+ // )
const isFieldFocusRegistered = ref(false)
diff --git a/src/stores/plantas.js b/src/stores/plantas.js
new file mode 100644
index 00000000..448af756
--- /dev/null
+++ b/src/stores/plantas.js
@@ -0,0 +1,378 @@
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+import { supabase } from '@/services/supabase'
+
+export const usePlantasStore = defineStore('plantasStore', () => {
+ const zonas = ref([])
+ const operarios = ref([])
+ const analiticas = ref([])
+ const puntosMuestreo = ref([])
+ const unidadesOperativas = ref([])
+ const comunidadesAutonomas = ref([])
+ const formZonas = ref([])
+ const infraestructuras = ref([])
+ const tipo_infraestructura = ref([])
+ const zonas_infraestructuras = ref([])
+ const analiticaToUpdate = ref(null)
+ const tipoPersonal = ref([])
+ const zonas_personal = ref([])
+
+ // onMounted(() => {
+ // loadZonas()
+ // loadOperarios()
+ // loadAnaliticas()
+ // loadPuntosMuestreo()
+ // loadUnidadesOperativas()
+ // loadComunidadesAutonomas()
+ // loadInfraestructuras()
+ // loadTipoInfraestructura()
+ // loadZonasInfraestructuras()
+ // loadTipoPersonal()
+ // })
+
+ // Función para inicializar datos básicos (sin analíticas)
+ const initializeStore = async () => {
+ try {
+ await Promise.all([
+ loadZonas(),
+ loadOperarios(),
+ // loadAnaliticas(), // ❌ Removido - se carga bajo demanda
+ loadPuntosMuestreo(),
+ loadUnidadesOperativas(),
+ loadComunidadesAutonomas(),
+ loadInfraestructuras(),
+ loadTipoInfraestructura(),
+ loadZonasInfraestructuras(),
+ loadTipoPersonal()
+ ])
+ console.log('📊 Store inicializado (sin analíticas)')
+ } catch (error) {
+ console.error('Error inicializando store:', error)
+ }
+ }
+
+ // Nueva función para inicializar incluyendo analíticas (solo cuando se necesite)
+ const initializeStoreWithAnalytics = async () => {
+ try {
+ await Promise.all([
+ loadZonas(),
+ loadOperarios(),
+ loadAnaliticas(), // ✅ Solo se carga cuando explícitamente se necesita
+ loadPuntosMuestreo(),
+ loadUnidadesOperativas(),
+ loadComunidadesAutonomas(),
+ loadInfraestructuras(),
+ loadTipoInfraestructura(),
+ loadZonasInfraestructuras(),
+ loadTipoPersonal()
+ ])
+ console.log('📊 Store inicializado (con analíticas)')
+ } catch (error) {
+ console.error('Error inicializando store completo:', error)
+ }
+ }
+
+ const loadZonas = async () => {
+ const { data } = await supabase.from('zonas_abastecimiento').select('*')
+ zonas.value = data
+ }
+ // const loadOperarios = async () => {
+ // const { data } = await supabase.from('personal').select('*')
+ // operarios.value = data
+ // }
+ const loadZonasOperarios = async () => {
+ const { data } = await supabase.from('zonas_personal').select('*')
+ zonas_personal.value = data
+ }
+ // const loadAnaliticas = async () => {
+ // const { data } = await supabase.from('analiticas').select('*')
+ // analiticas.value = data
+ // }
+
+ const loadAnaliticas = async () => {
+ try {
+ const { data, error } = await supabase
+ .from('analiticas')
+ .select(`
+ *,
+ puntos_muestreo (
+ id,
+ name,
+ infraestructuras (
+ id,
+ name,
+ zonas_abastecimiento (
+ id,
+ name,
+ unidades_operativas (
+ id,
+ name
+ ),
+ comunidades_autonomas (
+ id,
+ name
+ )
+ )
+ )
+ )
+ `)
+
+ if (error) throw error
+
+ if (data) {
+ const mappedData = data.map(item => {
+ const puntoMuestreo = item.puntos_muestreo
+ const infraestructura = puntoMuestreo?.infraestructuras || {}
+ const zonaAbastecimiento = infraestructura?.zonas_abastecimiento || {}
+ const unidadOperativa = zonaAbastecimiento?.unidades_operativas || {}
+ const comunidadAutonoma = zonaAbastecimiento?.comunidades_autonomas || {}
+
+ return {
+ ...item,
+ punto_muestreo_id: puntoMuestreo?.id,
+ punto_muestreo_name: puntoMuestreo?.name,
+ infraestructura_id: infraestructura?.id,
+ infraestructura_name: infraestructura?.name,
+ zona_id: zonaAbastecimiento?.id,
+ zona_name: zonaAbastecimiento?.name,
+ unidad_id: unidadOperativa?.id,
+ unidad_name: unidadOperativa?.name,
+ comunidad_id: comunidadAutonoma?.id,
+ comunidad_name: comunidadAutonoma?.name
+ }
+ })
+
+ analiticas.value = mappedData
+ return mappedData
+ }
+
+ } catch (error) {
+ console.error('Error al cargar analíticas:', error.message)
+ throw error
+ }
+ }
+
+ // Modificar loadOperarios para incluir las zonas de cada operario
+const loadOperarios = async () => {
+ try {
+ const { data: operariosData, error } = await supabase.from('personal').select('*')
+
+ if (error) throw error
+
+ const {data:zonasPersonal } = await supabase.from('zonas_personal').select('*')
+
+ // Enriquecer cada operario con sus zonas asignadas
+ operarios.value = operariosData.map(operario => {
+ // Filtrar las relaciones de zonas_personal para este operario
+
+
+
+ const relacionesZonas = zonasPersonal.filter(
+ relacion => relacion.personal_fk === operario.id).map(relacion => relacion.zonas_fk)
+
+
+ // console.log('relacionesZonas: ',relacionesZonas);
+
+ // Obtener los IDs de las zonas asignadas a este operario
+ // const zonasIds = relacionesZonas.map(relacion => relacion.zonas_fk)
+
+ // console.log('zonasIds: ',zonasIds);
+
+ // Buscar los datos completos de cada zona
+ // const zonasOperario = zonas.value.filter(zona =>
+ // zonasIds.includes(zona.id)
+ // )
+
+ // console.log('zonasOperario:',zonasOperario)
+ // Añadir las zonas al objeto operario
+ return {
+ ...operario,
+ zonas: relacionesZonas || []
+ }
+ })
+
+ return operarios.value
+ } catch (error) {
+ console.error('Error cargando operarios:', error)
+ return []
+ }
+}
+
+ const loadTipoPersonal = async () => {
+ const { data } = await supabase.from('tipo_personal').select('*')
+ tipoPersonal.value = data
+ }
+
+ const loadPuntosMuestreo = async () => {
+ const { data } = await supabase.from('puntos_muestreo').select('*')
+ puntosMuestreo.value = data
+ }
+ const loadUnidadesOperativas = async () => {
+ const { data } = await supabase.from('unidades_operativas').select('*')
+ unidadesOperativas.value = data
+ }
+ const loadComunidadesAutonomas = async () => {
+ const { data } = await supabase.from('comunidades_autonomas').select('*')
+ comunidadesAutonomas.value = data
+ }
+
+ const loadZonasInfraestructuras = async () => {
+ const { data } = await supabase.from('zonas_infraestructuras').select('*')
+ zonas_infraestructuras.value = data
+ }
+ const loadTipoInfraestructura = async () => {
+ const { data } = await supabase.from('tipo_infraestructura').select('*')
+ tipo_infraestructura.value = data
+ }
+
+ const loadInfraestructuras = async () => {
+ const { data } = await supabase.from('infraestructuras').select('*')
+ infraestructuras.value = data
+ }
+
+ const getZonas = computed(() => {
+ return zonas.value
+ })
+
+ const getOperarios = computed(() => {
+ return operarios.value
+ })
+
+
+ const getAnaliticas = computed(() => {
+ return analiticas.value
+ })
+
+ // Computed para verificar si las analíticas están cargadas
+ const isAnalyticasLoaded = computed(() => {
+ return analiticas.value.length > 0
+ })
+
+ // Computed para obtener el número de analíticas cargadas
+ const analyticsCount = computed(() => {
+ return analiticas.value.length
+ })
+
+ const getPuntosMuestreo = computed(() => {
+ return puntosMuestreo.value
+ })
+ const getUnidadesOperativas = computed(() => {
+ return unidadesOperativas.value
+ })
+ const getComunidadesAutonomas = computed(() => {
+ return comunidadesAutonomas.value
+ })
+
+ const getInfraestructuras = computed(() => {
+ return infraestructuras.value
+ })
+ const getZonasInfraestructuras = computed(() => {
+ return zonas_infraestructuras.value
+ })
+ const getTipoInfraestructura = computed(() => {
+ return tipo_infraestructura.value
+ })
+
+ const getTipoPersonal = computed(() => {
+ return tipoPersonal.value
+ })
+
+ const getPuntosMuestreoTotal = computed(() => {
+ //quiero qeu devuelva todos los puntos de muestreo con su zona de abastecimiento y su zona de infraestructura
+ return puntosMuestreo.value.map((punto) => {
+ const zonaAbastecimiento = zonas.value.find((zona) => zona.id === punto.zona_fk)
+ const zonaInfraestructura = infraestructuras.value.find(
+ (infraestructura) => infraestructura.id === punto.infraestructura_fk
+ )
+ return {
+ ...punto,
+ zonaAbastecimiento,
+ zonaInfraestructura
+ }
+ })
+ })
+
+ // Añadir un computed getter para facilitar el acceso a las zonas de un operario específico
+const getZonasOperario = computed(() => {
+ return (operarioId) => {
+ const operario = operarios.value.find(op => op.id === operarioId)
+ return operario?.zonas || []
+ }
+})
+
+ const getAnaliticasTotal = computed(() => {
+ //quiero qeu devuelva todos los puntos de muestreo con su zona de abastecimiento y su zona de infraestructura
+
+ return analiticas.value.map((analitica) => {
+ const puntoMuestreo = puntosMuestreo.value.find(
+ (punto) => punto.id === analitica.punto_muestreo_fk
+ )
+
+ if (puntoMuestreo) {
+
+ const zona_fk = puntoMuestreo.zona_fk
+ const infraestructura_fk = puntoMuestreo.infraestructura_fk
+
+
+
+ return {
+ ...analitica,
+ zona_fk,
+ infraestructura_fk,
+ }
+ }
+ })
+ })
+
+ // getTipoOperario = (id) => {
+ // const operario = operarios.value.find((operario) => operario.id === id)
+ // if (operario) {
+ // return operario.tipo
+ // } else {
+ // return ''
+ // }
+ // }
+
+ return {
+ getZonas,
+ getOperarios,
+ getAnaliticas,
+ isAnalyticasLoaded,
+ analyticsCount,
+ getPuntosMuestreo,
+ getUnidadesOperativas,
+ getComunidadesAutonomas,
+ getInfraestructuras,
+ getZonasInfraestructuras,
+ getTipoInfraestructura,
+ getTipoPersonal,
+ tipo_infraestructura,
+ zonas,
+ operarios,
+ analiticas,
+ puntosMuestreo,
+ unidadesOperativas,
+ comunidadesAutonomas,
+ formZonas,
+ infraestructuras,
+ zonas_infraestructuras,
+ tipoPersonal,
+ loadAnaliticas,
+ getPuntosMuestreoTotal,
+ getAnaliticasTotal,
+ loadOperarios,
+ loadZonas,
+ loadPuntosMuestreo,
+ loadUnidadesOperativas,
+ loadComunidadesAutonomas,
+ loadInfraestructuras,
+ loadZonasInfraestructuras,
+ loadTipoPersonal,
+ analiticaToUpdate,
+ initializeStore,
+ initializeStoreWithAnalytics,
+ zonas_personal,
+ loadZonasOperarios,
+ getZonasOperario
+ }
+})
diff --git a/src/views/AnaliticsTableView.vue b/src/views/AnaliticsTableView.vue
new file mode 100644
index 00000000..9d6d86ee
--- /dev/null
+++ b/src/views/AnaliticsTableView.vue
@@ -0,0 +1,175 @@
+
+
+
+
+
+
+
+
+
+ Modo Server-Side Activo ⚡
+Optimizado para grandes volúmenes de datos. Solo carga 20-100 registros por página.
+ +
+
+
+
+ Modo Client-Side Activo
+Carga todas las analíticas al iniciar. Ideal para conjuntos pequeños de datos (<1000 registros).
++ 📊 Estado: {{ plantasStore.isAnalyticasLoaded ? + `${plantasStore.analyticsCount} analíticas cargadas` : + 'Analíticas no cargadas aún' + }} +
+
+
+
+
+
+
+ Uploader
+
+
+ Sin
+
+ Uploader
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ sheetData[3].__EMPTY_4 }}
+{{ sheetName }}
+
+
+
+
+
+
+
+
+
+
+
+ | + {{ row[getHeaders(sheetData)[0]] }} + | ++ {{ row[getHeaders(sheetData)[1]] }} + | ++ {{ row[getHeaders(sheetData)[2]] }} + | ++ {{ row[getHeaders(sheetData)[5]] }} + | ++ {{ row[getHeaders(sheetData)[6]] }} + | ++ {{ row[getHeaders(sheetData)[7]] }} + | ++ {{ row[getHeaders(sheetData)[8]] }} + | ++ {{ row[getHeaders(sheetData)[11]] }} + | ++ {{ row[getHeaders(sheetData)[12]] }} + | +||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| + {{ row[header] }} + | +||||||||||||
| + {{ row[header] }} + | +||||||||||||
| + {{ row[header] }} + | +
|---|
| + {{ row[header] }} + | +
Esta hoja está vacía
+{{ errorMessage }}
+
+
+
+
+
+
+
+
+
+
+
+ + Caracteristicas Organolépticas +
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
-
+
+
-
-
+
+
+
+ Analítica {{ form.type === '29' ? ' de Rutina' : ' Operacional' }}
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ errorMessage }}
+
+
+
+
+
+
+
+ {{ errorMessage }}
+
+
+
+
+
+
+
+ {{ errorMessage }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Oficinas Centrales
+Rda. de Narcís Monturiol, nº 4
+oficina 214-A, 46980 Paterna, Valencia
+Tfno: 963 153 232
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ punto.name }}
+id: {{ punto.id }}
+
+
+ {{ punto.name }}
+ +SINAC Id: {{ punto.id }}
+
+
+
+
+![Foto de perfil]()
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/UOTableView.vue b/src/views/UOTableView.vue
new file mode 100644
index 00000000..868b61ad
--- /dev/null
+++ b/src/views/UOTableView.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+ Panel de control
+
+
+
+
+