File size: 4,532 Bytes
d26abee 2947f68 d26abee 2947f68 5fff9a6 d26abee 2947f68 d26abee f3ba8ac d26abee 2947f68 65cc14c 2947f68 5fff9a6 2947f68 d26abee 2947f68 d26abee |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<?php include_once "./inc/header.php" ?>
<?php include_once "./inc/welcome.php" ?>
<section class="container-sm">
<header class="container-sm">
<h4 class="fs-1 pt-serif-bold" style="letter-spacing: 2px;">Genera tu contraseña aquí</h4>
<p class="fs-1">👀🔒</p>
</header>
<article class="container-sm d-flex flex-column align-items-center">
<p class="fs-4 pt-serif-regular-italic">Pulsa el botón verde</p>
<button id="generarContraseña" type="button" class="btn btn-success btn-lg">Generar contraseña
✍️</button>
<div class="input-group alert alert-success my-3 pb-0 ancho-password" role="alert">
<p id="showPassword" class="fs-4 pt-serif-regular form-control">Aquí tu contraseña</p>
<button id="copy-contra" class="btn btn-danger pt-serif-regular mb-3" type="button" data-bs-toggle="modal"
data-bs-target="#copiado" disabled>Copiar</button>
</div>
<!-- Modal -->
<div class="modal fade" id="copiado" tabindex="-1" aria-labelledby="copiadoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-white">
<div class="modal-header">
<h1 class="modal-title fs-5" id="copiadoLabel">Éxito</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Su contraseña ha sido copiada al portapapeles
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Ok</button>
</div>
</div>
</div>
</div>
<button id="downloadBtn" type="button" class="btn btn-warning btn-lg" disabled>Guardar en
dispositivo 💾</button>
<link rel="stylesheet" href="/css/formulario.css">
<!-- Modal -->
<div class="modal fade" id="form" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
aria-labelledby="formLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-white">
<div class="modal-header">
<h1 class="text-center fs-5" id="formLabel">Encuesta de satisfacción</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="formulario-satisfaccion" class="container-fluid" action="/" method="post">
<div>
<p class="m-0 p-0 ">¿Qué tan satisfecho te sientes con el servicio?</p>
<p class="clasificacion">
<input id="radio1" type="radio" name="estrellas" value="5">
<label for="radio1">★</label>
<input id="radio2" type="radio" name="estrellas" value="4"><label
for="radio2">★</label>
<input id="radio3" type="radio" name="estrellas" value="3">
<label for="radio3">★</label>
<input id="radio4" type="radio" name="estrellas" value="2">
<label for="radio4">★</label>
<input id="radio5" type="radio" name="estrellas" value="1" checked>
<label for="radio5">★</label>
</p>
</div>
</form>
</div>
<div class="modal-footer">
<button id="no-opinion" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sin
opinion</button>
<button id="enviar-form" class="btn btn-primary">Enviar</button>
</div>
</div>
</div>
</div>
</article>
</section>
<script src="/js/contrasena.js?i=12"></script>
<script src="/js/formulario.js?i=12"></script>
<?php include_once "./inc/footer.php" ?> |