From f1da6175ae5e4c972c55bdfb535e0c1079e464e2 Mon Sep 17 00:00:00 2001 From: Carlos Tello Date: Fri, 27 Mar 2026 07:43:41 -0300 Subject: [PATCH] =?UTF-8?q?feat:=20actualizaci=C3=B3n=20a=20v1.1.9=20con?= =?UTF-8?q?=20Agenda=20interactiva=20y=20correcciones=20visuales?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .vscode/extensions.json | 8 +- README.md | 121 +++- android/app/build.gradle | 4 +- angular.json | 4 +- package-lock.json | 153 ++--- package.json | 2 +- .../agenda-modal/agenda-modal.component.html | 48 ++ .../agenda-modal/agenda-modal.component.scss | 77 +++ .../agenda-modal.component.spec.ts | 22 + .../agenda-modal/agenda-modal.component.ts | 68 +++ .../evento-modal/evento-modal.component.html | 80 +++ .../evento-modal/evento-modal.component.scss | 52 ++ .../evento-modal/evento-modal.component.ts | 70 +++ src/app/home/home.module.ts | 5 +- src/app/home/home.page.html | 68 ++- src/app/home/home.page.scss | 559 +++++++++++------- src/app/home/home.page.ts | 321 +++++++++- src/app/services/csv-storage.service.ts | 63 +- src/app/services/data.ts | 91 ++- src/app/services/eventos.service.ts | 113 ++++ 20 files changed, 1525 insertions(+), 404 deletions(-) create mode 100644 src/app/components/agenda-modal/agenda-modal.component.html create mode 100644 src/app/components/agenda-modal/agenda-modal.component.scss create mode 100644 src/app/components/agenda-modal/agenda-modal.component.spec.ts create mode 100644 src/app/components/agenda-modal/agenda-modal.component.ts create mode 100644 src/app/components/evento-modal/evento-modal.component.html create mode 100644 src/app/components/evento-modal/evento-modal.component.scss create mode 100644 src/app/components/evento-modal/evento-modal.component.ts create mode 100644 src/app/services/eventos.service.ts diff --git a/.vscode/extensions.json b/.vscode/extensions.json index 1e9202d..6d2c885 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -1,5 +1,5 @@ { - "recommendations": [ - "Webnative.webnative" - ] -} + "recommendations": [ + "Webnative.webnative" + ] +} \ No newline at end of file diff --git a/README.md b/README.md index 98aee70..6df3436 100644 --- a/README.md +++ b/README.md @@ -2,67 +2,126 @@ Un visor híbrido especializado y offline-first desarrollado para la visualización de la cartelera oficial de aulas, seguimiento automatizado de materias cursadas y generación de la Credencial Digital Universitaria para estudiantes de la Universidad de la Ciudad (UNICABA). -## Información Técnica y Frameworks +--- -* **Base Frontend**: [Angular 20.3.x](https://angular.io/) -* **Librería de Componentes UI**: [Ionic Framework v8](https://ionicframework.com/) -* **Puente Nativo Multiplataforma**: [Capacitor v8](https://capacitorjs.com/) -* **Procesamiento de Archivos PDF Interno**: `pdfjs-dist` (Renderización nativa in-dom de la Credencial) +## ✨ Características -## Plugins de Experiencia Nativa (Capacitor) +### 📋 Cartelera de Horarios +- Visualización completa de la cartelera oficial de aulas organizada por día de la semana (Lunes a Sábado). +- **Modo offline-first**: la cartelera se cachea localmente al primer acceso y se muestra instantáneamente aunque no haya conexión. +- **Sincronización automática** en background (Background Fetch) delegada al sistema operativo. +- **Búsqueda fuzzy** tolerante a errores tipográficos: busca por nombre de materia, código, aula o carrera. +- **Filtro por vista**: alternás entre "Favoritos" y "Cartelera completa" con un segmento. +- Acceso directo a clases virtuales (Zoom / Meet) desde el botón de cada materia. +- Función de compartir el horario de una materia por WhatsApp, Telegram, y cualquier app nativa. -La aplicación invoca funciones 100% nativas apoyándose en las siguientes librerías core: -- `@capacitor/filesystem`: Escritura pesada persistente de respaldos en CSV en el FileSystem local ("Documents"). -- `@capawesome/capacitor-file-picker`: Interfaz de File Picker del OS (Cloud / Storage) para restauración manual. -- `@capacitor/local-notifications`: Motor de avisos visuales locales ante un cambio repentino de aula mapeada en favoritos. -- `@capacitor/preferences`: Almacenamiento rápido volátil (Key-Value) para estado de caché de credenciales offline y preferencias menores. -- `@transistorsoft/capacitor-background-fetch`: Cronjobs transparentes delegados al Sistema Operativo para despertar a la app y sincronizar la cartelera. -- `@capacitor-community/screen-brightness`: Anulación y control programático de brillo de panel al desplegar formatos estáticos de código QR/Credencial UI. -- `@capacitor/haptics`: Respuestas hápticas (Vibración inteligente) en interacciones de hardware/software clave. -- `@capacitor/share`: Puente social nativo para el envío de horarios por WhatsApp, Telegram, etc. +### ⭐ Favoritos Inteligentes +- Marcá hasta 5 materias como favoritas para tenerlas a mano en su propia pestaña. +- Los favoritos se guardan automáticamente en un archivo `aulas_unicaba_datos.csv` en la carpeta "Documentos" del dispositivo, **sobreviviendo a desinstalaciones y actualizaciones** gracias a las políticas de almacenamiento de Android 11+. +- **Alertas locales automáticas**: si una materia favorita cambia de aula o link de clase virtual, la app lo detecta en el próximo sincronismo y dispara una notificación push inmediata. +- Restauración manual de favoritos desde un respaldo CSV (Google Drive, iCloud, Descargas). + +### 🎓 Banner "Próxima Clase" *(Nuevo en v1.1.6)* +- Al entrar a la pestaña **Favoritos**, aparece automáticamente un banner destacado con la materia favorita cuya clase es la más cercana en el tiempo (hoy o mañana). +- **Chip de countdown** en tiempo real que se actualiza cada minuto: + - 🔵 Azul → más de 2 horas + - 🟡 Amarillo → entre 30 minutos y 2 horas + - 🔴 Rojo + animación de pulso → menos de 30 minutos +- Muestra nombre de la materia, número de aula y día + hora de inicio. + +### 🔔 Recordatorio Pre-Clase *(Nuevo en v1.1.6)* +- Cada vez que la app sincroniza la cartelera, programa automáticamente una notificación local **30 minutos antes** del inicio de cada materia favorita del día. +- Usa IDs de notificación estables para evitar duplicados al sincronizar múltiples veces. +- Funciona completamente **offline** — no requiere servidor externo. + +### 🪪 Credencial Digital Universitaria +- Inicio de sesión directo al Campus Virtual (Moodle) con DNI y clave. +- **Sin intermediarios**: las credenciales nunca pasan por ningún servidor tercero. El flujo HTTP se delega al motor nativo del SO mediante `CapacitorHttp`, evitando bloqueos CORS. +- Descarga y renderiza el PDF de la credencial (código QR) como imagen nativa usando `pdfjs-dist`. +- La imagen queda **cacheada localmente** para usarla offline sin volver a loguearse. +- El brillo de la pantalla aumenta automáticamente al mostrar el QR para facilitar su lectura. +- Login completamente **opcional** — la cartelera funciona sin necesidad de cuenta. + +### 🛡️ Privacidad y Seguridad +- No se recopilan nombres, contraseñas ni correos. +- No hay publicidad, telemetría ni analytics de terceros. +- Todo el procesamiento ocurre en la memoria del teléfono. --- -## Compatibilidad Multiplataforma (iOS y Android) +## 🛠️ Información Técnica y Frameworks -Todo el código fuente de Aulas UNICABA (TypeScript, HTML y SCSS) y la selección estricta de sus plugins de Capacitor son **100% compatibles tanto con equipos móviles Android como con el ecosistema iOS de Apple**. La arquitectura garantiza que la aplicación operará sintácticamente de forma idéntica en iPhone. +| Componente | Tecnología | +|---|---| +| Base Frontend | [Angular 20.3.x](https://angular.io/) | +| UI Components | [Ionic Framework v8](https://ionicframework.com/) | +| Puente Nativo | [Capacitor v8](https://capacitorjs.com/) | +| Renderizado PDF | `pdfjs-dist` | + +### Plugins de Capacitor utilizados + +| Plugin | Uso | +|---|---| +| `@capacitor/filesystem` | Escritura y lectura del CSV de respaldo en "Documentos" | +| `@capawesome/capacitor-file-picker` | Importación manual de CSV desde el explorador de archivos | +| `@capacitor/local-notifications` | Avisos de cambio de aula y recordatorios pre-clase | +| `@capacitor/preferences` | Caché rápida de horarios y credencial | +| `@transistorsoft/capacitor-background-fetch` | Sincronización silenciosa en background | +| `@capacitor-community/screen-brightness` | Máximo brillo al mostrar la credencial QR | +| `@capacitor/haptics` | Feedback háptico en acciones clave | +| `@capacitor/share` | Compartir horarios por WhatsApp, Telegram, etc. | +| `@capacitor/network` | Detección de estado de conexión | +| `@capacitor/clipboard` | Acceso al portapapeles del sistema | + +--- + +## 📱 Compatibilidad Multiplataforma + +Todo el código fuente (TypeScript, HTML y SCSS) y los plugins seleccionados son **100% compatibles con Android e iOS**. La arquitectura garantiza comportamiento idéntico en ambas plataformas. ### 🤖 Despliegue en Android + **Requisito previo**: [Android Studio](https://developer.android.com/studio) instalado, Node.js y NPM. + ```bash -# 1. Instalar dependencias e hibridación +# 1. Instalar dependencias npm install -# 2. Compilación del binario web -npm run build +# 2. Compilación del bundle web +npm run build -# 3. Transpilación y Sincronización de puentes nativos Android +# 3. Sincronización con puentes nativos npx cap sync android -# 4. Apertura del EDI para firma de APK o ejecución en celular por ADB +# 4. Abrir en Android Studio para firmar APK o ejecutar por ADB npx cap open android ``` ### 🍏 Despliegue en iOS (iPhone / iPad) -**Requisito previo**: Una computadora macOS reciente, [Xcode](https://developer.apple.com/xcode/), Node.js y CocoaPods instalado globalmente (`sudo gem install cocoapods`). + +**Requisito previo**: macOS reciente, [Xcode](https://developer.apple.com/xcode/), Node.js y CocoaPods (`sudo gem install cocoapods`). + ```bash -# 1-2. Instalación y compilación estándar de web +# 1-2. Instalación y compilación web npm install npm run build -# 3. Empaquetar el proyecto inicial para iOS (Solo se ejecuta una vez en la vida del proyecto) +# 3. Agregar plataforma iOS (solo la primera vez) npx cap add ios # 4. Sincronizar plugins y actualizar Pods npx cap sync ios -# 5. Apertura en Xcode para configurar equipo de Apple Dev y emular -npx cap open ios +# 5. Abrir en Xcode +npx cap open ios ``` -> **Nota para Xcode:** Para compilar exitosamente deberás habilitar permisos explícitos para Local Notifications y capacidades de "Background Fetch" en los *Background Modes* de la pestaña *Signing & Capabilities* dentro de Xcode. + +> **Nota para Xcode:** Habilitar permisos explícitos para **Local Notifications** y **Background Fetch** en la pestaña *Signing & Capabilities* de Xcode. --- -## Privacidad y Flujo Cero Intermediarios (Zero-Trust) -1. **Credenciales en Moodle Bypass**: Por diseño de arquitectura, la app extrae el PDF de credencial estudiantil logueándose de manera asilvestrada mediante `CapacitorHttp`. Supera bloqueos tipo CORS al delegar el flujo de HTTP al motor OS, nunca triangulando el DNI a través de un backend tercero. -2. **Resiliencia (Anti-Wipes)**: Dado las agresivas políticas *Storage Scoped* a partir de Android 11 que borran bases de datos SQLite y Preferences locales si se desinstala, la app empuja automáticamente la personalización del alumno a un archivo estandarizado `aulas_unicaba_datos.csv` a su gestor público de archivos general ("Documentos"). +## 🔒 Privacidad y Flujo Cero Intermediarios (Zero-Trust) + +1. **Credenciales en Moodle Bypass**: La app extrae el PDF de credencial logueándose directamente mediante `CapacitorHttp`, delegando el flujo HTTP al motor nativo del OS. Nunca triangula el DNI a través de un backend tercero. +2. **Resiliencia Anti-Wipes**: Las agresivas políticas *Storage Scoped* de Android 11+ pueden borrar bases de datos SQLite y Preferences al desinstalar. La app mitiga esto exportando automáticamente los favoritos a `aulas_unicaba_datos.csv` en el gestor público de archivos ("Documentos"). + diff --git a/android/app/build.gradle b/android/app/build.gradle index 0011473..28b53af 100644 --- a/android/app/build.gradle +++ b/android/app/build.gradle @@ -7,8 +7,8 @@ android { applicationId "ar.edu.unicaba.cartelera" minSdkVersion rootProject.ext.minSdkVersion targetSdkVersion rootProject.ext.targetSdkVersion - versionCode 8 - versionName "1.1.5" + versionCode 12 + versionName "1.1.9" testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" aaptOptions { // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps. diff --git a/angular.json b/angular.json index 820f541..c27b8ea 100644 --- a/angular.json +++ b/angular.json @@ -49,8 +49,8 @@ }, { "type": "anyComponentStyle", - "maximumWarning": "2kb", - "maximumError": "4kb" + "maximumWarning": "6kb", + "maximumError": "8kb" } ], "fileReplacements": [ diff --git a/package-lock.json b/package-lock.json index 45f8dd0..da45533 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "aulas-unicaba", - "version": "1.1.4", + "version": "1.1.5", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "aulas-unicaba", - "version": "1.1.4", + "version": "1.1.5", "dependencies": { "@angular/animations": "~20.3.18", "@angular/common": "~20.3.18", @@ -600,6 +600,7 @@ "integrity": "sha512-CVskZnF38IIxVVlKWi1VCz7YH/gHMJu2IY9bD1AVoBBGIe0xA4FRXJkW2Y+EDs9vQqZTkZZljhK5gL65Ro1PeQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@angular-eslint/bundled-angular-compiler": "20.7.0", "eslint-scope": "^9.0.0" @@ -629,6 +630,7 @@ "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-20.3.18.tgz", "integrity": "sha512-XFxgSyjfs0SRD2vQVFJljmM4z9nTvUoI8TRqSre/+l8D2FgzD5pG67Aj2BgDgpSFAUkIcI37G48ijK7a3ZZ3WA==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -778,6 +780,7 @@ "resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.18.tgz", "integrity": "sha512-M62oQbSTRmnGavIVCwimoadg/PDWadgNhactMm9fgH0eM9rx+iWBAYJk4VufO0bwOhysFpRZpJgXlFjOifz/Jw==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -794,6 +797,7 @@ "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.18.tgz", "integrity": "sha512-AaP/LCiDNcYmF135EEozjyR04NRBT38ZfBHQwjhgwiBBTejmvcpHwJaHSkraLpZqZzE4BQqqmgiQ1EJqxEwLVA==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -807,6 +811,7 @@ "integrity": "sha512-zsoEgLgnblmRbi47YwMghKirJ8IBKJ3+I8TxLBRIBrhx+KHFp+6oeDeLyu9H+djdyk88zexVd09wzR/YK73F0g==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@babel/core": "7.28.3", "@jridgewell/sourcemap-codec": "^1.4.14", @@ -839,6 +844,7 @@ "resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.18.tgz", "integrity": "sha512-B+NQQngd/aDbcfW0zGLis3wTLDeHTeTYMl/mGKQH+HwdPaRCKI1wEtaXaOYVJXkP2FeThocPevB8gLwNlPQUUw==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -864,6 +870,7 @@ "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.18.tgz", "integrity": "sha512-x6/99LfxolyZIFUL3Wr0OrtuXHEDwEz/rwx+WzE7NL+n35yO40t3kp0Sn5uMFwI94i91QZJmXHltMpZhrVLuYg==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -892,6 +899,7 @@ "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.18.tgz", "integrity": "sha512-q6s5rEN1yYazpHYp+k4pboXRzMsRB9auzTRBEhyXSGYxqzrnn3qHN0DqgsLC9WAdyhCgnIEMFA8kRT+W277DqQ==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -932,6 +940,7 @@ "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.18.tgz", "integrity": "sha512-3CWejsEYr+ze+ktvWN/qHdyq5WLrj96QZpGYJyxh1pchIcpMPE9MmLpdjf0CUrWYB7g/85u0Geq/xsz72JrGng==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -976,6 +985,7 @@ "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.27.1", @@ -2825,6 +2835,7 @@ "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-8.2.0.tgz", "integrity": "sha512-oKaoNeNtH2iIZMDFVrb1atoyRECDGHcfLMunJ5KWN8DtvpVBeeA4c41e20NTuhMxw1cSYbpq2PV2hb+/9CJxlQ==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.1.0" } @@ -3947,6 +3958,7 @@ "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@inquirer/checkbox": "^4.2.1", "@inquirer/confirm": "^5.1.14", @@ -5267,9 +5279,6 @@ "cpu": [ "arm64" ], - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5290,9 +5299,6 @@ "cpu": [ "arm64" ], - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -5313,9 +5319,6 @@ "cpu": [ "riscv64" ], - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5336,9 +5339,6 @@ "cpu": [ "x64" ], - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5359,9 +5359,6 @@ "cpu": [ "x64" ], - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -5559,9 +5556,6 @@ "arm64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5579,9 +5573,6 @@ "arm64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -5599,9 +5590,6 @@ "ppc64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5619,9 +5607,6 @@ "riscv64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5639,9 +5624,6 @@ "s390x" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5659,9 +5641,6 @@ "x64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -5679,9 +5658,6 @@ "x64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6209,9 +6185,6 @@ "arm" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6233,9 +6206,6 @@ "arm" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6257,9 +6227,6 @@ "arm64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6281,9 +6248,6 @@ "arm64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6305,9 +6269,6 @@ "x64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6329,9 +6290,6 @@ "x64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6519,9 +6477,6 @@ "arm" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6536,9 +6491,6 @@ "arm" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6552,9 +6504,6 @@ "cpu": [ "arm64" ], - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6568,9 +6517,6 @@ "cpu": [ "arm64" ], - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6585,9 +6531,6 @@ "loong64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6602,9 +6545,6 @@ "loong64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6619,9 +6559,6 @@ "ppc64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6636,9 +6573,6 @@ "ppc64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6653,9 +6587,6 @@ "riscv64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6670,9 +6601,6 @@ "riscv64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -6687,9 +6615,6 @@ "s390x" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6703,9 +6628,6 @@ "cpu": [ "x64" ], - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -6719,9 +6641,6 @@ "cpu": [ "x64" ], - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -7162,6 +7081,7 @@ "integrity": "sha512-oX8xrhvpiyRCQkG1MFchB09f+cXftgIXb3a7UUa4Y3wpmZPw5tyZGTLWhlESOLq1Rq6oDlc8npVU2/9xiCuXMA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "undici-types": "~7.18.0" } @@ -7302,6 +7222,7 @@ "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.56.1", "@typescript-eslint/types": "8.56.1", @@ -7409,6 +7330,7 @@ "integrity": "sha512-dbMkdIUkIkchgGDIv7KLUpa0Mda4IYjo4IAMJUZ+3xNoUXxMsk9YtKpTHSChRS85o+H9ftm51gsK1dZReY9CVw==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, @@ -7481,6 +7403,7 @@ "integrity": "sha512-HPAVNIME3tABJ61siYlHzSWCGtOoeP2RTIaHXFMPqjrQKCGB9OgUVdiNgH7TJS2JNIQ5qQ4RsAUDuGaGme/KOA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.56.1", @@ -7765,6 +7688,7 @@ "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", "dev": true, "license": "MIT", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -7840,6 +7764,7 @@ "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -8538,6 +8463,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", @@ -10197,6 +10123,7 @@ "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -10689,6 +10616,7 @@ "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "accepts": "^2.0.0", "body-parser": "^2.2.1", @@ -11477,6 +11405,7 @@ "integrity": "sha512-jq9l1DM0zVIvsm3lv9Nw9nlJnMNPOcAtsbsgiUhWcFzPE99Gvo6yRTlszSLLYacMeQ6quHD6hMfId8crVHvexw==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=16.9.0" } @@ -12559,7 +12488,8 @@ "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.1.2.tgz", "integrity": "sha512-2oIUMGn00FdUiqz6epiiJr7xcFyNYj3rDcfmnzfkBnHyBQ3cBQUs4mmyGsOb7TTLb9kxk7dBcmEmqhDKkBoDyA==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/jasmine-spec-reporter": { "version": "5.0.2", @@ -12608,6 +12538,7 @@ "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", "dev": true, "license": "MIT", + "peer": true, "bin": { "jiti": "bin/jiti.js" } @@ -12748,6 +12679,7 @@ "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@colors/colors": "1.5.0", "body-parser": "^1.19.0", @@ -13325,6 +13257,7 @@ "integrity": "sha512-kdTwsyRuncDfjEs0DlRILWNvxhDG/Zij4YLO4TMJgDLW+8OzpfkdPnRgrsRuY1o+oaxJGWsps5f/RVBgGmmN0w==", "dev": true, "license": "Apache-2.0", + "peer": true, "dependencies": { "copy-anything": "^2.0.1", "parse-node-version": "^1.0.1", @@ -13469,6 +13402,7 @@ "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", @@ -15366,6 +15300,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", @@ -16063,9 +15998,6 @@ "arm64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -16080,9 +16012,6 @@ "arm64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -16097,9 +16026,6 @@ "x64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ @@ -16114,9 +16040,6 @@ "x64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ @@ -16210,6 +16133,7 @@ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==", "license": "Apache-2.0", + "peer": true, "dependencies": { "tslib": "^2.1.0" } @@ -16303,6 +16227,7 @@ "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -17445,6 +17370,7 @@ "integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==", "dev": true, "license": "BSD-2-Clause", + "peer": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", "acorn": "^8.14.0", @@ -17646,7 +17572,8 @@ "version": "2.8.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", - "license": "0BSD" + "license": "0BSD", + "peer": true }, "node_modules/tuf-js": { "version": "4.1.0", @@ -17782,6 +17709,7 @@ "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", "dev": true, "license": "Apache-2.0", + "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -18047,6 +17975,7 @@ "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", @@ -18181,6 +18110,7 @@ "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@types/eslint-scope": "^3.7.7", "@types/estree": "^1.0.8", @@ -18283,6 +18213,7 @@ "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@types/bonjour": "^3.5.13", "@types/connect-history-api-fallback": "^1.5.4", @@ -19265,6 +19196,7 @@ "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==", "dev": true, "license": "MIT", + "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } @@ -19283,7 +19215,8 @@ "version": "0.15.1", "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", - "license": "MIT" + "license": "MIT", + "peer": true } } } diff --git a/package.json b/package.json index a34dd2a..c6922ff 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "aulas-unicaba", - "version": "1.1.5", + "version": "1.1.9", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { diff --git a/src/app/components/agenda-modal/agenda-modal.component.html b/src/app/components/agenda-modal/agenda-modal.component.html new file mode 100644 index 0000000..b12164f --- /dev/null +++ b/src/app/components/agenda-modal/agenda-modal.component.html @@ -0,0 +1,48 @@ + + + Agenda Académica + + Cerrar + + + + + +
+

