other imp

psicoadmin/src/Components/Routes.js

@@ -12,6 +12,8 @@ import { Resultados } from '../Pages/Resultados'
 import { Configuracion } from '../Pages/Configuracion'
 import { Historial } from '../Pages/Historial'
 import { Pruebas } from '../Pages/Pruebas'
+import { PruebaNueva } from '../Pages/PruebaNueva'
+import { PruebaAsignar } from '../Pages/PruebaAsignar'
 
 import useAuth from '../Auth/useAuth'
 
@@ -44,6 +46,8 @@ export default function MyRoutes () {
                             <Route path="configuraciones" element={<Configuracion/>} />
                             <Route path="historial" element={<Historial/>} />
                             <Route path="pruebas/listar" element={<Pruebas/>} />
+                            <Route path="pruebas/crear" element={<PruebaNueva/>} />
+                            <Route path="pruebas/aplicar" element={<PruebaAsignar/>} />
                         </Route>
                     )
                 : ( <Route path="dashboard" element={<Navigate to='/'/>} />)

psicoadmin/src/Components/listItems.js

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

psicoadmin/src/Pages/PruebaAsignar.js

@@ -0,0 +1,306 @@
+export function PruebaAsignar() {
+    return(
+        <section id="content" style={{ paddingTop : 100 }}>
+            <div class="content-section">
+                <div class="main">
+                    <h1>Asignación de pruebas</h1>
+                    <p>Selecciona el código del candidato y posteriormente las pruebas que deberá ejecutar.</p>
+                    <div class="asignar_usuario">
+                        <div class="row">
+                            <div class="col-md-3">
+                                <div class="datos_candidato">
+                                    <label>Seleccionar código</label>
+                                    <select>
+                                        <option>001</option>
+                                        <option>002</option>
+                                        <option>003</option>
+                                        <option>004</option>
+                                        <option>005</option>
+                                        <option>006</option>
+                                        <option>007</option>
+                                        <option>008</option>
+                                    </select>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="datos_candidato">
+                                    <label>Nombre</label>
+                                    <input type="text" name="nombre" placeholder="Nombre candidato" readonly/>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="datos_candidato">
+                                    <label>Edad</label>
+                                    <input type="number" name="text" placeholder="28" readonly/>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="datos_candidato">
+                                    <label>Género</label>
+                                    <input type="text" name="genero" placeholder="Hombre" readonly/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="tabs_pruebas">
+                        <div class="row">
+                            <div class="col-md-4">
+                                <div class="test_tab active" id="comportamiento" onclick="comportamiento()">
+                                    <p>COMPORTAMIENTO</p>
+                                </div>
+                            </div>
+                            <div class="col-md-4">
+                                <div class="test_tab" id="personalidad" onclick="personalidad()">
+                                    <p>PERSONALIDAD</p>
+                                </div>
+                            </div>
+                            <div class="col-md-4">
+                                <div class="test_tab" id="inteligencia" onclick="inteligencia()">
+                                    <p>INTELIGENCIA</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="pruebas_grid">
+                        <div class="comportamiento_body" id="comportamiento_body">
+                            <div class="row">
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-1"/>
+                                            <label for="box-1">CLEAVER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-2"/>
+                                            <label for="box-2">ESTILO</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-3"/>
+                                            <label for="box-3">VALORES</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-4"/>
+                                            <label for="box-4">VALORES COMP.</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-5"/>
+                                            <label for="box-5">MOSS</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-6"/>
+                                            <label for="box-6">KOSTICK</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-7"/>
+                                            <label for="box-7">ZAVIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-8"/>
+                                            <label for="box-8">VALPER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-9"/>
+                                            <label for="box-9">LIFO</label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+
+
+                        <div class="personalidad_body" id="personalidad_body">
+                            <div class="row">
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-10"/>
+                                            <label for="box-10">LUSCHER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-11"/>
+                                            <label for="box-11">CPI</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                            <input type="checkbox" id="box-12"/>
+                                            <label for="box-12">PGV</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="body_prueba">
+                                        <div class="modern-Checkbox">
+                                                <input type="checkbox" id="box-13"/>
+                                                <label for="box-13">BFQ</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                                <div class="col-md-4">
+                                                    <div class="body_prueba">
+                                                        <div class="modern-Checkbox">
+                                                            <input type="checkbox" id="box-14"/>
+                                                            <label for="box-14">16FP</label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-4">
+                                                    <div class="body_prueba">
+                                                        <div class="modern-Checkbox">
+                                                            <input type="checkbox" id="box-15"/>
+                                                            <label for="box-15">PIP</label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-4">
+                                                    <div class="body_prueba">
+                                                        <div class="modern-Checkbox">
+                                                            <input type="checkbox" id="box-16"/>
+                                                            <label for="box-16">IMP</label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-4">
+                                                    <div class="body_prueba">
+                                                        <div class="modern-Checkbox">
+                                                            <input type="checkbox" id="box-17"/>
+                                                            <label for="box-17">PVC</label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-4">
+                                                    <div class="body_prueba">
+                                                        <div class="modern-Checkbox">
+                                                            <input type="checkbox" id="box-18"/>
+                                                            <label for="box-18">NIC</label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                </div>
+                            </div>
+
+
+
+                                                <div class="inteligencia_body" id="inteligencia_body">
+                                                    <div class="row">
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-19"/>
+                                                                    <label for="box-19">TERMAN</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-20"/>
+                                                                    <label for="box-20">BETAIIR</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-21"/>
+                                                                    <label for="box-21">BETAIII</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-22"/>
+                                                                    <label for="box-22">IE</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-23"/>
+                                                                    <label for="box-23">RAVEN</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-24"/>
+                                                                    <label for="box-24">DOMINOS</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-25"/>
+                                                                    <label for="box-25">WONDERLIC</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="body_prueba">
+                                                                <div class="modern-Checkbox">
+                                                                    <input type="checkbox" id="box-26"/>
+                                                                    <label for="box-26">COIR</label>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+
+
+                                                <div class="botones_interactivos_asignar">
+                                                    <div class="row">
+                                                        <div class="col-md-12">
+                                                            <a href="#" data-toggle="modal" data-target="#ayudaAsignar">Ayuda</a>
+                                                            <button>Asignar</button>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+    )
+}

psicoadmin/src/Pages/PruebaNueva.js

@@ -0,0 +1,157 @@
+export function PruebaNueva() {
+    return(
+        <section id="content">
+            <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_nueva">
+                        <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>
+            </div>
+        </section>
+
+
+    )
+}