SuperAdminQA
/
psicoadmin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
							<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">

                    <label>Tipo de pregunta</label>

                    <div class="row">

                        <div class="col-md-6">

                            <div class="datos_candidato">

                                <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">

                            <button class="btn_agregar_pregunta">Añadir pregunta</button>  

                        </div>

                    </div>

                </div>

            </div>

            <div class="body_prueba">

                <div class="contenedor_pruebas">

                    <h1>Preguntas</h1>

                    <div class="body_preg_indi">

                        <div class="titulo_pregunta">

                            <span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" class="input_pregunta">

                        </div>

                        <div class="respuesta_pregunta">

                            <input type="text" name="respuesta" placeholder="Escribe tu respuesta aquí">

                        </div>

                    </div>

                    <div class="body_preg_indi">

                        <div class="titulo_pregunta">

                            <span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" class="input_pregunta">

                        </div>

                        <div class="respuesta_pregunta">

                            <div class="radio">

                                <form>

                                    <input id="true" type="radio" name="gender" value="true" checked="checked">

                                    <label for="true">Verdadero</label>

                                    <input id="false" type="radio" name="gender" value="false">

                                    <label for="false">Falso</label>

                                </form>

                            </div>

                        </div>

                    </div>

                    <div class="body_preg_indi">

                        <div class="titulo_pregunta">

                            <span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" class="input_pregunta">

                        </div>

                        <div class="respuesta_pregunta">

                            <div class="radio">

                                <form>

                                    <input id="opcion1" type="radio" name="gender" value="opcion1">

                                    <label for="opcion1">Opción 1</label>

                                    <input id="opcion2" type="radio" name="gender" value="opcion2" checked="checked">

                                    <label for="opcion2">Opción 2</label>

                                    <input id="opcion3" type="radio" name="gender" value="opcion3">

                                    <label for="opcion3">Opción 3</label>

                                    <input id="opcion4" type="radio" name="gender" value="opcion4">

                                    <label for="opcion4">Opción 4</label>

                                    <input id="opcion5" type="radio" name="gender" value="opcion5">

                                    <label for="opcion5">Opción 5</label>

                                </form>

                            </div>

                        </div>

                    </div>

                    <div class="body_preg_indi">

                        <div class="titulo_pregunta">                            

                            <span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" class="input_pregunta">

                            <div class="button_subir_foto_pregunta">

                                <form action="">

                                    <div class="form-group">

                                        <label for="upload" class="btn d-inline-block btn-info">Subir imagen</label>

                                        <input type="file" name="" id="upload" />

                                    </div>

                                </form>

                            </div>

                            <div class="img_relaciones">

                                <img src="images/prueba.png">

                            </div>

                        </div>

                        <div class="respuesta_pregunta">

                            <div class="button_subir_foto_pregunta">

                                <form action="">

                                    <div class="form-group">

                                        <label for="upload" class="btn d-inline-block btn-info">Añadir respuesta</label>

                                        <input type="file" name="" id="upload" />

                                    </div>

                                </form>

                            </div>

                            <form>

                                <div id="sites">

                                    <input type="radio" name="site" id="option1" value="option1" />A.<label for="option1"><img src="images/respuesta.png" alt="Opción 1" /></label>

                                    <input type="radio" name="site" id="option2" value="option2" />B.<label for="option2"><img src="images/respuesta2.png" alt="Opción 2" /></label>

                                    <input type="radio" name="site" id="option3" value="option3" />C.<label for="option3"><img src="images/respuesta3.png" alt="Opción 3" /></label>

                                    <input type="radio" name="site" id="option1" value="option1" />D.<label for="option1"><img src="images/respuesta.png" alt="Opción 1" /></label>

                                    <input type="radio" name="site" id="option2" value="option2" />E.<label for="option2"><img src="images/respuesta2.png" alt="Opción 2" /></label>

                                    <input type="radio" name="site" id="option3" value="option3" />F.<label for="option3"><img src="images/respuesta3.png" alt="Opción 3" /></label>

                                </div>

                            </form>

                        </div>

                        <div class="form-group-guardar-prueba">

                            <input type="button" class="btn d-inline-block btn-info" value="Guardar prueba">

                        </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>


<script>

    $('#sites input:radio').addClass('input_hidden');

        $('#sites label').click(function() {

         $(this).addClass('selected').siblings().removeClass('selected');

    
    });

</script>