diff --git a/locales/en.yaml b/locales/en.yaml new file mode 100644 index 0000000..80484a5 --- /dev/null +++ b/locales/en.yaml @@ -0,0 +1,485 @@ +edit: Edit +reset: Reset +onedit: Edit On +changeview: View +showview: Show View +menufixed: Menu fixed +fixmen: Fix Menu +from: From +link: Link +since: Since +date: Date +location: In +position: Role +name: Name +code: Code +license: License +for: For +role: Role +tasks: Tasks +description: Description +tools: Tools +purpose: Purpose +code_on: Code on +deployed_to: Deployed to +features: Features +builtwith: Built with +hidepanel: Hide panel +showpanel: Show panel +id: Id +org: Org. +title: Title +cert: Cert. +capture: Capture +site: Site +total: Total +items: Items +in: in +of: of +fixmenu: Fix Menu +phone: Phone +address: Address +save: Save +close: Close +DataNeedSaved: Data changes not saved ! +click_link_to_save: Click on link to save +download_json_data: 'Download JSON data ' +cancel: Cancel +signup: Sign Up +select: Select +selectOption: Select options +selectModel: Select Model +send: Send +local: Local +path: Path +route: Web Route +param: Parameter +type: Type +Route: Routue +Template: Template +Lang: Lang +Name: Name +saveload: + editMode: Edit mode + saveLocalFile: Save to local file + saveData: Save data + dataSaved: Data saved + sendData: Send data + saveOptions: Save options + dataLoaded: Data loaded + autherror: Auth error + loaderror: Load error +auth: + invalidcredentials: Invalid credentials + loginForm: '' + newaccount: new account + password: password + register: Register + signin: Sign in + subHeading: Login info + subTitle: '' + welcome: welcome ! +button: + about: About + back: Back + cancel: Cancel + close-panel: Close panel + delete: Delete + go: Go + home: Home + new: Nuevo + reset: Reset + save: Save + toggle_dark: Toggle dark mode + toggle_langs: Change language +connection: + error: Error conexión +dashboard: Dashboard +form: + delete_done: Delete done + delete_error: Delete Error + save_done: Data saved + save_error: Data save Error +intro: + desc: Opinionated Vite Starter Template + dynamic-route: Demo of dynamic route + hi: Hi, {name}! + whats-your-name: What's your name? +login: + end_session: End session + form: Credentials + invalidcredentials: Incorrect data + newuser: New user + nodata: Data incomplete + password: Password + register: Register + forgot: Forgot ? + checkemail: Check email + reset: Reset + see_you_soon: See You soon ! + signin: Signin + subHeading: Access + subtitle: LibreCloud online + user_email: User / email + username: User name + email: Email + welcome: welcome +message: + loading: Loadding +not-found: Not found +notes: Notes +notifications: + content: content + notifications: Notifications +search: + search: Search +payload: + exp: Expiration + id: id + uuid: uuid + data: Data + orig_iat: Issued +tracking: + when: When + what: What + where: Where + context: Context + ctx: Ctx. + data: Datos + auth: Authorization + payload: Payload Auth. + list: Data Dates +menu: + lang: Lang + Config: Configuration + Tracking: Tracking + Users: Users + sec_langs: Langs + sec_webserver: WebServer + sec_logs: Logs + sec_jwt: JWT + sec_auth: Auth + sec_perms: Permissions + sec_routes: Routes + sec_templates: Templates + sec_mail: Mail + sec_assets: WebAssets + sec_models: DataModels + sec_git: GIT + sec_redis: Redis + sec_others: Others + sec_usersData: Accounts + sec_modelsData: Models + sec_invitations: Invitations + sec_authzModel: Authz.Model + sec_authzPolicy: Authz.Policy + sec_tracking_list: Logs + sec_tracking_data: Data +users: + usersData: Users Data + msg_usersData: Data for YAML file collecting basic user data.
Password is encrypted by server command, use prefix passwdEnc (passwdEncmypasswd) to request encryption. + modelsData: Users Models + msg_modelsData: In is a YAML file collecting data for specific keys (uuid) to load CV models and permissions. + invitations: New Users Invitations + msg_invitations: Use Uses num. with negative number for no limit uses.
Use Expire (ISO date format). Shortcut Atajo ?+num(d,h,m), by example ?+2h for expire in two hours or use ?+20m for 20 minutes, then adjust result.
Set a Role for new User. + authzModel: Authorization Models + msg_authzModel: It is a Cabin RBAC with resources model to controll resources access. + authzPolicy: Authorization Policies + msg_authzPolicy: It is a Cabin RBAC with resources policy model to controll resources access. + +sec_modelsData: + model: Modelo + user: Usuario + data: Datos + active: Activo +sec_usersData: + description: Description + email: Email + passwd: Password + data: Data + web: Web + username: Username +sec_invitations: + email: Email + createdby: Created by + expire: Expire + howmany: Uses num. + role: Role + description: Description + data: Data + active: Active + +cv: + 'on': active + 'off': unactive + profile: Profile + experience: Experience + work_experience: Work Experience + projects: Projects + teaching: Teaching + talks: Talks + education: Education + expand_skills: Expand Skills + others: Others + contact: Contact + personal: Personal + certifications: Certifications + languages: Languages + infrastructures: Infrastructures + skills_tools: Skills & Tools + skills: Skills + onweb: On the Web + mission: Mission + mission_how: Missión detail + +lang: + spanish: Spanish + english: English + french: French + fluent: Fluent + native: Native + conversation: Conversation + +vars: + sec_logs: Web Service Logs + sec_webserver: Webserver Settings + sec_jwt: JSON Web Tokens + sec_auth: Access Authorizations + sec_perms: Permissions + sec_routes: Webserver Routes + sec_templates: Webserver Templates + sec_mail: Mail Services + sec_assets: Webserver Assets + sec_models: CV Models + sec_langs: Languages + sec_git: Git + sec_redis: Redis + sec_others: Others +sec_logs: + logOut: Main Log filepath + requestOut: Web Request Log DirPath + requestStore: Store Web Request + trackingOut: Tracking actions DirPath + trackingStore: Store Tracking actions + debugLevel: Debugging Level +sec_webserver: + host: Host + port: Port + protocol: Protocol + keyPem: Primary key Certificate + certPem: Public key Certificate + allowOrigins: Allowed URL origins (CORS) +sec_jwt: + useJWT: Use JSON Web Tokens + jwtRealm: JWT Realm + jwtKey: JWT Key + jwtTimeout: JWT Timeout + jwtMaxRefresh: JWT Refresh tiemout + signingAlgorithm: Signing Algorithm for firma JWT + jwtKeyPem: Private Certificate Path to sign JWT + jwtCertPem: Public Certificate Path to sign JWT +sec_auth: + authSep: Authorizations separator + passwdEnc: Password Encription prefix + invitationsPath: Path to users invitations + recoveryTime: Expire Id Recovery access time + useAuthz: Use Casbin Authorizations + authzModel: Casbin Authorizations Path + authzPolicy: Casbin Policies Path + adminRole: Administrador Role + usersStore: Users store +sec_perms: + pubUser: Public User + usersPath: Users filepath + usersModelsPath: Users Models filepath + identityKey: Identity Key + usersStore: Store Users +sec_routes: + rootAuthGroup: Authentication Group + routes: Webserver Routes + path: Path + param: Param +sec_templates: + templatesRoot: Main Template filepath + templatesExt: Templates files extension + templatesIncludes: Templates Include FilePath + templatesLayouts: Templates Layout filepath + templatesFiles: Templates Paths List + path: Path + route: Route +sec_mail: + mailHost: Server + mailPort: Port + mailFrom: From Email + mailUser: Mail user + mailPswd: User passwrord + mailCertPath: Cert. Path + mailCertDom: Cert. Domain + tplsMailPath: Mail Templates Path + tplsMail: Mail Templates List + path: Path + route: Route +sec_assets: + assetsPath: Web Assets Path + assetsURL: URL Web Assets +sec_models: + useDist: Use Distribution (JSON) + genDist: Generate Distribution (JSON) + genExcludeList: Exclude Names List + dataDistPath: Distribution Path (JSON) + dataPath: Data Path (YAML files) + dataModelsRoot: Models-List Root-Path + dataCorePath: Data Core Path + dataDflt: Default Model Name + dataItems: Data Items List + dataStore: Store Data +sec_langs: + langs: Languages List + mainLang: Main Language +sec_git: + useRepo: Use GIT Repository + useRepoOnReq: Use Repository in web requests + quietGit: Not show additional GIT messages + backgGit: Use background mode for GIT + repoPath: Local path for Repository + repoName: Repository Name + repoCommit: Commits GIT message +sec_redis: + redisHost: Redis Host + redisPort: Redis Port + redisDB: Redis DataBase + redisPswd: Redis DB Password +sec_others: + openBrowser: Open web browser at web server start + +info: + logs: >- +
Web Service Logs where server runs.
+
Paths with read/write permissions.
+ webserver: >- +
Web Server Configuration
+ jwt: >- +
JSON Web Tokens (JWT) Configuration
+ auth: >- +
Access Authorizations for web requests
+ perms: >- +
Access Permissions to resources (users, groups, policies)
+ routes: >- +
Web Server Requests Routes
+ templates: >- +
Web Server Templates
+ mail: >- +
Mail Services Configuration
+ assets: >- +
Web Server Assets
+
Static files
+ models: >- +
Data Models. JSON and YAML formats
+ langs: >- +
Languages
+ git: >- +
GIT as Data Source
+ redis: >- +
Redis
+ others: >- +
Others
+ +infosec_logs: + logOut: Main Logs relative or absolute Path + requestOut: Web Requests daily Logs files, relative or absolute Directory Path + requestStore: Web Requests Store (fs/redis) + trackingOut: Tracking daily Actions files, absolute Directory Path + trackingStore: Tracking Actions Store (fs/redis) + debugLevel: Debuggin Level (0,1,2) +infosec_webserver: + host: Web server Host name or domain + port: Web server listen Port (80, 443, etc) + protocol: Web server Protocol (http | https) + keyPem: Digital Certificate private key Path + certPem: Digital Certificate public key Path + allowOrigins: URLs Allowed Access (origins) List (CORS) +infosec_jwt: + useJWT: Use JSON Web Token for access identification + jwtRealm: JWT Realm + jwtKey: JWT Key + jwtTimeout: Token timeout in minutes + jwtMaxRefresh: Max refresh token time before expiration + signingAlgorithm: Signing Algorithm for JWT (RS256 or '') + jwtKeyPem: Private Certificate Path to sing JWT + jwtCertPem: Public Certificate Path to sing JWT +infosec_auth: + authSep: Separation character for user and credentials in web requests + passwdEnc: Password Encription prefix for server + invitationsPath: Path to new user invitations + recoveryTime: Recovery access id expire in minutes + useAuthz: Use Casbin Authorizations for web requests + authzModel: Casbin authioization model path + authzPolicy: Authorization Policies Path + adminRole: Administration name role for Casbin authorizations + usersStore: Users store (fs/redis) +infosec_perms: + pubUser: Name to identify public users (usually 'none') + usersPath: Users path file with access credentials encrypted + usersModelsPath: Models associated with users path + identityKey: Field name to identify user ('id') +infosec_routes: + rootAuthGroup: Web route group name for routes with authorization required + routes: >- + Rotues List, use 'path' (url relative) and 'param' field name. + New routes has to be defined/managed in server. +infosec_templates: + templatesRoot: Web server Templates relative or absolute Path + templatesExt: Template files Extensión (default .tmpl) + templatesIncludes: File path to include in Templates (Headers, Footer, etc.) + templatesLayouts: Templates Layout file path + templatesFiles: >- + Templates List with 'path' (relative or absolute), 'route' relative URL +info_mail: + mailHost: Mail service Server, domain or IP + mailPort: Mail service Port (SSL) + mailFrom: Email (from) who send + mailUser: User for Mail service access + mailPswd: Password form User Mail service access + mailCertPath: Certificate Path (DKIM) for emails + mailCertDom: Certificate Domain DKIM + tplsMailPath: Templates Email Path + tplsMail: >- + Mail Templates List with 'path' (relative or absolute), 'type' (format 'text' 'html') +infosec_assets: + assetsPath: Static resources Path for web server + assetsURL: Static resources relative URL for web server +infosec_models: + useDist: Use data models in distributiuon mode (one file in JSON format) + genDist: >- + Genearte Data models for distribution before web server start or when saving data + genExcludeList: >- + Names List to exclude for distribution, will keep items structure in several YAML files. + dataDistPath: Path for Data model distribution with modelos de datos para distribución (JSON) + dataPath: Data directory path, contains folders with items in YAML + dataModelsRoot: File Name (YAML) which contains the models available to the user + dataCorePath: Main Data file name or 'Core' + dataDflt: Main/default data models filename + dataItems: >- + Items List with each Data Model. + Contains a 'showinfo' folder with authorizations (view/edit) for each item and his attributes or fields. + Includes a 'langs' directory with availables languages folders and their translated items. + dataStore: Data Store (fs/redis) +infosec_langs: + langs: Languages List in two lowercase letters code + mainLang: Main/defaul Language +infosec_git: + useRepo: Use GIT Repository as Data Source + useRepoOnReq: Use GIT with each web request (pull/push) + quietGit: Do not show additional messages for GIT tasks + backgGit: Run GIT taks in background + repoPath: Local Directory Path to use GIT (contains .git) + repoName: Repository/branch name for pull/push (default origin) + repoCommit: Commit text for automatic changes with GIT +infosec_redis: + redisHost: Redis Host + redisPort: Redis Port + redisDB: Redis DataBase + redisPswd: Redis DB Password +infosec_others: + openBrowser: URL to open with web browser when web server starts + useTracking: Use Tracking actions (add appropriate routes) diff --git a/locales/es.yaml b/locales/es.yaml new file mode 100644 index 0000000..b3f7efa --- /dev/null +++ b/locales/es.yaml @@ -0,0 +1,482 @@ +edit: Editar +reset: Reset +onedit: Activar Edición +changeview: Vista +showview: Mostrar Vista +menufixed: Menú fijo +fixmenu: Fijar Menú +from: De +link: Enlace +since: Desde +date: Fecha +location: En +position: Rol +name: Nombre +code: Código +license: Licencia +for: Para +tasks: Tareas +role: Rol +description: Descripción +tools: Software +purpose: Propósito +code_on: Código en +deployed_to: Desplegado en +features: Funciones +builtwith: Creado con +hidepanel: Ocultar panel +showpanel: Mostrar panel +id: Id +org: Org. +title: Título +cert: Cert. +capture: Captura +site: Sitio +total: Total +items: Items +in: en +of: de +phone: Teléfono +address: Dirección +save: Guardar +close: Cerrar +DataNeedSaved: Cambios no guardados +click_link_to_save: Click en enlace de arriba para guardar +download_json_data: Descargar datos en JSON +cancel: Cancelar +signup: Registrarse +select: Seleccionar +selectOption: Selección de opciones +selectModel: Seleccionar modelo +send: Enviar +local: Local +path: Ruta Fichero +route: Ruta Web +param: Parámetro +type: Tipo +Route: Ruta +Template: Plantilla +Lang: Idioma +Name: Nombre +saveload: + editMode: Modo edición + saveLocalFile: Guardar como fichero local + saveData: Guardar datos + dataSaved: Datos guardados + sendData: Enviar datos + saveOptions: Opciones para guardar + dataLoaded: Datos cargados + autherror: Error autenticación + loaderror: Error de carga +auth: + invalidcredentials: Credenciale no válidas + loginForm: '' + newaccount: nueva cuenta + password: password + register: Registrarse + signin: Inicial sessión + subHeading: Login info + subTitle: '' + welcome: ¡ Bienvenido/a ! +button: + about: Acerca de + back: Atrás + cancel: Cancelar + close-panel: Cerarr panel + delete: Borrar + go: Ir + home: Inicio + new: Nuevo + reset: Reset + save: Guardar + toggle_dark: Alternar modo oscuro + toggle_langs: Cambiar idiomas +connection: + error: Error conexión +dashboard: Panel de control +form: + delete_done: Borrado realizado + delete_error: Error al borrar datos + save_done: Datos guardados + save_error: Error al guardar datos +intro: + desc: Plantilla de Inicio de Vite Dogmática + dynamic-route: Demo de ruta dinámica + hi: ¡Hola, {name}! + whats-your-name: ¿Cómo te llamas? +login: + end_session: Sesión finalizada + form: Credenciales + invalidcredentials: Datos incorrectos + newuser: Nuevo usuario + nodata: Datos incompetos + password: Password + register: Registrarse + forgot: ¿ Olvidado ? + checkemail: Comprobar email + reset: Reset + see_you_soon: ¡ Nos vemos pronto ! + signin: Iniciar sesión + subHeading: Acceso + subtitle: LibreCloud online + user_email: Usuario / email + username: Usuario + email: Email + welcome: Bienvenido/a +message: + loading: Cargando +not-found: No se ha encontrado +notes: Notas +notifications: + content: contenido + notifications: Notificiaciones +search: + search: Buscar +payload: + exp: Expiración + id: id + uuid: uuid + data: Datos + orig_iat: Emitida +tracking: + when: Cuando + what: Qué + where: Dónde + context: Contexto + ctx: Ctx. + data: Datos + auth: Autorización + payload: Info/Autorización + list: Fechas Datos +menu: + lang: Idioma + Config: Configuración + Tracking: Seguimiento + Users: Usuarios + sec_langs: Idiomas + sec_webserver: ServidorWeb + sec_logs: Logs + sec_jwt: JWT + sec_auth: Autorizaciones + sec_perms: Permisos + sec_routes: Rutas + sec_templates: Plantillas + sec_mail: Correo + sec_assets: RecurosWeb + sec_models: ModelosDatos + sec_git: GIT + sec_redis: Redis + sec_others: Otros + sec_usersData: Cuentas + sec_modelsData: Modelos + sec_invitations: Invitaciones + sec_authzModel: Aut.Modelos + sec_authzPolicy: Aut.Polítcas + sec_tracking_list: Logs + sec_tracking_data: Datos +users: + usersData: Datos Usuarios + msg_usersData: Es un fichero en YAML quer reune los datos básicos de cada usuarios.
El password está encriptado en el servidor, usar el prefijo passwdEnc (passwdEncmiclave) para pedir que se encripte. + modelsData: Modelos de Usuarios + msg_models: Es un fichero en YAML que reune las claves específcas (uuid) los datos para la carga de modelos CV y permisos de uso. + invitations: Invitaciones para nuevos usuarios + msg_invitations: Usar Num.Usos con número negativo para uso no limitado.
Usar Expira (fecha en formato ISO). Atajo ?+num(d,h,m), por ejemplo ?+2h para que expire en dos horas o usar ?+20m para 20 minutos, luego ajustar el resultado.
Asignar un Rol al nuevo usuario + authzModel: Modelos Autorización + msg_authzModel: Es un modelo Casbin en RBAC para controlar el acceso a los recursos. + authzPolicy: Políticas Autorización + msg_authzPolicy: Es un modelo Casbin en RBAC de polítcas de recursos para controlar el acceso a los recursos. + +sec_modelsData: + model: Modelo + user: Usuario + data: Datos + active: Activo +sec_usersData: + description: Descripción + email: Email + passwd: Password + data: Datos + web: Web + username: Usuario +sec_invitations: + email: Email + createdby: Creada por + expire: Expira + howmany: Num.Usos + role: Rol + description: Descripción + data: Datos + active: Activo + +cv: + 'on': activo + 'off': desactivado + profile: Perfil + work_experience: Experiencia + projects: Proyectos + teaching: Enseñanza + talks: Charlas + education: Educación + expand_skills: Ampliando habilidades + others: Otros + contact: Contacto + personal: Personal + certifications: Certificaciones + languages: Idiomas + infrastructures: Infrastructuras + skills_tools: Habilidades y Herramientas + skills: Habilidades + onweb: En la Web + mission: Misión + mission_how: Detalle misión + +lang: + spanish: Español + english: Inglés + french: Francés + fluent: Fluído + native: Nativo + conversation: Conversación + +vars: + sec_logs: Logs Servicio Web + sec_webserver: Configuración Servidor Web + sec_jwt: JSON Web Tokens + sec_auth: Autorizaciones de acceso + sec_perms: Permisos + sec_routes: Rutas Servidor Web + sec_templates: Plantillas Servidor Web + sec_mail: Configuración Servicios de Correo + sec_assets: Recusos estáticos Servidor Web + sec_models: Modelos CV + sec_langs: Idiomas + sec_git: Git + sec_redis: Redis + sec_others: Otros + +sec_logs: + logOut: Ruta fichero log principal + requestOut: Ruta directorio logs peticiones web + requestStore: Almacenamiento peticiones web + trackingOut: Ruta directorio seguimiento acciones (tracking) + trackingStore: Almacenamiento seguimiento + debugLevel: Nivel depuración +sec_webserver: + host: Host + port: Puerto + protocol: Protocolo + keyPem: Certificado clave privada + certPem: Certificado clave pública + allowOrigins: Lista orígenes permitidos (CORS) +sec_jwt: + useJWT: Usar JSON Web Tokens + jwtRealm: Ámbito JWT + jwtKey: Clave JWT + jwtTimeout: Expiración JWT + jwtMaxRefresh: Tiempo para refrescar JWT + signingAlgorithm: Algoritmo de firma JWT + jwtKeyPem: Ruta clave privada firma JWT + jwtCertPem: Ruta clave pública firma JWT +sec_auth: + authSep: Separador autorizaciones + passwdEnc: Prefijo Encriptación password + invitationsPath: Ruta fichero invitaciones usuarios + recoveryTime: Tiempo expiración recuperación + useAuthz: usar Autorizaciones Casbin + authzModel: Ruta fichero de Autorizaciones Casbin + authzPolicy: Ruta fichero de Políticas Casbin + adminRole: Rol administrador + usersStore: Almacenamiento usuarios +sec_perms: + pubUser: Usuario público + usersPath: Ruta fichero de Usuarios + usersModelsPath: Ruta fichero de Modelos de usuarios + identityKey: Clave de identidad +sec_routes: + rootAuthGroup: Grupo de Autenticación + routes: Rutas Webserver + path: Ruta fichero + param: Parámetro +sec_templates: + templatesRoot: Ruta fichero Plantilla Principal + templatesExt: Extensión ficheros plantilla + templatesIncludes: Ruta fichero a Incluir en plantillas + templatesLayouts: Ruta fichero plantilla base o maqueta + templatesFiles: Lista de Rutas de Plantillas + path: Ruta fichero + route: Ruta web +sec_mail: + mailHost: Servidor + mailPort: Puerto + mailFrom: Email de envío + mailUser: Usuario de mail + mailPswd: Password del usuario + tplsMailPath: Ruta Plantillas de Correo + tplsMail: Lista Plantillas de Correo + path: Ruta fichero + route: Ruta web +sec_assets: + assetsPath: Ruta fichero recursos web + assetsURL: URL recursos web +sec_models: + useDist: Usar Distribución (JSON) + genDist: Generar Distribución (JSON) + genExcludeList: Lista nombres a excluir + dataDistPath: Ruta fichero de Distribución (JSON) + dataPath: Ruta Ficherod e Datos (YAML files) + dataModelsRoot: Ruta fichero Principal Lista de Modelos + dataCorePath: Ruta fichero de Datos Core (principales) + dataDflt: Nombre Modelo por defecto + dataItems: Lista Items de Datos + dataStore: Almacenamiento datos +sec_langs: + langs: Lista de Idiomas + mainLang: Idioma Principal +sec_git: + useRepo: Usar Repositorio GIT + useRepoOnReq: Usar Repositorio en peticiones web (requests) + quietGit: No mostrar mensajes GIT adicionales + backgGit: Usar modo 'background' para GIT + repoPath: Directorio Local del Repositorio + repoName: Nombre del Repositorio + repoCommit: Mensaje de GIT para los 'commits' +sec_redis: + redisHost: Host Redis + redisPort: Puerto Redis + redisDB: BaseDatos Redis + redisPswd: Password BD Redis +sec_others: + openBrowser: Abrir un navegador al iniciar servidor web + +info: + logs: >- +
Logs del Servicio Web en el servidor donde se ejecuta.
+
Ruta con permisos de lectura/escritura.
+ webserver: >- +
Configuración del Servidor Web
+ jwt: >- +
Configuración JSON Web Tokens (JWT)
+ auth: >- +
Autorizaciones de acceso para las peticiones web
+ perms: >- +
Permisos de acceso a los recursos (usuarios, grupos, políticas)
+ routes: >- +
Rutas para las peticiones del Servidor Web
+ templates: >- +
Plantillas para el Servidor Web
+ mail: >- +
Configuración Servicios de Correo
+ assets: >- +
Recursos para el Servidor Web
+
Ficheros estáticos
+ models: >- +
Modelos de Datos. En formatos JSON y YAML
+ langs: >- +
Idiomas
+ git: >- +
GIT como Fuente de Datos
+ redis: >- +
Redis
+ others: >- +
Otros
+ +infosec_logs: + logOut: Ruta relativa o absoluta del fichero de logs principal + requestOut: Ruta relativa o absoluta del directorio de ficheros diarios de logs de peticiones web (requests) + requestStore: Almacenamiento peticiones web (fs/redis) + trackingOut: Ruta relativa o absoluta del directorio de ficheros diarios de seguimiento de acciones (tracking) + trackingStore: Almacenamiento sequimeinto (fs/redis) + debugLevel: Nivel de depuración (0,1,2) +infosec_webserver: + host: Nombre del 'host' o dominio para el servidor web + port: Puerto de escucha del servidor web (80, 443, etc) + protocol: Protocol del servidor web (http | https) + keyPem: Ruta fichero de la clave privada del certificado digital + certPem: Ruta fichero de la clave pública del certificado digital + allowOrigins: Lista de URLs con acceso permitido (CORS) +infosec_jwt: + useJWT: Usar JSON Web Token para gestionar/identificar accesos + jwtRealm: Nombre del ámbito o espaciio para la configuración del JWT + jwtKey: Clave para la configuración de JWT + jwtTimeout: Tiempo que tardan en expirar los Token en minutos + jwtMaxRefresh: Tiempo máximo para solicitar un Token antes de que expire + signingAlgorithm: Algoritmo de firma JWT (RS256 o '') + jwtKeyPem: Ruta de la clave privada del certificado digital para firmar JWT + jwtCertPem: Ruta de la clave pública del certificado digital para firmar JWT +infosec_auth: + authSep: Carácter de separación del usuario y su credencial en las peticiones web + passwdEnc: Prefijo Encriptación password en el servidor + invitationsPath: Ruta fichero de invitaciones a usuarios nuevos + recoveryTime: Tiempo expiración ID de recuperacción de acceso en minutos + useAuthz: Usar Autorizaciones Casbin para las peticiones web + authzModel: Ruta fichero del modelo de autorizaciones (Casbin) + authzPolicy: Ruta fichero de las políticas de autorizaciones + adminRole: Nombre del rol de administración para autorizaciones Casbin + usersStore: Almacenamiento usuarios (fs/redis) +infosec_perms: + pubUser: Nombre para identificar al usuario público (normalmente 'none') + usersPath: Ruta fichero de usuarios con credenciales de acceso encriptadas + usersModelsPath: Ruta fichero de los modelos asociados a usuarios + identityKey: Nombre del campo que identifica al usuario ('id') +infosec_routes: + rootAuthGroup: Nombre del grupo de Rutas web que requieren autorización + routes: >- + Lista de rutas, especificando 'path' (url relativa) y 'param' nombre campo o parámetro. + Las rutas nuevas han de estar definidas/gestionadas en el servidor. +infosec_templates: + templatesRoot: Ruta fichero relativa o absoluta de las plantillas para el servidor web + templatesExt: Extensión de los ficheros de plantillas (por defecto .tmpl) + templatesIncludes: Ruta de fichero a incluir en las plantillas (Cabecera, Pie, etc.) + templatesLayouts: Ruta del fichero base o maqueta para las plantillas + templatesFiles: >- + Lista de plantillas con 'path' (relativo o absoluto), 'route' ruta URL relativa +info_mail: + mailHost: Servidor, dominio o IP del servicio de Correo + mailPort: Puerto del servicio de Correo (SSL) + mailFrom: Email que envía los correos + mailUser: Usuario de acceso a los servicios de Correo + mailPswd: Password del usuario de acceso a los servicios de Correo + mailCertPath: Ruta certificado DKIM para emails + mailCertDom: Dominio certificado DKIM + tplsMailPath: Ruta Plantillas de Correo + tplsMail: >- + Lista Plantillas de Correo con 'path' (relativo o absoluto), 'tipo' (formato 'text' 'html') +infosec_assets: + assetsPath: Ruta de los ficheros de recursos estáticos para el servidor web + assetsURL: URL relativa de los recursos estáticos para el servidor web +infosec_models: + useDist: Usar los modelos de datos en modo distribución (un fichero en formato JSON) + genDist: >- + Generar los modelos de datos para distribución antes de arrancar el servidor web + o al salvar datos + genExcludeList: >- + Lista de nombres a excluir de la distribución que mantendrán la estructura de items en varios ficheros YAML. + dataDistPath: Ruta del directorio que contiene los modelos de datos para distribución (JSON) + dataPath: Ruta del directorio de datos, contiene carpetas con items en YAML + dataModelsRoot: Nombre del fichero (YAML) que contiene los modelos disponibles para el usuario + dataCorePath: Nombre del fichero de datos principal o 'Core' + dataDflt: Nombre del modelo de datos principal/por defecto + dataItems: >- + Lista de items de cada modelo de datos. + Contiene una carpeta 'showinfo' con autorizacions (ver/editar) de cada item y sus atributos o campos. + Incluye un directorio 'langs' con carpetas de los idiomas disponibles y los items que tiene traducidos. + dataStore: Almacenamiento datos (fs/redis) +infosec_langs: + langs: Lista de idiomas en código de dos letras minúscula + mainLang: Idioma pricipal y por defecto +infosec_git: + useRepo: Usar Repositorio GIT como Fuente de datos + useRepoOnReq: Usar GIT en cada petición web (pull/push) + quietGit: No mostrar mensajes adicionales de las tareas GIT + backgGit: Realizar tareas GIT en segundo plano o background + repoPath: Ruta local del directorio para usar GIT (contiene .git) + repoName: Nombre del repositorio/rama para pull/push (por defecto origin) + repoCommit: Texto para los 'commits' automáticos sobre cambios con GIT +infosec_others: + openBrowser: URL para abrir en un navegador al iniciar el servidor web + useTracking: Usa seguimiento de acciones o tracking (incluir rutas) +infosec_redis: + redisHost: Host Redis + redisPort: Puerto Redis + redisDB: BaseDatos Redis + redisPswd: Password BD Redis diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..8cc32f0 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,21 @@ + + \ No newline at end of file diff --git a/src/components/Footer.vue b/src/components/Footer.vue new file mode 100644 index 0000000..0b8e6f4 --- /dev/null +++ b/src/components/Footer.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/components/InputValue.vue b/src/components/InputValue.vue new file mode 100644 index 0000000..c24a64f --- /dev/null +++ b/src/components/InputValue.vue @@ -0,0 +1,175 @@ + + \ No newline at end of file diff --git a/src/components/MenuLocales.vue b/src/components/MenuLocales.vue new file mode 100644 index 0000000..65118b3 --- /dev/null +++ b/src/components/MenuLocales.vue @@ -0,0 +1,92 @@ + + diff --git a/src/components/MessageBox.vue b/src/components/MessageBox.vue new file mode 100644 index 0000000..6109597 --- /dev/null +++ b/src/components/MessageBox.vue @@ -0,0 +1,41 @@ + + \ No newline at end of file diff --git a/src/components/MessageBoxView.vue b/src/components/MessageBoxView.vue new file mode 100644 index 0000000..22076cb --- /dev/null +++ b/src/components/MessageBoxView.vue @@ -0,0 +1,191 @@ + + \ No newline at end of file diff --git a/src/components/Modal.vue b/src/components/Modal.vue new file mode 100644 index 0000000..2e9b0c3 --- /dev/null +++ b/src/components/Modal.vue @@ -0,0 +1,166 @@ + + + diff --git a/src/components/NavMenu.vue b/src/components/NavMenu.vue new file mode 100644 index 0000000..e3d90d4 --- /dev/null +++ b/src/components/NavMenu.vue @@ -0,0 +1,307 @@ + + \ No newline at end of file diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue new file mode 100644 index 0000000..96d1b71 --- /dev/null +++ b/src/components/Navbar.vue @@ -0,0 +1,76 @@ + + + diff --git a/src/components/README.md b/src/components/README.md new file mode 100644 index 0000000..ccafa35 --- /dev/null +++ b/src/components/README.md @@ -0,0 +1,9 @@ +## Components + +Components in this dir will be auto-registered and on-demand, powered by [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components). + +### Icons + +You can use icons from almost any icon sets by the power of [Iconify](https://iconify.design/). + +It will only bundle the icons you use. Check out [`unplugin-icons`](https://github.com/antfu/unplugin-icons) for more details. diff --git a/src/components/TiptapEditor.vue b/src/components/TiptapEditor.vue new file mode 100644 index 0000000..021cdcc --- /dev/null +++ b/src/components/TiptapEditor.vue @@ -0,0 +1,212 @@ + + + \ No newline at end of file diff --git a/src/components/forms/CheckInput.vue b/src/components/forms/CheckInput.vue new file mode 100644 index 0000000..381dc3e --- /dev/null +++ b/src/components/forms/CheckInput.vue @@ -0,0 +1,61 @@ + + \ No newline at end of file diff --git a/src/components/forms/DataInput.vue b/src/components/forms/DataInput.vue new file mode 100644 index 0000000..2afad9b --- /dev/null +++ b/src/components/forms/DataInput.vue @@ -0,0 +1,182 @@ + + + \ No newline at end of file diff --git a/src/components/forms/TextInput.vue b/src/components/forms/TextInput.vue new file mode 100644 index 0000000..545cd35 --- /dev/null +++ b/src/components/forms/TextInput.vue @@ -0,0 +1,144 @@ + + \ No newline at end of file diff --git a/src/components/icons/Adjustments.vue b/src/components/icons/Adjustments.vue new file mode 100644 index 0000000..2ea5fa2 --- /dev/null +++ b/src/components/icons/Adjustments.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/AppImg.vue b/src/components/icons/AppImg.vue new file mode 100644 index 0000000..eb51d2f --- /dev/null +++ b/src/components/icons/AppImg.vue @@ -0,0 +1,5 @@ + + diff --git a/src/components/icons/AppLogoText.vue b/src/components/icons/AppLogoText.vue new file mode 100644 index 0000000..78b6043 --- /dev/null +++ b/src/components/icons/AppLogoText.vue @@ -0,0 +1,5 @@ + + diff --git a/src/components/icons/AppLogoV.vue b/src/components/icons/AppLogoV.vue new file mode 100644 index 0000000..0f20a3b --- /dev/null +++ b/src/components/icons/AppLogoV.vue @@ -0,0 +1,7 @@ + + diff --git a/src/components/icons/BellIcon.vue b/src/components/icons/BellIcon.vue new file mode 100644 index 0000000..6330dab --- /dev/null +++ b/src/components/icons/BellIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/ChevronDoubleRight.vue b/src/components/icons/ChevronDoubleRight.vue new file mode 100644 index 0000000..f130c82 --- /dev/null +++ b/src/components/icons/ChevronDoubleRight.vue @@ -0,0 +1,5 @@ + diff --git a/src/components/icons/CloseIcon.vue b/src/components/icons/CloseIcon.vue new file mode 100644 index 0000000..513b9f1 --- /dev/null +++ b/src/components/icons/CloseIcon.vue @@ -0,0 +1,5 @@ + diff --git a/src/components/icons/CloudIcon.vue b/src/components/icons/CloudIcon.vue new file mode 100644 index 0000000..0fe55bb --- /dev/null +++ b/src/components/icons/CloudIcon.vue @@ -0,0 +1,19 @@ + diff --git a/src/components/icons/HomeIcon.vue b/src/components/icons/HomeIcon.vue new file mode 100644 index 0000000..cfb5571 --- /dev/null +++ b/src/components/icons/HomeIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/LoginIcon.vue b/src/components/icons/LoginIcon.vue new file mode 100644 index 0000000..36bfea0 --- /dev/null +++ b/src/components/icons/LoginIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/LogoutIcon.vue b/src/components/icons/LogoutIcon.vue new file mode 100644 index 0000000..7b643a9 --- /dev/null +++ b/src/components/icons/LogoutIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/SearchIcon.vue b/src/components/icons/SearchIcon.vue new file mode 100644 index 0000000..4bcb454 --- /dev/null +++ b/src/components/icons/SearchIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/UserAddIcon.vue b/src/components/icons/UserAddIcon.vue new file mode 100644 index 0000000..289e5c6 --- /dev/null +++ b/src/components/icons/UserAddIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/components/icons/UserIcon.vue b/src/components/icons/UserIcon.vue new file mode 100644 index 0000000..0d3bbf0 --- /dev/null +++ b/src/components/icons/UserIcon.vue @@ -0,0 +1,10 @@ + diff --git a/src/composables/index.ts b/src/composables/index.ts new file mode 100644 index 0000000..ddab2b6 --- /dev/null +++ b/src/composables/index.ts @@ -0,0 +1 @@ +export * from './use' diff --git a/src/composables/use.ts b/src/composables/use.ts new file mode 100644 index 0000000..70adcc5 --- /dev/null +++ b/src/composables/use.ts @@ -0,0 +1,4 @@ +export const isDark = useDark() +export const toggleDark = useToggle(isDark) +// import { useMediaQuery } from '@vueuse/core' +export const isLargeScreen = useMediaQuery('(min-width: 1024px)') \ No newline at end of file diff --git a/src/hooks/config.ts b/src/hooks/config.ts new file mode 100644 index 0000000..2463692 --- /dev/null +++ b/src/hooks/config.ts @@ -0,0 +1,172 @@ +// import store from '~/store' +import useState from '~/hooks/useState' +import { show_message, fetch_json } from '~/hooks/utils' +import { MessageType} from '~/typs' +import 'toastify-js/src/toastify.css' +import YAML from 'yaml' + +export const set_config = (res: any) => { + if (res && res.URLS && res.URLS.root) { + Object.keys(res.URLS).forEach(it => { + if (it === 'root' || res.URLS[it].includes('yaml') || res.URLS[it].includes('json') ) + useState().CONFURLS.value[it] = res.URLS[it] + else + useState().CONFURLS.value[it] = res.URLS.root.includes(':') ? `${res.URLS.root}${res.URLS[it]}` : res.URLS[it] + }) + } + if (res && res.ASSETS_PATH) + useState().ASSETS_PATH.value = res.ASSETS_PATH + if (res && res.DATA_PATH) + useState().DATA_PATH.value = res.DATA_PATH + if (res && res.MODEL_ID) + useState().MODEL_ID.value = res.MODEL_ID + if (res && res.URLKEY) + useState().URLKEY.value = res.URLKEY + if (res && res.APPNAME) + useState().APPNAME.value = res.APPNAME + if (res && res.AUTHKEY) + useState().AUTHKEY.value = res.AUTHKEY + if (res && res.AUTH_SEPCHAR) + useState().AUTH_SEPCHAR.value = res.AUTH_SEPCHAR + if (res && res.UUIDONE) + useState().UUIDNONE.value = res.UUIDNONE + if (res && res.TKNLIMIT) + useState().TKNLIMIT.value = res.TKNLIMIT + if (res && res.REFRESHTIME) + useState().REFRESHTIME.value = res.REFRESHTIME + if (res && res.ALLOW_REGISTER) + useState().ALLOW_REGISTER.value = res.ALLOW_REGISTER + if (res && res.RESET_PASSWORD) + useState().RESET_PASSWORD.value = res.RESET_PASSWORD + if (res && res.isDevelmode) + useState().isDevelmode.value = res.isDevelmode + if (res && res.htmlAttrs) + useState().htmlAttrs.value = res.htmlAttrs + if (res && res.dataSections) + useState().dataSections.value = res.dataSections + if (res && res.cv_model) + useState().cv_model.value = res.cv_model +} +export const get_urlpath = async (url: string, mode?: string): Promise<[any, string]> => { + if (url.length == 0) + return [{},'No URL defined'] + let text = '' + let res: any = {} + let error = null + try { + const response = await self.fetch(url, { + method: 'GET', + }) + if (url.includes('.json') || mode === 'json') { + res = await response.json() + } else { + text = await response.text() + } + if (response.ok) { + if (url.includes('.yaml') || mode === 'yaml') { + res = YAML.parse(text) + } else if (!url.includes('.json') && mode !== 'json') { + res = text + } + } else { + error = res.message + } + } + catch (err: any) { + error = err.message + } + return [res,error] +} +export const load_config = async (): Promise<[any, string]> => { + const url = window.CONFIG_LOCATION ? window.CONFIG_LOCATION : '/config.yaml' + // const url = window.CONFIG_LOCATION ? window.CONFIG_LOCATION : 'config.json' + const [res,error] = await get_urlpath(url) + if (error) { + show_message(MessageType.Error, `'Config Load' -> ${error}`, 5000) + useState().connection.value.state = 'connection.error' + return [{},error] + } + return [res, error] +} +export const load_serv_config = async (): Promise<[any,string]> => { + const url = useState().CONFURLS.value.srvconfig || '' + if (url.length == 0) + return [{},'No SRV URL defined'] + const [res,error] = await get_urlpath(url) + if (error) { + show_message(MessageType.Error, `'Serv Config Load' -> ${error}`, 5000) + useState().connection.value.state = 'connection.error' + return [{},error] + } + return [res,error] +} +export const get_serv_config = async (): Promise<[any,string]> => { + const url = useState().CONFURLS.value.srvconfig || '' + if (url.length == 0) + return [{},'No SRV URL defined'] + const [res,errmsg] = await fetch_json(url, 2000,true) + // fetch_json(url, 2000,to.meta.withauth,(res,errmsg) => { + if (errmsg.length > 0) { + return [{},errmsg] + } + return [res,errmsg] +} +export const load_vars_config = async (): Promise<[any,string]> => { + const url = useState().CONFURLS.value.varsconfig || '' + if (url.length == 0) + return [{},'No URL defined'] + let text = '' + let res: any = {} + let error = null + try { + const response = await self.fetch(url, { + method: 'GET', + }) + if (url.includes('.json')) { + res = await response.json() + } else { + text = await response.text() + } + if (response.ok) { + if (url.includes('.yaml')) { + res = YAML.parse(text) + } else if (!url.includes('.json')) { + res = text + } + } else { + error = res.message + } + } + catch (err: any) { + error = err.message + } + if (error) { + show_message(MessageType.Error, `'Vars Config Load' -> ${error}`, 5000) + useState().connection.value.state = 'connection.error' + return [{}, error] + } + return [res,error] +} +export const has_config = async(): Promise => { + let url = useState().CONFURLS.value.root || '' + if (url.length === 0) { + const [res,err] = await load_config() + if (err && err.length > 0) { + return false + } + set_config(res) + url = useState().CONFURLS.value.root || '' + if (url.length === 0) + return false + } + return true +} +export default { + set_config, + load_config, + get_urlpath, + load_serv_config, + get_serv_config, + load_vars_config, + has_config, +} \ No newline at end of file diff --git a/src/hooks/loads.ts b/src/hooks/loads.ts new file mode 100644 index 0000000..35f9d83 --- /dev/null +++ b/src/hooks/loads.ts @@ -0,0 +1,112 @@ +import useState from '~/hooks/useState' +import { fetch_json } from '~/hooks/utils' +import { load_config } from '~/hooks/config' + +export const store_info = (key:string,res: any) => { + useState().cvdata.value = {} + useState().datalang.value = {} + let models = [] + if (res.models) { + models = res.models + } + Object.keys(res.data).forEach(ky => { + if (ky === 'main') { + useState().cvdata.value = res.data.main + if (res.data.main.models) { + res.data.main.models.forEach((mdl: any) => models.push(mdl)) + } + if (res.data.main.showinfo) { + const showItms = res.data.main.showinfo.filter((it: any) => it.ky === key) + if (showItms[0]) { + useState().showinfo.value = showItms[0] + } else { + const showPub = res.data.main.showinfo.filter((it: any) => it.ky === '') + if (showPub[0]) + useState().showinfo.value = showPub[0] + } + } + } else { + useState().datalang.value[ky] = {} + Object.keys(res.data[ky]).forEach(sec => { + if (res.data[ky][sec]) { + useState().datalang.value[ky][sec] = res.data[ky][sec] + } + }) + } + }) + useState().models.value = models + models.forEach((mdl: any) => useState().selectOps.value[mdl.id] = mdl) +} +export const load_data_model = async(id: string, rootpath: string, ky: string, with_auth: boolean, cllbck: any) => { + if (id && useState().selectOps.value[id]) { + const url = rootpath.includes('http') ? `${rootpath}/${id}` : useState().selectOps.value[id].path.replace('~',rootpath) + const [res,err] = await fetch_json(url, 2000, with_auth) + if (err.length === 0 && res) { + store_info(ky,res) + useState().current_model.value = useState().selectOps.value[id] + useState().current_modelid.value = id + if (cllbck) { + cllbck() + } + } + } +} +export const load_data_info = async (to: any, _from: any, next: any) => { + let url = useState().CONFURLS.value.root || '' + if (url.length > 0) { + const [_res,err] = await load_config() + if (err && err.length > 0) { + next() + return + } + } + url = useState().CONFURLS.value.data || '' + if (url.length == 0) { + next() + return + } + url = `${url}/${useState().MODEL_ID.value}` + const [res,errmsg] = await fetch_json(url, 2000,to.meta.withauth) + // fetch_json(url, 2000,to.meta.withauth,(res,errmsg) => { + if (errmsg.length > 0) { + next() + return + } + if (res && res.data) { + const ky = to.params.ky || to.query.k || '' + store_info(ky,res) + if (useState().selectOps.value[useState().MODEL_ID.value]) { + useState().current_model.value = useState().selectOps.value[useState().MODEL_ID.value] + useState().current_modelid.value = useState().MODEL_ID.value + } + } else { + //next('404') + next() + return + } + next() +} +export const load_currentRoute= async(rt: any): Promise => { + let url = useState().CONFURLS.value.data || '' + if (url.length == 0) { + return false + } + url = `${url}/${useState().MODEL_ID.value}` + const [res,errmsg] = await fetch_json(url, 2000,rt.meta.withauth) + if (errmsg.length === 0 && res && res) { + const ky = rt.params.ky || rt.query.k || '' + store_info(ky,res) + if (useState().models.value[rt.meta.model]) { + useState().current_model.value = useState().models.value[rt.meta.model] + } + useState().current_modelid.value = rt.meta.model + return true + } + return false +} +export default { + store_info, + load_data_model, + load_data_info, + load_currentRoute, +} diff --git a/src/hooks/tools.ts b/src/hooks/tools.ts new file mode 100644 index 0000000..1533202 --- /dev/null +++ b/src/hooks/tools.ts @@ -0,0 +1,75 @@ +import { send_data, show_message } from '~/hooks/utils' +import useState from '~/hooks/useState' +import { MessageType} from '~/typs' +import 'toastify-js/src/toastify.css' +import { DateTime } from 'luxon' + +export const format_date = (ndate: number):string => { + let value = '' + try { + const d = new Date(ndate); + value = d.toLocaleString(); + } catch(e) { + console.log(`error date to string ${ndate}`) + } + return value +} +export const utf8_to_b64 = (str: string):string => { + return window.btoa(unescape(encodeURIComponent( str ))); +} + +export const b64_to_utf8 = (str: string):string => { + return decodeURIComponent(escape(window.atob( str ))); +} +export const generate_uuid = ():string => { + let dt = new Date().getTime() + return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => { + const r = (dt + Math.random()*16)%16 | 0; + dt = Math.floor(dt/16); + return (c=='x' ? r :(r&0x3|0x8)).toString(16); + }) +} +export const generate_value = (gen: string, val: string):string => { + switch (gen) { + case 'uuid': + return generate_uuid() + case 'NowSet': + const now = DateTime.now().toUTC() + if (val === '?') { + return now.toISO() + } else if (val.endsWith('d')) { + const num = parseInt(val.replace('?', '').replace('d', '')) || 0 + return now.plus({days: num}).toISO() + } else if (val.endsWith('h')) { + const num = parseInt(val.replace('?', '').replace('h', '')) || 0 + return now.plus({hours: num}).toISO() + } else if (val.endsWith('m')) { + const num = parseInt(val.replace('?', '').replace('m', '')) || 0 + return now.plus({minutes: num}).toISO() + } + default: + return val ? val : '' + } +} +export const email_info = async(src: string, defs: any, key: string, data: any, msg: string) => { + switch (src) { + case 'invitations': + const url = useState().CONFURLS.value.sendinvitation || '' + if (url.length > 0) { + const [res, err] = await send_data(url, { id: key, data }, true, true, () => { + show_message(MessageType.Success,`${msg} sent`, 2000) + }) + if (err && err.length > 0 && res && res.status && res.status !== 'ok') { + show_message(MessageType.Error, `Error: ${err}`, 2000) + } + } + break + } +} +export default { + format_date, + utf8_to_b64, + b64_to_utf8, + generate_uuid, + generate_value, +} diff --git a/src/hooks/tracking.ts b/src/hooks/tracking.ts new file mode 100644 index 0000000..f31d113 --- /dev/null +++ b/src/hooks/tracking.ts @@ -0,0 +1,48 @@ +import useState from '~/hooks/useState' +import { MessageType, TrackActionType } from '~/typs' +import { show_message,send_data} from '~/hooks/utils' + +export const track_action = async(e: any, src?: {ref: string,text?: string}, act = 'click') => { + const url = useState().CONFURLS.value.tracking || '' + if (url.length == 0) { + return + } + let href='' + let text='' + if (src && src.ref && src.ref.length > 0 ) { + href=src.ref + text=src.text ? src.text : src.ref + } else if (e && e.target) { + switch(e.target.tagName) { + case 'IMG': + const imgTarget = e.target.parentNode.tagName === 'A' ? e.target.parentNode : null + if (imgTarget && imgTarget.tagName === 'A') { + href = imgTarget.href ? imgTarget.href : '' + text = e.target.alt ? e.target.alt : e.target.src.slice(-1)[0] + } + break + case 'A': + const linkTarget = e.target + if (linkTarget && linkTarget.tagName === 'A') { + href = linkTarget.href ? linkTarget.href : '' + text = linkTarget.innerHTML ? linkTarget.innerHTML : '' + } + break + } + } + const trackAction: TrackActionType = { + when: Date.now().toString(), + where: `${useState().APPNAME.value}>${text}: ${href}`, + what: act, + context: navigator.userAgent, + data: useState().userID.value, + } + const [_res,err] = await send_data(url, trackAction, true, true) + if (err && err.length > 0 ) { + show_message(MessageType.Error, `Error: ${err}`,2000) + } +} + +export default { + track_action, +} diff --git a/src/hooks/useComponent.ts b/src/hooks/useComponent.ts new file mode 100644 index 0000000..c7dc022 --- /dev/null +++ b/src/hooks/useComponent.ts @@ -0,0 +1,97 @@ +import { ref } from 'vue' + +// import WysiwygEditor from '@/WysiwygEditor.vue' +// // import CodeEditor from '@/CodeEditor.vue' +// import GridSettings from '~/views/GridSettings.vue' +// import GridView from '~/views/GridView.vue' +// import TableView from '~/views/TableView.vue' +// import ListView from '~/views/ListView.vue' +// import FormView from '~/views/FormView.vue' + +// import TaFormView from '/app_modules/bm/ta/views/ta_form.vue' +// import TaTableView from '/app_modules/bm/ta/views/ta_table.vue' +// import TaListView from '/app_modules/bm/ta/views/ta_list.vue' + +export enum DynComponent { + // GridSettings, + // GridJs, + // TableView, + // ListView, + // FormView, + // WysiwygEditor, +// CodeEditor, +} + +const asideComponent = ref({}) + +const settingsComponent = ref({}) + +const fullSliderComponent = ref({}) + +const formViewComponent = ref({}) + +const dataViewComponent = ref({}) + +const topPaneComponent = ref({}) + +const bottomPaneComponent = ref({}) + +const moduleComponent = ref({}) + +const getModuleComponent = (key: string, target: string): any => { + // switch (key) { + // case 'ta': + // switch (target) { + // case 'form': + // return TaFormView + // break + // case 'table': + // return TaTableView + // break + // case 'list': + // return TaListView + // break + // } + // break + // } +} +const getComponent = (cmpnt: DynComponent): any => { + // switch (cmpnt) { + // case DynComponent.WysiwygEditor: + // return WysiwygEditor + // break + // // case DynComponent.CodeEditor: + // // return CodeEditor + // // break + // case DynComponent.GridSettings: + // return GridSettings + // break + // case DynComponent.GridJs: + // return GridView + // break + // case DynComponent.TableView: + // return TableView + // break + // case DynComponent.ListView: + // return ListView + // break + // case DynComponent.FormView: + // return FormView + // break + // } +} + +export default function useComponent() { + return { + getModuleComponent, + asideComponent, + settingsComponent, + fullSliderComponent, + dataViewComponent, + formViewComponent, + getComponent, + topPaneComponent, + bottomPaneComponent, + moduleComponent, + } +} diff --git a/src/hooks/useState.ts b/src/hooks/useState.ts new file mode 100644 index 0000000..cbc7c18 --- /dev/null +++ b/src/hooks/useState.ts @@ -0,0 +1,196 @@ +import { ref } from 'vue' +import type { SideMenuItemType, UiPanelsType } from '~/typs/cmpnts' +import { DataLangsType, ShowInfoType, HtmlAttrsType, ModelType, ModelSelType, CVDataType } from '~/typs/cv' +import { VarsConfigType,ConfUrlsType } from '~/typs/config' +import { VarsUserType} from '~/typs/users' + +const reqError = ref({ defs: '', lang: '', data: '', gql: '', api: '' }) + +const currentMapKey = ref('') +const isSidebarOpen = ref(false) +const toggleSidebar = () => { + isSidebarOpen.value = !isSidebarOpen.value +} +const showModal = ref(false) + +const isAsidePanelOpen = ref(false) + +const sideSettingButton = ref(false) + +const isSettingsPanelOpen = ref(false) + +const isSearchPanelOpen = ref(false) +const usideSettingButton = ref(false) + +const isNotificationsPanelOpen = ref(false) + +const useSettings = ref(false) + +const useSearch = ref(false) + +const search = ref('') + +const isDevelmode = ref(false) + +const bcPath = ref('') + +const navTitle = ref({ + text: '', + textclick: null as null | Function, + title: '', + cmpnt: '', + ops: [] as any[], + btntype: '', + cllbck: null as null | Function, +}) +const dfltNavTitle = () => { + navTitle.value = { + text: '', + textclick: null as null | Function, + title: '', + cmpnt: '', + ops: [] as any[], + btntype: '', + cllbck: null as null | Function, + } +} + +const bookCllbck = ref() +const bookSelec = (data: string) => { + if (data === '#') { + bcPath.value = '' + dfltNavTitle() + } + else { + if (bookCllbck.value) + bookCllbck.value(data) + // else ... + } +} +const sidebarMenuItems = ref([] as SideMenuItemType[]) + +const checkin = ref(false) +const connection = ref({ + state: '', +}) + +const side_menu_click = ref() +const app_home_click = ref() + +const backdrop_blur = ref(14) +const back_opacity = ref(60) +const panels = ref({} as UiPanelsType) + +const show_profile = ref(false) + +const cvdata = ref({} as CVDataType | any) +const datalang = ref({} as DataLangsType | any) +const showinfo = ref({} as ShowInfoType) +const authinfo = ref({ editable: false, viewchange: false, show: true }) + +const dataSections = ref([] as string[]) +const htmlAttrs = ref({ + bold: '', //'itm-title', + list: 'list-circle ml-5', + link: 'link', + text: '', +} as HtmlAttrsType) + +const cv_model = ref({} as ModelType) +const models = ref({} as ModelType) +const selectOps = ref({} as ModelSelType) +const current_model = ref({} as ModelType) +const current_modelid = ref("") + +const APPNAME = ref('') +const AUTHKEY = ref('auth') +const UUIDNONE = ref('none') +const TKNLIMIT = ref(20) +const REFRESHTIME = ref(5) +const ASSETS_PATH = ref("/assets") +const DATA_PATH = ref("/assets/data") +// const DATA_URL = ref("${DATA_PATH}/dist/info.json") +const MODEL_ID = ref("cv") +const URLKEY = ref("?k: ") // location.search.replace('?k: ','') +const AUTH_SEPCHAR = ref(";") +const PASSWD_ENC = ref("enc;") +const ALLOW_REGISTER = ref(false) +const RESET_PASSWORD = ref(false) + +const CONFURLS = ref({} as ConfUrlsType) + +const timeoutAuth = ref(0) +const allowView = ref(false) +const userID = ref('') + +const sourceRoute = ref('') + +const varsConfig = ref({} as VarsConfigType) +const varsUser = ref({} as VarsUserType) + +export default function useState() { + return { + reqError, + currentMapKey, + isSidebarOpen, + toggleSidebar, + isAsidePanelOpen, + isSettingsPanelOpen, + isSearchPanelOpen, + isNotificationsPanelOpen, + useSettings, + usideSettingButton, + sideSettingButton, + bcPath, + bookSelec, + bookCllbck, + navTitle, + dfltNavTitle, + checkin, + connection, + sidebarMenuItems, + showModal, + side_menu_click, + app_home_click, + useSearch, + search, + back_opacity, + backdrop_blur, + panels, + show_profile, + cvdata, + datalang, + showinfo, + authinfo, + dataSections, + htmlAttrs, + selectOps, + models, + cv_model, + current_model, + current_modelid, + timeoutAuth, + isDevelmode, + allowView, + userID, + sourceRoute, + varsConfig, + varsUser, + + // APP CONFIG VARS + APPNAME, + AUTHKEY, + UUIDNONE, + TKNLIMIT, + REFRESHTIME, + ASSETS_PATH, + DATA_PATH, + MODEL_ID, + URLKEY, + AUTH_SEPCHAR, + PASSWD_ENC, + ALLOW_REGISTER, + RESET_PASSWORD, + CONFURLS, + } +} diff --git a/src/hooks/utils.ts b/src/hooks/utils.ts new file mode 100644 index 0000000..dad864b --- /dev/null +++ b/src/hooks/utils.ts @@ -0,0 +1,178 @@ +import Toastify from 'toastify-js' +import useState from '~/hooks/useState' +import { checkAuth} from '~/hooks/utilsAuth' +import { MessageType} from '~/typs' +import 'toastify-js/src/toastify.css' + +export const show_message = (typ: MessageType, msg: string, timeout?: number, cllbck?: any): void => { + let cssClass = 'msg-box' + switch (typ) { + case MessageType.Show: + cssClass += ' msg-show' + break + case MessageType.Success: + cssClass += ' msg-ok' + break + case MessageType.Error: + cssClass += ' msg-error' + break + case MessageType.Warning: + cssClass += ' msg-warn' + break + case MessageType.Info: + cssClass += ' msg-info' + break + } + // https://github.com/apvarun/toastify-js + Toastify({ + text: msg, + duration: timeout || 3000, + //destination: '', + //selector: '', + // newWindow: true, + // close: true, + className: cssClass, + offset: { + x: 10, // horizontal axis - can be a number or a string indicating unity. eg: '2em' + y: 50, // vertical axis - can be a number or a string indicating unity. eg: '2em + }, + gravity: 'top', // `top` or `bottom` + position: 'left', // `left`, `center` or `right` + // backgroundColor: 'linear-gradient(to right, #00b09b, #96c93d)', + stopOnFocus: true, // Prevents dismissing of toast on hover + callback: cllbck + // onClick() {}, // Callback after click + }).showToast() +} + +export const translate = (store: any, map: string, ky: string, ctx: string, dflt?: string): string => { + const val = dflt || ky + const lang: any = {} + if (lang && lang.value) + return lang.value[ctx] && lang.value[ctx][ky] ? lang.value[ctx][ky] : val + else if (lang && lang[ctx]) + return lang[ctx][ky] ? lang[ctx][ky] : val + else + return val +} +export const fetch_text = async(path: RequestInfo): Promise => { + try { + const response = await fetch(path) + return !response.ok ? response.text() : new Error('No items found') + } + catch (err) { + return err + } +} +const request_headers = async (with_auth: boolean): Promise<[any, string]> => { + const headers: any = {} // { 'Content-Type': 'application/json' } + headers['Accept']='application/json' + let error= '' + if (with_auth) { + const token = await checkAuth() + if (token && token.length > 0) { + headers['Authorization'] =`Bearer ${token}` + } else { + return [null,`error no auth found`] + } + } + return [headers, error] +} +export const fetch_json = async(path: RequestInfo, timeout = 2000, with_auth = false, cllbck?: any): Promise => { + useState().connection.value.state = '' + let res = null + let error = '' + const showError = (err: string) => { + show_message(MessageType.Error, `'Data Load' -> ${err}`,5000) + useState().connection.value.state = 'connection.error' + } + const [headers,errorHeader] = await request_headers(with_auth) + if (errorHeader.length > 0) { + return [null,errorHeader] + } + try { + const response = await self.fetch(path, { + method: 'GET', + headers, + //mode: 'cors', + }) + res = await response.json() + if (!response.ok && res.message.length > 0) + error=res.message + } + catch (err: any) { + error = err + } + if (error.length > 0) + showError(error) + return [res,error] +} +export const send_data = async(url: string, formData: any, with_auth = true, show = true, cllbck?: any): Promise => { + const [headers,errorHeader] = await request_headers(with_auth) + if (errorHeader.length > 0) { + return [null,errorHeader] + } + headers['Content-Type'] = 'application/json' + let formDataJsonString = '' + try { + formDataJsonString = JSON.stringify(formData) + } + catch (e) { + console.log(e) + return [null,e] + } + try { + const response = await fetch(url, { + method: 'POST', + headers, + body: formDataJsonString, + }) + if (!response.ok && response.status !== 200) { + const errorMessage = await response.json() + console.log(errorMessage) + if (show) + show_message(MessageType.Error, `Send data -> ${errorMessage.error ? errorMessage.error : ''}`) + return [null,errorMessage] + // throw new Error(errorMessage) + } else if (response.ok && response.status === 200) { + const res = await response.json() + if (cllbck) { + cllbck(res) + } + return [res,null] + } + } + catch (e) { + if (show) + show_message(MessageType.Error, `Send data -> ${e}`) + useState().connection.value.state = 'connection.error' + console.log(e) + return [null,e] + } +} +export const run_task = (val: number, task: Function) => { + const now = new Date().getTime() + const timePassed = now % val + const run_at = val - timePassed + setTimeout(task, run_at) +} + +export const parse_str_json_data = (src: string, dflt: object|any):object|any => { + let data = dflt + try { + data = JSON.parse(src) + } + catch (e) { + data = dflt + } + return data +} +export default { + fetch_text, + fetch_json, + send_data, + show_message, + translate, + run_task, + parse_str_json_data, +} diff --git a/src/hooks/utilsAuth.ts b/src/hooks/utilsAuth.ts new file mode 100644 index 0000000..0616650 --- /dev/null +++ b/src/hooks/utilsAuth.ts @@ -0,0 +1,270 @@ +import useState from '~/hooks/useState' +import { MessageType} from '~/typs' +import { show_message } from './utils.js' + +export const check_credentials = async(url: string, data: any): Promise => { + let dataJsonString = '' + try { + dataJsonString = JSON.stringify(data) + } + catch (e) { + console.log(e) + return + } + try { + const response = await fetch(url, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: dataJsonString, + }) + if (!response.ok) { + const errorMessage = await response.text() + // throw new Error(errorMessage) + console.log(errorMessage) + return + } + if (response.ok && response.status === 200) + return response.json() + } + catch (e) { + useState().connection.value.state = 'connection.error' + console.log(e) + } +} +export const parseJwt = (token: string|null): any => { + let res = {} + if (token && token.length === 0 || token === "?") { + return res + } + if (token) { + try { + const base64Url = token.split('.')[1]; + const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); + const jsonPayload = decodeURIComponent(atob(base64).split('').map((c) => + '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2) + ).join('')); + res = JSON.parse(jsonPayload); + } catch(e) { + console.log(e) + localStorage.removeItem(useState().AUTHKEY.value) + } + } + return res +} +export const authExpired = (): boolean => { + const payload = parseJwt(localStorage.getItem(useState().AUTHKEY.value)) + if (payload.exp) { + const now = Date.now() / 1000; + return payload.exp - now < 0 + } else { + return true + } +} +export const onTimeoutAuth = () => { + if (useState().timeoutAuth.value > 0) { + if (useState().isDevelmode.value) + console.log(`timeout already set to: ${useState().timeoutAuth.value}`) + return + } + const payload = parseJwt(localStorage.getItem(useState().AUTHKEY.value)) + const now = Date.now() / 1000; + if (payload.exp) { + let timeout = Math.round(payload.exp - now) + const limit = useState().TKNLIMIT.value * 60 + timeout = timeout < limit ? timeout - (useState().REFRESHTIME.value * 60) : limit - (useState().REFRESHTIME.value * 60) + timeout = timeout < 0 ? 100 : timeout + useState().timeoutAuth.value = timeout + if (useState().isDevelmode.value) + console.log(`AUTH timeout(${limit}): ${timeout} [${Math.round(payload.exp - now)}]`) + setTimeout(() => { + const r = async() => { + useState().timeoutAuth.value=0 + await refreshAuth() + } + r() + }, (timeout*1000)) + } +} +export const refreshAuth = async(val = 0) => { + const url = useState().CONFURLS.value.refreshauth || '' + if (url.length == 0) { + console.log('URL not found for refreshToken') + return + } + let res: any = '', error: any = '' + const headers: any = {} // { 'Content-Type': 'application/json' } + headers['Accept']='application/json' + const token = localStorage.getItem(useState().AUTHKEY.value) + if (token && token.length > 0) { + headers['Authorization'] =`Bearer ${token}` + } + try { + const response = await self.fetch(url, { + method: 'GET', + headers, + //mode: 'cors', + }) + res = await response.json() + if (!response.ok && res.message && res.message.length > 0) + error=res.message + } + catch (err: any) { + error = err.message + } + if (res && res.error && res.error.length > 0) { + error = res.error + } + if (error && error.length > 0) { + show_message(MessageType.Error, `'Auth Refresh' -> ${error}`,5000) + useState().connection.value.state = 'connection.error' + setTimeout(() => { + location.href = '/logout' + }, 1000) + return + } + if (res && res[useState().AUTHKEY.value]) { + localStorage.setItem(useState().AUTHKEY.value,res[useState().AUTHKEY.value]) + console.log(`New auth: ${localStorage.getItem(useState().AUTHKEY.value)}`) + onTimeoutAuth() + } +} +export const getAuth = async(urlpath = '',val = 0): Promise<[any,string]> => { + const urlkey = location.search.replace(useState().URLKEY.value,'') + const uuid = urlkey.length > 0 ? urlkey : useState().UUIDNONE.value + const url = urlpath.length > 0 ? urlpath : (useState().CONFURLS.value.auth ? useState().CONFURLS.value.auth.replace('URLKEY',uuid) : '') + if (url.length === 0) { + console.log('URL not found to get Auth') + return [null,''] + } + let res: any = '' + let errmsg: any = '' + try { + const response = await self.fetch(url, { + method: 'GET', + //mode: 'cors', + }) + res = await response.json() + if (!response.ok && res.message.length > 0) + errmsg=res.message + } + catch (e: any) { + errmsg = e.message + } + if (errmsg && errmsg.length > 0) { + show_message(MessageType.Error, `'Auth Data Load' -> ${errmsg}`,5000) + useState().connection.value.state = 'connection.error' + } + if (res && res.auth) { + if (res.auth === "?") { + useState().userID.value = "?" + } else { + useState().userID.value = res.user ? res.user : '' + localStorage.setItem(useState().AUTHKEY.value,res.auth) + onTimeoutAuth() + } + } + return [res,errmsg] +} +export const checkUserAuth = async(val: string): Promise => { + if (val.length === 0) { + return false + } + const urlkey = location.search.replace(useState().URLKEY.value,'') + const uuid = urlkey.length > 0 ? urlkey : useState().UUIDNONE.value + const urlpath = useState().CONFURLS.value.auth ? useState().CONFURLS.value.auth.replace('URLKEY',uuid) : '' + if (urlpath.length === 0) { + console.log('URL not found to check Auth') + return false + } + const psw = btoa(val) + const url = `${urlpath}${useState().AUTH_SEPCHAR.value}${psw}` + const [res,errmsg] = await getAuth(url,0) + if (errmsg.length === 0 && res && res.user) { + useState().allowView.value=true + const payload = parseJwt(localStorage.getItem(useState().AUTHKEY.value)) + if (payload && payload.id && payload.id === res.user) { + return true + } + } + return false +} +export const checkPerms = async(auth: string|null): Promise => { + if (auth && auth.length === 0 || auth === '?') + return false + if (useState().allowView.value) + return true + const payload = parseJwt(auth) + if (payload && payload.uuid && payload.uuid !== useState().UUIDNONE.value) { + useState().allowView.value=false + return true + } + useState().allowView.value=true + return true +} +export const checkAuth = async(urlpath = '',val = 0): Promise => { + if (authExpired()) { + const [res,errmsg] = await getAuth(urlpath,val) + if (errmsg.length === 0 && res && res.auth) { + return await checkPerms(res.auth) ? res.auth : '' + } + return '' + } + if (location.pathname === '/' && useState().URLKEY.value.length > 0) { + const urlkey = location.search.replace(useState().URLKEY.value,'') + const uuid = urlkey.length > 0 ? urlkey : useState().UUIDNONE.value + const data = authData() + if (data.payload && data.payload.uuid && data.payload.uuid !== uuid) { + const url = useState().CONFURLS.value.auth ? useState().CONFURLS.value.auth.replace('URLKEY',uuid) : '' + if (url.length === 0) { + console.log('URL not found to check Perms') + return '' + } + const [res,_err] = await getAuth(url,val) + if (res.auth) { + return await checkPerms(res.auth) ? res.auth : '' + } + return '' + } else { + onTimeoutAuth() + return await checkPerms(data.auth) ? data.auth : '' + } + } else { + const data = authData() + if (data.payload && data.payload.id) + useState().userID.value = data.payload.id + else + return '' + } + onTimeoutAuth() + const res: string|null = localStorage.getItem(useState().AUTHKEY.value) + return await checkPerms(res) ? res : '' +} +export const authData = ():any => { + const auth = localStorage.getItem(useState().AUTHKEY.value) || '' + const uidefs = {} + const payload = parseJwt(localStorage.getItem(useState().AUTHKEY.value)) + return {auth, payload, uidefs} +} +export const is_logged_user = (): boolean => { + const urlkey = location.search.replace(useState().URLKEY.value, '') + if (urlkey.length > 0) { + if (authExpired()) { + return false + } + return true + } + return false +} +export default { + check_credentials, + parseJwt, + authExpired, + checkAuth, + checkUserAuth, + refreshAuth, + getAuth, + authData, + is_logged_user, +} diff --git a/src/hooks/validation.ts b/src/hooks/validation.ts new file mode 100644 index 0000000..fc76bfe --- /dev/null +++ b/src/hooks/validation.ts @@ -0,0 +1,13 @@ +import { InputValueOption,InputValidateOption} from '~/typs/inputs' + +export const input_validate = (typ: InputValueOption, validator: InputValidateOption, val: any): boolean => { + switch (validator) { + case InputValidateOption.none: + // if (typ === InputValueOption.number) { + // } + break + case InputValidateOption.mail: + return val.includes('@') + } + return true +} \ No newline at end of file diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue new file mode 100644 index 0000000..0663a3c --- /dev/null +++ b/src/layouts/Default.vue @@ -0,0 +1,11 @@ + diff --git a/src/layouts/SimpleLayout.vue b/src/layouts/SimpleLayout.vue new file mode 100644 index 0000000..d103abf --- /dev/null +++ b/src/layouts/SimpleLayout.vue @@ -0,0 +1,8 @@ + + + diff --git a/src/logics/dark.ts b/src/logics/dark.ts new file mode 100644 index 0000000..0bc9bd1 --- /dev/null +++ b/src/logics/dark.ts @@ -0,0 +1,25 @@ +import { watch, computed } from 'vue' +import { usePreferredDark, useToggle } from '@vueuse/core' +import { colorSchema } from './store' + +const preferredDark = usePreferredDark() + +export const isDark = computed({ + get() { + return colorSchema.value === 'auto' ? preferredDark.value : colorSchema.value === 'dark' + }, + set(v: boolean) { + if (v === preferredDark.value) + colorSchema.value = 'auto' + else + colorSchema.value = v ? 'dark' : 'light' + }, +}) + +export const toggleDark = useToggle(isDark) + +watch( + isDark, + v => typeof document !== 'undefined' && document.documentElement.classList.toggle('dark', v), + { immediate: true }, +) diff --git a/src/logics/index.ts b/src/logics/index.ts new file mode 100644 index 0000000..e8d1566 --- /dev/null +++ b/src/logics/index.ts @@ -0,0 +1 @@ +export * from './dark' diff --git a/src/logics/store.ts b/src/logics/store.ts new file mode 100644 index 0000000..7db12c2 --- /dev/null +++ b/src/logics/store.ts @@ -0,0 +1,4 @@ +import { Ref } from 'vue' +import { useStorage } from '@vueuse/core' + +export const colorSchema = useStorage('vueuse-color-scheme', 'auto') as Ref<'auto' | 'dark' | 'light'> diff --git a/src/main.ts b/src/main.ts new file mode 100644 index 0000000..826ab44 --- /dev/null +++ b/src/main.ts @@ -0,0 +1,35 @@ +import { createApp } from 'vue' +import App from './App.vue' + +import '@unocss/reset/tailwind.css' +import './styles/main.css' +import 'uno.css' +import { createI18n } from 'vue-i18n' +import { createHead, useHead } from '@vueuse/head' +import { messages } from './modules/i18n' +import VueHighlightJS from 'vue3-highlightjs' +import 'highlight.js/styles/solarized-light.css' + +const app = createApp(App) + +app.use(VueHighlightJS) +import routes from './router' +//import AppLayout from '~/layouts/AppLayout.vue' +import SimpleLayout from '~/layouts/SimpleLayout.vue' + +const i18n = createI18n({ + locale: navigator.language === 'es' ? 'es' : 'en', + legacy: false, + fallbackLocale: ['en'], + fallbackWarn: false, + missing: (locale, key, instance) => { + console.warn(`detect '${key}' key missing in '${locale}'`) + }, + messages, +}) +const head = createHead() +app.use(routes) +app.use(i18n) +app.use(head) +app.component('SimpleLayout', SimpleLayout) +app.mount('#app') diff --git a/src/modules/README.md b/src/modules/README.md new file mode 100644 index 0000000..adda9ef --- /dev/null +++ b/src/modules/README.md @@ -0,0 +1,11 @@ +## Modules + +A custom user module system. Place a `.ts` file with the following template, it will be installed automatically. + +```ts +import { UserModule } from '~/types' + +export const install: UserModule = ({ app, router, isClient }) => { + // do something +} +``` diff --git a/src/modules/i18n.ts b/src/modules/i18n.ts new file mode 100644 index 0000000..f7528a1 --- /dev/null +++ b/src/modules/i18n.ts @@ -0,0 +1,25 @@ +import { createI18n } from 'vue-i18n' +// import { UserModule } from '~/types' + +// import i18n resources +// https://vitejs.dev/guide/features.html#glob-import +export const messages = Object.fromEntries( + Object.entries( + import.meta.globEager('../../locales/*.y(a)?ml')) + .map(([key, value]) => { + const yaml = key.endsWith('.yaml') + return [key.slice(14, yaml ? -5 : -4), value.default] + }), +) +/* +export const install: UserModule = ({ app }) => { + const i18n = createI18n({ + legacy: false, + locale: 'en', + messages, + }) + + app.use(i18n) +} + +*/ \ No newline at end of file diff --git a/src/modules/nprogress.ts b/src/modules/nprogress.ts new file mode 100644 index 0000000..8019b41 --- /dev/null +++ b/src/modules/nprogress.ts @@ -0,0 +1,9 @@ +import NProgress from 'nprogress' +import { UserModule } from '~/types' + +export const install: UserModule = ({ isClient, router }) => { + if (isClient) { + router.beforeEach(() => { NProgress.start() }) + router.afterEach(() => { NProgress.done() }) + } +} diff --git a/src/modules/sw.ts b/src/modules/sw.ts new file mode 100644 index 0000000..fd7f7ca --- /dev/null +++ b/src/modules/sw.ts @@ -0,0 +1,12 @@ +import { UserModule } from '~/types' + +export const install: UserModule = ({ isClient, router }) => { + if (isClient) { + router.isReady().then(async() => { + if (isClient) { + const { registerSW } = await import('virtual:pwa-register') + registerSW({ immediate: true }) + } + }) + } +} diff --git a/src/pages/About.md b/src/pages/About.md new file mode 100644 index 0000000..cb313be --- /dev/null +++ b/src/pages/About.md @@ -0,0 +1,21 @@ +--- +title: About +--- + +
+ + +

