Reac front end for psicometric app

nueva-prueba.php 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <head>
  2. <meta charset="utf-8">
  3. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <title>PruebasPsico - Crear prueba</title>
  6. <link rel="stylesheet" href="css/all.css">
  7. <script src="js/jquery.min.js"></script>
  8. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
  9. <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
  10. </head>
  11. <script type="text/javascript">
  12. $(document).ready(function () {
  13. $(".list-unstyled").find('li').removeClass("active");
  14. $("#pruebas").addClass("active");
  15. $("#crearprueba").addClass("active");
  16. });
  17. </script>
  18. <?php include('sidebar.php') ?>
  19. <section id="content">
  20. <?php include('header.php') ?>
  21. <div class="content-section">
  22. <div class="main">
  23. <h1>Crear pruebas</h1>
  24. <div class="asignar_usuario">
  25. <div class="row">
  26. <div class="col-md-4">
  27. <div class="datos_candidato">
  28. <label>Tipo de prueba</label>
  29. <select>
  30. <option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
  31. <option>Comportamiento</option>
  32. <option>Personalidad</option>
  33. <option>Inteligencia</option>
  34. </select>
  35. </div>
  36. </div>
  37. <div class="col-md-4">
  38. <div class="datos_candidato">
  39. <label>Nombre</label>
  40. <input type="text" name="nombre" placeholder="Nombre de la prueba">
  41. </div>
  42. </div>
  43. <div class="col-md-4">
  44. <div class="datos_candidato">
  45. <label>Duración de prueba</label>
  46. <select>
  47. <option selected disabled>Selecciona el tiempo de duración de la prueba</option>
  48. <option>10</option>
  49. <option>15</option>
  50. <option>30</option>
  51. <option>45</option>
  52. <option>60</option>
  53. <option>90</option>
  54. </select>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="body_preguntas">
  60. <div class="botones_preguntas">
  61. <div class="row">
  62. <div class="col-md-6">
  63. <div class="datos_candidato">
  64. <label>Tipo de pregunta</label>
  65. <select>
  66. <option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
  67. <option>Selección múltiple</option>
  68. <option>Falso y verdadero</option>
  69. <option>Preguntas directas</option>
  70. <option>Relaciones de conceptos</option>
  71. </select>
  72. </div>
  73. </div>
  74. <div class="col-md-6">
  75. <a href="#" class="btn_agregar_pregunta">Añadir pregunta</a>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <?php include('footer.php') ?>
  82. </div>
  83. </section>
  84. <div class="modal fade" id="ayudaAsignar" role="dialog">
  85. <div class="modal-dialog">
  86. <!-- Modal content-->
  87. <div class="modal-content">
  88. <div class="modal-header">
  89. <button type="button" class="close" data-dismiss="modal">&times;</button>
  90. <h4 class="modal-title">Asistencia</h4>
  91. </div>
  92. <div class="modal-body">
  93. <div class="data_notification">
  94. <p>En el menú Pruebas encontrarás la opción Asignar , utilízala para seleccionar las pruebas que le serán aplicadas al candidato. Selecciona el código del candidato y marca las pruebas, una vez marcadas presiona el botón Asignar para comenzar la aplicación de las mismas.</p>
  95. </div>
  96. </div>
  97. </div>
  98. </div>