{{ materia.asignatura }}

+

Código: {{ materia.codigo }}

+
+ + + + Agendar Nuevo Evento + + +
+ +

No hay eventos programados.

+
+ + + +
+
+ {{ ev.tipo }} +
+
+

+ {{ formatFecha(ev.fecha) }} + {{ formatHora(ev.fecha) }} hs +

+

+ Aula: {{ ev.aula }} +

+

+ {{ ev.notas }} +

+
+
+ + + + diff --git a/src/app/components/agenda-modal/agenda-modal.component.scss b/src/app/components/agenda-modal/agenda-modal.component.scss new file mode 100644 index 0000000..817ad47 --- /dev/null +++ b/src/app/components/agenda-modal/agenda-modal.component.scss @@ -0,0 +1,77 @@ +.materia-info { + margin-bottom: 20px; + h2 { + font-size: 1.2rem; + font-weight: 700; + color: var(--ion-text-color); + margin-bottom: 4px; + } + p { + font-size: 0.9rem; + color: var(--ion-color-medium); + margin: 0; + } +} + +.add-btn { + margin-bottom: 20px; + --border-radius: 8px; +} + +.empty-state { + text-align: center; + margin-top: 40px; + color: var(--ion-color-medium); + + ion-icon { + font-size: 3rem; + margin-bottom: 10px; + opacity: 0.5; + } +} + +.agenda-list { + background: transparent; +} + +.agenda-item { + --background: var(--ion-card-background, #ffffff); + --border-radius: 8px; + margin-bottom: 10px; + box-shadow: 0 2px 4px rgba(0,0,0,0.05); + + .item-content { + width: 100%; + padding: 10px 0; + } + + .item-header { + margin-bottom: 8px; + } + + .item-details { + p { + margin: 4px 0; + font-size: 0.9rem; + color: var(--ion-text-color); + display: flex; + align-items: center; + + ion-icon { + margin-right: 6px; + color: var(--ion-color-primary); + } + + &.notas { + color: var(--ion-color-medium); + font-style: italic; + margin-top: 8px; + font-size: 0.85rem; + } + } + + .icon-space { + margin-left: 12px; + } + } +} diff --git a/src/app/components/agenda-modal/agenda-modal.component.spec.ts b/src/app/components/agenda-modal/agenda-modal.component.spec.ts new file mode 100644 index 0000000..3e0eabc --- /dev/null +++ b/src/app/components/agenda-modal/agenda-modal.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; + +import { AgendaModalComponent } from './agenda-modal.component'; + +describe('AgendaModalComponent', () => { + let component: AgendaModalComponent; + let fixture: ComponentFixture; + + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + imports: [AgendaModalComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(AgendaModalComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/agenda-modal/agenda-modal.component.ts b/src/app/components/agenda-modal/agenda-modal.component.ts new file mode 100644 index 0000000..f86e9c7 --- /dev/null +++ b/src/app/components/agenda-modal/agenda-modal.component.ts @@ -0,0 +1,68 @@ +import { Component, Input, OnInit } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { IonicModule, ModalController } from '@ionic/angular'; +import { EventoAcademico, ClaseHorario } from '../../services/data'; +import { EventosService } from '../../services/eventos.service'; +import { EventoModalComponent } from '../evento-modal/evento-modal.component'; + +@Component({ + selector: 'app-agenda-modal', + templateUrl: './agenda-modal.component.html', + styleUrls: ['./agenda-modal.component.scss'], + standalone: true, + imports: [CommonModule, IonicModule] +}) +export class AgendaModalComponent implements OnInit { + @Input() materia!: ClaseHorario; + eventos: EventoAcademico[] = []; + + constructor( + private modalCtrl: ModalController, + private eventosService: EventosService + ) {} + + ngOnInit() { + this.cargarEventos(); + } + + ionViewWillEnter() { + this.cargarEventos(); + } + + cargarEventos() { + this.eventos = this.eventosService.getEventosByMateria(this.materia.codigo) + .sort((a, b) => new Date(a.fecha).getTime() - new Date(b.fecha).getTime()); + } + + dismiss() { + this.modalCtrl.dismiss(); + } + + formatFecha(fechaIso: string): string { + const d = new Date(fechaIso); + return d.toLocaleDateString([], { day: '2-digit', month: '2-digit', year: 'numeric' }); + } + + formatHora(fechaIso: string): string { + const d = new Date(fechaIso); + return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); + } + + async abrirEditor(evento?: EventoAcademico) { + const modal = await this.modalCtrl.create({ + component: EventoModalComponent, + componentProps: { + materiaCodigo: this.materia.codigo, + materiaNombre: this.materia.asignatura, + eventoExistente: evento + } + }); + + await modal.present(); + + const { role } = await modal.onWillDismiss(); + if (role === 'saved' || role === 'deleted') { + this.cargarEventos(); + } + } +} diff --git a/src/app/components/evento-modal/evento-modal.component.html b/src/app/components/evento-modal/evento-modal.component.html new file mode 100644 index 0000000..9560e00 --- /dev/null +++ b/src/app/components/evento-modal/evento-modal.component.html @@ -0,0 +1,80 @@ + + + {{ isEdit ? 'Editar' : 'Programar' }} Hito + + Cerrar + + + + + +
+ Materia: +

{{ materiaNombre }}

+
+ + + + Tipo e Hito + + Parcial 1 + Parcial 2 + Trabajo Práctico 1 + Trabajo Práctico 2 + Trabajo Práctico 3 + Recuperatorio Parcial 1 + Recuperatorio Parcial 2 + Recuperatorio TP 1 + Recuperatorio TP 2 + Recuperatorio TP 3 + Final + Otro + + + + + Fecha y Hora + + + + + + + + + + + + + Aula / Zoom + + + + + + Link + + + + + + + + Notas + + + + + +
+ + {{ isEdit ? 'Actualizar Agenda' : 'Agendar Hito' }} + + + + + Eliminar Evento + +
+ \ No newline at end of file diff --git a/src/app/components/evento-modal/evento-modal.component.scss b/src/app/components/evento-modal/evento-modal.component.scss new file mode 100644 index 0000000..8bb138d --- /dev/null +++ b/src/app/components/evento-modal/evento-modal.component.scss @@ -0,0 +1,52 @@ +.materia-info { + margin-top: 10px; + h3 { + margin: 5px 0 20px; + font-size: 1.4rem; + font-weight: 700; + } +} + +.input-item { + --padding-start: 10px; + --padding-end: 10px; + --padding-top: 5px; + --padding-bottom: 5px; + --min-height: 45px; + margin-bottom: 10px; + border-radius: 8px; + background: var(--ion-color-light); + + ion-label { + font-weight: 600; + margin-bottom: 4px !important; + font-size: 0.85rem; + } +} + +.side-item { + margin-left: 2px; + margin-right: 2px; +} + +.compact-list { + padding-top: 0; +} + + +ion-datetime-button { + margin-top: 8px; + margin-bottom: 8px; +} + +.actions-container { + margin-top: 30px; +} + +.main-btn { + margin-bottom: 15px; +} + +.delete-btn { + --color: var(--ion-color-danger); +} diff --git a/src/app/components/evento-modal/evento-modal.component.ts b/src/app/components/evento-modal/evento-modal.component.ts new file mode 100644 index 0000000..d072491 --- /dev/null +++ b/src/app/components/evento-modal/evento-modal.component.ts @@ -0,0 +1,70 @@ +import { Component, Input, OnInit } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { IonicModule, ModalController } from '@ionic/angular'; +import { EventoAcademico } from '../../services/data'; +import { EventosService } from '../../services/eventos.service'; + + +@Component({ + selector: 'app-evento-modal', + templateUrl: './evento-modal.component.html', + styleUrls: ['./evento-modal.component.scss'], + standalone: true, + imports: [CommonModule, IonicModule, FormsModule] +}) +export class EventoModalComponent implements OnInit { + @Input() materiaCodigo!: string; + @Input() materiaNombre!: string; + @Input() eventoExistente?: EventoAcademico; + + tipo: 'Parcial' | 'TP' | 'Final' | 'Otro' = 'Parcial'; + fecha: string = new Date().toISOString(); + aula: string = ''; + link: string = ''; + notas: string = ''; + + isEdit: boolean = false; + + constructor( + private modalCtrl: ModalController, + private eventosService: EventosService + ) { } + + ngOnInit() { + if (this.eventoExistente) { + this.isEdit = true; + this.tipo = this.eventoExistente.tipo; + this.fecha = this.eventoExistente.fecha; + this.aula = this.eventoExistente.aula || ''; + this.link = this.eventoExistente.link || ''; + this.notas = this.eventoExistente.notas || ''; + } + } + + dismiss() { + this.modalCtrl.dismiss(); + } + + async guardar() { + const nuevoEvento: EventoAcademico = { + id: this.isEdit ? this.eventoExistente!.id : Date.now().toString(), + materiaCodigo: this.materiaCodigo, + tipo: this.tipo, + fecha: this.fecha, + aula: this.aula, + link: this.link, + notas: this.notas + }; + + await this.eventosService.saveEvento(nuevoEvento); + this.modalCtrl.dismiss(nuevoEvento, 'saved'); + } + + async eliminar() { + if (this.eventoExistente) { + await this.eventosService.deleteEvento(this.eventoExistente.id); + this.modalCtrl.dismiss(null, 'deleted'); + } + } +} diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts index ac59d9f..8298083 100644 --- a/src/app/home/home.module.ts +++ b/src/app/home/home.module.ts @@ -6,6 +6,8 @@ import { HomePage } from './home.page'; import { HomePageRoutingModule } from './home-routing.module'; import { CredencialModalComponent } from '../components/credencial-modal/credencial-modal.component'; +import { EventoModalComponent } from '../components/evento-modal/evento-modal.component'; + @NgModule({ @@ -14,7 +16,8 @@ import { CredencialModalComponent } from '../components/credencial-modal/credenc FormsModule, IonicModule, HomePageRoutingModule, - CredencialModalComponent + CredencialModalComponent, + EventoModalComponent ], declarations: [HomePage] }) diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html index 41fd7c6..10e3a87 100644 --- a/src/app/home/home.page.html +++ b/src/app/home/home.page.html @@ -13,7 +13,7 @@ - +
@@ -71,7 +71,7 @@ realiza en la memoria de tu teléfono.

Sin Rastreadores: No incluimos publicidad, telemetría ni analíticas de terceros.

-

Versión 1.1.5 - 25/03/2026

+

Versión 1.1.9 - 26/03/2026

@@ -82,6 +82,38 @@ refreshingText="Actualizando..."> + +
+ + +
+
+ + {{ proximaClase.label }} +
+ + + {{ formatCountdown(proximaClase.diffMs) }} + +
+ +

{{ proximaClase.item.asignatura }}

+
+ + + Aula {{ proximaClase.item.aula }} + + + + {{ proximaClase.item.dia }} {{ proximaClase.item.horario }} + +
+ + + +
+

Cargando cartelera...

@@ -102,26 +134,43 @@ {{ item.asignatura }}
+ - + + +
+ + + +
+ + + {{ proximo.tipo }}: {{ formatFechaEvento(proximo.fecha) }} + +
+ - +

Código: {{ item.codigo }}

{{ item.aula }}

{{ item.dia }} - {{ item.horario }}

- + Ingresar a Clase Virtual
+ @@ -133,9 +182,12 @@ -
+
- Tte. Gral. Juan Domingo Perón 802 (C1038AAR)
CABA - Argentina + Tte. Gral. Juan Domingo + Perón 802 (C1038AAR)
CABA - Argentina
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss index 4dba784..261f6fa 100644 --- a/src/app/home/home.page.scss +++ b/src/app/home/home.page.scss @@ -1,212 +1,347 @@ -.filter-section { - background: var(--ion-background-color); - padding: 5px 0; - - ion-item { - --background: transparent; - } -} - -.loading-container { - display: flex; - flex-direction: column; - align-items: center; - margin-top: 50px; - color: var(--ion-color-medium); -} - -.empty-state { - text-align: center; - padding: 30px 20px; - color: var(--ion-color-medium); -} - -.error-state { - text-align: center; - padding: 30px 20px; - color: var(--ion-color-danger); - font-weight: bold; -} - -// Header styles -.header-content { - display: flex; - align-items: center; - padding: 0 10px; - - .header-logo { - height: 36px; - width: auto; - background-color: white; - padding: 4px; - border-radius: 5px; - position: absolute; - left: 10px; - z-index: 10; - } -} - -// Footer replica styles -.footer-content { - display: flex; - align-items: center; - justify-content: center; - padding: 10px; - - .footer-text { - color: white; - font-size: 13px; - line-height: 1.2; - text-align: center; - } -} - -.view-segment { - background: var(--ion-background-color); - padding: 10px; -} - -.card-header-flex { - display: flex; - justify-content: space-between; - align-items: flex-start; - - .header-titles { - flex: 1; - margin-right: 15px; - } - - .fav-icon { - font-size: 28px; - cursor: pointer; - flex-shrink: 0; - } -} - -.aula-container { - margin: 15px 0; - - .aula-tag { - color: #682cad; - font-size: 1.3em; - font-weight: bold; - display: inline-block; - } -} - -ion-card { - margin: 8px 10px; - - ion-card-header { - padding: 10px 14px 0; - - ion-card-title { - font-size: 1.15rem; - } - } - - ion-card-content { - padding: 10px 14px 14px; - - p { - margin-top: 0; - margin-bottom: 4px; - font-size: 0.9em; - } - - .aula-container { - margin: 8px 0; - - .aula-tag { - font-size: 1.2em; - } - } - } -} - -ion-card.subject-card { - margin: 8px 12px; - position: relative; - overflow: hidden; - transition: transform 0.1s; - - &:active { - transform: scale(0.98); - } -} - -.card-actions { - display: flex; - align-items: center; - gap: 12px; - - .share-icon, - .fav-icon { - font-size: 1.5rem; - cursor: pointer; - transition: transform 0.15s; - - &:active { - transform: scale(1.2); - } - } -} - - -.link-container { - margin-top: 10px; - - ion-button { - --border-radius: 8px; - font-weight: 600; - letter-spacing: 0.3px; - } -} - -.schedule-text { - color: #7B2049; - /* Secondary Uva color */ - font-size: 0.98rem !important; - font-weight: bold !important; - margin-top: 8px !important; - margin-bottom: 8px !important; -} - -.highlight-card { - border: 2px solid var(--ion-color-secondary) !important; - animation: pulse-border 1s alternate infinite; -} - -@keyframes pulse-border { - from { - box-shadow: 0 0 5px var(--ion-color-secondary); - } - to { - box-shadow: 0 0 20px var(--ion-color-secondary); - } -} - -/* Dark mode overwrites for custom colored text */ -@media (prefers-color-scheme: dark) { - .aula-container .aula-tag { - color: #ae7fff; /* Lighter vivid purple for dark background */ - } - - .schedule-text { - color: #ff8ab6 !important; /* Lighter magenta for dark background */ - } - - .highlight-card { - border-color: var(--ion-color-primary) !important; - animation: pulse-border-dark 1s alternate infinite; - } - - @keyframes pulse-border-dark { - from { - box-shadow: 0 0 5px var(--ion-color-primary); - } - to { - box-shadow: 0 0 20px var(--ion-color-primary); - } - } -} \ No newline at end of file +.filter-section { + background: var(--ion-background-color); + padding: 5px 0; + + ion-item { + --background: transparent; + } +} + +.loading-container { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 50px; + color: var(--ion-color-medium); +} + +.empty-state { + text-align: center; + padding: 30px 20px; + color: var(--ion-color-medium); +} + +.error-state { + text-align: center; + padding: 30px 20px; + color: var(--ion-color-danger); + font-weight: bold; +} + +// Header styles +.header-content { + display: flex; + align-items: center; + padding: 0 10px; + + .header-logo { + height: 36px; + width: auto; + background-color: white; + padding: 4px; + border-radius: 5px; + position: absolute; + left: 10px; + z-index: 10; + } +} + +// Footer replica styles +.footer-content { + display: flex; + align-items: center; + justify-content: center; + padding: 10px; + + .footer-text { + color: white; + font-size: 13px; + line-height: 1.2; + text-align: center; + } +} + +.view-segment { + background: var(--ion-background-color); + padding: 10px; +} + +.card-header-flex { + display: flex; + justify-content: space-between; + align-items: flex-start; + + .header-titles { + flex: 1; + margin-right: 15px; + } + + .fav-icon { + font-size: 28px; + cursor: pointer; + flex-shrink: 0; + } +} + +.aula-container { + margin: 15px 0; + + .aula-tag { + color: #682cad; + font-size: 1.3em; + font-weight: bold; + display: inline-block; + } +} + +ion-card { + margin: 8px 10px; + + ion-card-header { + padding: 10px 14px 0; + + ion-card-title { + font-size: 1.15rem; + } + } + + ion-card-content { + padding: 10px 14px 14px; + + p { + margin-top: 0; + margin-bottom: 4px; + font-size: 0.9em; + } + + .aula-container { + margin: 8px 0; + + .aula-tag { + font-size: 1.2em; + } + } + } +} + +ion-card.subject-card { + margin: 8px 12px; + position: relative; + overflow: hidden; + transition: transform 0.1s; + + &:active { + transform: scale(0.98); + } +} + +.card-actions { + display: flex; + align-items: center; + gap: 12px; + + .share-icon, + .menu-icon { + font-size: 1.6rem; + cursor: pointer; + transition: transform 0.2s; + + &:active { + transform: scale(0.9); + } + } +} + + +.link-container { + margin-top: 10px; + + ion-button { + --border-radius: 8px; + font-weight: 600; + letter-spacing: 0.3px; + } +} + +.schedule-text { + color: #7B2049; + /* Secondary Uva color */ + font-size: 0.98rem !important; + font-weight: bold !important; + margin-top: 8px !important; + margin-bottom: 8px !important; +} + +.highlight-card { + border: 2px solid var(--ion-color-secondary) !important; + animation: pulse-border 1s alternate infinite; +} + +@keyframes pulse-border { + from { + box-shadow: 0 0 5px var(--ion-color-secondary); + } + to { + box-shadow: 0 0 20px var(--ion-color-secondary); + } +} + +/* Dark mode overwrites for custom colored text */ +@media (prefers-color-scheme: dark) { + .aula-container .aula-tag { + color: #ae7fff; /* Lighter vivid purple for dark background */ + } + + .schedule-text { + color: #ff8ab6 !important; /* Lighter magenta for dark background */ + } + + .highlight-card { + border-color: var(--ion-color-primary) !important; + animation: pulse-border-dark 1s alternate infinite; + } + + @keyframes pulse-border-dark { + from { + box-shadow: 0 0 5px var(--ion-color-primary); + } + to { + box-shadow: 0 0 20px var(--ion-color-primary); + } + } + + .proxima-clase-card { + background: linear-gradient(135deg, #1e2a4a, #1a1f3c) !important; + border-color: rgba(var(--ion-color-primary-rgb), 0.6) !important; + + + + .proxima-label { color: rgba(255, 255, 255, 0.6); } + .proxima-asignatura { color: #fff; } + .proxima-detalles { color: rgba(255, 255, 255, 0.75); } + } + + .evento-badge { + --background: rgba(var(--ion-color-secondary-rgb), 0.15); + color: var(--ion-color-secondary-contrast); + } +} + +// ─── Hitos Académicos (Agenda) ────────────────────────────────────── + +.evento-badge-container { + margin-top: 5px; + padding: 0 0 10px; +} + +.evento-badge { + font-size: 0.8rem; + padding: 6px 10px; + border-radius: 6px; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 600; + letter-spacing: 0.3px; + box-shadow: 0 2px 8px rgba(0,0,0,0.05); + + ion-icon { + font-size: 0.95rem; + } +} + + +// ─── Banner: Próxima Clase ─────────────────────────────────────────── + +.proxima-clase-container { + padding: 8px 12px 0; +} + +.proxima-clase-card { + margin: 0; + border-radius: 14px; + border: 1.5px solid rgba(var(--ion-color-primary-rgb), 0.35); + background: linear-gradient(135deg, #eef2ff, #f5f0ff); + box-shadow: 0 4px 18px rgba(var(--ion-color-primary-rgb), 0.15); + transition: border-color 0.3s, box-shadow 0.3s; + + ion-card-content { + padding: 14px 16px; + } + + &.urgente { + border-color: rgba(var(--ion-color-danger-rgb), 0.5); + background: linear-gradient(135deg, #fff0f3, #ffe8ed); + box-shadow: 0 4px 18px rgba(var(--ion-color-danger-rgb), 0.18); + animation: pulse-urgente 1.4s ease-in-out infinite; + } +} + +@keyframes pulse-urgente { + 0%, 100% { box-shadow: 0 4px 18px rgba(var(--ion-color-danger-rgb), 0.15); } + 50% { box-shadow: 0 4px 28px rgba(var(--ion-color-danger-rgb), 0.35); } +} + +.proxima-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 8px; + + .proxima-label { + display: flex; + align-items: center; + gap: 5px; + font-size: 0.78rem; + font-weight: 600; + letter-spacing: 0.5px; + text-transform: uppercase; + color: var(--ion-color-medium); + + ion-icon { font-size: 1rem; } + } +} + +.countdown-chip { + font-weight: 700; + font-size: 0.82rem; + height: 28px; + --padding-start: 10px; + --padding-end: 10px; + + ion-icon { margin-right: 4px; } +} + +@keyframes pulse-chip { + 0%, 100% { opacity: 1; transform: scale(1); } + 50% { opacity: 0.75; transform: scale(1.05); } +} + +.pulse-chip { + animation: pulse-chip 1s ease-in-out infinite; +} + +.proxima-asignatura { + font-size: 1.1rem; + font-weight: 700; + color: var(--ion-color-dark); + margin: 0 0 10px; + line-height: 1.3; +} + +.proxima-detalles { + display: flex; + gap: 16px; + flex-wrap: wrap; + + span { + display: flex; + align-items: center; + gap: 4px; + font-size: 0.88rem; + color: var(--ion-color-medium-shade); + font-weight: 500; + + ion-icon { font-size: 1rem; flex-shrink: 0; } + } +} \ No newline at end of file diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts index f978856..4f64324 100644 --- a/src/app/home/home.page.ts +++ b/src/app/home/home.page.ts @@ -1,6 +1,7 @@ import { Component, OnInit } from '@angular/core'; -import { ToastController, ModalController, AlertController } from '@ionic/angular'; -import { DataService, ClaseHorario } from '../services/data'; +import { ToastController, ModalController, AlertController, ActionSheetController, IonicSafeString } from '@ionic/angular'; + +import { DataService, ClaseHorario, EventoAcademico } from '../services/data'; import { Preferences } from '@capacitor/preferences'; import { Filesystem } from '@capacitor/filesystem'; import { LocalNotifications } from '@capacitor/local-notifications'; @@ -9,6 +10,17 @@ import { Share } from '@capacitor/share'; import { ActivatedRoute } from '@angular/router'; import { CredencialModalComponent } from '../components/credencial-modal/credencial-modal.component'; import { CsvStorageService } from '../services/csv-storage.service'; +import { EventosService } from '../services/eventos.service'; +import { EventoModalComponent } from '../components/evento-modal/evento-modal.component'; +import { AgendaModalComponent } from '../components/agenda-modal/agenda-modal.component'; + + +export interface ProximaClaseInfo { + item: ClaseHorario; + diffMs: number; + label: 'Próxima Clase' | 'Clase en Curso'; +} + @Component({ selector: 'app-home', @@ -30,15 +42,30 @@ export class HomePage implements OnInit { errorMsg: string = ''; isInfoModalOpen: boolean = false; + proximaClase: ProximaClaseInfo | null = null; + private countdownTimer: any = null; + + eventos: EventoAcademico[] = []; + + + // Mapa de días en español al getDay() de JS (0=Dom) + private readonly DIAS_DOW: Record = { + 'Lunes': 1, 'Martes': 2, 'Miércoles': 3, 'Miercoles': 3, + 'Jueves': 4, 'Viernes': 5, 'Sábado': 6, 'Sabado': 6, 'Domingo': 0 + }; + constructor( private dataService: DataService, private toastCtrl: ToastController, private route: ActivatedRoute, private modalCtrl: ModalController, private alertCtrl: AlertController, - private csvStorageService: CsvStorageService + private csvStorageService: CsvStorageService, + private actionSheetCtrl: ActionSheetController, + private eventosService: EventosService ) { } + async ngOnInit() { this.route.queryParams.subscribe(params => { this.highlightedCodigo = params['highlight'] || null; @@ -65,25 +92,31 @@ export class HomePage implements OnInit { this.loading = true; - // 0. Intentar cargar los favoritos desde el archivo CSV seguro (sobrevive desinstalaciones) - const csvFavs = await this.csvStorageService.loadFavoritesFromCsv(); - if (csvFavs && csvFavs.length > 0) { - this.favoritos = csvFavs; + // 0. Intentar cargar los datos de usuario desde el archivo CSV seguro + const userData = await this.csvStorageService.loadUserDataFromCsv(); + if (userData) { + this.favoritos = userData.favoritos; + // Sincronizar eventos cargados desde el CSV con el servicio de eventos + for (const ev of userData.eventos) { + await this.eventosService.saveEvento(ev); + } + this.eventos = await this.eventosService.loadEventos(); + this.viewMode = 'favoritos'; - // Restaurar también la preferencia rápida nativa para mantener sincronía await Preferences.set({ key: 'favoritos', value: JSON.stringify(this.favoritos) }); } else { - // 1. Fallback: cargar los favoritos de las preferencias de Capacitor + // 1. Fallback: cargar los favoritos de las preferencias de Capacitor si no hay CSV const favPref = await Preferences.get({ key: 'favoritos' }); if (favPref.value && JSON.parse(favPref.value).length > 0) { this.favoritos = JSON.parse(favPref.value); this.viewMode = 'favoritos'; } else { - // Si es una instalación totalmente fresca (sin config ni CSV auto-encontrado) await this.promptForRestore(); } + this.eventos = await this.eventosService.loadEventos(); } + // 2. Load from Cache first (Offline mode) const cached = await this.dataService.getCachedHorarios(); if (cached.length > 0) { @@ -114,8 +147,16 @@ export class HomePage implements OnInit { this.loading = false; this.errorMsg = ''; + // Programar recordatorios de clase 30 min antes + const favItems = this.horarios.filter(h => this.favoritos.includes(h.codigo)); + this.dataService.scheduleClassReminders(favItems); + + // Auto-reparación/Actualización del CSV de respaldo + this.csvStorageService.saveUserDataToCsv(this.favoritos, this.eventos); + if (event) event.target.complete(); }, + error: async (err) => { console.error(err); if (this.horarios.length === 0) { @@ -156,7 +197,7 @@ export class HomePage implements OnInit { this.viewMode = 'favoritos'; await Preferences.set({ key: 'favoritos', value: JSON.stringify(this.favoritos) }); this.filterHorarios(); - + const toast = await this.toastCtrl.create({ message: 'Respaldo restaurado con éxito.', duration: 2500, color: 'success' }); toast.present(); } else { @@ -174,18 +215,16 @@ export class HomePage implements OnInit { let baseList = this.horarios; if (this.viewMode === 'favoritos') { - // En modo favoritos, ignoramos el buscador de la otra pestaña baseList = baseList.filter(h => this.favoritos.includes(h.codigo)); + this.actualizarProximaClase(); } else { - // En modo todas, aplicamos filtro de búsqueda con lógica Fuzzy y Carrera + this.proximaClase = null; if (this.searchText && this.searchText.trim() !== '') { const normalizedSearch = this.normalizeText(this.searchText); const searchWords = normalizedSearch.split(/\s+/).filter(w => w.length > 0); baseList = baseList.filter(h => { const contentToSearch = this.normalizeText(`${h.asignatura} ${h.codigo} ${h.aula} ${h.carrera} ${h.horario}`); - - // Cada palabra buscada debe tener al menos un "fuzzy match" en el contenido return searchWords.every(word => this.fuzzyMatch(contentToSearch, word)); }); } @@ -194,6 +233,111 @@ export class HomePage implements OnInit { this.horariosFiltrados = baseList; } + private actualizarProximaClase() { + if (!this.horarios || this.favoritos.length === 0) { + this.proximaClase = null; + return; + } + + const ahora = new Date(); + const hoyIdx = ahora.getDay(); // 0-6 + const horaActualStr = ahora.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false }); + + let candidata: ProximaClaseInfo | null = null; + + // 1. Buscar si hay alguna clase en curso AHORA + const favsHoy = this.horarios.filter(h => this.isFavorito(h.codigo) && this.DIAS_DOW[h.dia || ''] === hoyIdx); + + for (const item of favsHoy) { + const parts = (item.horario || '').split('-'); + if (parts.length >= 2) { + const mInicio = parts[0].match(/(\d{1,2}):(\d{2})/); + const mFin = parts[1].match(/(\d{1,2}):(\d{2})/); + if (mInicio && mFin) { + const tInicio = `${mInicio[1].padStart(2, '0')}:${mInicio[2]}`; + const tFin = `${mFin[1].padStart(2, '0')}:${mFin[2]}`; + if (horaActualStr >= tInicio && horaActualStr <= tFin) { + this.proximaClase = { item, diffMs: 0, label: 'Clase en Curso' }; + return; + } + } + } + } + + // 2. Si no hay en curso, buscar la PRÓXIMA (hoy más tarde o mañana) + for (const item of favsHoy) { + const mInicio = (item.horario || '').match(/(\d{1,2}):(\d{2})/); + if (mInicio) { + const tInicio = `${mInicio[1].padStart(2, '0')}:${mInicio[2]}`; + if (tInicio > horaActualStr) { + const targetDate = new Date(ahora); + targetDate.setHours(parseInt(mInicio[1], 10), parseInt(mInicio[2], 10), 0, 0); + + const diff = targetDate.getTime() - ahora.getTime(); + if (!candidata || diff < candidata.diffMs) { + candidata = { item, diffMs: diff, label: 'Próxima Clase' }; + } + } + } + } + + // Si no encontramos hoy, buscamos mañana + if (!candidata) { + const mananaIdx = (hoyIdx + 1) % 7; + const favsManana = this.horarios.filter(h => this.isFavorito(h.codigo) && this.DIAS_DOW[h.dia || ''] === mananaIdx); + + for (const item of favsManana) { + const mInicio = (item.horario || '').match(/(\d{1,2}):(\d{2})/); + if (mInicio) { + const targetDate = new Date(ahora); + targetDate.setDate(ahora.getDate() + 1); + targetDate.setHours(parseInt(mInicio[1], 10), parseInt(mInicio[2], 10), 0, 0); + + const diff = targetDate.getTime() - ahora.getTime(); + if (!candidata || diff < candidata.diffMs) { + candidata = { item, diffMs: diff, label: 'Próxima Clase' }; + } + } + } + } + + + this.proximaClase = candidata; + } + + private reiniciarCountdown() { + if (this.countdownTimer) { + clearInterval(this.countdownTimer); + this.countdownTimer = null; + } + if (this.proximaClase) { + this.countdownTimer = setInterval(() => { + if (!this.proximaClase) { clearInterval(this.countdownTimer); return; } + this.proximaClase.diffMs -= 60000; // Decrement by 1 minute + if (this.proximaClase.diffMs < -5 * 60000) { // If 5 minutes past start + // The class has started or passed, recalculate + this.actualizarProximaClase(); + } + }, 60000); + } + } + + formatCountdown(diffMs: number): string { + const minutos = Math.round(diffMs / 60000); + if (minutos <= 0) return 'Ahora mismo'; + if (minutos < 60) return `En ${minutos} min`; + const horas = Math.floor(minutos / 60); + const mins = minutos % 60; + return mins > 0 ? `En ${horas}h ${mins}min` : `En ${horas}h`; + } + + countdownColor(diffMs: number): string { + const minutos = Math.round(diffMs / 60000); + if (minutos <= 30) return 'danger'; + if (minutos <= 120) return 'warning'; + return 'primary'; + } + /** * Determina si hay una coincidencia aproximada (Fuzzy) */ @@ -274,8 +418,8 @@ export class HomePage implements OnInit { const alert = await this.alertCtrl.create({ header: isFav ? 'Quitar de Favoritos' : 'Agregar a Favoritos', - message: isFav - ? `¿Deseas quitar la materia ${item.asignatura} de tus favoritos?` + message: isFav + ? `¿Deseas quitar la materia ${item.asignatura} de tus favoritos?` : `¿Deseas agregar la materia ${item.asignatura} a tus favoritos?`, buttons: [ { @@ -300,13 +444,14 @@ export class HomePage implements OnInit { this.favoritos.push(item.codigo); } await Preferences.set({ key: 'favoritos', value: JSON.stringify(this.favoritos) }); - await this.csvStorageService.saveFavoritesToCsv(this.favoritos); + await this.csvStorageService.saveUserDataToCsv(this.favoritos, this.eventos); this.filterHorarios(); } } ] }); - + + await alert.present(); } @@ -351,7 +496,143 @@ export class HomePage implements OnInit { const modal = await this.modalCtrl.create({ component: CredencialModalComponent }); - + await modal.present(); } + + // --- Hitos Académicos (Agenda) --- + + async openMateriaActions(item: ClaseHorario) { + // Si estamos en cartelera general y NO es favorito, lo agregamos directamente + if (this.viewMode === 'todas' && !this.isFavorito(item.codigo)) { + this.toggleFavorito(item); + return; + } + + + // En cualquier otro caso (estamos en favoritos o ya es favorito en la cartelera), + // abrimos el menú de gestión (Action Sheet) + const proximos = this.getEventosMateria(item.codigo); + + + + const buttons: any[] = [ + { + text: 'Agendar Parcial / TP / Final', + icon: 'calendar-number-outline', + handler: () => { + this.abrirModalEvento(item); + } + }, + { + text: 'Compartir Horario', + icon: 'share-social-outline', + handler: () => { + this.shareItem(item); + } + } + ]; + + if (proximos.length > 0) { + buttons.unshift({ + text: 'Ver Agenda de la Materia', + icon: 'list-outline', + handler: () => { + this.verAgendaMateria(item); + } + }); + } + + buttons.push({ + text: 'Quitar de Favoritos', + role: 'destructive', + icon: 'star-outline', + handler: () => { + this.toggleFavorito(item); + } + }); + + buttons.push({ + text: 'Cancelar', + role: 'cancel', + icon: 'close-outline' + }); + + const actionSheet = await this.actionSheetCtrl.create({ + header: item.asignatura, + subHeader: 'Gestión de materia', + buttons: buttons + }); + + await actionSheet.present(); + } + + getEventosMateria(codigo: string): EventoAcademico[] { + return this.eventos + .filter(e => e.materiaCodigo === codigo) + .sort((a, b) => new Date(a.fecha).getTime() - new Date(b.fecha).getTime()); + } + + getProximoEvento(codigo: string): EventoAcademico | null { + const ahora = new Date().getTime(); + const futuros = this.getEventosMateria(codigo) + .filter(e => new Date(e.fecha).getTime() > ahora); + + return futuros.length > 0 ? futuros[0] : null; + } + + + async abrirModalEvento(item: ClaseHorario, eventoExistente?: EventoAcademico) { + const modal = await this.modalCtrl.create({ + component: EventoModalComponent, + componentProps: { + materiaCodigo: item.codigo, + materiaNombre: item.asignatura, + eventoExistente: eventoExistente + } + }); + + await modal.present(); + + const { data, role } = await modal.onWillDismiss(); + if (role === 'saved' || role === 'deleted') { + this.eventos = await this.eventosService.loadEventos(); + await this.csvStorageService.saveUserDataToCsv(this.favoritos, this.eventos); + } + } + + async verAgendaMateria(item: ClaseHorario) { + const modal = await this.modalCtrl.create({ + component: AgendaModalComponent, + componentProps: { + materia: item + } + }); + + await modal.present(); + + await modal.onWillDismiss(); + + // Al cerrar la agenda, recargamos los eventos locales por si se agregó/editó alguno + this.eventos = await this.eventosService.loadEventos(); + + // Y aseguramos que la próxima clase y los badges se actualicen + this.actualizarProximaClase(); + + // Guardamos en CSV por si hubo cambios + await this.csvStorageService.saveUserDataToCsv(this.favoritos, this.eventos); + } + + + + formatFechaEvento(fechaIso: string): string { + const d = new Date(fechaIso); + return d.toLocaleDateString([], { day: '2-digit', month: '2-digit' }) + ' ' + d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); + } + + isEventoUrgente(fechaIso: string): boolean { + const diff = new Date(fechaIso).getTime() - new Date().getTime(); + return diff > 0 && diff < (1000 * 60 * 60 * 48); // Menos de 48 horas + } } + diff --git a/src/app/services/csv-storage.service.ts b/src/app/services/csv-storage.service.ts index 4f242ce..b68544d 100644 --- a/src/app/services/csv-storage.service.ts +++ b/src/app/services/csv-storage.service.ts @@ -1,6 +1,8 @@ import { Injectable } from '@angular/core'; import { Filesystem, Directory, Encoding } from '@capacitor/filesystem'; import { FilePicker } from '@capawesome/capacitor-file-picker'; +import { EventoAcademico } from './data'; + @Injectable({ providedIn: 'root' @@ -23,7 +25,7 @@ export class CsvStorageService { } } - async saveFavoritesToCsv(favoritos: string[]) { + async saveUserDataToCsv(favoritos: string[], eventos: EventoAcademico[]) { try { const hasPermission = await this.ensurePermissions(); if (!hasPermission) { @@ -31,12 +33,22 @@ export class CsvStorageService { return; } - let csvContent = 'tipo,valor\n'; + let csvContent = 'tipo,materia,id_o_valor,extra1,extra2,extra3,extra4\n'; + + // Filas de favoritos favoritos.forEach(codigo => { - csvContent += `favorito,${codigo}\n`; + csvContent += `favorito,${codigo},,,,\n`; }); - // Intentamos borrar si existe para forzar la actualización transparente en Scoped Storage + // Filas de eventos + eventos.forEach(ev => { + // Formato: evento,CODIGO,ID,TIPO,FECHA,AULA,LINK,NOTAS + // Para simplificar el CSV sin escapar comas en notas, reemplazamos comas por punto y coma + const notasEscaped = (ev.notas || '').replace(/,/g, ';'); + csvContent += `evento,${ev.materiaCodigo},${ev.id},${ev.tipo},${ev.fecha},${ev.aula || ''},${ev.link || ''},${notasEscaped}\n`; + }); + + // Intentamos borrar si existe try { await Filesystem.deleteFile({ path: this.FILE_NAME, @@ -50,13 +62,14 @@ export class CsvStorageService { directory: Directory.Documents, encoding: Encoding.UTF8 }); - console.log('CSV guardado exitosamente en Documents'); + console.log('CSV con datos de usuario guardado en Documents'); } catch (e) { console.error('Error al guardar el CSV:', e); } } - async loadFavoritesFromCsv(): Promise { + + async loadUserDataFromCsv(): Promise<{ favoritos: string[], eventos: EventoAcademico[] } | null> { try { const hasPermission = await this.ensurePermissions(); if (!hasPermission) return null; @@ -71,23 +84,42 @@ export class CsvStorageService { const lines = contents.data.toString().split('\n'); const favs: string[] = []; + const evs: EventoAcademico[] = []; for (let i = 1; i < lines.length; i++) { const line = lines[i].trim(); - if (line.startsWith('favorito,')) { - const parts = line.split(','); + if (!line) continue; + + const parts = line.split(','); + const tipo = parts[0]; + + if (tipo === 'favorito') { if (parts.length > 1 && parts[1]) { favs.push(parts[1]); } + } else if (tipo === 'evento') { + // evento,materia,id,tipo_ev,fecha,aula,link,notas + if (parts.length >= 5) { + evs.push({ + materiaCodigo: parts[1], + id: parts[2], + tipo: parts[3] as any, + fecha: parts[4], + aula: parts[5] || '', + link: parts[6] || '', + notas: (parts[7] || '').replace(/;/g, ',') + }); + } } } - return favs.length > 0 ? favs : null; + return { favoritos: favs, eventos: evs }; } catch (e) { return null; } } + async importFavoritesFromFilePicker(): Promise { try { const result = await FilePicker.pickFiles({ @@ -105,18 +137,25 @@ export class CsvStorageService { for (let i = 1; i < lines.length; i++) { const line = lines[i].trim(); - if (line.startsWith('favorito,')) { - const parts = line.split(','); + if (!line) continue; + + const parts = line.split(','); + const tipo = parts[0]; + + if (tipo === 'favorito') { if (parts.length > 1 && parts[1]) { favs.push(parts[1]); } } + // Nota: para el Picker manual solo recuperamos favoritos por ahora para simplicidad, + // o podríamos reusar la lógica de loadUserDataFromCsv si el CSV es idéntico. } if (favs.length > 0) { - await this.saveFavoritesToCsv(favs); + await this.saveUserDataToCsv(favs, []); return favs; } + return null; } catch(e) { console.warn('File picker cancelado o falló', e); diff --git a/src/app/services/data.ts b/src/app/services/data.ts index e5e36b6..0b935b1 100644 --- a/src/app/services/data.ts +++ b/src/app/services/data.ts @@ -3,7 +3,7 @@ import { HttpClient } from '@angular/common/http'; import { Observable, forkJoin, from, of } from 'rxjs'; import { map, tap, catchError } from 'rxjs/operators'; import { Preferences } from '@capacitor/preferences'; -import { LocalNotifications } from '@capacitor/local-notifications'; +import { LocalNotifications, LocalNotificationSchema } from '@capacitor/local-notifications'; export interface ClaseHorario { codigo: string; @@ -15,6 +15,17 @@ export interface ClaseHorario { link?: string; } +export interface EventoAcademico { + id: string; + materiaCodigo: string; + tipo: 'Parcial' | 'TP' | 'Final' | 'Otro'; + fecha: string; // ISO string + aula?: string; + link?: string; + notas?: string; +} + + @Injectable({ providedIn: 'root', }) @@ -96,6 +107,84 @@ export class DataService { } } + /** + * Programa notificaciones locales 30 minutos antes de cada clase favorita del día actual. + * Usa IDs estables (hash del código + dia + horario) para evitar notificaciones duplicadas. + */ + public async scheduleClassReminders(favoriteItems: ClaseHorario[]) { + try { + const permStatus = await LocalNotifications.checkPermissions(); + if (permStatus.display !== 'granted') return; + + const DIAS_ES: Record = { + 'lunes': 1, 'martes': 2, 'miércoles': 3, 'miercoles': 3, + 'jueves': 4, 'viernes': 5, 'sábado': 6, 'sabado': 6, 'domingo': 0 + }; + + const now = new Date(); + const todayDow = now.getDay(); // 0=Dom, 1=Lun... + + const notificationsToSchedule: LocalNotificationSchema[] = []; + const idsToCancel: number[] = []; + + for (const item of favoriteItems) { + if (!item.dia || !item.horario) continue; + + const diaNorm = item.dia.trim().toLowerCase(); + const classDow = DIAS_ES[diaNorm]; + if (classDow === undefined || classDow !== todayDow) continue; + + // Extraer primer horario de inicio, ej: "18:00 a 22:00" → "18:00" + const timeMatch = item.horario.match(/(\d{1,2}):(\d{2})/); + if (!timeMatch) continue; + + const classHour = parseInt(timeMatch[1], 10); + const classMin = parseInt(timeMatch[2], 10); + + const classStart = new Date(now); + classStart.setHours(classHour, classMin, 0, 0); + + const reminderTime = new Date(classStart.getTime() - 30 * 60 * 1000); + + // Solo programa si el recordatorio es en el futuro + if (reminderTime <= now) continue; + + // ID estable: hash simple basado en codigo+dia+horario + const stableId = this.stableHash(`${item.codigo}-${item.dia}-${item.horario}`); + + idsToCancel.push(stableId); + notificationsToSchedule.push({ + id: stableId, + title: `🎓 Clase en 30 minutos`, + body: `${item.asignatura} — Aula ${item.aula} a las ${timeMatch[0]}`, + schedule: { at: reminderTime }, + extra: { codigo: item.codigo } + }); + } + + if (idsToCancel.length > 0) { + await LocalNotifications.cancel({ notifications: idsToCancel.map(id => ({ id })) }).catch(() => {}); + } + + if (notificationsToSchedule.length > 0) { + await LocalNotifications.schedule({ notifications: notificationsToSchedule }); + } + } catch (e) { + console.warn('Error programando recordatorios de clase:', e); + } + } + + /** Genera un entero de 32 bits estable a partir de un string (djb2) */ + private stableHash(str: string): number { + let hash = 5381; + for (let i = 0; i < str.length; i++) { + hash = ((hash << 5) + hash) ^ str.charCodeAt(i); + hash = hash >>> 0; // Mantener como unsigned 32-bit + } + // LocalNotifications requiere IDs positivos y razonables + return (hash % 2_000_000) + 100_000; + } + private async checkRoomChanges(oldData: ClaseHorario[], newData: ClaseHorario[], favoritos: string[]) { for (const item of newData) { if (favoritos.includes(item.codigo)) { diff --git a/src/app/services/eventos.service.ts b/src/app/services/eventos.service.ts new file mode 100644 index 0000000..8adc8da --- /dev/null +++ b/src/app/services/eventos.service.ts @@ -0,0 +1,113 @@ +import { Injectable } from '@angular/core'; +import { Preferences } from '@capacitor/preferences'; +import { LocalNotifications, LocalNotificationSchema } from '@capacitor/local-notifications'; +import { Haptics, ImpactStyle } from '@capacitor/haptics'; +import { EventoAcademico } from './data'; + +@Injectable({ + providedIn: 'root' +}) +export class EventosService { + private readonly PREF_EVENTOS = 'eventos_academicos'; + private eventos: EventoAcademico[] = []; + + constructor() { + this.loadEventos(); + } + + async loadEventos(): Promise { + const { value } = await Preferences.get({ key: this.PREF_EVENTOS }); + if (value) { + this.eventos = JSON.parse(value); + } + return this.eventos; + } + + getEventosByMateria(codigo: string): EventoAcademico[] { + return this.eventos.filter(e => e.materiaCodigo === codigo); + } + + getAllEventos(): EventoAcademico[] { + return this.eventos; + } + + async saveEvento(evento: EventoAcademico) { + const index = this.eventos.findIndex(e => e.id === evento.id); + if (index > -1) { + this.eventos[index] = evento; + } else { + this.eventos.push(evento); + } + await this.syncStorage(); + await this.scheduleNotifications(evento); + await Haptics.impact({ style: ImpactStyle.Medium }).catch(() => {}); + } + + async deleteEvento(id: string) { + this.eventos = this.eventos.filter(e => e.id !== id); + await this.syncStorage(); + await this.cancelNotifications(id); + await Haptics.impact({ style: ImpactStyle.Light }).catch(() => {}); + } + + private async syncStorage() { + await Preferences.set({ + key: this.PREF_EVENTOS, + value: JSON.stringify(this.eventos) + }); + } + + /** + * Programa notificaciones escalonadas para un hito académico: 7 días, 1 día y 2 horas antes. + */ + async scheduleNotifications(evento: EventoAcademico) { + const now = new Date(); + const eventDate = new Date(evento.fecha); + + if (eventDate <= now) return; + + // Cancelamos notificaciones previas de este ID + await this.cancelNotifications(evento.id); + + const notifs: LocalNotificationSchema[] = []; + const baseId = this.stringToNumericId(evento.id); + + const milestones = [ + { label: 'en 7 días', offset: 7 * 24 * 60 * 60 * 1000, suffix: '7d' }, + { label: 'mañana', offset: 24 * 60 * 60 * 1000, suffix: '1d' }, + { label: 'en 2 horas', offset: 2 * 60 * 60 * 1000, suffix: '2h' } + ]; + + milestones.forEach((m, i) => { + const scheduleAt = new Date(eventDate.getTime() - m.offset); + if (scheduleAt > now) { + notifs.push({ + id: baseId + i, + title: `📌 Recordatorio: ${evento.tipo}`, + body: `${evento.materiaCodigo}: ${m.label} es el examen/entrega.`, + schedule: { at: scheduleAt }, + extra: { eventoId: evento.id, codigo: evento.materiaCodigo } + }); + } + }); + + if (notifs.length > 0) { + await LocalNotifications.schedule({ notifications: notifs }); + } + } + + async cancelNotifications(eventoId: string) { + const baseId = this.stringToNumericId(eventoId); + const ids = [baseId, baseId + 1, baseId + 2]; + await LocalNotifications.cancel({ notifications: ids.map(id => ({ id })) }).catch(() => {}); + } + + private stringToNumericId(str: string): number { + let hash = 0; + for (let i = 0; i < str.length; i++) { + hash = ((hash << 5) - hash) + str.charCodeAt(i); + hash |= 0; + } + return Math.abs(hash % 100000) + 200000; + } +}