About

+
+ +[Vitesse](https://github.com/antfu/vitesse) is an opinionated [Vite](https://github.com/vitejs/vite) starter template made by [@antfu](https://github.com/antfu) for mocking apps swiftly. With **file-based routing**, **components auto importing**, **markdown support**, I18n, PWA and uses **Tailwind** v2 for UI. + +

+// syntax highlighting example
+function vitesse() {
+  const foo = 'bar'
+  console.log(foo)
+}
+
+ +heck out the [GitHub repo](https://github.com/antfu/vitesse) for more details. diff --git a/src/pages/README.md b/src/pages/README.md new file mode 100644 index 0000000..929b7c9 --- /dev/null +++ b/src/pages/README.md @@ -0,0 +1,20 @@ +## File-based Routing + +Routes will be auto-generated for Vue files in this dir with the same file structure. +Check out [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) for more details. + +### Path Aliasing + +`~/` is aliased to `./src/` folder. + +For example, instead of having + +```ts +import { isDark } from '../../../../composables' +``` + +now, you can use + +```ts +import { isDark } from '~/composables' +``` diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue new file mode 100755 index 0000000..241e7e2 --- /dev/null +++ b/src/pages/[...all].vue @@ -0,0 +1,5 @@ + diff --git a/src/pages/base.vue b/src/pages/base.vue new file mode 100644 index 0000000..0260305 --- /dev/null +++ b/src/pages/base.vue @@ -0,0 +1,50 @@ + + + diff --git a/src/pages/hi/[name].vue b/src/pages/hi/[name].vue new file mode 100644 index 0000000..d8e4fcd --- /dev/null +++ b/src/pages/hi/[name].vue @@ -0,0 +1,25 @@ + + + diff --git a/src/router.ts b/src/router.ts new file mode 100644 index 0000000..fd9fe8d --- /dev/null +++ b/src/router.ts @@ -0,0 +1,160 @@ +// eslint-disable-next-line no-unused-vars +import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router' + +// import { defineAsyncComponent } from 'vue' +import generatedRoutes from 'virtual:generated-pages' + +import useState from '~/hooks/useState' +import {has_config} from '~/hooks/config' +import {authExpired} from '~/hooks/utilsAuth' + +// // const Login = defineAsyncComponent(() => import('./views/Login.vue')) + +import Home from '~/views/Home.vue' +import Config from '~/views/Config.vue' +import Tracking from '~/views/Tracking.vue' +import Users from '~/views/Users.vue' +//import About from '~/pages/About.md' +import Register from '~/views/Register.vue' +import Login from '~/views/Login.vue' +import Logout from '~/views/Logout.vue' + +// https://medium.com/swlh/adding-meta-fields-and-transitions-to-vue-router-routes-f5cb78a7ed97 +const check_config = async(to: any, _from: any, next: any) => { + if (await has_config()) { + next() + } else { + next('/noconfig') + } +} +const check_auth = async(to: any, _from: any, next: any) => { + if (await has_config()) { + if (authExpired()) { + useState().sourceRoute.value = to.path + next('/login') + } else { + useState().sourceRoute.value = "" + next() + } + } else { + next('/login') + } +} +const routes: RouteRecordRaw[] = [ + { + path: '/config', + name: 'Config', + component: Config, + meta: { + layout: 'AppLayout', + ctx: 'config', + withauth: true, + }, + beforeEnter: check_auth, + }, + { + path: '/tracking', + name: 'Tracking', + component: Tracking, + meta: { + requireAuth: true, + layout: 'AppLayout', + withauth: true, + }, + beforeEnter: check_auth, + }, + { + path: '/users', + name: 'Users', + component: Users, + meta: { + requireAuth: true, + layout: 'AppLayout', + withauth: true, + }, + beforeEnter: check_auth, + }, + { + path: '/', + name: 'Home', + component: Home, + meta: { + ctx: 'home', + withauth: true, + }, + beforeEnter: check_auth, + }, + { + path: '/login', + name: 'Login', + component: Login, + meta: { + requireAuth: false, + //layout: 'empty', + layout: 'AppLayout', + use_logo: true, + ctx: 'login', + withauth: false, + }, + beforeEnter: check_config, + }, + { + path: '/register/:id', + name: 'Register', + component: Register, + meta: { + requireAuth: false, + //layout: 'empty', + layout: 'AppLayout', + use_logo: true, + ctx: 'register', + withauth: false, + }, + beforeEnter: check_config, + }, + { + path: '/recoveryuser/:id', + name: 'Recovery', + component: Register, + meta: { + requireAuth: false, + //layout: 'empty', + layout: 'AppLayout', + use_logo: true, + ctx: 'register', + withauth: false, + }, + beforeEnter: check_config, + }, + { + path: '/logout', + name: 'Logout', + component: Logout, + meta: { + layout: 'AppLayout', + use_logo: true, + requireAuth: false, + ctx: 'logout', + withauth: false, + } + }, + { + path: '/noconfig', + name: 'NoConfig', + component: () => import('./views/404.vue'), + meta: { + } + }, + { + path: '/:catchAll(.*)', + name: '404', + meta: { layout: 'Page404' }, + component: () => import('./views/404.vue'), + }, + ...generatedRoutes, +] +const router: any = createRouter({ + history: createWebHistory(), + routes, +}) +export default router diff --git a/src/shims.d.ts b/src/shims.d.ts new file mode 100644 index 0000000..8fcfa4a --- /dev/null +++ b/src/shims.d.ts @@ -0,0 +1,62 @@ +/* eslint-disable import/no-duplicates */ + +declare const ASSETS_PATH: string +declare const DATA_PATH: string +declare interface Window { + // extend the window + ROOT_LOCATION: string + CONFIG_LOCATION: string + VARSCONFIG_LOCATION: string + SERVCONFIG_LOCATION: string +} + +// with vite-plugin-md, markdowns can be treat as Vue components +declare module '*.md' { + import { ComponentOptions } from 'vue' + const component: ComponentOptions + export default component +} +/* +declare module '*.vue' { + import Vue from 'vue' + export default Vue +} +*/ +declare const _APP_VERSION: string +/* + * Keep states in the global scope to be reusable across Vue instances. + * + * @see {@link /createGlobalState} + * @param stateFactory A factory function to create the state +*/ +/* +declare function createGlobalState( + stateFactory: () => T +): () => T +*/ +interface EventTarget { + value: EventTarget|null + name: string| null + /** + * Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched. + * + * The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture. + * + * When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET. + * + * When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners. + * + * When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed. + * + * The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture. + */ + addEventListener(type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions): void + /** + * Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise. + */ + dispatchEvent(event: Event): boolean + /** + * Removes the event listener in target's event listener list with the same type, callback, and options. + */ + removeEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean): void +} diff --git a/src/styles/main.css b/src/styles/main.css new file mode 100755 index 0000000..a5b70d3 --- /dev/null +++ b/src/styles/main.css @@ -0,0 +1,193 @@ +html, +body, +#app { + height: 100%; + margin: 0; + padding: 0; +} + +html.dark { + background: #27272a; /*bg-gray-800*/ + color: #f0f0f0; + currentColor: #f0f0f0; +} +.right-item ul li { + margin-left: 1em; +} +.features li b { + color: #6366F1; /* indigo-600 */ + font-weight: 300; +} +.dark .features li b { + color: #A5B4FC; /* indigo-400 */ +} +li a, link, +.task a,h3 a,.link a, .link { + color: #4F46E5; /*indigo-600*/ + text-decoration: underline; +} +.dark li a,.dark link, +.dark .task a,.dark h3 a,.dark .link a,.dark .link { + color: #A5B4FC; /* indigo-400 */ +} +.project-purpose, .project-name { + width: 100%; + padding: 4px 11px; + border-radius: 20px; + margin-bottom: 8px; + border: 1px solid #A5B4FC; /* indigo-400 */ + background-color: #F3F4F6; /* gray-100 */ + color: #6366F1; /* indigo-600 */ + font-size: 1.02em; + font-weight: 600; +} +.dark .project-purpose, .dark .project-name { + background-color: #374151; /* gray-500 */ + border: 1px solid #9CA3AF; /* gray-400 */ + color: #A5B4FC; /* indigo-400 */ +} +.dark svg { + fill: #f0f0f0; +} +.openbox { + border-radius: 10px; + border: 1px solid #374151; /* gray-500 */ +} +.dark .openbox { + border: 1px solid #F3F4F66; /* gray-100 */ +} +.msg-box { + border-radius: 40px !important; + border: 1px solid #374151; /* indigo-500 */ +} +.dark .msg-box { + border: 1px solid #F3F4F6; /* gray-100 */ +} + .msg-ok { + background: linear-gradient(135deg, #83D475, #2EB62C) !important; +} +.msg-error { + background: linear-gradient(135deg, #D90708, #9E1444) !important; +} +.msg-warn { + background: linear-gradient(135deg, #FDA766, #FD7F2C) !important; +} +.msg-show { + background: linear-gradient(135deg, #4949FF, #0000FF) !important; +} +.msg-info { + background: linear-gradient(135deg, #9E9E9E, #696969) !important; +} +.hljs { + background: none !important; +} +.markdown-body { + margin: 2em; +} +.markdown-body p { + margin-top: 1em;; + font-size: 1em; +} + +.markdown-body pre { + padding: 2em; + background: rgba(243,244,246); +} +.dark .markdown-body pre { + background: rgba(75, 85, 99,var(--tw-bg-opacity)) +} +.markdown-body a { + color: rgba(37, 99, 235); +} +.no-list { list-style-type: none; margin-top: 1em;} +/* +.btn { + @apply px-4 py-1 rounded inline-block + bg-teal-600 text-white cursor-pointer + hover:bg-teal-700 + disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50; +} + +.icon-btn { + @apply inline-block cursor-pointer select-none + opacity-75 transition duration-200 ease-in-out + hover:opacity-100 hover:text-teal-600; + font-size: 0.9em; +} +/* +.btn { + @apply px-4 py-1 rounded inline-block + bg-teal-600 text-white cursor-pointer + hover:bg-teal-700 + disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50; +} + +.icon-btn { + @apply inline-block cursor-pointer select-none + opacity-75 transition duration-200 ease-in-out + hover:opacity-100 hover:text-teal-600; + font-size: 0.9em; +} +*/ +progress { + margin-top: 0.5rem; + width: 100%; + height: 10px; + margin-bottom: 0.4rem; +} + +progress::-webkit-progress-bar { + border-radius: 10px; + background-color: #d1d5db; + box-shadow: 0 2px 6px #555; +} + +progress::-webkit-progress-value { + border-radius: 10px 0 0 10px; + background-image: linear-gradient(36deg, #d1fae5, #818cf8); +} + +.prose>:first-child { + margin-top: 0 !important; +} +.prose h2 { + font-size: 1.5em; + font-weight: 500; + line-height: 1.3333333; + /* margin-bottom: 1em; */ + /* margin-top: 2em; */ + text-transform: uppercase; +} +#cv-wrapper { + box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; + /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */ + /* https://getcssscan.com/css-box-shadow-examples */ +} +div strong, p strong, .itm-title { + color: #6366F1; /* indigo-600 */ + font-weight: 600; +} +.dark div strong, .dark p strong, .dark .itm-title { + color: #A5B4FC; /* indigo-400 */ + font-weight: 600; +} +img.project { + width: 10em; + max-height: 5em; + } +@media print { + * { + line-height: 1em !important; + } + .main-container { max-width: fit-content !important;} + .noprint { + visibility: hidden; + display: none; + margin-top: 1em; + } + #cv-wrapper { margin-top: 0 !important;} + .page-break { display: block; break-before: auto; } +} +/* @media all { +.page-break { display: none; } +} */ \ No newline at end of file diff --git a/src/typs/clouds/index.ts b/src/typs/clouds/index.ts new file mode 100644 index 0000000..270d865 --- /dev/null +++ b/src/typs/clouds/index.ts @@ -0,0 +1,86 @@ +export const enum LanguageType { + en = 'en', + es = 'es', + None = 'None', +} +export interface StatusItemType { + title: string + content: string + lang: LanguageType + datetime: string + isOpen: boolean +} +export interface StatusItemDataType { + [key: string]: any + title: string + content: string + lang: LanguageType + datetime: string +} +export const enum ReqType { + tcp = 'tcp', + https = 'https', + NotSet = 'NotSet', +} +export const enum CriticalType { + yes = 'yes', + cloud = 'cloud', + group = 'group', + ifresized = 'ifresized', + no = 'no', +} +export interface SrvcType { + name: string + path: string + req: ReqType + target: string + liveness: string + critical: CriticalType +} +export interface SrvcInfoType { + [key: string]: any + name: string + info: string + srvc: SrvcType +} +export interface CloudGroupItemType { + [key: string]: any + hostname: string + tsksrvcs: SrvcType[] + appsrvcs: SrvcType[] +} +export interface CloudGroupServcType { + [key: string]: any + hostname: string + name: string + tsksrvcs: SrvcInfoElemType[] + appsrvcs: SrvcInfoElemType[] +} + +export interface CloudDataCheck { + [key: string]: any + name: string + apps: Map> + cloud: Map> + infos: StatusItemType[] +} +export interface CloudOptionType { + name: string + option: number +} +export interface CloudGroupDataType { + [key: string]: CloudGroupItemType[] | any +} +export interface ResCloudDataCheck { + [key: string]: any + name: string + cloud: CloudGroupDataType + apps: CloudGroupDataType + // cloud: CloudGroupSrvcType + // statusentries: StatusItemDataType[] +} +export interface ResCloudDataCheckDefs { + [key: string]: any + check: ResCloudDataCheck[] + defs: any +} \ No newline at end of file diff --git a/src/typs/cmpnts/index.ts b/src/typs/cmpnts/index.ts new file mode 100644 index 0000000..91342c0 --- /dev/null +++ b/src/typs/cmpnts/index.ts @@ -0,0 +1,59 @@ + +export const enum Profile { + Premium, + Basic, + Pro, + NotSet, +} + +export enum Auth { + Allow, + Denied, + NotSet, +} + +export enum Permission { + Read, + Write, + ReadWrite, + NotSet, +} + +export interface DataContext { + profile: Profile + auth: Auth + perms: Permission +} + +export interface AccordionItemType { + title?: string + status: boolean + h: number +} + +export interface SideMenuItemType { + title: string + ctx?: string + mode?: string + name?: string + icon_on?: string + img?: string + name_to?: string + show_to: boolean + path?: string + click?: string + type: NavItemType + pfx?: string + href?: string + label?: string + vif?: string + active?: boolean + cllbck?: Function | null +} + +export interface UiPanelsType { + [key: string]: any + id: string + style: string +} + diff --git a/src/typs/config.ts b/src/typs/config.ts new file mode 100644 index 0000000..91cbbff --- /dev/null +++ b/src/typs/config.ts @@ -0,0 +1,196 @@ +import { VarDefType,VarBoolDefType,VarNumDefType } from '~/typs/inputs' + +export interface ReqRouteType { + path: string + param: string +} +export interface WebRouteType { + [key: string]: ReqRouteType +} +export interface TemplateFileType { + path: string + rooute: string +} +export interface TemplateType { + [key: string]: TemplateFileType +} +export interface TplMailType{ + path: string + type: string +} +export interface TplsMailType { + [key: string]: TplMailType +} +export interface VarsConfigType { + [key: string]: any + sec_logs: { + logOut: VarDefType + requestOut: VarDefType + trackOut: VarDefType + debugLevel: VarDefType + } + sec_webserver: { + host: VarDefType + port: VarNumDefType + protocol: VarDefType + keyPem: VarDefType + certPem: VarDefType + allowOrigins: { + typ: string + dflt: string[] + } + } + sec_jwt: { + useJWT: VarBoolDefType + jwtRealm: VarDefType + jwtKey: VarDefType + jwtTimeout: VarNumDefType + jwtMaxRefresh: VarNumDefType + } + sec_auth: { + authSep: VarDefType + useAuthz: VarBoolDefType + authzModel: VarDefType + authzPolicy: VarDefType + adminRole: VarDefType + } + sec_perms: { + pubUser: VarDefType + usersPath: VarDefType + usersModelsPath: VarDefType + identityKey: VarDefType + } + sec_routes: { + rootAuthGroup: VarDefType + routes: { + typ: string + dflt: WebRouteType[] + } + } + sec_templates: { + templatesRoot: VarDefType + templatesExt: VarDefType + templatesIncludes: VarDefType + templatesLayouts: VarDefType + templatesFiles: { + typ: string + dflt: TemplateType + } + } + sec_assets: { + assetsPath: VarDefType + assetsURL: VarDefType + } + sec_models: { + useDist: VarBoolDefType + genDist: VarBoolDefType + genExcludeList: { + typ: string + dflt: string[] + } + dataDistPath: VarDefType + dataPath: VarDefType + dataModelsRoot: VarDefType + dataCorePath: VarDefType + dataDflt: VarDefType + dataItems: { + typ: string + dflt: string[] + } + } + sec_langs: { + langs: { + typ: string + dflt: string[] + } + mainLang: VarDefType + } + sec_git: { + useRepo: VarBoolDefType + useRepoOnReq: VarBoolDefType + quietGit: VarBoolDefType + backgGit: VarBoolDefType + repoPath: VarDefType + repoName:VarDefType + repoCommit:VarDefType + } + sec_others: { + openBrowser: VarBoolDefType + } +} +export interface ConfUrlsType { + [key: string]: string +} +export interface ServConfigType { + [key: string]: any + logOut: string + requestOut: string + requestStore: string + trackOut: string + trackStore: string + debugLevel: number + host: string + port: number + protocol: string + keyPem: string + certPem: string + allowOrigins: string[] + useJWT: boolean + jwtRealm: string + jwtKey: string + jwtTimeout: number + jwtMaxRefresh: number + signingAlgorithm: string + jwtKeyPem: string + jwtCertPem: string + authSep: string + useAuthz: boolean + authzModel: string + authzPolicy: string + adminRole: string + pubUser: string + usersPath: string + usersModelsPath: string + identityKey: string + usersStore: string + rootAuthGroup: string + routes: WebRouteType + templatesRoot: string + templatesExt: string + templatesIncludes: string + templatesLayouts: string + templatesFiles: TemplateType + mailHost: string + mailPort: number + mailFrom: string + mailUser: string + mailPswd: string + tplsMailPath: string + tplsMail: TplsMailType + assetsPath: string + assetsURL: string + useDist: boolean + genDist: boolean + genExcludeList: string[] + dataDistPath: string + dataPath: string + dataModelsRoot: string + dataCorePath: string + dataDflt: string + dataItems: string[] + dataStore: string + langs: string[] + mainLang: string + useRepo: boolean + useRepoOnReq: boolean + quietGit: boolean + backgGit: boolean + repoPath: boolean + repoName: string + repoCommit: string + openBrowser: boolean + redisHost: string + redisPort: number + redisDB: string + redisPswd: string +} \ No newline at end of file diff --git a/src/typs/cv.ts b/src/typs/cv.ts new file mode 100644 index 0000000..3ab5d4e --- /dev/null +++ b/src/typs/cv.ts @@ -0,0 +1,320 @@ +export interface AuthInfoType { + editable: boolean + viewchange: boolean + show: boolean +} +export interface SkillsType { + id: string + auth: AuthInfoType + title: string + max: number + value: number +} +export interface CertificationType { + id: string + auth: AuthInfoType + title: string + author: string + date: string + link: string + href: string + certid: string +} +export interface SitesType { + id: string + auth: AuthInfoType + title: string + sub: string + link: string + type: string + alt: string + img: string +} +export interface LangsType { + id: string + title: string + mode: string +} +export interface WorkExperienceType { + [key: string]: any + auth: AuthInfoType + date: string + where: string + wheredef: string + location: string + position: string + description: string + tools: string[] + tasks: string[] +} +export interface TalksType { + [key: string]: any + auth: AuthInfoType + date: string + title: string + org: string + location: string + description: string[] +} +export interface TeachingType { + [key: string]: any + auth: AuthInfoType + date: string + title: string + org: string + location: string + description: string[] +} +export interface EducationType { + [key: string]: any + auth: AuthInfoType + date: string + title: string + org: string + location: string + cert: string + description: string[] + tools: string[] +} +export interface ProjectType { + [key: string]: any + auth: AuthInfoType + date: string + name: string + title: string + img: string + site: string + code: string + purpose: string + for: string + position: string + license: string + demo: string + capture: string + description: string + features: string[] + builtwith: string[] +} +export interface ProfileType { + [key: string]: unknown; + auth: AuthInfoType + desc: string +} +export interface OtherType { + [key: string]: unknown; + auth: AuthInfoType + desc: string +} +export interface MissionHowType { + [key: string]: unknown; + auth: AuthInfoType + desc: string +} +export interface DataCoreType { + [key: string]: any + name: string + fullname: string + title1: string + title2: string + imgalt: string + imgsrc: string + email: string + phone: string + address: string + postalcode: string + state: string + city: string + country: string + birthdate: string + status: string + mission: string + mission_how: MissionHowType[] + profile: ProfileType[] + certifications: CertificationType[] + skills: SkillsType[] + infra: SkillsType[] + sites: SitesType[] + langs: LangsType[] +} + +export interface DataLangType { + [key: string]: any + imgalt: string + title1: string + title2: string + country: string + birthdate: string + status: string + mission: string + mission_how: MissionHowType[] + profile: ProfileType[] + certifications: CertificationType[] + work_experiences: WorkExperienceType[] + projects: ProjectType[] + education: EducationType[] + talks: TalksType[] + teaching: TeachingType[] + others: OtherType[] +} +export interface DataLangsType { + [key: string]: DataLangType +} +export interface ShowTalksType { + [key: string]: unknown; + auth: AuthInfoType + date: boolean + title: boolean + org: boolean + location: boolean + description: boolean +} +export interface ShowTeachingType { + [key: string]: unknown; + auth: AuthInfoType + date: boolean + title: boolean + org: boolean + location: boolean + description: boolean +} +export interface ShowWorkExperienceType { + [key: string]: unknown; + auth: AuthInfoType + date: boolean + where: boolean + wheredef: boolean + location: boolean + position: boolean + description: boolean + tools: boolean + tasks: boolean +} +export interface ShowEducationType { + [key: string]: unknown; + auth: AuthInfoType + date: boolean + title: boolean + org: boolean + location: boolean + cert: boolean + description: boolean + tools: boolean +} +export interface ShowProjectType { + [key: string]: unknown; + auth: AuthInfoType + name: boolean + img: boolean + title: boolean + purpose: boolean + site: boolean + code: boolean + date: boolean + for: boolean + position: boolean + license: boolean + demo: boolean + capture: boolean + description: boolean + features: boolean + builtwith: boolean +} +export interface ShowInfoType { + [key: string]: any + id: string + ky: string + auth: AuthInfoType + write: boolean + change: boolean + admin: boolean + // save: boolean + fullname: boolean + personal: boolean + title: boolean + image: boolean + mission: boolean + mission_how: boolean + phone: boolean + address: boolean + status: boolean + birthdate: boolean + sites: boolean + skills: boolean + skills_itms: boolean + infra: boolean + certs: boolean + langs: boolean + profile: boolean + work_experience_itms: boolean + work_experience: ShowWorkExperienceType + project_itms: boolean + projects: ShowProjectType + education_itms: boolean + education: ShowEducationType + talks_itms: boolean + talks: ShowTalksType + teaching_itms: boolean + teaching: ShowTeachingType + others_itms: boolean + others: boolean +} + +export interface HtmlAttrsType { + [key: string]: any + bold: string + list: string + text: string + link: string +} +export interface OptionsSelectorType { + title: string + val: string +} +export interface InputBtnsType { + id: string + title: string + typ: string + show: boolean +} +export enum MessageBoxType { + Save = 'save', + Select = 'select', + Input = 'input', + OneInput = 'oneinput', + NotSet = '', +} +export enum NavPosition { + header = 'header', + footer = 'footer', +} + +export interface ModelType { + [key: string]: any + id: string + title: string + path: string +} +export interface ModelSelType { + [key: string]: ModelType +} +export interface CVDataType { + models: ModelType[] + showinfo: ShowInfoType[] + core: DataCoreType[] + work_experience: WorkExperienceType[] + projects: ProjectType[] + education: EducationType[] + talks: TalksType[] + teaching: TeachingType[] + others: OtherType[] +} +export interface CVLangDataType { + [key: string]: CVDataType +} +export interface CVModelDataType { + [key: string]: CVLangDataType +} +export interface CVPostDataType { + u: string + data: CVModelDataType +} \ No newline at end of file diff --git a/src/typs/index.ts b/src/typs/index.ts new file mode 100644 index 0000000..37d0fae --- /dev/null +++ b/src/typs/index.ts @@ -0,0 +1,70 @@ +export enum LocalesLabelModes { + auto = 'auto', + value = 'val', + translation = 'trans', +} + +export enum MessageType { + Show, + Success, + Error, + Warning, + Info, +} +export interface MenuItemType { + id: string + title: string + active: boolean + link: string +} + +export interface DataSections { + [key: string]: string +} + +export enum NavItemType { + router_link = 'router_link', + app_link = 'app_link', + a_blank = 'a_blank', + a_link = 'a_link', + cloud_link = 'cloud_link', + module_label = 'module_label', + separator = 'separator', +} + +export interface TrackActionShowType { + [key: string]: any + when: boolean + where: boolean + what: boolean + context: boolean + data: boolean + auth: boolean + payload: boolean +} +export interface AuthPayloadType { + [key: string]: any + exp: number|string + id: string + uuid: string + orig_iat: number|string + data: string +} +export interface TrackActionType { + [key: string]: any + when: string|number + where: string + what: string + context: string + data: string + auth: string + payload?: AuthPayloadType + idx: number +} +export interface InvitationDataType { + [key: string]: any + email: string + role: string + data: string +} + diff --git a/src/typs/inputs.ts b/src/typs/inputs.ts new file mode 100644 index 0000000..fb7b9f4 --- /dev/null +++ b/src/typs/inputs.ts @@ -0,0 +1,53 @@ + +export enum InputValueOption { + string = 'String', + password = 'Password', + number = 'Number', + bool = 'Bool', + arrayString = 'Array:String', + object = 'Object', + content = 'Content', + // templates = 'Templates', + // webroutes = 'WebRoutes', + // mailtemplates = 'MailTemplates', + // user = 'User', +} +export enum InputValueModeOption { + text = 'Text', + html = 'HTML', + yaml = 'YAML', + json = 'JSON', + toml = 'TOML', + none = '', +} +export enum InputValidateOption { + email = 'Email', + none = '', +} +export interface SecStateType { + view: boolean + enabled: boolean + help: boolean +} +export interface SecViewType { + [key: string]: SecStateType +} +export interface VarsDataType { + [key: string]: VarDefType +} +export interface VarDefType { + [key: string]: any + typ: InputValueOption + valid?: InputValidateOption + dflt: string + labelitms?: string + vars?: VarsDataType +} +export interface VarNumDefType { + typ: string + dflt: number +} +export interface VarBoolDefType { + typ: string + dflt: boolean +} \ No newline at end of file diff --git a/src/typs/users.ts b/src/typs/users.ts new file mode 100644 index 0000000..4c35b58 --- /dev/null +++ b/src/typs/users.ts @@ -0,0 +1,58 @@ +import { VarDefType,VarBoolDefType,VarNumDefType } from '~/typs/inputs' + +export interface UserAccountType { + [key: string]: any + password: string + email: string + description: string + data: string + web: boolean + dflt: true +} +export interface UsersAccountsType { + accounts: UserAccountType[] +} +export interface ModelUserType { + [key: string]: any + model: string + user: string + data: string + active: boolean +} +export interface ModelsUsersType { + [key: string]: any +} +export interface UsersInvitationsType { + [key: string]: any + email: string + createdby: string + expire: string + howmany: number + role: string + description: string + data: string + active: boolean +} +export interface UsersDataType { + [key: string]: string + usersData: string + modelsData: string + authzModel: string + authzPolicy: string +} +export interface UsersDataViewType { + [key: string]: boolean + usersData: boolean + modelsData: boolean + authzModel: boolean + authzPolicy: boolean +} +export interface VarsUserType { + [key: string]: any + sec_data: { + logOut: VarDefType + password: VarDefType + email: VarDefType + debugLevel: VarDefType + } +} \ No newline at end of file diff --git a/src/views/404.vue b/src/views/404.vue new file mode 100644 index 0000000..0b9eb9a --- /dev/null +++ b/src/views/404.vue @@ -0,0 +1,28 @@ + + + diff --git a/src/views/Config.vue b/src/views/Config.vue new file mode 100644 index 0000000..b1ac234 --- /dev/null +++ b/src/views/Config.vue @@ -0,0 +1,494 @@ + + \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue new file mode 100644 index 0000000..697baa4 --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,302 @@ + + \ No newline at end of file diff --git a/src/views/Login.vue b/src/views/Login.vue new file mode 100644 index 0000000..aa868be --- /dev/null +++ b/src/views/Login.vue @@ -0,0 +1,237 @@ + + diff --git a/src/views/Logout.vue b/src/views/Logout.vue new file mode 100644 index 0000000..51fe3bc --- /dev/null +++ b/src/views/Logout.vue @@ -0,0 +1,111 @@ + + \ No newline at end of file diff --git a/src/views/Register.vue b/src/views/Register.vue new file mode 100644 index 0000000..979ab07 --- /dev/null +++ b/src/views/Register.vue @@ -0,0 +1,318 @@ + + diff --git a/src/views/Tracking.vue b/src/views/Tracking.vue new file mode 100644 index 0000000..417d226 --- /dev/null +++ b/src/views/Tracking.vue @@ -0,0 +1,678 @@ + + \ No newline at end of file diff --git a/src/views/Users.vue b/src/views/Users.vue new file mode 100644 index 0000000..a75a6e0 --- /dev/null +++ b/src/views/Users.vue @@ -0,0 +1,596 @@ + + \ No newline at end of file