-
Notifications
You must be signed in to change notification settings - Fork 1
Customiazed Gaia Air Home (audience based configuration)
amedeo pelliccia edited this page Dec 3, 2024
·
1 revision
<title>GAIA AIR - Página Personalizada</title>
<style>
/* Estilos Generales */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* Dark Mode */
body.dark-mode {
background-color: #121212;
color: #ffffff;
}
/* Ajusta otros elementos según sea necesario */
body.dark-mode header {
background-color: #1e1e1e;
}
body.dark-mode nav {
background-color: #1f1f1f;
}
body.dark-mode .section {
background-color: #1e1e1e;
box-shadow: 0 2px 5px rgba(255,255,255,0.1);
}
body.dark-mode .news-article,
body.dark-mode .boes-article {
background-color: #1e1e1e;
box-shadow: 0 2px 5px rgba(255,255,255,0.1);
}
body.dark-mode a {
color: #1e90ff;
}
body.dark-mode .highlight {
background-color: #555555;
}
/* Header */
header {
background-color: #004080;
color: white;
padding: 20px 0;
text-align: center;
transition: background-color 0.3s ease;
}
/* Navegación con Flexbox */
nav {
display: flex;
justify-content: center;
background-color: #0066cc;
transition: background-color 0.3s ease;
}
nav a {
flex: 1;
text-align: center;
color: white;
padding: 14px 20px;
text-decoration: none;
transition: background-color 0.3s ease;
}
nav a:hover, nav a[aria-current="page"] {
background-color: #005cbf;
}
/* Botón de Dark Mode */
#toggleDarkMode {
margin-left: auto;
padding: 10px;
background-color: transparent;
border: none;
cursor: pointer;
font-size: 1.2em;
color: white;
transition: color 0.3s ease;
}
body.dark-mode #toggleDarkMode {
color: #ffffff;
}
/* Contenedor Principal con CSS Grid */
.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
padding: 20px;
}
/* Secciones */
.section {
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 5px;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.section h2 {
color: #004080;
margin-top: 0;
}
.section ul {
list-style: none;
padding: 0;
}
.section ul li {
margin: 10px 0;
}
.section ul li a {
color: #0066cc;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.section ul li a:hover {
text-decoration: underline;
}
/* Selección de Audiencia */
.audience-selection {
margin-bottom: 20px;
}
.audience-selection label {
font-weight: bold;
margin-right: 10px;
}
.audience-selection select {
padding: 5px;
font-size: 1em;
}
/* Índice Jerárquico */
.tree {
list-style: none;
padding-left: 20px;
}
.tree ul {
list-style: none;
padding-left: 20px;
display: none;
}
.tree li {
margin: 5px 0;
cursor: pointer;
position: relative;
}
.tree li span {
font-weight: bold;
color: #007BFF;
display: inline-flex;
align-items: center;
transition: color 0.3s ease;
}
.tree li span:hover {
text-decoration: underline;
}
.tree .expanded > ul {
display: block;
}
.highlight {
background-color: yellow;
}
.toggle-icon {
display: inline-block;
width: 1em;
transition: transform 0.3s ease;
margin-right: 5px;
}
.expanded > .toggle-icon {
transform: rotate(90deg);
}
/* Tabla Responsiva */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
vertical-align: top;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
/* Responsive Layout for Table */
@media screen and (max-width: 768px) {
table, thead, tbody, th, td, tr {
display: block;
}
th {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
}
td {
border: none;
position: relative;
padding-left: 50%;
}
td:before {
position: absolute;
top: 0;
left: 0;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
}
td:nth-of-type(1):before { content: "Número de Parte"; }
td:nth-of-type(2):before { content: "Denominación"; }
td:nth-of-type(3):before { content: "Efecto"; }
td:nth-of-type(4):before { content: "Desde"; }
td:nth-of-type(5):before { content: "Hasta"; }
td:nth-of-type(6):before { content: "Unidades"; }
td:nth-of-type(7):before { content: "PER"; }
td:nth-of-type(8):before { content: "ASSY"; }
}
/* Sección de Noticias */
.news-section {
grid-column: 1 / -1;
}
.news-article {
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 5px;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.news-article h2 {
color: #004080;
margin-top: 0;
}
.news-article p {
line-height: 1.6;
}
.news-article ul {
list-style: disc inside;
margin-left: 20px;
}
.news-article a {
color: #0066cc;
text-decoration: none;
transition: color 0.3s ease;
}
.news-article a:hover {
text-decoration: underline;
}
/* Sección GAIA BoES */
.boes-section {
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 5px;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.boes-section h2 {
color: #004080;
margin-top: 0;
}
.boes-section ul {
list-style: none;
padding: 0;
}
.boes-section ul li {
margin: 10px 0;
}
.boes-section ul li a {
color: #0066cc;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.boes-section ul li a:hover {
text-decoration: underline;
}
/* Responsive Layout for GAIA BoES Table */
@media screen and (max-width: 768px) {
.boes-section table {
display: block;
overflow-x: auto;
}
}
/* Animaciones Suaves */
.tree ul {
transition: all 0.3s ease;
}
</style>
Sistema Aeronáutico Avanzado
Técnicos de Mantenimiento Servicios al Cliente Consulta Técnica Transferencia de Información Sistemas Reguladores Equipos Transversales<!-- Botón de Dark Mode -->
<button id="toggleDarkMode" aria-label="Alternar modo oscuro">
🌙
</button>
Selecciona tu audiencia:
--Selecciona una opción--
Administradores
Técnicos
Clientes
<!-- Secciones de Contenido Basado en Audiencia -->
<section class="section" id="adminSection" aria-labelledby="adminHeading">
<h2 id="adminHeading">Administradores</h2>
<p>Contenido exclusivo para administradores. Aquí puedes gestionar usuarios, revisar informes y configurar parámetros del sistema.</p>
<!-- Más contenido específico para administradores -->
</section>
<section class="section" id="tecnicoSection" aria-labelledby="tecnicoHeading">
<h2 id="tecnicoHeading">Técnicos</h2>
<p>Contenido exclusivo para técnicos. Accede a manuales de mantenimiento, actualizaciones de equipos y programas de formación.</p>
<!-- Más contenido específico para técnicos -->
</section>
<section class="section" id="clienteSection" aria-labelledby="clienteHeading">
<h2 id="clienteHeading">Clientes</h2>
<p>Contenido exclusivo para clientes. Consulta el estado de tus servicios, accede a soporte técnico y gestiona tus solicitudes.</p>
<!-- Más contenido específico para clientes -->
</section>
<!-- Sección de Noticias -->
<section class="section news-section" id="noticias">
<h2>Noticias</h2>
<div class="news-article">
<h2>Robbbo-T's GAIA-AIR: Tu Plataforma Integral para la Gestión Aeronáutica</h2>
<p><strong>Hola a todos,</strong></p>
<p>Estoy emocionado de presentarles <strong>Robbbo-T's GAIA-AIR</strong>, una iniciativa innovadora diseñada para transformar la gestión y operación en el ámbito aeronáutico. <strong>GAIA AIR</strong> es un sistema integral que sirve como punto de entrada para diversos grupos de usuarios, incluyendo técnicos de mantenimiento, servicios al cliente, equipos de consulta técnica, y sistemas reguladores para validaciones y auditorías, entre otros.</p>
<h3>¿Qué es GAIA AIR?</h3>
<p><strong>GAIA AIR</strong> es una plataforma avanzada que facilita la transferencia de información entre constructoras, operadoras y reguladores, optimizando los procesos de mantenimiento, servicio al cliente y cumplimiento normativo. Con un diseño intuitivo y adaptable, GAIA AIR está diseñada para mejorar la eficiencia operativa y asegurar la máxima calidad en todas las áreas de la gestión aeronáutica.</p>
<h3>Objetivos Principales:</h3>
<ol>
<li><strong>Centralizar Información:</strong> Unificar datos críticos de mantenimiento, manuales de servicio y herramientas en una sola plataforma accesible.</li>
<li><strong>Facilitar la Comunicación:</strong> Mejorar la transferencia de información entre diferentes actores del sector aeronáutico.</li>
<li><strong>Garantizar el Cumplimiento:</strong> Asegurar que todas las operaciones cumplan con las normativas y regulaciones vigentes mediante sistemas de validación y auditoría.</li>
<li><strong>Promover la Colaboración:</strong> Fomentar la colaboración entre equipos transversales para impulsar la innovación y la mejora continua.</li>
</ol>
<h3>Me encantaría conocer sus opiniones sobre los siguientes puntos:</h3>
<ol>
<li><strong>Marco Conceptual:</strong> ¿Cómo imaginan que los principios fundamentales de GAIA AIR pueden adaptarse para abordar los desafíos actuales en la gestión aeronáutica?</li>
<li><strong>Aplicaciones Potenciales:</strong> ¿En qué áreas específicas creen que GAIA AIR podría tener el mayor impacto? (e.g., mantenimiento predictivo, gestión de inventarios, atención al cliente)</li>
<li><strong>Oportunidades de Colaboración:</strong> ¿Qué habilidades o conocimientos específicos les gustaría aportar o ver integrados en GAIA AIR para enriquecer la plataforma?</li>
<li><strong>Mejoras y Funcionalidades:</strong> ¿Qué funcionalidades adicionales consideran esenciales para optimizar la experiencia de los usuarios de GAIA AIR?</li>
</ol>
<h3>¿Cómo Puedes Contribuir?</h3>
<ul>
<li><strong>Desarrolladores y Técnicos:</strong> Ayuda a optimizar y expandir las funcionalidades técnicas de la plataforma.</li>
<li><strong>Expertos en Normativas:</strong> Colabora en la integración de sistemas de validación y auditoría para garantizar el cumplimiento regulatorio.</li>
<li><strong>Diseñadores UX/UI:</strong> Mejora la experiencia de usuario y la interfaz de la plataforma para hacerla más intuitiva y accesible.</li>
<li><strong>Profesionales de Atención al Cliente:</strong> Comparte estrategias para mejorar la interacción y el soporte a los usuarios finales.</li>
</ul>
<h3>¡Hagamos de GAIA AIR una Herramienta Revolucionaria!</h3>
<p>Tu participación es fundamental para el éxito de <strong>GAIA AIR</strong>. Comparte tus ideas, realiza preguntas o sugiere maneras en las que podemos colaborar para desarrollar esta plataforma al máximo de su potencial. Juntos, podemos construir una solución que redefina la gestión aeronáutica y beneficie a todos los involucrados en la industria.</p>
<p><strong>Esperando con interés nuestras conversaciones y colaboraciones futuras!</strong></p>
<p><strong>Saludos cordiales,<br>
Robbbo-T</strong></p>
</div>
</section>
<!-- Índice Jerárquico Buscable -->
<section class="section">
<h2>Índice Jerárquico Buscable</h2>
<input type="text" id="searchInput" placeholder="Buscar por número de parte o descripción..." style="width: 100%; padding: 10px; margin-bottom: 20px;">
<ul id="hierarchyTree" class="tree" role="tree">
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>1 - Sistema de Propulsión</span>
<ul role="group">
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>1.1 - Motor Principal</span>
<ul role="group">
<li role="treeitem"><span>1.1.1 - Turbina</span></li>
<li role="treeitem"><span>1.1.2 - Compresor</span></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>1.2 - Sistema de Combustible</span>
<ul role="group">
<li role="treeitem"><span>1.2.1 - Tanques de Combustible</span></li>
<li role="treeitem"><span>1.2.2 - Bombas de Combustible</span></li>
</ul>
</li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>2 - Sistema de Control de Vuelo</span>
<ul role="group">
<li role="treeitem"><span>2.1 - Computadora de Vuelo</span></li>
<li role="treeitem"><span>2.2 - Sensores de Navegación</span></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>3 - Sistema Eléctrico</span>
<ul role="group">
<li role="treeitem"><span>3.1 - Generadores</span></li>
<li role="treeitem"><span>3.2 - Distribución Eléctrica</span></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>4 - Sistema de Comunicaciones</span>
<ul role="group">
<li role="treeitem"><span>4.1 - Transceptores</span></li>
<li role="treeitem"><span>4.2 - Antenas</span></li>
</ul>
</li>
<!-- Puedes añadir más secciones según necesites -->
</ul>
</section>
<!-- Sección GAIA BoES -->
<section class="section boes-section" id="boes">
<h2>Boletín Oficial del Estado del Sistema (GAIA BoES)</h2>
<input type="text" id="boesSearch" placeholder="Buscar en BoES..." style="width: 100%; padding: 10px; margin-bottom: 20px;">
<ul id="boesList" class="tree" role="tree">
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>Publicación 1</span>
<ul role="group">
<li role="treeitem"><span>Detalle de Publicación 1</span></li>
<!-- Más detalles -->
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>Publicación 2</span>
<ul role="group">
<li role="treeitem"><span>Detalle de Publicación 2</span></li>
<!-- Más detalles -->
</ul>
</li>
<!-- Más publicaciones -->
</ul>
</section>
<!-- Sección de Anexos con Tabla de Partes y Componentes -->
<section class="section" id="tablas">
<h2>6.1 - Tablas Técnicas y Especificaciones de Componentes</h2>
<table id="partsTable">
<thead>
<tr>
<th>Número de Parte</th>
<th>Denominación</th>
<th>Efecto</th>
<th>Desde</th>
<th>Hasta</th>
<th>Unidades</th>
<th>PER</th>
<th>ASSY</th>
</tr>
</thead>
<tbody>
<tr>
<td>S1002100001-001</td>
<td>SYSTEM, AIR CONDITIONING</td>
<td>001500</td>
<td>RF</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>264A020000</td>
<td>
.CONVERTER, OZONE (VF1958)<br>
(LIFE LIMITED ITEM)<br>
(OPTIONAL P/N 264A030000 FOR A/C 20003 AND 20005)<br>
(FUTURE PROC: 264A030000)<br>
(DISCARDED AMM PARTS: E-SEAL PN EIS0037031440P0 OR A0250102-9)<br>
(PRE SB 100-21-02)<br>
(REF CMM 21-51-71)
</td>
<td>001038</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- Resto de las filas -->
<tr>
<td>20202-11</td>
<td>.COVER, COUPLING (VF1958)</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS6703DU14</td>
<td>.BOLT, DRILLED, HEX HD</td>
<td>001500</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS73-3E004</td>
<td>.BUSHING</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS1149C0332R</td>
<td>.WASHER, FLAT</td>
<td>001500</td>
<td>8</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>MS21225-3</td>
<td>.NUT, SELF-LKG, CSTL</td>
<td>001500</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</section>
© 2024 GAIA AIR. Todos los derechos reservados.
Contacto: info@gaiaair.com
<script src="js/jquery.min.js" defer></script> <script src="js/jquery.dataTables.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/fuse.js@6.4.6/dist/fuse.min.js" defer></script> <script src="js/main.js" defer></script> <script src="js/tree.js" defer></script> <script> document.addEventListener("DOMContentLoaded", function() { const toggleDarkModeButton = document.getElementById("toggleDarkMode"); const darkModeClass = "dark-mode"; const audienceSelect = document.getElementById("audienceSelect"); // Funcionalidad de Dark Mode if (localStorage.getItem("theme") === "dark") { document.body.classList.add(darkModeClass); toggleDarkModeButton.textContent = "☀️"; } toggleDarkModeButton.addEventListener("click", function() { document.body.classList.toggle(darkModeClass); if (document.body.classList.contains(darkModeClass)) { toggleDarkModeButton.textContent = "☀️"; localStorage.setItem("theme", "dark"); } else { toggleDarkModeButton.textContent = "🌙"; localStorage.setItem("theme", "light"); } }); // Funcionalidad de Configuración de Audiencia if (localStorage.getItem("audience")) { audienceSelect.value = localStorage.getItem("audience"); showAudienceContent(localStorage.getItem("audience")); } audienceSelect.addEventListener("change", function() { const selectedAudience = this.value; localStorage.setItem("audience", selectedAudience); showAudienceContent(selectedAudience); }); function showAudienceContent(audience) { // Ocultar todas las secciones de audiencia document.getElementById("adminSection").style.display = "none"; document.getElementById("tecnicoSection").style.display = "none"; document.getElementById("clienteSection").style.display = "none"; // Mostrar la sección correspondiente if (audience === "admin") { document.getElementById("adminSection").style.display = "block"; } else if (audience === "tecnico") { document.getElementById("tecnicoSection").style.display = "block"; } else if (audience === "cliente") { document.getElementById("clienteSection").style.display = "block"; } } }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Inicialización de DataTables $('#partsTable').DataTable({ "language": { "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json" } }); // Funcionalidades de Búsqueda con Fuse.js const options = { keys: ['text'], threshold: 0.3 }; // Búsqueda en Índice Jerárquico const data = Array.from(document.querySelectorAll("#hierarchyTree li span")) .map(span => ({ text: span.textContent.trim().toLowerCase(), element: span.parentElement })); const fuse = new Fuse(data, options); document.getElementById("searchInput").addEventListener("input", function(e) { const query = e.target.value.toLowerCase(); if (query === "") { resetTreeSearch(); return; } const results = fuse.search(query); handleTreeSearchResults(results); }); function resetTreeSearch() { document.querySelectorAll(".tree li").forEach(item => { item.style.display = "none"; item.classList.remove("highlight"); // Reset highlights item.querySelectorAll('.highlight').forEach(span => { span.outerHTML = span.innerHTML; }); }); document.querySelectorAll(".tree > li").forEach(item => { item.style.display = "block"; item.classList.remove("expanded"); item.setAttribute("aria-expanded", "false"); }); } function handleTreeSearchResults(results) { resetTreeSearch(); results.forEach(result => { const item = result.item.element; item.style.display = "block"; highlightText(item.querySelector('span'), result.query); let parent = item.parentElement; while (parent && parent.id !== "hierarchyTree") { if (parent.tagName === "UL") { parent.style.display = "block"; const parentLi = parent.parentElement; if (parentLi.tagName === "LI") { parentLi.classList.add("expanded"); parentLi.setAttribute("aria-expanded", "true"); } } parent = parent.parentElement; } }); } // Búsqueda en GAIA BoES const boesOptions = { keys: ['text'], threshold: 0.3 }; const boesData = Array.from(document.querySelectorAll("#boesList li span")) .map(span => ({ text: span.textContent.trim().toLowerCase(), element: span.parentElement })); const boesFuse = new Fuse(boesData, boesOptions); document.getElementById("boesSearch").addEventListener("input", function(e) { const query = e.target.value.toLowerCase(); if (query === "") { resetBoESSearch(); return; } const results = boesFuse.search(query); handleBoESSearchResults(results); }); function resetBoESSearch() { document.querySelectorAll("#boesList li").forEach(item => { item.style.display = "none"; item.classList.remove("highlight"); // Reset highlights item.querySelectorAll('.highlight').forEach(span => { span.outerHTML = span.innerHTML; }); }); document.querySelectorAll("#boesList > li").forEach(item => { item.style.display = "block"; item.classList.remove("expanded"); item.setAttribute("aria-expanded", "false"); }); } function handleBoESSearchResults(results) { resetBoESSearch(); results.forEach(result => { const item = result.item.element; item.style.display = "block"; highlightText(item.querySelector('span'), result.query); let parent = item.parentElement; while (parent && parent.id !== "boesList") { if (parent.tagName === "UL") { parent.style.display = "block"; const parentLi = parent.parentElement; if (parentLi.tagName === "LI") { parentLi.classList.add("expanded"); parentLi.setAttribute("aria-expanded", "true"); } } parent = parent.parentElement; } }); } // Función auxiliar para resaltar texto function highlightText(element, query) { const innerHTML = element.innerHTML; const regex = new RegExp(`(${query})`, 'gi'); element.innerHTML = innerHTML.replace(regex, '$1'); } // Función auxiliar para verificar si algún descendiente tiene el resalte function hasHighlightedDescendant(element) { const descendants = element.querySelectorAll(".highlight"); return descendants.length > 0; } }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Manejo de clic en íconos de toggle en Índice Jerárquico document.getElementById("hierarchyTree").addEventListener("click", function(e) { if (e.target.classList.contains("toggle-icon")) { const parentLi = e.target.closest('li'); parentLi.classList.toggle("expanded"); const isExpanded = parentLi.classList.contains("expanded"); parentLi.setAttribute("aria-expanded", isExpanded); } }); // Manejo de clic en íconos de toggle en GAIA BoES document.getElementById("boesList").addEventListener("click", function(e) { if (e.target.classList.contains("toggle-icon")) { const parentLi = e.target.closest('li'); parentLi.classList.toggle("expanded"); const isExpanded = parentLi.classList.contains("expanded"); parentLi.setAttribute("aria-expanded", isExpanded); } }); }); </script> ¡Claro! A continuación, te presento una **versión en Markdown** de tu página personalizada de **GAIA AIR**. Ten en cuenta que Markdown tiene limitaciones en cuanto a estilos y funcionalidades interactivas (como dark mode y búsquedas avanzadas). Sin embargo, he intentado mantener la estructura y el contenido lo más fiel posible. Para funcionalidades avanzadas, podrías considerar utilizar HTML embebido dentro del Markdown si tu plataforma lo permite (como en GitHub Pages o wikis de GitHub).---
title: "GAIA AIR - Página Personalizada"
description: "GAIA AIR - Sistemas Aeronáuticos Avanzados para gestión y mantenimiento aeronáutico."
keywords: "GAIA AIR, aeronáutica, mantenimiento, servicios al cliente, validaciones, auditorías"
author: "Robbbo-T"
robots: "index, follow"
canonical: "https://www.tusitio.com/gaia-air-personalizada"
---
<!-- Open Graph -->
<meta property="og:title" content="GAIA AIR - Página Personalizada">
<meta property="og:description" content="GAIA AIR - Página personalizada basada en la audiencia para gestión y mantenimiento aeronáutico.">
<meta property="og:url" content="https://www.tusitio.com/gaia-air-personalizada">
<meta property="og:type" content="website">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="GAIA AIR - Página Personalizada">
<meta name="twitter:description" content="GAIA AIR - Página personalizada basada en la audiencia para gestión y mantenimiento aeronáutico.">
<!-- DataTables CSS (Minificada) -->
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.min.css">
<!-- Estilos Externos -->
<link rel="stylesheet" href="css/styles.css">
<style>
/* Estilos Generales */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* Dark Mode */
body.dark-mode {
background-color: #121212;
color: #ffffff;
}
/* Ajusta otros elementos según sea necesario */
body.dark-mode header {
background-color: #1e1e1e;
}
body.dark-mode nav {
background-color: #1f1f1f;
}
body.dark-mode .section {
background-color: #1e1e1e;
box-shadow: 0 2px 5px rgba(255,255,255,0.1);
}
body.dark-mode .news-article, body.dark-mode .boes-article {
background-color: #1e1e1e;
box-shadow: 0 2px 5px rgba(255,255,255,0.1);
}
body.dark-mode a {
color: #1e90ff;
}
body.dark-mode .highlight {
background-color: #555555;
}
/* Header */
header {
background-color: #004080;
color: white;
padding: 20px 0;
text-align: center;
transition: background-color 0.3s ease;
}
/* Navegación con Flexbox */
nav {
display: flex;
justify-content: center;
background-color: #0066cc;
transition: background-color 0.3s ease;
position: relative; /* Para posicionar el botón de dark mode */
}
nav a {
flex: 1;
text-align: center;
color: white;
padding: 14px 20px;
text-decoration: none;
transition: background-color 0.3s ease;
}
nav a:hover, nav a[aria-current="page"] {
background-color: #005cbf;
}
/* Botón de Dark Mode */
#toggleDarkMode {
margin-left: auto;
padding: 10px;
background-color: transparent;
border: none;
cursor: pointer;
font-size: 1.2em;
color: white;
transition: color 0.3s ease;
}
body.dark-mode #toggleDarkMode {
color: #ffffff;
}
/* Contenedor Principal con CSS Grid */
.container {
display: grid;
grid-template-columns: 250px 1fr; /* Barra lateral y contenido principal */
gap: 20px;
padding: 20px;
}
/* Secciones */
.section {
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 5px;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.section h2 {
color: #004080;
margin-top: 0;
}
.section ul {
list-style: none;
padding: 0;
}
.section ul li {
margin: 10px 0;
}
.section ul li a {
color: #0066cc;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.section ul li a:hover {
text-decoration: underline;
}
/* Selección de Audiencia */
.audience-selection {
margin-bottom: 20px;
}
.audience-selection label {
font-weight: bold;
margin-right: 10px;
}
.audience-selection select {
padding: 5px;
font-size: 1em;
}
/* Índice Jerárquico */
.tree {
list-style: none;
padding-left: 20px;
}
.tree ul {
list-style: none;
padding-left: 20px;
display: none;
}
.tree li {
margin: 5px 0;
cursor: pointer;
position: relative;
}
.tree li span {
font-weight: bold;
color: #007BFF;
display: inline-flex;
align-items: center;
transition: color 0.3s ease;
}
.tree li span:hover {
text-decoration: underline;
}
.tree .expanded > ul {
display: block;
}
.highlight {
background-color: yellow;
}
.toggle-icon {
display: inline-block;
width: 1em;
transition: transform 0.3s ease;
margin-right: 5px;
}
.expanded > .toggle-icon {
transform: rotate(90deg);
}
/* Tabla Responsiva */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
vertical-align: top;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
/* Responsive Layout for Table */
@media screen and (max-width: 768px) {
table, thead, tbody, th, td, tr {
display: block;
}
th {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
}
td {
border: none;
position: relative;
padding-left: 50%;
}
td:before {
position: absolute;
top: 0;
left: 0;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
}
td:nth-of-type(1):before { content: "Número de Parte"; }
td:nth-of-type(2):before { content: "Denominación"; }
td:nth-of-type(3):before { content: "Efecto"; }
td:nth-of-type(4):before { content: "Desde"; }
td:nth-of-type(5):before { content: "Hasta"; }
td:nth-of-type(6):before { content: "Unidades"; }
td:nth-of-type(7):before { content: "PER"; }
td:nth-of-type(8):before { content: "ASSY"; }
}
/* Sección de Noticias */
.news-section {
grid-column: 1 / -1;
}
.news-article {
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 5px;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.news-article h2 {
color: #004080;
margin-top: 0;
}
.news-article p {
line-height: 1.6;
}
.news-article ul {
list-style: disc inside;
margin-left: 20px;
}
.news-article a {
color: #0066cc;
text-decoration: none;
transition: color 0.3s ease;
}
.news-article a:hover {
text-decoration: underline;
}
/* Sección GAIA BoES */
.boes-section {
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 5px;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.boes-section h2 {
color: #004080;
margin-top: 0;
}
.boes-section ul {
list-style: none;
padding: 0;
}
.boes-section ul li {
margin: 10px 0;
}
.boes-section ul li a {
color: #0066cc;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.boes-section ul li a:hover {
text-decoration: underline;
}
/* Responsive Layout for GAIA BoES Table */
@media screen and (max-width: 768px) {
.boes-section table {
display: block;
overflow-x: auto;
}
}
/* Animaciones Suaves */
.tree ul {
transition: all 0.3s ease;
}
</style>
</head>
<body>
<header>
<h1>GAIA AIR</h1>
<p>Sistema Aeronáutico Avanzado</p>
</header>
<nav aria-label="Navegación principal">
<a href="#tecnicos" aria-label="Ir a Técnicos de Mantenimiento">Técnicos de Mantenimiento</a>
<a href="#servicios" aria-label="Ir a Servicios al Cliente">Servicios al Cliente</a>
<a href="#consulta" aria-label="Ir a Consulta Técnica">Consulta Técnica</a>
<a href="#interface" aria-label="Ir a Transferencia de Información">Transferencia de Información</a>
<a href="#reguladores" aria-label="Ir a Sistemas Reguladores">Sistemas Reguladores</a>
<a href="#transversales" aria-label="Ir a Equipos Transversales">Equipos Transversales</a>
<!-- Botón de Dark Mode -->
<button id="toggleDarkMode" aria-label="Alternar modo oscuro">
🌙
</button>
</nav>
<main class="container">
<!-- Sección de Selección de Audiencia -->
<section class="section" id="audience-selection">
<h2>Personaliza tu Experiencia</h2>
<div class="audience-selection">
<label for="audienceSelect">Selecciona tu audiencia:</label>
<select id="audienceSelect" aria-label="Seleccionar audiencia">
<option value="">--Selecciona una opción--</option>
<option value="admin">Administradores</option>
<option value="tecnico">Técnicos</option>
<option value="cliente">Clientes</option>
</select>
</div>
</section>
<!-- Secciones de Contenido Basado en Audiencia -->
<section class="section" id="adminSection" aria-labelledby="adminHeading" style="display: none;">
<h2 id="adminHeading">Administradores</h2>
<p>Contenido exclusivo para administradores. Aquí puedes gestionar usuarios, revisar informes y configurar parámetros del sistema.</p>
<!-- Más contenido específico para administradores -->
</section>
<section class="section" id="tecnicoSection" aria-labelledby="tecnicoHeading" style="display: none;">
<h2 id="tecnicoHeading">Técnicos</h2>
<p>Contenido exclusivo para técnicos. Accede a manuales de mantenimiento, actualizaciones de equipos y programas de formación.</p>
<!-- Más contenido específico para técnicos -->
</section>
<section class="section" id="clienteSection" aria-labelledby="clienteHeading" style="display: none;">
<h2 id="clienteHeading">Clientes</h2>
<p>Contenido exclusivo para clientes. Consulta el estado de tus servicios, accede a soporte técnico y gestiona tus solicitudes.</p>
<!-- Más contenido específico para clientes -->
</section>
<!-- Sección de Noticias -->
<section class="section news-section" id="noticias">
<h2>Noticias</h2>
<div class="news-article">
<h2>Robbbo-T's GAIA-AIR: Tu Plataforma Integral para la Gestión Aeronáutica</h2>
<p><strong>Hola a todos,</strong></p>
<p>Estoy emocionado de presentarles <strong>Robbbo-T's GAIA-AIR</strong>, una iniciativa innovadora diseñada para transformar la gestión y operación en el ámbito aeronáutico. <strong>GAIA AIR</strong> es un sistema integral que sirve como punto de entrada para diversos grupos de usuarios, incluyendo técnicos de mantenimiento, servicios al cliente, equipos de consulta técnica, y sistemas reguladores para validaciones y auditorías, entre otros.</p>
<h3>¿Qué es GAIA AIR?</h3>
<p><strong>GAIA AIR</strong> es una plataforma avanzada que facilita la transferencia de información entre constructoras, operadoras y reguladores, optimizando los procesos de mantenimiento, servicio al cliente y cumplimiento normativo. Con un diseño intuitivo y adaptable, GAIA AIR está diseñada para mejorar la eficiencia operativa y asegurar la máxima calidad en todas las áreas de la gestión aeronáutica.</p>
<h3>Objetivos Principales:</h3>
<ol>
<li><strong>Centralizar Información:</strong> Unificar datos críticos de mantenimiento, manuales de servicio y herramientas en una sola plataforma accesible.</li>
<li><strong>Facilitar la Comunicación:</strong> Mejorar la transferencia de información entre diferentes actores del sector aeronáutico.</li>
<li><strong>Garantizar el Cumplimiento:</strong> Asegurar que todas las operaciones cumplan con las normativas y regulaciones vigentes mediante sistemas de validación y auditoría.</li>
<li><strong>Promover la Colaboración:</strong> Fomentar la colaboración entre equipos transversales para impulsar la innovación y la mejora continua.</li>
</ol>
<h3>Me encantaría conocer sus opiniones sobre los siguientes puntos:</h3>
<ol>
<li><strong>Marco Conceptual:</strong> ¿Cómo imaginan que los principios fundamentales de GAIA AIR pueden adaptarse para abordar los desafíos actuales en la gestión aeronáutica?</li>
<li><strong>Aplicaciones Potenciales:</strong> ¿En qué áreas específicas creen que GAIA AIR podría tener el mayor impacto? (e.g., mantenimiento predictivo, gestión de inventarios, atención al cliente)</li>
<li><strong>Oportunidades de Colaboración:</strong> ¿Qué habilidades o conocimientos específicos les gustaría aportar o ver integrados en GAIA AIR para enriquecer la plataforma?</li>
<li><strong>Mejoras y Funcionalidades:</strong> ¿Qué funcionalidades adicionales consideran esenciales para optimizar la experiencia de los usuarios de GAIA AIR?</li>
</ol>
<h3>¿Cómo Puedes Contribuir?</h3>
<ul>
<li><strong>Desarrolladores y Técnicos:</strong> Ayuda a optimizar y expandir las funcionalidades técnicas de la plataforma.</li>
<li><strong>Expertos en Normativas:</strong> Colabora en la integración de sistemas de validación y auditoría para garantizar el cumplimiento regulatorio.</li>
<li><strong>Diseñadores UX/UI:</strong> Mejora la experiencia de usuario y la interfaz de la plataforma para hacerla más intuitiva y accesible.</li>
<li><strong>Profesionales de Atención al Cliente:</strong> Comparte estrategias para mejorar la interacción y el soporte a los usuarios finales.</li>
</ul>
<h3>¡Hagamos de GAIA AIR una Herramienta Revolucionaria!</h3>
<p>Tu participación es fundamental para el éxito de <strong>GAIA AIR</strong>. Comparte tus ideas, realiza preguntas o sugiere maneras en las que podemos colaborar para desarrollar esta plataforma al máximo de su potencial. Juntos, podemos construir una solución que redefina la gestión aeronáutica y beneficie a todos los involucrados en la industria.</p>
<p><strong>Esperando con interés nuestras conversaciones y colaboraciones futuras!</strong></p>
<p><strong>Saludos cordiales,<br> Robbbo-T</strong></p>
</div>
</section>
<!-- Índice Jerárquico Buscable -->
<section class="section">
<h2>Índice Jerárquico Buscable</h2>
<input type="text" id="searchInput" placeholder="Buscar por número de parte o descripción..." style="width: 100%; padding: 10px; margin-bottom: 20px;">
<ul id="hierarchyTree" class="tree" role="tree">
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>1 - Sistema de Propulsión</span>
<ul role="group">
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>1.1 - Motor Principal</span>
<ul role="group">
<li role="treeitem"><span>1.1.1 - Turbina</span></li>
<li role="treeitem"><span>1.1.2 - Compresor</span></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>1.2 - Sistema de Combustible</span>
<ul role="group">
<li role="treeitem"><span>1.2.1 - Tanques de Combustible</span></li>
<li role="treeitem"><span>1.2.2 - Bombas de Combustible</span></li>
</ul>
</li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>2 - Sistema de Control de Vuelo</span>
<ul role="group">
<li role="treeitem"><span>2.1 - Computadora de Vuelo</span></li>
<li role="treeitem"><span>2.2 - Sensores de Navegación</span></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>3 - Sistema Eléctrico</span>
<ul role="group">
<li role="treeitem"><span>3.1 - Generadores</span></li>
<li role="treeitem"><span>3.2 - Distribución Eléctrica</span></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>4 - Sistema de Comunicaciones</span>
<ul role="group">
<li role="treeitem"><span>4.1 - Transceptores</span></li>
<li role="treeitem"><span>4.2 - Antenas</span></li>
</ul>
</li>
<!-- Puedes añadir más secciones según necesites -->
</ul>
</section>
<!-- Sección GAIA BoES -->
<section class="section boes-section" id="boes">
<h2>Boletín Oficial del Estado del Sistema (GAIA BoES)</h2>
<input type="text" id="boesSearch" placeholder="Buscar en BoES..." style="width: 100%; padding: 10px; margin-bottom: 20px;">
<ul id="boesList" class="tree" role="tree">
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>Publicación 1</span>
<ul role="group">
<li role="treeitem"><span>Detalle de Publicación 1</span></li>
<!-- Más detalles -->
</ul>
</li>
<li role="treeitem" aria-expanded="false">
<span><span class="toggle-icon" aria-hidden="true">▶</span>Publicación 2</span>
<ul role="group">
<li role="treeitem"><span>Detalle de Publicación 2</span></li>
<!-- Más detalles -->
</ul>
</li>
<!-- Más publicaciones -->
</ul>
</section>
<!-- Sección de Anexos con Tabla de Partes y Componentes -->
<section class="section" id="tablas">
<h2>6.1 - Tablas Técnicas y Especificaciones de Componentes</h2>
<table id="partsTable">
<thead>
<tr>
<th>Número de Parte</th>
<th>Denominación</th>
<th>Efecto</th>
<th>Desde</th>
<th>Hasta</th>
<th>Unidades</th>
<th>PER</th>
<th>ASSY</th>
</tr>
</thead>
<tbody>
<tr>
<td>S1002100001-001</td>
<td>SYSTEM, AIR CONDITIONING</td>
<td>001500</td>
<td>RF</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>264A020000</td>
<td>
.CONVERTER, OZONE (VF1958)<br>
(LIFE LIMITED ITEM)<br>
(OPTIONAL P/N 264A030000 FOR A/C 20003 AND 20005)<br>
(FUTURE PROC: 264A030000)<br>
(DISCARDED AMM PARTS: E-SEAL PN EIS0037031440P0 OR A0250102-9)<br>
(PRE SB 100-21-02)<br>
(REF CMM 21-51-71)
</td>
<td>001038</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>264A030000</td>
<td>
.CONVERTER, OZONE (VF1958)<br>
(LIFE LIMITED ITEM)<br>
(DISCARDED AMM PARTS: E-SEAL PN EIS0037031440P0 OR A0250102-9)<br>
(POST SB 100-21-02)<br>
(REF CMM 21-51-71)
</td>
<td>006038</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>264A030000</td>
<td>
.CONVERTER, OZONE (VF1958)<br>
(LIFE LIMITED ITEM)<br>
(DISCARDED AMM PARTS: E-SEAL PN EIS0037031440P0 OR A0250102-9)<br>
(REF CMM 21-51-71)
</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>264A040000</td>
<td>
.CONVERTER, OZONE (VF1958)<br>
(LIFE LIMITED ITEM)<br>
(DISCARDED AMM PARTS: E-SEAL PN EIS0037031440P0 OR A0250102-9)<br>
(REF CMM 21-51-71)
</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS77-3-005</td>
<td>.BUSHING-FLANGED, PRESS FIT</td>
<td>001500</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS77-5-005</td>
<td>.BUSHING-FLANGED, PRESS FIT</td>
<td>001500</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1005355700-001</td>
<td>DUCTING INSTL, ACS BLEED, FUSELAGE (AFT)</td>
<td>001500</td>
<td>RF</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>EIS0037031440P0</td>
<td>
.E-SEAL, DUCT, 2 INCH (VU1596)<br>
(TRUE PN EIS003703144OPO)
</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>A0250102-9</td>
<td>.E-SEAL, DUCT, 2 INCH (VF1958)</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>BA56108-1</td>
<td>.COUPLING, V-BAND, 2 INCH (VF1958)</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>VC1443A200Z</td>
<td>
.COUPLING, V-BAND (V14242)<br>
(TRUE PN VC1443A-200-Z)
</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>20202-3</td>
<td>
.COVER, COUPLING (VF1958)<br>
(OPTIONAL P/N 20202-11 FOR A/C 20078-20086)<br>
(FUTURE PROC:20202-11)
</td>
<td>001086</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>20202-11</td>
<td>.COVER, COUPLING (VF1958)</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS6703DU14</td>
<td>.BOLT, DRILLED, HEX HD</td>
<td>001500</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS73-3E004</td>
<td>.BUSHING</td>
<td>001500</td>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>NAS1149C0332R</td>
<td>.WASHER, FLAT</td>
<td>001500</td>
<td>8</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>MS21225-3</td>
<td>.NUT, SELF-LKG, CSTL</td>
<td>001500</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</section>
</main>
<footer>
<p>© 2024 GAIA AIR. Todos los derechos reservados.</p>
<p>Contacto: <a href="mailto:info@gaiaair.com">info@gaiaair.com</a></p>
</footer>
<!-- Scripts -->
<!-- jQuery (Minificado) -->
<script src="js/jquery.min.js" defer></script>
<!-- DataTables JS (Minificado) -->
<script src="js/jquery.dataTables.min.js" defer></script>
<!-- Fuse.js para Búsqueda Avanzada -->
<script src="https://cdn.jsdelivr.net/npm/fuse.js@6.4.6/dist/fuse.min.js" defer></script>
<!-- Archivos JavaScript Externos -->
<script src="js/main.js" defer></script>
<script src="js/tree.js" defer></script>
<!-- Script para Dark Mode y Configuración de Audiencia -->
<script>
document.addEventListener("DOMContentLoaded", function() {
const toggleDarkModeButton = document.getElementById("toggleDarkMode");
const darkModeClass = "dark-mode";
const audienceSelect = document.getElementById("audienceSelect");
// Funcionalidad de Dark Mode
if (localStorage.getItem("theme") === "dark") {
document.body.classList.add(darkModeClass);
toggleDarkModeButton.textContent = "☀️";
}
toggleDarkModeButton.addEventListener("click", function() {
document.body.classList.toggle(darkModeClass);
if (document.body.classList.contains(darkModeClass)) {
toggleDarkModeButton.textContent = "☀️";
localStorage.setItem("theme", "dark");
} else {
toggleDarkModeButton.textContent = "🌙";
localStorage.setItem("theme", "light");
}
});
// Funcionalidad de Configuración de Audiencia
if (localStorage.getItem("audience")) {
audienceSelect.value = localStorage.getItem("audience");
showAudienceContent(localStorage.getItem("audience"));
}
audienceSelect.addEventListener("change", function() {
const selectedAudience = this.value;
localStorage.setItem("audience", selectedAudience);
showAudienceContent(selectedAudience);
});
function showAudienceContent(audience) {
// Ocultar todas las secciones de audiencia
document.getElementById("adminSection").style.display = "none";
document.getElementById("tecnicoSection").style.display = "none";
document.getElementById("clienteSection").style.display = "none";
// Mostrar la sección correspondiente
if (audience === "admin") {
document.getElementById("adminSection").style.display = "block";
} else if (audience === "tecnico") {
document.getElementById("tecnicoSection").style.display = "block";
} else if (audience === "cliente") {
document.getElementById("clienteSection").style.display = "block";
}
}
});
</script>
<!-- Script para Búsqueda en Índice Jerárquico y BoES -->
<script>
document.addEventListener("DOMContentLoaded", function() {
// Inicialización de DataTables
$('#partsTable').DataTable({
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json"
}
});
// Funcionalidades de Búsqueda con Fuse.js
const options = {
keys: ['text'],
threshold: 0.3
};
// Búsqueda en Índice Jerárquico
const data = Array.from(document.querySelectorAll("#hierarchyTree li span"))
.map(span => ({
text: span.textContent.trim().toLowerCase(),
element: span.parentElement
}));
const fuse = new Fuse(data, options);
document.getElementById("searchInput").addEventListener("input", function(e) {
const query = e.target.value.toLowerCase();
if (query === "") {
resetTreeSearch();
return;
}
const results = fuse.search(query);
handleTreeSearchResults(results);
});
function resetTreeSearch() {
document.querySelectorAll(".tree li").forEach(item => {
item.style.display = "none";
item.classList.remove("highlight");
// Reset highlights
item.querySelectorAll('.highlight').forEach(span => {
span.outerHTML = span.innerHTML;
});
});
document.querySelectorAll(".tree > li").forEach(item => {
item.style.display = "block";
item.classList.remove("expanded");
item.setAttribute("aria-expanded", "false");
});
}
function handleTreeSearchResults(results) {
resetTreeSearch();
results.forEach(result => {
const item = result.item.element;
item.style.display = "block";
highlightText(item.querySelector('span'), result.query);
let parent = item.parentElement;
while (parent && parent.id !== "hierarchyTree") {
if (parent.tagName === "UL") {
parent.style.display = "block";
const parentLi = parent.parentElement;
if (parentLi.tagName === "LI") {
parentLi.classList.add("expanded");
parentLi.setAttribute("aria-expanded", "true");
}
}
parent = parent.parentElement;
}
});
// Opcional: ocultar ramas que no tienen elementos resaltados
document.querySelectorAll(".tree li").forEach(item => {
if (!item.classList.contains("highlight") && !hasHighlightedDescendant(item)) {
item.style.display = "none";
}
});
}
// Búsqueda en GAIA BoES
const boesOptions = {
keys: ['text'],
threshold: 0.3
};
const boesData = Array.from(document.querySelectorAll("#boesList li span"))
.map(span => ({
text: span.textContent.trim().toLowerCase(),
element: span.parentElement
}));
const boesFuse = new Fuse(boesData, boesOptions);
document.getElementById("boesSearch").addEventListener("input", function(e) {
const query = e.target.value.toLowerCase();
if (query === "") {
resetBoESSearch();
return;
}
const results = boesFuse.search(query);
handleBoESSearchResults(results);
});
function resetBoESSearch() {
document.querySelectorAll("#boesList li").forEach(item => {
item.style.display = "none";
item.classList.remove("highlight");
// Reset highlights
item.querySelectorAll('.highlight').forEach(span => {
span.outerHTML = span.innerHTML;
});
});
document.querySelectorAll("#boesList > li").forEach(item => {
item.style.display = "block";
item.classList.remove("expanded");
item.setAttribute("aria-expanded", "false");
});
}
function handleBoESSearchResults(results) {
resetBoESSearch();
results.forEach(result => {
const item = result.item.element;
item.style.display = "block";
highlightText(item.querySelector('span'), result.query);
let parent = item.parentElement;
while (parent && parent.id !== "boesList") {
if (parent.tagName === "UL") {
parent.style.display = "block";
const parentLi = parent.parentElement;
if (parentLi.tagName === "LI") {
parentLi.classList.add("expanded");
parentLi.setAttribute("aria-expanded", "true");
}
}
parent = parent.parentElement;
}
});
}
// Función auxiliar para resaltar texto
function highlightText(element, query) {
const innerHTML = element.innerHTML;
const regex = new RegExp(`(${query})`, 'gi');
element.innerHTML = innerHTML.replace(regex, '<span class="highlight">$1</span>');
}
// Función auxiliar para verificar si algún descendiente tiene el resalte
function hasHighlightedDescendant(element) {
const descendants = element.querySelectorAll(".highlight");
return descendants.length > 0;
}
});
</script>
<!-- Script para Manejo de Árbol Jerárquico -->
<script>
document.addEventListener("DOMContentLoaded", function() {
// Manejo de clic en íconos de toggle en Índice Jerárquico
document.getElementById("hierarchyTree").addEventListener("click", function(e) {
if (e.target.classList.contains("toggle-icon")) {
const parentLi = e.target.closest('li');
parentLi.classList.toggle("expanded");
const isExpanded = parentLi.classList.contains("expanded");
parentLi.setAttribute("aria-expanded", isExpanded);
}
});
// Manejo de clic en íconos de toggle en GAIA BoES
document.getElementById("boesList").addEventListener("click", function(e) {
if (e.target.classList.contains("toggle-icon")) {
const parentLi = e.target.closest('li');
parentLi.classList.toggle("expanded");
const isExpanded = parentLi.classList.contains("expanded");
parentLi.setAttribute("aria-expanded", isExpanded);
}
});
});
</script>
</body>
</html>-
Encabezados y Párrafos: Se han convertido los elementos
<h1>,<h2>,<h3>,<p>,<ol>, y<ul>directamente a su equivalente en Markdown. -
Listas y Tablas: Las listas ordenadas y desordenadas se han convertido utilizando la sintaxis estándar de Markdown. Las tablas también se han convertido, aunque las celdas con contenido HTML (como
<br>) se han dejado en HTML dentro de las celdas de la tabla para mantener el formato.
-
Enlaces de Navegación: Los enlaces de navegación (
<a>) se han convertido utilizando la sintaxis[Texto](#ancla)de Markdown. - Botón de Dark Mode: El botón de dark mode se mantiene como HTML debido a su funcionalidad interactiva.
-
Listas Jerárquicas: Las listas jerárquicas (
<ul>y<li>) se han convertido directamente a listas anidadas en Markdown. - Interactividad: Para mantener la interactividad de la expansión y contracción de las listas jerárquicas, se ha mantenido parte del HTML necesario, ya que Markdown puro no soporta esta funcionalidad.
- Contenido Detallado: El contenido detallado dentro de las secciones de noticias y BoES se ha mantenido en formato Markdown, con encabezados y listas para estructurar la información.
-
Tablas: Las tablas se han convertido utilizando la sintaxis de tablas de Markdown. Sin embargo, las celdas con múltiples líneas y etiquetas HTML como
<br>se han dejado en HTML dentro de las celdas para mantener el formato adecuado.
-
CSS y JavaScript: Las etiquetas
<style>y<script>se han mantenido como bloques de código HTML dentro del documento Markdown, ya que Markdown no soporta la inclusión directa de CSS o JavaScript. Si estás utilizando una plataforma que permite HTML embebido (como GitHub Pages), estos estilos y scripts deberían funcionar correctamente. - Dark Mode y Funcionalidades Interactivas: Las funcionalidades como dark mode y búsqueda avanzada se mantienen a través de scripts JavaScript embebidos. Asegúrate de que tu plataforma soporte la ejecución de estos scripts.
- Pie de Página: El pie de página se ha convertido directamente a Markdown utilizando párrafos y enlaces.
- Compatibilidad: Asegúrate de que tu plataforma de destino (como GitHub Wiki) soporte la inclusión de HTML embebido para aprovechar completamente las funcionalidades interactivas y estilos personalizados.
-
Estilos Externos: Si tienes archivos CSS externos (
styles.cssyjquery.dataTables.min.css), asegúrate de que estén correctamente vinculados en tu entorno de Markdown o incorpóralos directamente si es necesario.
Aquí tienes una vista previa simplificada de cómo se vería parte del contenido en Markdown:
# GAIA AIR
Sistema Aeronáutico Avanzado
## Personaliza tu Experiencia
**Selecciona tu audiencia:**
- Administradores
- Técnicos
- Clientes
## Administradores
Contenido exclusivo para administradores. Aquí puedes gestionar usuarios, revisar informes y configurar parámetros del sistema.
## Técnicos
Contenido exclusivo para técnicos. Accede a manuales de mantenimiento, actualizaciones de equipos y programas de formación.
## Clientes
Contenido exclusivo para clientes. Consulta el estado de tus servicios, accede a soporte técnico y gestiona tus solicitudes.
## Noticias
### Robbbo-T's GAIA-AIR: Tu Plataforma Integral para la Gestión Aeronáutica
Hola a todos,
Estoy emocionado de presentarles **Robbbo-T's GAIA-AIR**, una iniciativa innovadora diseñada para transformar la gestión y operación en el ámbito aeronáutico. **GAIA AIR** es un sistema integral que sirve como punto de entrada para diversos grupos de usuarios, incluyendo técnicos de mantenimiento, servicios al cliente, equipos de consulta técnica, y sistemas reguladores para validaciones y auditorías, entre otros.
#### ¿Qué es GAIA AIR?
**GAIA AIR** es una plataforma avanzada que facilita la transferencia de información entre constructoras, operadoras y reguladores, optimizando los procesos de mantenimiento, servicio al cliente y cumplimiento normativo. Con un diseño intuitivo y adaptable, GAIA AIR está diseñada para mejorar la eficiencia operativa y asegurar la máxima calidad en todas las áreas de la gestión aeronáutica.
#### Objetivos Principales:
1. **Centralizar Información:** Unificar datos críticos de mantenimiento, manuales de servicio y herramientas en una sola plataforma accesible.
2. **Facilitar la Comunicación:** Mejorar la transferencia de información entre diferentes actores del sector aeronáutico.
3. **Garantizar el Cumplimiento:** Asegurar que todas las operaciones cumplan con las normativas y regulaciones vigentes mediante sistemas de validación y auditoría.
4. **Promover la Colaboración:** Fomentar la colaboración entre equipos transversales para impulsar la innovación y la mejora continua.
#### ¿Cómo Puedes Contribuir?
- **Desarrolladores y Técnicos:** Ayuda a optimizar y expandir las funcionalidades técnicas de la plataforma.
- **Expertos en Normativas:** Colabora en la integración de sistemas de validación y auditoría para garantizar el cumplimiento regulatorio.
- **Diseñadores UX/UI:** Mejora la experiencia de usuario y la interfaz de la plataforma para hacerla más intuitiva y accesible.
- **Profesionales de Atención al Cliente:** Comparte estrategias para mejorar la interacción y el soporte a los usuarios finales.
## Índice Jerárquico Buscable
- [1 - Sistema de Propulsión](#)
- [1.1 - Motor Principal](#)
- [1.1.1 - Turbina](#)
- [1.1.2 - Compresor](#)
- [1.2 - Sistema de Combustible](#)
- [1.2.1 - Tanques de Combustible](#)
- [1.2.2 - Bombas de Combustible](#)
- [2 - Sistema de Control de Vuelo](#)
- [2.1 - Computadora de Vuelo](#)
- [2.2 - Sensores de Navegación](#)
- [3 - Sistema Eléctrico](#)
- [3.1 - Generadores](#)
- [3.2 - Distribución Eléctrica](#)
- [4 - Sistema de Comunicaciones](#)
- [4.1 - Transceptores](#)
- [4.2 - Antenas](#)
## Boletín Oficial del Estado del Sistema (GAIA BoES)
### Publicación 1
Detalle de Publicación 1
### Publicación 2
Detalle de Publicación 2
## 6.1 - Tablas Técnicas y Especificaciones de Componentes
| Número de Parte | Denominación | Efecto | Desde | Hasta | Unidades | PER | ASSY |
|--------------------|--------------------------------------------------------------------------------------------------------------------------|--------|-------|-------|----------|------|------|
| S1002100001-001 | SYSTEM, AIR CONDITIONING | 001500 | RF | | | | |
| 264A020000 | .CONVERTER, OZONE (VF1958)<br>(LIFE LIMITED ITEM)<br>(OPTIONAL P/N 264A030000 FOR A/C 20003 AND 20005)<br>(FUTURE PROC: 264A030000)<br>(DISCARDED AMM PARTS: E-SEAL PN EIS0037031440P0 OR A0250102-9)<br>(PRE SB 100-21-02)<br>(REF CMM 21-51-71) | 001038 | 2 | | | | |
| ... | ... | ... | ... | ... | ... | ... | ... |- Dark Mode: Dado que Markdown no soporta directamente funcionalidades como dark mode, se ha mantenido el botón de toggle con JavaScript embebido. Asegúrate de que tu plataforma permita la ejecución de scripts para que esta funcionalidad funcione correctamente.
- Búsqueda Avanzada: La búsqueda en el índice jerárquico y BoES utiliza Fuse.js. Mantén los scripts correspondientes en archivos JavaScript externos y asegúrate de que estén correctamente vinculados en tu plataforma de destino.
-
CSS Externo: Los estilos externos (
styles.cssyjquery.dataTables.min.css) deben estar disponibles en tu entorno de publicación para que se apliquen correctamente. Si estás usando GitHub Pages, por ejemplo, puedes alojar estos archivos en el mismo repositorio.
- GitHub Wiki: Si estás utilizando GitHub Wiki, recuerda que puedes incluir HTML embebido para funcionalidades avanzadas que no son soportadas directamente por Markdown.
- Markdown Extensions: Algunas plataformas soportan extensiones de Markdown que permiten una mayor personalización y funcionalidades interactivas.
- Control de Versiones: Utiliza sistemas de control de versiones como Git para gestionar cambios y colaborar con otros miembros del equipo.
- Documentación: Mantén una documentación clara y actualizada de tu código y estructura de contenido para facilitar futuras expansiones y mantenimientos.
- Minificación: Aunque en Markdown no se puede minificar, asegúrate de que los archivos CSS y JS externos estén minificados para mejorar el rendimiento.
- SEO: Las meta etiquetas y las estructuras semánticas ayudan a mejorar el SEO. Asegúrate de que las páginas estén bien estructuradas y que las descripciones sean claras y concisas.
Esta versión en Markdown de tu página personalizada de GAIA AIR mantiene la estructura y el contenido esencial de la versión HTML, adaptándola a las capacidades de Markdown. Para funcionalidades avanzadas como dark mode, búsquedas interactivas y estilos personalizados, se han mantenido elementos HTML y scripts que deben ser gestionados adecuadamente en tu plataforma de destino.
Si necesitas ajustes adicionales, personalizaciones específicas o asistencia con la integración en una plataforma particular, no dudes en hacérmelo saber. ¡Estoy aquí para ayudarte a optimizar tu proyecto!