Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
SuperAdminQA
/
psicoadmin
Tarkkaile 1
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Commitit 372 Julkaisut 0 Wiki
Selaa lähdekoodia

other imp

amenpunk 3 vuotta sitten
vanhempi
a5e9836092
commit
722ae834e7
4 muutettua tiedostoa jossa 469 lisäystä ja 2 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 4 0
      psicoadmin/src/Components/Routes.js
  2. 2 2
      psicoadmin/src/Components/listItems.js
  3. 306 0
      psicoadmin/src/Pages/PruebaAsignar.js
  4. 157 0
      psicoadmin/src/Pages/PruebaNueva.js

+ 4 - 0
psicoadmin/src/Components/Routes.js
Näytä tiedosto 

@@ -12,6 +12,8 @@ import { Resultados } from '../Pages/Resultados'
12 12 
 import { Configuracion } from '../Pages/Configuracion'
13 13 
 import { Historial } from '../Pages/Historial'
14 14 
 import { Pruebas } from '../Pages/Pruebas'
15 
+import { PruebaNueva } from '../Pages/PruebaNueva'
16 
+import { PruebaAsignar } from '../Pages/PruebaAsignar'
15 17
16 18 
 import useAuth from '../Auth/useAuth'
17 19 
 
@@ -44,6 +46,8 @@ export default function MyRoutes () {
44 46 
                             <Route path="configuraciones" element={<Configuracion/>} />
45 47 
                             <Route path="historial" element={<Historial/>} />
46 48 
                             <Route path="pruebas/listar" element={<Pruebas/>} />
49 
+                            <Route path="pruebas/crear" element={<PruebaNueva/>} />
50 
+                            <Route path="pruebas/aplicar" element={<PruebaAsignar/>} />
47 51 
                         </Route>
48 52 
                     )
49 53 
                 : ( <Route path="dashboard" element={<Navigate to='/'/>} />)

+ 2 - 2
psicoadmin/src/Components/listItems.js
Näytä tiedosto 

