Bläddra i källkod

crear examen v1

Fernando Vasquez 7 år sedan
förälder
incheckning
6142ebe6c2
5 ändrade filer med 160 tillägg och 2 borttagningar
  1. 1 1
      asignar.php
  2. 48 1
      css/all.css
  3. 101 0
      nueva-prueba.php
  4. 7 0
      pruebas.php
  5. 3 0
      sidebar.php

+ 1 - 1
asignar.php

@@ -363,7 +363,7 @@
         </div>
         <div class="modal-body">
             <div class="data_notification">
-                <p>En el menú Pruebas encontrara la opción Aplicar , 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>
+                <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>
         </div>
       </div>
     </div>

+ 48 - 1
css/all.css

@@ -2089,6 +2089,53 @@ label {
 }
 .content-section .main_pruebas_list h1 {
     font-size: 27px;
-    padding: 0px 15px 75px;
+    padding: 0px 15px 25px;
     color: #949494;
+}
+.crear_nueva_prueba {
+    padding: 0px 0px 25px;
+    text-align: right;
+}
+.btn_crear_prueba {
+    border: 1px solid #fd4b4b;
+    color: #fff;
+    background: #fd4b4b;
+    padding: 10px 55px;
+    font-size: 14px;
+    position: relative;
+    cursor: pointer;
+    transition: all 0.3s;
+}
+.btn_crear_prueba:focus {
+    color: #fff;
+    transition: all 0.3s;
+}
+.btn_crear_prueba:hover {
+    border: 1px solid #fd4b4b;
+    color: #fd4b4b;
+    background: transparent;
+    transition: all 0.3s;
+}
+.botones_preguntas {
+    padding: 0 15px;
+}
+.btn_agregar_pregunta {
+    border: 1px solid #fd4b4b;
+    color: #fff;
+    background: #fd4b4b;
+    padding: 10px 55px;
+    font-size: 14px;
+    position: relative;
+    cursor: pointer;
+    transition: all 0.3s;
+}
+.btn_agregar_pregunta:focus {
+    color: #fff;
+    transition: all 0.3s;
+}
+.btn_agregar_pregunta:hover {
+    border: 1px solid #fd4b4b;
+    color: #fd4b4b;
+    background: transparent;
+    transition: all 0.3s;
 }

+ 101 - 0
nueva-prueba.php

@@ -0,0 +1,101 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>PruebasPsico - Crear prueba</title>
+    <link rel="stylesheet" href="css/all.css">
+    <script src="js/jquery.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
+
+</head>
+<script type="text/javascript">
+    $(document).ready(function () {
+        $(".list-unstyled").find('li').removeClass("active");
+        $("#pruebas").addClass("active");
+        $("#crearprueba").addClass("active");
+    });
+</script>
+<?php include('sidebar.php') ?>       
+<section id="content">
+    <?php include('header.php') ?>       
+    <div class="content-section">
+        <div class="main">
+            <h1>Crear pruebas</h1>
+            <div class="asignar_usuario">
+                <div class="row">
+                    <div class="col-md-4">
+                        <div class="datos_candidato">
+                            <label>Tipo de prueba</label>
+                            <select>
+                                <option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
+                                <option>Comportamiento</option>
+                                <option>Personalidad</option>
+                                <option>Inteligencia</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="datos_candidato">
+                            <label>Nombre</label>
+                            <input type="text" name="nombre" placeholder="Nombre de la prueba">
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="datos_candidato">
+                            <label>Duración de prueba</label>
+                            <select>
+                                <option selected disabled>Selecciona el tiempo de duración de la prueba</option>
+                                <option>10</option>
+                                <option>15</option>
+                                <option>30</option>
+                                <option>45</option>
+                                <option>60</option>
+                                <option>90</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="body_preguntas">
+                <div class="botones_preguntas">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="datos_candidato">
+                                <label>Tipo de pregunta</label>
+                                <select>
+                                    <option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
+                                    <option>Selección múltiple</option>
+                                    <option>Falso y verdadero</option>
+                                    <option>Preguntas directas</option>
+                                    <option>Relaciones de conceptos</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <a href="#" class="btn_agregar_pregunta">Añadir pregunta</a>  
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <?php include('footer.php') ?>
+    </div>
+</section>
+
+<div class="modal fade" id="ayudaAsignar" role="dialog">
+    <div class="modal-dialog">
+
+      <!-- Modal content-->
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
+          <h4 class="modal-title">Asistencia</h4>
+        </div>
+        <div class="modal-body">
+            <div class="data_notification">
+                <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>
+        </div>
+      </div>
+    </div>
+</div>

+ 7 - 0
pruebas.php

@@ -22,6 +22,13 @@
     <div class="content-section">
         <div class="main main_pruebas_list">
             <h1>Listado de pruebas psicométricas</h1>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="crear_nueva_prueba">
+                        <a href="nueva-prueba.php" target="_blank" class="btn_crear_prueba">CREAR PRUEBA</a>
+                    </div>
+                </div>
+            </div>
             <div class="tabs_pruebas">
                 <div class="row">
                     <div class="col-md-4">

+ 3 - 0
sidebar.php

@@ -52,6 +52,9 @@
                 <li id="pruebas">
                     <a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fas fa-paperclip"></i>Pruebas</a>
                     <ul class="collapse list-unstyled" id="pageSubmenu2">
+                        <li id="crearprueba">
+                            <a href="nueva-prueba.php">Crear prueba</a>
+                        </li>
                         <li id="listado">
                             <a href="pruebas.php">Listado de pruebas</a>
                         </li>