feat(A08): Ámbito dtic-NOTAS creado - Sistema web de notas/informes
Nuevo ámbito A08 para gestión de notas e informes formales: Arquitectura: - Separación contenido (archivos .md) de presentación (web HTML) - Plantillas configurables para diferentes tipos de notas - Vista previa con membrete institucional UTN-FRLR - Impresión/PDF via window.print() con CSS @media print Archivos creados: - docs/ambito/dtic-NOTAS/A08_dtic-NOTAS.md (manifiesto) - docs/ambito/dtic-NOTAS/A08.P001_Sistema-Web-Notas.md (plan) - docs/ambito/dtic-NOTAS/app/index.html (interfaz) - docs/ambito/dtic-NOTAS/app/styles.css (estilos institucionales) - docs/ambito/dtic-NOTAS/app/app.js (lógica + marked.js CDN) - docs/ambito/dtic-NOTAS/plantillas/nota-simple.md - docs/ambito/dtic-NOTAS/contenido/2026/ejemplo-nota.md Migración: - dtic-NOTAs/ movido a docs/ambito/dtic-NOTAS/dtic-NOTAs/ - Histórico 2019-2025 preservado en .Hist/ - Convención de nombres documentada: Nota-<AÑO><NUMERO>_<Asunto>.<ext> Uso: 1. Abrir docs/ambito/dtic-NOTAS/app/index.html en navegador 2. Seleccionar plantilla o cargar archivo .md 3. Completar datos de nota 4. Generar vista previa e imprimir Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ricardo Monla
co-authored by
Claude Opus 4.6
Claude Opus 4.6
parent
2ab51af7f1
commit
85645ce0b8
@@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Generador de Notas - DTIC UTN-FRLR</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<!-- Panel de Control -->
|
||||
<aside class="sidebar">
|
||||
<h2>📝 Panel de Control</h2>
|
||||
|
||||
<div class="section">
|
||||
<label for="plantilla">Plantilla:</label>
|
||||
<select id="plantilla">
|
||||
<option value="">-- Seleccionar --</option>
|
||||
<option value="nota-simple">Nota Simple</option>
|
||||
<option value="informe-tecnico">Informe Técnico</option>
|
||||
<option value="memorando">Memorando</option>
|
||||
<option value="solicitud">Nota de Solicitud</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<label for="contenido">Archivo de contenido (.md):</label>
|
||||
<input type="file" id="contenido" accept=".md,.txt">
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Datos de la Nota</h3>
|
||||
<label>Número:</label>
|
||||
<input type="text" id="numero" placeholder="Ej: 2601">
|
||||
|
||||
<label>Fecha:</label>
|
||||
<input type="date" id="fecha">
|
||||
|
||||
<label>Destinatario:</label>
|
||||
<input type="text" id="destinatario" placeholder="Nombre/Cargo">
|
||||
|
||||
<label>Asunto:</label>
|
||||
<input type="text" id="asunto" placeholder="Descripción breve">
|
||||
</div>
|
||||
|
||||
<div class="actions">
|
||||
<button onclick="cargarPlantilla()">📄 Cargar Plantilla</button>
|
||||
<button onclick="cargarContenido()">📂 Cargar Contenido</button>
|
||||
<button onclick="generarVistaPrevia()">👁️ Vista Previa</button>
|
||||
<button onclick="imprimir()">🖨️ Imprimir / PDF</button>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Área de Edición -->
|
||||
<main class="editor">
|
||||
<h2>Editor de Contenido</h2>
|
||||
<textarea id="editorTexto" placeholder="Cargá una plantilla o escribí el contenido aquí..."></textarea>
|
||||
</main>
|
||||
|
||||
<!-- Vista Previa -->
|
||||
<aside class="preview">
|
||||
<h2>Vista Previa</h2>
|
||||
<div id="vistaPrevia" class="documento">
|
||||
<div class="placeholder">
|
||||
<p>La vista previa aparecerá aquí...</p>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<!-- Template de Nota (oculto) -->
|
||||
<template id="templateNota">
|
||||
<div class="nota">
|
||||
<header class="membrete">
|
||||
<div class="logo">
|
||||
<img src="../logo-utn.png" alt="UTN FRLR" onerror="this.style.display='none'">
|
||||
</div>
|
||||
<div class="datos-institucion">
|
||||
<h1>UNIVERSIDAD TECNOLÓGICA NACIONAL</h1>
|
||||
<h2>Facultad Regional La Rioja</h2>
|
||||
<p>Dirección de Tecnologías de la Información y Comunicación</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="datos-nota">
|
||||
<p><strong>Nota N°:</strong> <span class="campo-numero"></span></p>
|
||||
<p><strong>Fecha:</strong> <span class="campo-fecha"></span></p>
|
||||
</div>
|
||||
|
||||
<div class="destinatario">
|
||||
<p><strong>Destinatario:</strong> <span class="campo-destinatario"></span></p>
|
||||
<p><strong>Asunto:</strong> <span class="campo-asunto"></span></p>
|
||||
</div>
|
||||
|
||||
<div class="cuerpo">
|
||||
<!-- Contenido renderizado aquí -->
|
||||
</div>
|
||||
|
||||
<footer class="firma">
|
||||
<div class="espacio-firma"></div>
|
||||
<p><strong class="nombre-remitente">DTIC - UTN FRLR</strong></p>
|
||||
<p class="cargo-remitente">Dirección de Tecnologías de la Información y Comunicación</p>
|
||||
</footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user