@@ -152,9 +152,9 @@ export const MainListItems = () =>  {
152 152 
             <Collapse in={open} timeout="auto" unmountOnExit>
153 153 
                 <List component="div" disablePadding>
154 154
155 
-                    <SubMenuItem selected={selectedIndex} index={5} change={handleListItemClick} title="Crear Prueba" />
155 
+                    <SubMenuItem route="pruebas/crear" selected={selectedIndex} index={5} change={handleListItemClick} title="Crear Prueba" />
156 156 
                     <SubMenuItem route="pruebas/listar" change={handleListItemClick} selected={selectedIndex} index={6} change={handleListItemClick} title="Listado de pruebas" />
157 
-                    <SubMenuItem selected={selectedIndex} index={7} change={handleListItemClick} title="Aplicar" />
157 
+                    <SubMenuItem route="pruebas/aplicar"  selected={selectedIndex} index={7} change={handleListItemClick} title="Aplicar" />
158 158 
                     <SubMenuItem selected={selectedIndex} index={8} change={handleListItemClick} title="Respuestas" />
159 159 
                     <SubMenuItem selected={selectedIndex} index={9} change={handleListItemClick} title="Calificaciones" />
160 160

+ 306 - 0
psicoadmin/src/Pages/PruebaAsignar.js
Näytä tiedosto 

@@ -0,0 +1,306 @@
1 
+export function PruebaAsignar() {
2 
+    return(
3 
+        <section id="content" style={{ paddingTop : 100 }}>
4 
+            <div class="content-section">
5 
+                <div class="main">
6 
+                    <h1>Asignación de pruebas</h1>
7 
+                    <p>Selecciona el código del candidato y posteriormente las pruebas que deberá ejecutar.</p>
8 
+                    <div class="asignar_usuario">
9 
+                        <div class="row">
10 
+                            <div class="col-md-3">
11 
+                                <div class="datos_candidato">
12 
+                                    <label>Seleccionar código</label>
13 
+                                    <select>
14 
+                                        <option>001</option>
15 
+                                        <option>002</option>
16 
+                                        <option>003</option>
17 
+                                        <option>004</option>
18 
+                                        <option>005</option>
19 
+                                        <option>006</option>
20 
+                                        <option>007</option>
21 
+                                        <option>008</option>
22 
+                                    </select>
23 
+                                </div>
24 
+                            </div>
25 
+                            <div class="col-md-3">
26 
+                                <div class="datos_candidato">
27 
+                                    <label>Nombre</label>
28 
+                                    <input type="text" name="nombre" placeholder="Nombre candidato" readonly/>
29 
+                                </div>
30 
+                            </div>
31 
+                            <div class="col-md-3">
32 
+                                <div class="datos_candidato">
33 
+                                    <label>Edad</label>
34 
+                                    <input type="number" name="text" placeholder="28" readonly/>
35 
+                                </div>
36 
+                            </div>
37 
+                            <div class="col-md-3">
38 
+                                <div class="datos_candidato">
39 
+                                    <label>Género</label>
40 
+                                    <input type="text" name="genero" placeholder="Hombre" readonly/>
41 
+                                </div>
42 
+                            </div>
43 
+                        </div>
44 
+                    </div>
45 
+                    <div class="tabs_pruebas">
46 
+                        <div class="row">
47 
+                            <div class="col-md-4">
48 
+                                <div class="test_tab active" id="comportamiento" onclick="comportamiento()">
49 
+                                    <p>COMPORTAMIENTO</p>
50 
+                                </div>
51 
+                            </div>
52 
+                            <div class="col-md-4">
53 
+                                <div class="test_tab" id="personalidad" onclick="personalidad()">
54 
+                                    <p>PERSONALIDAD</p>
55 
+                                </div>
56 
+                            </div>
57 
+                            <div class="col-md-4">
58 
+                                <div class="test_tab" id="inteligencia" onclick="inteligencia()">
59 
+                                    <p>INTELIGENCIA</p>
60 
+                                </div>
61 
+                            </div>
62 
+                        </div>
63 
+                    </div>
64 
+                    <div class="pruebas_grid">
65 
+                        <div class="comportamiento_body" id="comportamiento_body">
66 
+                            <div class="row">
67 
+                                <div class="col-md-4">
68 
+                                    <div class="body_prueba">
69 
+                                        <div class="modern-Checkbox">
70 
+                                            <input type="checkbox" id="box-1"/>
71 
+                                            <label for="box-1">CLEAVER</label>
72 
+                                        </div>
73 
+                                    </div>
74 
+                                </div>
75 
+                                <div class="col-md-4">
76 
+                                    <div class="body_prueba">
77 
+                                        <div class="modern-Checkbox">
78 
+                                            <input type="checkbox" id="box-2"/>
79 
+                                            <label for="box-2">ESTILO</label>
80 
+                                        </div>
81 
+                                    </div>
82 
+                                </div>
83 
+                                <div class="col-md-4">
84 
+                                    <div class="body_prueba">
85 
+                                        <div class="modern-Checkbox">
86 
+                                            <input type="checkbox" id="box-3"/>
87 
+                                            <label for="box-3">VALORES</label>
88 
+                                        </div>
89 
+                                    </div>
90 
+                                </div>
91 
+                                <div class="col-md-4">
92 
+                                    <div class="body_prueba">
93 
+                                        <div class="modern-Checkbox">
94 
+                                            <input type="checkbox" id="box-4"/>
95 
+                                            <label for="box-4">VALORES COMP.</label>
96 
+                                        </div>
97 
+                                    </div>
98 
+                                </div>
99 
+                                <div class="col-md-4">
100 
+                                    <div class="body_prueba">
101 
+                                        <div class="modern-Checkbox">
102 
+                                            <input type="checkbox" id="box-5"/>
103 
+                                            <label for="box-5">MOSS</label>
104 
+                                        </div>
105 
+                                    </div>
106 
+                                </div>
107 
+                                <div class="col-md-4">
108 
+                                    <div class="body_prueba">
109 
+                                        <div class="modern-Checkbox">
110 
+                                            <input type="checkbox" id="box-6"/>
111 
+                                            <label for="box-6">KOSTICK</label>
112 
+                                        </div>
113 
+                                    </div>
114 
+                                </div>
115 
+                                <div class="col-md-4">
116 
+                                    <div class="body_prueba">
117 
+                                        <div class="modern-Checkbox">
118 
+                                            <input type="checkbox" id="box-7"/>
119 
+                                            <label for="box-7">ZAVIC</label>
120 
+                                        </div>
121 
+                                    </div>
122 
+                                </div>
123 
+                                <div class="col-md-4">
124 
+                                    <div class="body_prueba">
125 
+                                        <div class="modern-Checkbox">
126 
+                                            <input type="checkbox" id="box-8"/>
127 
+                                            <label for="box-8">VALPER</label>
128 
+                                        </div>
129 
+                                    </div>
130 
+                                </div>
131 
+                                <div class="col-md-4">
132 
+                                    <div class="body_prueba">
133 
+                                        <div class="modern-Checkbox">
134 
+                                            <input type="checkbox" id="box-9"/>
135 
+                                            <label for="box-9">LIFO</label>
136 
+                                        </div>
137 
+                                    </div>
138 
+                                </div>
139 
+                            </div>
140 
+                        </div>
141 
+
142 
+
143 
+
144 
+                        <div class="personalidad_body" id="personalidad_body">
145 
+                            <div class="row">
146 
+                                <div class="col-md-4">
147 
+                                    <div class="body_prueba">
148 
+                                        <div class="modern-Checkbox">
149 
+                                            <input type="checkbox" id="box-10"/>
150 
+                                            <label for="box-10">LUSCHER</label>
151 
+                                        </div>
152 
+                                    </div>
153 
+                                </div>
154 
+                                <div class="col-md-4">
155 
+                                    <div class="body_prueba">
156 
+                                        <div class="modern-Checkbox">
157 
+                                            <input type="checkbox" id="box-11"/>
158 
+                                            <label for="box-11">CPI</label>
159 
+                                        </div>
160 
+                                    </div>
161 
+                                </div>
162 
+                                <div class="col-md-4">
163 
+                                    <div class="body_prueba">
164 
+                                        <div class="modern-Checkbox">
165 
+                                            <input type="checkbox" id="box-12"/>
166 
+                                            <label for="box-12">PGV</label>
167 
+                                        </div>
168 
+                                    </div>
169 
+                                </div>
170 
+                                <div class="col-md-4">
171 
+                                    <div class="body_prueba">
172 
+                                        <div class="modern-Checkbox">
173 
+                                                <input type="checkbox" id="box-13"/>
174 
+                                                <label for="box-13">BFQ</label>
175 
+                                            </div>
176 
+                                        </div>
177 
+                                    </div>
178 
+                                                <div class="col-md-4">
179 
+                                                    <div class="body_prueba">
180 
+                                                        <div class="modern-Checkbox">
181 
+                                                            <input type="checkbox" id="box-14"/>
182 
+                                                            <label for="box-14">16FP</label>
183 
+                                                        </div>
184 
+                                                    </div>
185 
+                                                </div>
186 
+                                                <div class="col-md-4">
187 
+                                                    <div class="body_prueba">
188 
+                                                        <div class="modern-Checkbox">
189 
+                                                            <input type="checkbox" id="box-15"/>
190 
+                                                            <label for="box-15">PIP</label>
191 
+                                                        </div>
192 
+                                                    </div>
193 
+                                                </div>
194 
+                                                <div class="col-md-4">
195 
+                                                    <div class="body_prueba">
196 
+                                                        <div class="modern-Checkbox">
197 
+                                                            <input type="checkbox" id="box-16"/>
198 
+                                                            <label for="box-16">IMP</label>
199 
+                                                        </div>
200 
+                                                    </div>
201 
+                                                </div>
202 
+                                                <div class="col-md-4">
203 
+                                                    <div class="body_prueba">
204 
+                                                        <div class="modern-Checkbox">
205 
+                                                            <input type="checkbox" id="box-17"/>
206 
+                                                            <label for="box-17">PVC</label>
207 
+                                                        </div>
208 
+                                                    </div>
209 
+                                                </div>
210 
+                                                <div class="col-md-4">
211 
+                                                    <div class="body_prueba">
212 
+                                                        <div class="modern-Checkbox">
213 
+                                                            <input type="checkbox" id="box-18"/>
214 
+                                                            <label for="box-18">NIC</label>
215 
+                                                        </div>
216 
+                                                    </div>
217 
+                                                </div>
218 
+                                </div>
219 
+                            </div>
220 
+
221 
+
222 
+
223 
+                                                <div class="inteligencia_body" id="inteligencia_body">
224 
+                                                    <div class="row">
225 
+                                                        <div class="col-md-4">
226 
+                                                            <div class="body_prueba">
227 
+                                                                <div class="modern-Checkbox">
228 
+                                                                    <input type="checkbox" id="box-19"/>
229 
+                                                                    <label for="box-19">TERMAN</label>
230 
+                                                                </div>
231 
+                                                            </div>
232 
+                                                        </div>
233 
+                                                        <div class="col-md-4">
234 
+                                                            <div class="body_prueba">
235 
+                                                                <div class="modern-Checkbox">
236 
+                                                                    <input type="checkbox" id="box-20"/>
237 
+                                                                    <label for="box-20">BETAIIR</label>
238 
+                                                                </div>
239 
+                                                            </div>
240 
+                                                        </div>
241 
+                                                        <div class="col-md-4">
242 
+                                                            <div class="body_prueba">
243 
+                                                                <div class="modern-Checkbox">
244 
+                                                                    <input type="checkbox" id="box-21"/>
245 
+                                                                    <label for="box-21">BETAIII</label>
246 
+                                                                </div>
247 
+                                                            </div>
248 
+                                                        </div>
249 
+                                                        <div class="col-md-4">
250 
+                                                            <div class="body_prueba">
251 
+                                                                <div class="modern-Checkbox">
252 
+                                                                    <input type="checkbox" id="box-22"/>
253 
+                                                                    <label for="box-22">IE</label>
254 
+                                                                </div>
255 
+                                                            </div>
256 
+                                                        </div>
257 
+                                                        <div class="col-md-4">
258 
+                                                            <div class="body_prueba">
259 
+                                                                <div class="modern-Checkbox">
260 
+                                                                    <input type="checkbox" id="box-23"/>
261 
+                                                                    <label for="box-23">RAVEN</label>
262 
+                                                                </div>
263 
+                                                            </div>
264 
+                                                        </div>
265 
+                                                        <div class="col-md-4">
266 
+                                                            <div class="body_prueba">
267 
+                                                                <div class="modern-Checkbox">
268 
+                                                                    <input type="checkbox" id="box-24"/>
269 
+                                                                    <label for="box-24">DOMINOS</label>
270 
+                                                                </div>
271 
+                                                            </div>
272 
+                                                        </div>
273 
+                                                        <div class="col-md-4">
274 
+                                                            <div class="body_prueba">
275 
+                                                                <div class="modern-Checkbox">
276 
+                                                                    <input type="checkbox" id="box-25"/>
277 
+                                                                    <label for="box-25">WONDERLIC</label>
278 
+                                                                </div>
279 
+                                                            </div>
280 
+                                                        </div>
281 
+                                                        <div class="col-md-4">
282 
+                                                            <div class="body_prueba">
283 
+                                                                <div class="modern-Checkbox">
284 
+                                                                    <input type="checkbox" id="box-26"/>
285 
+                                                                    <label for="box-26">COIR</label>
286 
+                                                                </div>
287 
+                                                            </div>
288 
+                                                        </div>
289 
+                                                    </div>
290 
+                                                </div>
291 
+
292 
+
293 
+                                                <div class="botones_interactivos_asignar">
294 
+                                                    <div class="row">
295 
+                                                        <div class="col-md-12">
296 
+                                                            <a href="#" data-toggle="modal" data-target="#ayudaAsignar">Ayuda</a>
297 
+                                                            <button>Asignar</button>
298 
+                                                        </div>
299 
+                                                    </div>
300 
+                                                </div>
301 
+                        </div>
302 
+                    </div>
303 
+                </div>
304 
+            </section>
305 
+    )
306 
+}

+ 157 - 0
psicoadmin/src/Pages/PruebaNueva.js
Näytä tiedosto 

@@ -0,0 +1,157 @@
1 
+export function PruebaNueva() {
2 
+    return(
3 
+        <section id="content">
4 
+            <div class="content-section">
5 
+                <div class="main">
6 
+                    <h1>Crear pruebas</h1>
7 
+                    <div class="asignar_usuario">
8 
+                        <div class="row">
9 
+                            <div class="col-md-4">
10 
+                                <div class="datos_candidato">
11 
+                                    <label>Tipo de prueba</label>
12 
+                                    <select>
13 
+                                        <option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
14 
+                                        <option>Comportamiento</option>
15 
+                                        <option>Personalidad</option>
16 
+                                        <option>Inteligencia</option>
17 
+                                    </select>
18 
+                                </div>
19 
+                            </div>
20 
+                            <div class="col-md-4">
21 
+                                <div class="datos_candidato">
22 
+                                    <label>Nombre</label>
23 
+                                    <input type="text" name="nombre" placeholder="Nombre de la prueba"/>
24 
+                                </div>
25 
+                            </div>
26 
+                            <div class="col-md-4">
27 
+                                <div class="datos_candidato">
28 
+                                    <label>Duración de prueba</label>
29 
+                                    <select>
30 
+                                        <option selected disabled>Selecciona el tiempo de duración de la prueba</option>
31 
+                                        <option>10</option>
32 
+                                        <option>15</option>
33 
+                                        <option>30</option>
34 
+                                        <option>45</option>
35 
+                                        <option>60</option>
36 
+                                        <option>90</option>
37 
+                                    </select>
38 
+                                </div>
39 
+                            </div>
40 
+                        </div>
41 
+                    </div>
42 
+                    <div class="body_preguntas">
43 
+                        <div class="botones_preguntas">
44 
+                            <label>Tipo de pregunta</label>
45 
+                            <div class="row">
46 
+                                <div class="col-md-6">
47 
+                                    <div class="datos_candidato">
48 
+                                        <select>
49 
+                                            <option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
50 
+                                            <option>Selección múltiple</option>
51 
+                                            <option>Falso y verdadero</option>
52 
+                                            <option>Preguntas directas</option>
53 
+                                            <option>Relaciones de conceptos</option>
54 
+                                        </select>
55 
+                                    </div>
56 
+                                </div>
57 
+                                <div class="col-md-6">
58 
+                                    <button class="btn_agregar_pregunta">Añadir pregunta</button>
59 
+                                </div>
60 
+                            </div>
61 
+                        </div>
62 
+                    </div>
63 
+                    <div class="body_prueba_nueva">
64 
+                        <div class="contenedor_pruebas">
65 
+                            <h1>Preguntas</h1>
66 
+                            <div class="body_preg_indi">
67 
+                                <div class="titulo_pregunta">
68 
+                                    <span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" class="input_pregunta"/>
69 
+                                </div>
70 
+                                <div class="respuesta_pregunta">
71 
+                                    <input type="text" name="respuesta" placeholder="Escribe tu respuesta aquí"/>
72 
+                                </div>
73 
+                            </div>
74 
+                            <div class="body_preg_indi">
75 
+                                <div class="titulo_pregunta">
76 
+                                    <span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" class="input_pregunta"/>
77 
+                                </div>
78 
+                                <div class="respuesta_pregunta">
79 
+                                    <div class="radio">
80 
+                                        <form>
81 
+                                            <input id="true" type="radio" name="gender" value="true" checked="checked"/>
82 
+                                            <label for="true">Verdadero</label>
83 
+                                            <input id="false" type="radio" name="gender" value="false"/>
84 
+                                            <label for="false">Falso</label>
85 
+                                        </form>
86 
+                                    </div>
87 
+                                </div>
88 
+                            </div>
89 
+                            <div class="body_preg_indi">
90 
+                                <div class="titulo_pregunta">
91 
+                                    <span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" class="input_pregunta"/>
92 
+                                </div>
93 
+                                <div class="respuesta_pregunta">
94 
+                                    <div class="radio">
95 
+                                        <form>
96 
+                                            <input id="opcion1" type="radio" name="gender" value="opcion1"/>
97 
+                                            <label for="opcion1">Opción 1</label>
98 
+                                            <input id="opcion2" type="radio" name="gender" value="opcion2" checked="checked"/>
99 
+                                            <label for="opcion2">Opción 2</label>
100 
+                                            <input id="opcion3" type="radio" name="gender" value="opcion3"/>
101 
+                                            <label for="opcion3">Opción 3</label>
102 
+                                            <input id="opcion4" type="radio" name="gender" value="opcion4"/>
103 
+                                            <label for="opcion4">Opción 4</label>
104 
+                                            <input id="opcion5" type="radio" name="gender" value="opcion5"/>
105 
+                                            <label for="opcion5">Opción 5</label>
106 
+                                        </form>
107 
+                                    </div>
108 
+                                </div>
109 
+                            </div>
110 
+                            <div class="body_preg_indi">
111 
+                                <div class="titulo_pregunta">
112 
+                                    <span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" class="input_pregunta"/>
113 
+                                    <div class="button_subir_foto_pregunta">
114 
+                                        <form action="">
115 
+                                            <div class="form-group">
116 
+                                                <label for="upload" class="btn d-inline-block btn-info">Subir imagen</label>
117 
+                                                <input type="file" name="" id="upload" />
118 
+                                            </div>
119 
+                                        </form>
120 
+                                    </div>
121 
+                                    <div class="img_relaciones">
122 
+                                        <img src="images/prueba.png"/>
123 
+                                    </div>
124 
+                                </div>
125 
+                                <div class="respuesta_pregunta">
126 
+                                    <div class="button_subir_foto_pregunta">
127 
+                                        <form action="">
128 
+                                            <div class="form-group">
129 
+                                                <label for="upload" class="btn d-inline-block btn-info">Añadir respuesta</label>
130 
+                                                <input type="file" name="" id="upload" />
131 
+                                            </div>
132 
+                                        </form>
133 
+                                    </div>
134 
+                                    <form>
135 
+                                        <div id="sites">
136 
+                                            <input type="radio" name="site" id="option1" value="option1" />A.<label for="option1"><img src="images/respuesta.png" alt="Opción 1" /></label>
137 
+                                            <input type="radio" name="site" id="option2" value="option2" />B.<label for="option2"><img src="images/respuesta2.png" alt="Opción 2" /></label>
138 
+                                            <input type="radio" name="site" id="option3" value="option3" />C.<label for="option3"><img src="images/respuesta3.png" alt="Opción 3" /></label>
139 
+                                            <input type="radio" name="site" id="option1" value="option1" />D.<label for="option1"><img src="images/respuesta.png" alt="Opción 1" /></label>
140 
+                                            <input type="radio" name="site" id="option2" value="option2" />E.<label for="option2"><img src="images/respuesta2.png" alt="Opción 2" /></label>
141 
+                                            <input type="radio" name="site" id="option3" value="option3" />F.<label for="option3"><img src="images/respuesta3.png" alt="Opción 3" /></label>
142 
+                                        </div>
143 
+                                    </form>
144 
+                                </div>
145 
+                                <div class="form-group-guardar-prueba">
146 
+                                    <input type="button" class="btn d-inline-block btn-info" value="Guardar prueba"/>
147 
+                                </div>
148 
+                            </div>
149 
+                        </div>
150 
+                    </div>
151 
+                </div>
152 
+            </div>
153 
+        </section>
154 
+
155 
+
156 
+    )
157 
+}