vista.php 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <!--
  3. Copyright (C) 2021 Echedey López Romero <elr@disroot.org>
  4. This program is free software: you can redistribute it and/or modify
  5. it under the terms of the GNU General Public License as published by
  6. the Free Software Foundation, either version 3 of the License, or
  7. (at your option) any later version.
  8. This program is distributed in the hope that it will be useful,
  9. but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. GNU General Public License for more details.
  12. You should have received a copy of the GNU General Public License
  13. along with this program. If not, see <http://www.gnu.org/licenses/>.
  14. -->
  15. <html lang="es">
  16. <head>
  17. <meta charset="UTF-8" />
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  19. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  20. <meta name="author" content="Echedey López Romero" />
  21. <title>Test de Conducir</title>
  22. <link rel="stylesheet" href="./frameworks/bootstrap/css/bootstrap.min.css" />
  23. <script src="./frameworks/jquery/jquery-3.5.1.slim.min.js"></script>
  24. <script src="./frameworks/bootstrap/js/bootstrap.bundle.min.js"></script>
  25. <link rel="stylesheet" href="./css/common.css" />
  26. <script src="./js/common.js"></script>
  27. </head>
  28. <body class="container">
  29. <div class="row my-3">
  30. <div class="col"></div>
  31. <div class="col-md-8 col-sm-10 col-12 p-2">
  32. <h1 class="text-center">Test de Conducir</h1>
  33. <form action="<?= $_SERVER["PHP_SELF"] ?>" METHOD="GET" class="border border-primary rounded p-3">
  34. <h2 class="text-center">Preguntas</h2>
  35. <?php echo CrearPreguntas($Preguntas, $RespuestasUsuario, $Comprobar, $Puntuaciones); ?>
  36. <div class="container">
  37. <div class="row">
  38. <div class="col-md-6 col-12 p-0 pr-md-1 m-md-0 mb-2">
  39. <button type="submit" name="operacion" value="comprobar"
  40. class="btn btn-primary btn-lg btn-block">Comprobar</button>
  41. </div>
  42. <div class="col-md-6 col-12 p-0 pl-md-1 m-md-0">
  43. <button type="reset" onclick="Reiniciar()"
  44. class="btn btn-danger btn-lg btn-block">Reiniciar</button>
  45. </div>
  46. </div>
  47. </div>
  48. </form>
  49. </div>
  50. <div class="col"></div>
  51. </div>
  52. <div class="row mb-3">
  53. <div class="col-sm-3"></div>
  54. <div class="col-sm-6 col-12 border border-primary rounded p-2">
  55. <h2 class="text-center">Resultado</h2>
  56. <div class="container" id="resultado">
  57. <?php echo ImprimirResultado($Comprobar, $Puntuaciones); ?>
  58. </div>
  59. </div>
  60. <div class="col-sm-3"></div>
  61. </div>
  62. </body>
  63. </html>