瀏覽代碼

crear examen v1

Fernando Vasquez 6 年之前
父節點
當前提交
6142ebe6c2
共有 5 個文件被更改,包括 160 次插入2 次删除
  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 @@
363 363
         </div>
364 364
         <div class="modal-body">
365 365
             <div class="data_notification">
366
-                <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>
366
+                <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>
367 367
         </div>
368 368
       </div>
369 369
     </div>

+ 48 - 1
css/all.css

@@ -2089,6 +2089,53 @@ label {
2089 2089
 }
2090 2090
 .content-section .main_pruebas_list h1 {
2091 2091
     font-size: 27px;
2092
-    padding: 0px 15px 75px;
2092
+    padding: 0px 15px 25px;
2093 2093
     color: #949494;
2094
+}
2095
+.crear_nueva_prueba {
2096
+    padding: 0px 0px 25px;
2097
+    text-align: right;
2098
+}
2099
+.btn_crear_prueba {
2100
+    border: 1px solid #fd4b4b;
2101
+    color: #fff;
2102
+    background: #fd4b4b;
2103
+    padding: 10px 55px;
2104
+    font-size: 14px;
2105
+    position: relative;
2106
+    cursor: pointer;
2107
+    transition: all 0.3s;
2108
+}
2109
+.btn_crear_prueba:focus {
2110
+    color: #fff;
2111
+    transition: all 0.3s;
2112
+}
2113
+.btn_crear_prueba:hover {
2114
+    border: 1px solid #fd4b4b;
2115
+    color: #fd4b4b;
2116
+    background: transparent;
2117
+    transition: all 0.3s;
2118
+}
2119
+.botones_preguntas {
2120
+    padding: 0 15px;
2121
+}
2122
+.btn_agregar_pregunta {
2123
+    border: 1px solid #fd4b4b;
2124
+    color: #fff;
2125
+    background: #fd4b4b;
2126
+    padding: 10px 55px;
2127
+    font-size: 14px;
2128
+    position: relative;
2129
+    cursor: pointer;
2130
+    transition: all 0.3s;
2131
+}
2132
+.btn_agregar_pregunta:focus {
2133
+    color: #fff;
2134
+    transition: all 0.3s;
2135
+}
2136
+.btn_agregar_pregunta:hover {
2137
+    border: 1px solid #fd4b4b;
2138
+    color: #fd4b4b;
2139
+    background: transparent;
2140
+    transition: all 0.3s;
2094 2141
 }

+ 101 - 0
nueva-prueba.php

@@ -0,0 +1,101 @@
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
+
11
+</head>
12
+<script type="text/javascript">
13
+    $(document).ready(function () {
14
+        $(".list-unstyled").find('li').removeClass("active");
15
+        $("#pruebas").addClass("active");
16
+        $("#crearprueba").addClass("active");
17
+    });
18
+</script>
19
+<?php include('sidebar.php') ?>       
20
+<section id="content">
21
+    <?php include('header.php') ?>       
22
+    <div class="content-section">
23
+        <div class="main">
24
+            <h1>Crear pruebas</h1>
25
+            <div class="asignar_usuario">
26
+                <div class="row">
27
+                    <div class="col-md-4">
28
+                        <div class="datos_candidato">
29
+                            <label>Tipo de prueba</label>
30
+                            <select>
31
+                                <option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
32
+                                <option>Comportamiento</option>
33
+                                <option>Personalidad</option>
34
+                                <option>Inteligencia</option>
35
+                            </select>
36
+                        </div>
37
+                    </div>
38
+                    <div class="col-md-4">
39
+                        <div class="datos_candidato">
40
+                            <label>Nombre</label>
41
+                            <input type="text" name="nombre" placeholder="Nombre de la prueba">
42
+                        </div>
43
+                    </div>
44
+                    <div class="col-md-4">
45
+                        <div class="datos_candidato">
46
+                            <label>Duración de prueba</label>
47
+                            <select>
48
+                                <option selected disabled>Selecciona el tiempo de duración de la prueba</option>
49
+                                <option>10</option>
50
+                                <option>15</option>
51
+                                <option>30</option>
52
+                                <option>45</option>
53
+                                <option>60</option>
54
+                                <option>90</option>
55
+                            </select>
56
+                        </div>
57
+                    </div>
58
+                </div>
59
+            </div>
60
+            <div class="body_preguntas">
61
+                <div class="botones_preguntas">
62
+                    <div class="row">
63
+                        <div class="col-md-6">
64
+                            <div class="datos_candidato">
65
+                                <label>Tipo de pregunta</label>
66
+                                <select>
67
+                                    <option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
68
+                                    <option>Selección múltiple</option>
69
+                                    <option>Falso y verdadero</option>
70
+                                    <option>Preguntas directas</option>
71
+                                    <option>Relaciones de conceptos</option>
72
+                                </select>
73
+                            </div>
74
+                        </div>
75
+                        <div class="col-md-6">
76
+                            <a href="#" class="btn_agregar_pregunta">Añadir pregunta</a>  
77
+                        </div>
78
+                    </div>
79
+                </div>
80
+            </div>
81
+        </div>
82
+        <?php include('footer.php') ?>
83
+    </div>
84
+</section>
85
+
86
+<div class="modal fade" id="ayudaAsignar" role="dialog">
87
+    <div class="modal-dialog">
88
+
89
+      <!-- Modal content-->
90
+      <div class="modal-content">
91
+        <div class="modal-header">
92
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
93
+          <h4 class="modal-title">Asistencia</h4>
94
+        </div>
95
+        <div class="modal-body">
96
+            <div class="data_notification">
97
+                <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>
98
+        </div>
99
+      </div>
100
+    </div>
101
+</div>

+ 7 - 0
pruebas.php

@@ -22,6 +22,13 @@
22 22
     <div class="content-section">
23 23
         <div class="main main_pruebas_list">
24 24
             <h1>Listado de pruebas psicométricas</h1>
25
+            <div class="row">
26
+                <div class="col-md-12">
27
+                    <div class="crear_nueva_prueba">
28
+                        <a href="nueva-prueba.php" target="_blank" class="btn_crear_prueba">CREAR PRUEBA</a>
29
+                    </div>
30
+                </div>
31
+            </div>
25 32
             <div class="tabs_pruebas">
26 33
                 <div class="row">
27 34
                     <div class="col-md-4">

+ 3 - 0
sidebar.php

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