Historial de página
| Procura |
|---|
| HTML |
|---|
<!DOCTYPE html>
<html lang="gl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Xerador de Guías Interactivas (Cores Personalizadas)</title>
<!-- O CSS foi eliminado de aquí e pasarase a JavaScript para aplicalo en liña -->
</head>
<body>
<!-- O contedor principal agora só necesita o ID. O estilo aplicarase con JS -->
<div id="guiaInteractivaContedor">
<!-- O JavaScript encherá isto -->
</div>
<script>
// ---------------------------------------------------------------------------
// --- SECCIÓN DE ESTILOS EN LIÑA: CORES ACTUALIZADAS ---
// ---------------------------------------------------------------------------
const STYLES = {
mainContainer: `
font-family: sans-serif !important;
line-height: 1.5 !important;
width: 100% !important;
max-width: 750px !important;
margin: 20px auto !important;
background-color: #ffffff !important;
border: 1px solid #dee2e6 !important;
padding: 15px !important;
border-radius: 4px !important;
text-align: left !important;
`,
header: `
text-align: center !important;
margin-bottom: 20px !important;
`,
headerH1: `
font-size: 1.5em !important;
font-weight: bold !important;
margin-bottom: 5px !important;
color: #343a40 !important;
`,
headerP: `
font-size: 1em !important;
margin-top: 5px !important;
color: #6c757d !important;
`,
pasoRenderizado: `
padding: 15px !important;
border: 1px solid #e9ecef !important;
border-radius: 3px !important;
margin-bottom: 15px !important;
background-color: #f8f9fa !important;
`,
pasoH2: `
font-size: 1.25em !important;
font-weight: bold !important;
margin-bottom: 10px !important;
color: #343a40 !important;
`,
pasoH3: `
font-size: 1.1em !important;
font-weight: bold !important;
margin-bottom: 8px !important;
margin-top: 10px !important;
color: #495057 !important;
`,
pasoTexto: `
margin-bottom: 12px 08px !important;
font-size: 0.95em !important;
color: #495057 !important;
`,
pasoLista: `
padding-left: 25px !important;
margin-bottom: 8px !important;
`,
btnGuia: `
// NOVO ESTILO PARA AS IMAXES DA GUÍA
background-color: #6c757d !important;guiaImagen: `
colormax-width: white100% !important;
borderheight: 1pxauto solid #5a6268 !important;
paddingborder: 1px 10pxsolid 15px#ced4da !important;
border-radius: 4px !important;
fontmargin-weighttop: bold10px !important;
cursormargin-bottom: pointer10px !important;
font-sizedisplay: 0.9emblock !important;
`,
text-align: center !important; btnGuia: `
displaybackground-color: block#6c757d !important;
text-decorationcolor: nonewhite !important;
box-shadow: noneborder: 1px solid #5a6268 !important;
widthpadding: 100%10px 15px !important;
border-radius: 4px !important; `,
// O hover para os botóns grises aplicarase con JS
font-weight: bold !important;
btnGuiaReiniciar: `cursor: pointer !important;
backgroundfont-colorsize: #c6007e0.9em !important;
bordertext-coloralign: #a10066center !important;
display: inline-block !important;
widthtext-decoration: autonone !important;
`,
box-shadow: none !important;
// O hover para o botón de reiniciar aplicarase con JS width: 100% !important;
decisionButtonsContainer: `,
displaybtnGuiaReiniciar: flex !important; `
flexbackground-directioncolor: column#c6007e !important;
gapborder-color: 8px#a10066 !important;
margin-topdisplay: 15pxinline-block !important;
align-itemswidth: centerauto !important;
`,
reiniciarBtnContainerdecisionButtonsContainer: `
text-aligndisplay: centerflex !important;
marginflex-topdirection: 20pxcolumn !important;
`,
gap: 8px highlight: `!important;
backgroundmargin-colortop: #e9ecef15px !important;
paddingalign-items: 8pxcenter !important;
`,
border-radius: 3px !important;reiniciarBtnContainer: `
bordertext-leftalign: 3px solidcenter #6c757d !important;
margin: 10px 0 !important;
font-size: 0.85em-top: 20px !important;
`,
footerhighlight: `
textbackground-aligncolor: center#e9ecef !important;
margin-toppadding: 20px8px !important;
paddingborder-radius: 10px3px !important;
backgroundborder-colorleft: 3px #f8f9fasolid #6c757d !important;
border-topmargin: 1px10px solid #dee2e60 !important;
font-size: 0.9em85em !important;
`,
footerH3footer: `
fonttext-sizealign: 1emcenter !important;
fontmargin-weighttop: bold20px !important;
margin-bottompadding: 5px10px !important;
background-color: #343a40#f8f9fa !important;
`
border-top: 1px solid #dee2e6 }!important;
// ---------------------------------------------------------------------------
// --- SECCIÓN DE DATOS DA GUÍA: MODIFICA ESTA PARTE PARA A TÚA GUÍA ---font-size: 0.9em !important;
`,
// ---------------------------------------------------------------------------
footerH3: `
const DATOS_GUIA = {
font-size: 1em !important; tituloGuia:
"Guía Interactiva: Problemas de Acceso á Conta",
subtituloGuiafont-weight: "Sigue os pasos para atopar a túa solución.",bold !important;
pasoInicialId: "pasoInicial",
pasos: [
{margin-bottom: 5px !important;
color: id: "pasoInicial",#343a40 !important;
`
tipo: "pregunta",};
titulo: 'Primeiro, axúdanos a entender o problema:<span class="step-icon">🤔</span>',
// ---------------------------------------------------------------------------
// --- SECCIÓN DE DATOS DA GUÍA: MODIFICA ESTA PARTE PARA A TÚA GUÍA ---
// ---------------------------------------------------------------------------
const DATOS_GUIA = {
tituloGuia: "Guía Interactiva: Problemas de Acceso á Conta",
subtituloGuia: "Sigue os pasos para atopar a túa solución.",
pasoInicialId: "pasoInicial",
pasos: [
{
id: "pasoInicial",
tipo: "pregunta",
titulo: '<span aria-hidden="true">🤔</span> Primeiro, axúdanos a entender o problema:',
contidoHTML: `<p style="${STYLES.pasoTexto}">Que sucede cando intentas acceder á túa conta?</p>`,
opcions: [
{ texto_boton: 'Recibo unha mensaxe de "contrasinal incorrecto" ou "credenciais non válidas"', destino_id: "diagnosticoContrasinalMensaxe" },
{ texto_boton: 'Tras escribir o meu usuario e contrasinal, pídeme un código que non chega ou queda na fase de autenticación', destino_id: "diagnosticoMFAMensaxe" },
{ texto_boton: 'Non estou seguro. Axúdame a distinguir', destino_id: "guiaDistinguir" }
]
},
{
id: "guiaDistinguir",
tipo: "pregunta",
titulo: '<span aria-hidden="true">🔍</span> Axudámosche a distinguir:',
contidoHTML: `
<p style="${STYLES.pasoTexto}">Se ves unha mensaxe clara de <strong>"contrasinal incorrecto"</strong>, <strong>"credenciais non válidas"</strong>, ou similar <strong>ANTES</strong> de calquera solicitude de segundo factor...</p>
<!-- EXEMPLO DE COMO INSERIR UNHA IMAXE -->
<img contidoHTML:
"<p>Que sucede cando intentas acceder á túa conta?</p>",
opcions: [
src="https://placehold.co/600x150/f8f9fa/6c757d?text=Exemplo+de+erro+de+contrasinal"
alt="Captura de pantalla { texto_boton: 'Recibo unha mensaxede exemplo mostrando un erro de "contrasinal incorrecto." ou
"credenciais non válidas"', destino_id: "diagnosticoContrasinalMensaxe" },
style="${STYLES.guiaImagen}"
{ texto_boton: 'Tras escribir o meu usuario e contrasinal, pídeme un código que non chega ou queda na fase de autenticación', destino_id: "diagnosticoMFAMensaxe" },
>
{ texto_boton: 'Non estou seguro. Axúdame a distinguir', destino_id: "guiaDistinguir" }
<p style="${STYLES.highlight}">➡️ O máis probable é un ]
problema co teu <strong>CONTRASINAL</strong>.</p>
},
{
id: "guiaDistinguir",
tipo: "pregunta",
<p style="margin-top: 15px !important; ${STYLES.pasoTexto}">En cambio, se o sistema <strong>ACEPTA</strong> o teu contrasinal (non hai erro inmediato de contrasinal) e despois:</p>
titulo: '<span<ul classstyle="step-icon">🔍</span>Axudámosche a distinguir:',${STYLES.pasoLista}">
contidoHTML: `
<li>Solicita un código/aprobación que non chega (Microsoft Authenticator, SMS, chamada).</li>
<p style="${STYLES.pasoTexto}">Se ves unha mensaxe clara de <strong>"contrasinal incorrecto"</strong>, <strong>"credenciais non válidas"</strong>, ou similar <strong>ANTES</strong> de calquera solicitude de segundo factor...</p>
<li>Mostra un erro específico do dobre factor.</li>
<p style="${STYLES.highlight}">➡️ O máis probable é un problema co teu <strong>CONTRASINAL</strong>.</p>
</br>
<li>A páxina non avanza ou queda "pensando" despois de pedir o segundo factor.</li>
<p style="${STYLES.pasoTexto}">En cambio, se o sistema <strong>ACEPTA</strong> o teu contrasinal (non hai erro inmediato de contrasinal) e despois:</p>ul>
<ul<p style="${STYLES.pasoListahighlight}">
>➡️ O máis probable é un problema co <strong>DOBRE FACTOR</strong>.</p>
<li>Solicita un código/aprobación que non chega (Microsoft Authenticator, SMS, chamada).</li>
<div style="margin-top: 15px <li>Mostra un erro específico do dobre factor.</li>
!important; ${STYLES.highlight}">
<p style="${STYLES.pasoTexto}"><span aria-hidden="true">ℹ️</span> <strong>Nota:</strong> Pode que os <li>Adistintos páxinaservizos nonda avanzaUDC oumostren quedaunha "pensando"pantalla despoislixeiramente dediferente, pedirpero o funcionamento é segundoo factormesmo.</li>p>
</ul>div>`,
opcions: [
<p style="${STYLES.highlight}">➡️ O máis probable é un problema co <strong>DOBRE FACTOR</strong>.</p>
</br></br>
{ texto_boton: 'Entendido, creo que é o contrasinal', destino_id: "diagnosticoContrasinalMensaxe" },
<div style="${STYLES.highlight}">
{ texto_boton: 'Entendido, creo que é o dobre factor <p style="${STYLES.pasoTexto}"><span>ℹ️</span><strong>Nota:</strong> Pode que os distintos servizos da UDC mostren unha pantalla lixeiramente diferente, pero o funcionamento é o mesmo.</p>
(MFA)', destino_id: "diagnosticoMFAMensaxe" }
]
},
</div>`,
{
opcions: [
id: "diagnosticoContrasinalMensaxe",
{ texto_boton: 'Entendido, creo que é o contrasinal', destino_id tipo: "diagnosticoContrasinalMensaxepregunta" },
titulo: '<span aria-hidden="true">🔒</span> Problema de Contrasinal',
{ texto_boton: 'Entendido, creo que é o dobre factor (MFA)', destino_id: "diagnosticoMFAMensaxe" }
] contidoHTML: `<p>De acordo, imos seguir os pasos para recuperar o teu contrasinal.</p><p>Tes configurada unha conta de correo electrónico de recuperación?</p>`,
},
opcions: [
{
{ texto_boton: 'Si, teño correo de recuperación', destino_id: "diagnosticoContrasinalMensaxesolucionContrasinalCasoA" },
tipo: "pregunta",
{ texto_boton: 'Non, ou non estou seguro', destino_id: "preguntaCertificado" }
titulo: '🔒 Problema de Contrasinal',
]
contidoHTML: `<p>De acordo},
imos seguir os pasos para recuperar o teu contrasinal.</p><p>Tes configurada unha conta de correo electrónico de recuperación?</p>`, {
opcionsid: ["solucionContrasinalCasoA",
{ texto_boton: 'Si, teño correo de recuperación', destino_id: "solucionContrasinalCasoA" }tipo: "solucion",
{ texto_botontitulo: 'Non, ou non estou seguro', destino_id: "preguntaCertificado" }
<span aria-hidden="true">📧</span> Solución: recuperar con correo electrónico',
]
contidoHTML: `
},
{
<h3 style="${STYLES.pasoH3}">CASO A: Tes conta de correo de recuperación</h3>
id: "solucionContrasinalCasoA",
<p style="${STYLES.pasoTexto}">É a forma máis sinxela!</p>
tipo: "solucion",
titulo: '📧 Solución: recuperar con correo electrónico',
<ol style="${STYLES.pasoLista}">
contidoHTML: `
<li><strong>Accede</strong> á <a href="https://servizos.udc.es/activacion/recuperar-contrasinal" target="_blank">páxina de recuperación de contrasinal</a>.</li>
<h3 style="${STYLES.pasoH3}">CASO A: Tes conta de correo de recuperación</h3>
<li>Introduce o teu <strong>usuario</strong> (sen @udc.es).</li>
<p style="${STYLES.pasoTexto}">É a forma máis sinxela!</p>
<li>O sistema enviarache un correo á túa <strong>conta de recuperación</strong>.</li>
<ol style="${STYLES.pasoLista}">
<li><strong>Sigue as instrucións</strong> do correo para <li><strong>Accede</strong>establecer aun <a href="https://servizos.udc.es/activacion/recuperar-contrasinal" target="_blank">https://servizos.udc.es/activacion/recuperar-contrasinal</a>.novo contrasinal.</li>
</ol>
<li>Introduce o teu <strong>usuario</strong> (sen @udc.es).</li>
<div style="${STYLES.highlight}">
<li>O sistema enviarache un correo á túa <strong>conta de recuperación</strong>.</li>
<p style="${STYLES.pasoTexto}"><span aria-hidden="true">💡</span> <strong>LEMBRA!</strong> Recomendámosche actualizar a túa conta de correo de recuperación cando haxa cambios entrando no <li><strong>Sigue as instrucións</strong> do correo para establecer un novo contrasinal.</li><a href="https://servizos.udc.es" target="_blank">teu perfil de servizos</a>.</p>
</ol>
</br>div>
<div style="${STYLES.highlight}">
<p style="${STYLES.pasoTexto}"><span>💡</span><strong>LEMBRA!</strong> Recomendámosche actualizar a túa conta de correo de recuperación cando haxa cambios entrando no teu perfil
<a href="https://servizos.udc.es" target="_blank">https://servizos.udc.es</a>
</p>
</div>"><span aria-hidden="true">📖</span> <strong>Ver máis:</strong></p>
<div <ul style="${STYLES.highlightpasoLista}">
<p style="${STYLES.pasoTexto}"><span>💡</span>Ver máis:</p>
<p><a <li><a href="https://axudatic.udc.gal/display/SIC/Como+recupero+o+meu+contrasinal+de+servizos+por+bloqueo+ou+esquecemento" target="_blank">Como recupero o meu contrasinal de servizos por bloqueo ou esquecemento (inclúe videovídeo)</a></p>li>
<p><a <li><a href="https://axudatic.udc.gal/pages/viewpage.action?pageId=59344181" target="_blank">Como poño un correo de recuperación en caso de non telo</a></p> se non o teño</a></li>
</ul>
</div>`
},
{
id: "preguntaCertificado",
tipo: "pregunta",
titulo: '🆔<span aria-hidden="true">🆔</span> Seguimos co contrasinal...',
contidoHTML: `<p>NON tes correo de recuperación.</p><p>Pero, tes un certificado dixital da Fábrica Nacional de Moneda y Timbre (FNMT) instalado no teu navegador?</p>`,
opcions: [
{ texto_boton: 'Si, teño certificado dixital', destino_id: "solucionContrasinalCasoB" },
{ texto_boton: 'Non, non teño certificado dixital', destino_id: "solucionContrasinalCasoC" }
]
},
{
dixital', destino_id: "solucionContrasinalCasoBsolucionContrasinalCasoC", }
tipo: "solucion",
]
},
titulo: '⚙️ Solución: usar Certificado Dixital',
{
contidoHTML: `
id: "solucionContrasinalCasoB",
<h3 style="${STYLES.pasoH3}">CASO B: NON tes correo de recuperación, PERO SI tes certificado dixital da FNMT</h3>
tipo: "solucion",
titulo: '<span aria-hidden="true">⚙️</span> Solución: usar Certificado Dixital',
<p>Co teu certificado podes acceder a servizos, e configurar un correo de recuperación:</p>contidoHTML: `
<ol<h3 style="${STYLES.pasoListapasoH3}">
>CASO B: NON tes correo de recuperación, PERO SI tes certificado dixital da FNMT</h3>
<li>Accede a <a href="https://servizos.udc.es" target="_blank">servizos.udc.es</a> co teu <strong>certificado dixital</strong>.</li>
<p>Co teu certificado podes acceder a servizos, e configurar un correo de recuperación:</p>
<li>Dentro do portal, entra no menú da esquerda <strong>O teu perfil</strong>.</li><ol style="${STYLES.pasoLista}">
<li>Baixa<li>Accede ataa onde pon<strong>Correo electrónico de recuperación</strong> e escribe un correo que utilices habitualmente<a href="https://servizos.udc.es" target="_blank">servizos.udc.es</a> co teu <strong>certificado dixital</strong>.</li>
<li>Unha<li>Dentro vezdo configuradaportal, volveentra aono iniciomenú destada guía e selecciona a opción de <strong>"Si, teño correo de recuperación"</strong> (CASO A) para restablecer o teu contrasinalesquerda <strong>O teu perfil</strong>.</li>
</ol>
</br>
<li>Baixa ata onde pon <strong>Correo electrónico de recuperación</strong> e escribe un correo que utilices habitualmente.</li>
<div style="${STYLES.highlight}">
<p>Ver máis:</p>
<p><a href="https://axudatic.udc.gal/display/SIC/Como+recupero+o+meu+contrasinal+de+servizos+por+bloqueo+ou+esquecemento+co+meu+certificado+dixital+da+FNMT" target="_blank">
Como recupero o meu contrasinal de servizos por bloqueo ou esquecemento co meu certificado dixital da FNMT</a></p>
</div>`
<li>Unha vez configurada, volve ao inicio desta guía e selecciona a opción de <strong>"Si, teño correo de recuperación"</strong> (CASO A) para restablecer o teu contrasinal.</li>
},
{</ol>
id: "solucionContrasinalCasoC",
<div style="${STYLES.highlight}">
<p style="${STYLES.pasoTexto}"><span aria-hidden="true">📖</span> <strong>Ver máis:</strong></p>
<p><a tipo: "solucion",
href="https://axudatic.udc.gal/display/SIC/Como+recupero+o+meu+contrasinal+de+servizos+por+bloqueo+ou+esquecemento+co+meu+certificado+dixital+da+FNMT" target="_blank">
Como recupero o meu contrasinal co meu certificado dixital da FNMT</a></p>
</div>`
titulo: '📞 Solución: Contactar co CAU (Contrasinal)'},
contidoHTML: `{
<h3 style="${STYLES.pasoH3}">CASO C: NON tes correo de recuperación NIN Certificado Dixital</h3>
id: "solucionContrasinalCasoC",
<divtipo: style="${STYLES.highlight}"><p><span>⚠️</span>Deberás solicitar un <strong>cambio de contrasinal</strong> ao CAU:</p></div>"solucion",
titulo: <ol style="${STYLES.pasoLista}">
'<span aria-hidden="true">📞</span> Solución: Contactar co CAU (Contrasinal)',
contidoHTML: `
<li>Prepara a túa solicitude:
<ul>
<li>Escribe e <strong>asina</strong> unha <strong>solicitude</strong> onde consten o teu nome completo, apelidos e número de identidade. Faille unha foto.</li>
<li>Unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li>
</ul>
</li>
<h3 style="${STYLES.pasoH3}">CASO C: NON tes correo de recuperación NIN Certificado Dixital</h3>
<div style="${STYLES.highlight}"><p><span aria-hidden="true">⚠️</span> Deberás solicitar un <li>Envía<strong>cambio unde correocontrasinal</strong> electrónico a <strong>cau.sic@udc.es</strong> coa documentación que preparaches no paso anterior.
</li>
ao CAU:</p></div>
<ol style="${STYLES.pasoLista}">
<li>Recibirás no teu correo un contrasinal provisional e instrucións para configurar un correo de recuperación, co que poderás<li>Prepara cambialoa cando queiras sen precisar axuda.</li>
</ol>`
},
túa solicitude:
<ul style="${STYLES.pasoLista}">
<li>Escribe e <strong>asina</strong> unha <strong>solicitude</strong> onde consten o teu nome completo, apelidos e número de identidade. Faille unha foto.</li>
<li>Unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li>
</ul>
</li>
{
<li>Envía un correo electrónico a <strong>cau.sic@udc.es</strong> coa documentación que preparaches no id: "diagnosticoMFAMensaxe",
paso anterior.</li>
tipo: "pregunta",
<li>Recibirás no teu correo un contrasinal provisional e instrucións para configurar titulo: '📱 Problemaun correo de dobrerecuperación, factor (MFA)',
co que poderás cambiala cando queiras sen precisar axuda.</li>
contidoHTML: `<p>Entendido. Parece que o problema está no segundo paso da autenticación.</p><p>Aínda tes acceso á túa conta de correo desde algún outro dispositivo (por exemplo, un ordenador onde xa iniciaches sesión previamente)?</p>`ol>`
},
{
opcions: [
id: "diagnosticoMFAMensaxe",
{ texto_boton: 'Si, aínda teño acceso desde outro sitio', destino_id tipo: "solucionMFAOpcion1pregunta" },
titulo: '<span aria-hidden="true">📱</span> Problema { texto_boton: 'Non, non teño acceso desde ningún outro sitio', destino_id: "solucionMFAOpcion2" }
]
de dobre factor (MFA)',
contidoHTML: `<p>Entendido. Parece que o problema está no segundo paso da autenticación.</p><p>Aínda tes acceso á túa conta de correo desde algún outro dispositivo (por exemplo, un ordenador onde xa iniciaches sesión previamente)?</p>`,
},
opcions: [
{
{ idtexto_boton: "solucionMFAOpcion1"'Si,
aínda teño acceso desde outro sitio', destino_id: "solucionMFAOpcion1" },
tipo: "solucion",
{ texto_boton: 'Non, non teño acceso desde ningún titulo:outro sitio'🔄, Solucióndestino_id: Autoxestión do MFA',
"solucionMFAOpcion2" }
]
contidoHTML: `
},
<h3 style="${STYLES.pasoH3}">OPCIÓN 1 MFA: Aínda tes acceso{
ao correo desde algún equipo</h3>
id: "solucionMFAOpcion1",
<p>Se é así, podes modificar o método de autenticación ti mesmo.</p>
tipo: "solucion",
titulo: <ol style="${STYLES.pasoLista}">'<span aria-hidden="true">🔄</span> Solución: Autoxestión do MFA',
contidoHTML: `
<li>Accede á configuración da túa conta de Microsoft desde <a href="https://myaccount.microsoft.com/" target="_blank">
myaccount.microsoft.com</a>, e busca a sección de <strong>"Información de seguridade"</strong>.</li>
<h3 style="${STYLES.pasoH3}">OPCIÓN 1 MFA: Aínda tes acceso ao correo desde algún equipo</h3>
<li>Modifica os teus datos. Podes:
<ul>
<li>Cambiar o número de teléfono asociado.</li>
<li>Cambiar <p>Se é así, podes modificar o método de autenticación preferido.</li>
<li>Engadir un novo métodoti mesmo.</li>
</ul>
</li>
p>
</ol>
<div<ol style="${STYLES.highlightpasoLista}">
<li>Accede á configuración da túa conta de Microsoft desde <a href="https://myaccount.microsoft.com/" target="_blank">myaccount.microsoft.com</a>, e busca a sección de <strong>"Información de seguridade"</strong>.</li>
Ver máis:
<li>Modifica os teus <a href="https://axudatic.udc.gal/pages/viewpage.action?pageId=165938159&preview=/165938159/165938263/MsMultifactor%20Instruciones%20b%C3%A1sicas-2.pdf" target="_blank">
datos. Podes:
<ul style="${STYLES.pasoLista}">
<li>Cambiar o número de teléfono asociado.</li>
Xestionar<li>Cambiar o método de autenticación desde Myaccount de Microsoft</a>preferido.</li>
<li>Engadir un novo método.</li>
</ul>
</li>
</div>`ol>`
},
{
id: "solucionMFAOpcion2",
tipo: "solucion",
titulo: '📝<span aria-hidden="true">📝</span> Solución: Solicitar Reset de MFA ao CAU',
contidoHTML: `
<h3 style="${STYLES.pasoH3}">OPCIÓN 2 MFA: NON podes completar o acceso co dobre factor</h3>
<p>(Por cambio/perda do terminal móbil, avaría do dispositivo móbil, erro na aplicación de autenticación...).</p>
<div style="${STYLES.highlight}"><p><span>⚠️</span>Deberás="${STYLES.highlight}"><p><span aria-hidden="true">⚠️</span> Deberás solicitar un <strong>restablecemento do teu dobre factor</strong> ao CAU:</p></div>
<ol style="${STYLES.pasoLista}">
<li>Prepara a túa solicitude:
<ul><ul style="${STYLES.pasoLista}">
<li>Escribe e <strong>asina</strong> unha <strong>solicitude</strong> onde consten o teu nome completo, apelidos e número de identidade. Faille unha foto.</li>
<li>Fai unha<li>Unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li>
</ul>
</li>
<li>Envía un correo electrónico a <strong>cau.sic@udc.es co seguinte:</strong>
<ul><ul style="${STYLES.pasoLista}">
<li><strong>Asunto:</strong> "Reset MFA"</li>
<li><strong>Documentos adxuntos:</strong> Os documentos que preparaches no paso anterior (autorización e copia do documento de identidade)</li>
</ul>
</li>
<li>Agarda á confirmación: unha vez recibida e procesada a túa solicitude, o CAU restablecerá a configuración do teu MFA. Despois, poderás configurar un novo dispositivo ou método de autenticación.</li>
</ol>
<div style="${STYLES.highlight}">
<h4 style="font-size: 1em; font-weight: bold;"><span>ℹ️</span>Formas"><span aria-hidden="true">ℹ️</span> Formas de configurar o dobre factor (unha vez restablecido):</h4>
Poderás escoller entre:
<ul style="${STYLES.pasoLista}">
<li><a href="https://axudatic.udc.gal/pages/viewpage.action?pageId=165938159&preview=/165938159/165938268/Qu%C3%A9%20es%20Microsoft%20Authenticator.%20doc%201.2.pdf" target="_blank">
Microsoft Authenticator</a> <li>Microsoft Authenticator: (Recomendado). É importante realizar esta configuración inicial desde un PC. <span>💻< <span aria-hidden="true">💻</span></li>
<li>Outra aplicación de autenticación: Google Authenticator, FreeOTP, etc.</li>
<li>Chamada a un número de teléfono.</li>
<li><a href="https://axudatic.udc.gal/display/CSU/Conta+de+acceso+da+UDC?preview=%2F199295607%2F199296042%2FConfiguracion+MFA+SMS.pdf" target="_blank">
SMS <li>SMS a un número de móbil</a>móbil.</li>
</ul>
</div>`
}
],
footerHTML: `<h3><span>❓< `<h3><span aria-hidden="true">❓</span>Tes algunha dúbida adicional?</h3><p>Contacta co Centro de Atención ao Usuario (CAU):</p><p><span>📞<p><p><span aria-hidden="true">📞</span> Teléfono: 981 167000 (Ext. 2222)</p><p><span>📧<p><p><span aria-hidden="true">📧</span> Correo: cau.sic@udc.es</p>`
};
// ---------------------------------------------------------------------------
// --- MOTOR DA GUÍA: NON MODIFICAR ---
// ---------------------------------------------------------------------------
const contedorGuia = document.getElementById('guiaInteractivaContedor');
function renderizarPaso(idPaso) {
const paso = DATOS_GUIA.pasos.find(p => p.id === idPaso);
if (!paso) { console.error(`Paso con ID '${idPaso}' non atopado.`); return; }
let htmlPaso = `<div style="${STYLES.pasoRenderizado}">`;
htmlPaso += `<h2 style="${STYLES.pasoH2}">${paso.titulo}</h2>`;
if (paso.contidoHTML) {
htmlPaso += `<div>${paso.contidoHTML}</div>`;
}
htmlPaso += `</div>`;
if (paso.tipo === 'pregunta' && paso.opcions) {
htmlPaso += `<div style="${STYLES.decisionButtonsContainer}">`;
paso.opcions.forEach(opcion => {
const estiloBtn = STYLES.btnGuia;
const hoverColor = '#5a6268'; // Cor hover para botóns grises
htmlPaso += `<button style="${estiloBtn}" onmouseover="this.style.backgroundColor='${hoverColor}'" onmouseout="this.style.backgroundColor='#6c757d'" onclick="renderizarPaso('${opcion.destino_id}')">${opcion.texto_boton}</button>`;
});
htmlPaso += `</div>`;
}
if (idPaso !== DATOS_GUIA.pasoInicialId) {
const estiloBotonReiniciar = STYLES.btnGuia + STYLES.btnGuiaReiniciar;
const hoverColor = '#a10066'; // Cor hover para botón de reiniciar
htmlPaso += `<div style="${STYLES.reiniciarBtnContainer}"><button style="${estiloBotonReiniciar}" onmouseover="this.style.backgroundColor='${hoverColor}'" onmouseout="this.style.backgroundColor='#c6007e'" onclick="renderizarPaso('${DATOS_GUIA.pasoInicialId}')">Queres comezar de novo?</button></div>`;
}
const pasoDinamicoContedor = contedorGuia.querySelector('#pasoDinamicoContedor');
if (pasoDinamicoContedor) {
pasoDinamicoContedor.innerHTML = htmlPaso;
}
}
function iniciarGuia() {
if (!contedorGuia) { console.error("Contedor principal da guía '#guiaInteractivaContedor' non atopado."); return; }
if (!DATOS_GUIA || !DATOS_GUIA.pasos || DATOS_GUIA.pasos.length === 0 || !DATOS_GUIA.pasoInicialId) {
contedorGuia.innerHTML = `<p>Erro ao cargar a guía. Verifica a configuración de DATOS_GUIA no script.</p>`;
return;
}
contedorGuia.setAttribute('style', STYLES.mainContainer);
let footerHTML = '';
if (DATOS_GUIA.footerHTML) {
const footerH3Style = STYLES.footerH3 || 'font-size:1em; font-weight:bold;';
let styledFooterContent = DATOS_GUIA.footerHTML.replace(/<h3>/g, `<h3 style="${footerH3Style}">`);
footerHTML = `<footer style="${STYLES.footer}">${styledFooterContent}</footer>`;
}
contedorGuia.innerHTML = `
<header style="${STYLES.header}">
<h1 style="${STYLES.headerH1}">${DATOS_GUIA.tituloGuia || "Guía Interactiva"}</h1>
${DATOS_GUIA.subtituloGuia ? `<p style="${STYLES.headerP}">${DATOS_GUIA.subtituloGuia}</p>` : ''}
</header>
<div id="pasoDinamicoContedor"></div>
${footerHTML}
`;
renderizarPaso(DATOS_GUIA.pasoInicialId);
}
document.addEventListener('DOMContentLoaded', iniciarGuia);
</script>
</body>
</html>
|
A partir de aquí por favor...
| Horizontal Navigation Bar | |||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
