Inicio Explorar Axuda
Rexistro Iniciar sesión
SuperAdminQA
/
psicoadmin
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Pull Requests 0 Achegas 372 Lanzamentos 0 Wiki
Explorar o código

tester pre jquery

amenpunk %!s(int64=3) %!d(string=hai) anos
pai
3a7bd04d47
achega
3e5ef135fa
Modificáronse 4 ficheiros con 132 adicións e 125 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 2 0
      psicoadmin/public/index.html
  2. 1 1
      psicoadmin/src/App.js
  3. 97 93
      psicoadmin/src/Components/Header.js
  4. 32 31
      psicoadmin/src/Components/Sidebar.js

+ 2 - 0
psicoadmin/public/index.html
Ver ficheiro 

@@ -14,6 +14,8 @@
14 14 
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
15 15
16 16 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
17 
+
18 
+    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
17 19
18 20
19 21 
     <!--

+ 1 - 1
psicoadmin/src/App.js
Ver ficheiro 

@@ -27,8 +27,8 @@ function App() {
27 27 
         <Router>
28 28 
             <API_GATEWAY.Provider value={GATEWAY.dev}>
29 29 
                 <Container fluid>
30 
-                    <Header/>
31 30 
                     <SideBar/>
31 
+                    <Header/>
32 32 
                 </Container>
33 33 
             </API_GATEWAY.Provider>
34 34 
         </Router>

+ 97 - 93
psicoadmin/src/Components/Header.js
Ver ficheiro 

@@ -1,4 +1,8 @@
1 
+import { Navbar, Nav, Container } from 'react-bootstrap';
2 
+import ProfilePicture from '../Images/man.png';
3 
+
1 4 
 export function Header () {
5 
+
2 6 
     return (
3 7
4 8 
         <nav className="navbar navbar-expand-lg navbar-light">
 
@@ -7,7 +11,7 @@ export function Header () {
7 11 
                 <button type="button" id="sidebarCollapse" className="btncollapse">
8 12 
                     <i className="fas fa-bars"></i>
9 13 
                 </button>
10 
-                <button type="button" id="dashboardfull" className="btncollapse" onclick="openFullscreen();">
14 
+                <button type="button" id="dashboardfull" className="btncollapse" onClick={ () => console.log('open full screen') }>
11 15 
                     <i className="fa fa-expand" aria-hidden="true"></i>
12 16 
                 </button>
13 17 
                 <button className="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
@@ -17,105 +21,105 @@ export function Header () {
17 21 
                 <div className="collapse navbar-collapse" id="navbarSupportedContent">
18 22 
                     <ul className="nav navbar-nav ml-auto">
19 23 
                         <li className="nav-item">
20 
-                            <a className="nav-link" id="dropdownNotificaciones" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-bell"></i></a>
24 
+                            <a href="/" className="nav-link" id="dropdownNotificaciones" data-toggle="dropdown" aria-expanded="false"><i className="far fa-bell"></i></a>
21 25 
                             <div className="dropdown-menu dropdown-menu-right dropdown_noti" aria-labelledby="dropdownNotificaciones">
22 26 
                                 <div className="body_drop_notification">
23 27 
                                     <div className="row">
24 28 
                                         <div className="col-md-2">
25 29 
                                             <div className="rounded-pic">
30 
+                                                <img src={ProfilePicture} alt=""/>
31 
+                                            </div>
32 
+                                        </div>
33 
+                                        <div className="col-md-6">
34 
+                                            <h1>Fernando Vásquez</h1>
35 
+                                            <p>He cambiado el nombre de una plaza manualmente.</p>
36 
+                                        </div>
37 
+                                        <div className="col-md-4 panel_time_notification">
38 
+                                            <a href="/" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
39 
+                                        </div>
40 
+                                    </div>
41 
+                                </div>
42 
+                                <div className="body_drop_notification">
43 
+                                    <div className="row">
44 
+                                        <div className="col-md-2">
45 
+                                            <div className="rounded-pic">
46 
+                                                <img src="images/man.png" alt=""/>
47 
+                                            </div>
48 
+                                        </div>
49 
+                                        <div className="col-md-6">
50 
+                                            <h1>Fernando Vásquez</h1>
51 
+                                            <p>He cambiado el nombre de una plaza manualmente.</p>
52 
+                                        </div>
53 
+                                        <div className="col-md-4 panel_time_notification">
54 
+                                            <a href="/" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
55 
+                                        </div>
56 
+                                    </div>
57 
+                                </div>
58 
+                                <div className="body_drop_notification">
59 
+                                    <div className="row">
60 
+                                        <div className="col-md-2">
61 
+                                            <div className="rounded-pic">
62 
+                                                <img src="images/man.png" alt=""/>
63 
+                                            </div>
64 
+                                        </div>
65 
+                                        <div className="col-md-6">
66 
+                                            <h1>Fernando Vásquez</h1>
67 
+                                            <p>He cambiado el nombre de una plaza manualmente.</p>
68 
+                                        </div>
69 
+                                        <div className="col-md-4 panel_time_notification">
70 
+                                            <a href="/" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
71 
+                                        </div>
72 
+                                    </div>
73 
+                                </div>
74 
+                                <div className="body_drop_notification">
75 
+                                    <div className="row">
76 
+                                        <div className="col-md-2">
77 
+                                            <div className="rounded-pic">
78 
+                                                <img src="images/man.png" alt=""/>
79 
+                                            </div>
80 
+                                        </div>
81 
+                                        <div className="col-md-6">
82 
+                                            <h1>Fernando Vásquez</h1>
83 
+                                            <p>He cambiado el nombre de una plaza manualmente.</p>
84 
+                                        </div>
85 
+                                        <div className="col-md-4 panel_time_notification">
86 
+                                            <a href="/" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
87 
+                                        </div>
88 
+                                    </div>
89 
+                                </div>
90 
+                                <div className="body_drop_notification">
91 
+                                    <div className="row">
92 
+                                        <div className="col-md-2">
93 
+                                            <div className="rounded-pic">
26 94 
                                                 <img src="images/man.png" alt=""/>
27 
-                                                </div>
28 95 
                                             </div>
29 
-                                                    <div className="col-md-6">
30 
-                                                        <h1>Fernando Vásquez</h1>
31 
-                                                        <p>He cambiado el nombre de una plaza manualmente.</p>
32 
-                                                    </div>
33 
-                                                    <div className="col-md-4 panel_time_notification">
34 
-                                                        <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
35 
-                                                    </div>
96 
+                                        </div>
97 
+                                        <div className="col-md-6">
98 
+                                            <h1>Fernando Vásquez</h1>
99 
+                                            <p>He cambiado el nombre de una plaza manualmente.</p>
100 
+                                        </div>
101 
+                                        <div className="col-md-4 panel_time_notification">
102 
+                                            <a href="/" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
36 103 
                                         </div>
37 104 
                                     </div>
38 
-                                                    <div className="body_drop_notification">
39 
-                                                        <div className="row">
40 
-                                                            <div className="col-md-2">
41 
-                                                                <div className="rounded-pic">
42 
-                                                                    <img src="images/man.png" alt=""/>
43 
-                                                                    </div>
44 
-                                                                </div>
45 
-                                                                        <div className="col-md-6">
46 
-                                                                            <h1>Fernando Vásquez</h1>
47 
-                                                                            <p>He cambiado el nombre de una plaza manualmente.</p>
48 
-                                                                        </div>
49 
-                                                                        <div className="col-md-4 panel_time_notification">
50 
-                                                                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
51 
-                                                                        </div>
52 
-                                                            </div>
53 
-                                                        </div>
54 
-                                                                        <div className="body_drop_notification">
55 
-                                                                            <div className="row">
56 
-                                                                                <div className="col-md-2">
57 
-                                                                                    <div className="rounded-pic">
58 
-                                                                                        <img src="images/man.png" alt=""/>
59 
-                                                                                        </div>
60 
-                                                                                    </div>
61 
-                                                                                            <div className="col-md-6">
62 
-                                                                                                <h1>Fernando Vásquez</h1>
63 
-                                                                                                <p>He cambiado el nombre de una plaza manualmente.</p>
64 
-                                                                                            </div>
65 
-                                                                                            <div className="col-md-4 panel_time_notification">
66 
-                                                                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
67 
-                                                                                            </div>
68 
-                                                                                </div>
69 
-                                                                            </div>
70 
-                                                                                            <div className="body_drop_notification">
71 
-                                                                                                <div className="row">
72 
-                                                                                                    <div className="col-md-2">
73 
-                                                                                                        <div className="rounded-pic">
74 
-                                                                                                            <img src="images/man.png" alt=""/>
75 
-                                                                                                            </div>
76 
-                                                                                                        </div>
77 
-                                                                                                                <div className="col-md-6">
78 
-                                                                                                                    <h1>Fernando Vásquez</h1>
79 
-                                                                                                                    <p>He cambiado el nombre de una plaza manualmente.</p>
80 
-                                                                                                                </div>
81 
-                                                                                                                <div className="col-md-4 panel_time_notification">
82 
-                                                                                                                    <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
83 
-                                                                                                                </div>
84 
-                                                                                                    </div>
85 
-                                                                                                </div>
86 
-                                                                                                                <div className="body_drop_notification">
87 
-                                                                                                                    <div className="row">
88 
-                                                                                                                        <div className="col-md-2">
89 
-                                                                                                                            <div className="rounded-pic">
90 
-                                                                                                                                <img src="images/man.png" alt=""/>
91 
-                                                                                                                                </div>
92 
-                                                                                                                            </div>
93 
-                                                                                                                                    <div className="col-md-6">
94 
-                                                                                                                                        <h1>Fernando Vásquez</h1>
95 
-                                                                                                                                        <p>He cambiado el nombre de una plaza manualmente.</p>
96 
-                                                                                                                                    </div>
97 
-                                                                                                                                    <div className="col-md-4 panel_time_notification">
98 
-                                                                                                                                        <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
99 
-                                                                                                                                    </div>
100 
-                                                                                                                        </div>
101 
-                                                                                                                    </div>
102 
-                                                                                                                </div>
103 
-                                                                                            </li>
104 
-                                                                                                                                    <li className="nav-item">
105 
-                                                                                                                                        <a className="btn-drop" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
106 
-                                                                                                                                            <div className="rounded-pic">
107 
-                                                                                                                                                <img src="images/man.png" alt=""/>
108 
-                                                                                                                                                </div>
109 
-                                                                                                                                            </a>
110 
-                                                                                                                                                    <div className="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
111 
-                                                                                                                                                        <a className="dropdown-item" href="perfil.php">Perfil</a>
112 
-                                                                                                                                                        <a className="dropdown-item" href="configuraciones.php">Configuraciones</a>
113 
-                                                                                                                                                        <a className="dropdown-item" href="login.php">Cerrar sesión</a>
114 
-                                                                                                                                                    </div>
115 
-                                                                                                                                        </li>
116 
-                                                                                                                                    </ul>
117 
-                                                                        </div>
118 
-                                                    </div>
119 
-                                </nav>
120 
-                                                                                                                                                    )
105 
+                                </div>
106 
+                            </div>
107 
+                        </li>
108 
+                        <li className="nav-item">
109 
+                            <a href="/" className="btn-drop" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
110 
+                                <div className="rounded-pic">
111 
+                                    <img src="images/man.png" alt=""/>
112 
+                                </div>
113 
+                            </a>
114 
+                            <div className="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
115 
+                                <a className="dropdown-item" href="perfil.php">Perfil</a>
116 
+                                <a className="dropdown-item" href="configuraciones.php">Configuraciones</a>
117 
+                                <a className="dropdown-item" href="login.php">Cerrar sesión</a>
118 
+                            </div>
119 
+                        </li>
120 
+                    </ul>
121 
+                </div>
122 
+            </div>
123 
+        </nav>
124 
+    )
121 125 
 }

+ 32 - 31
psicoadmin/src/Components/Sidebar.js
Ver ficheiro 

@@ -1,35 +1,36 @@
1 1 
 import React from 'react'
2 
-import { Container, Row, Col } from 'react-bootstrap'
2 
+// import { Container, Row, Col } from 'react-bootstrap'
3 
+import Logo from '../Images/logo.png';
3 4
4 5 
 export function SideBar () {
5 6 
     return(
6 
-        <div class="wrapper">
7 
+        <div className="wrapper">
7 8 
             <nav id="sidebar">
8 
-                <div class="sidebar-header">
9 
-                    <div class="width_img">
10 
-                        <img src="images/logo.png" alt=""/>
9 
+                <div className="sidebar-header">
10 
+                    <div className="width_img">
11 
+                        <img src={Logo} alt=""/>
11 12 
                     </div>
12 13 
                 </div>
13 
-                <ul class="list-unstyled components">
14 
-                    <li class="cabecera_li">MENÚ</li>
15 
-                    <li id="home" class="active">
16 
-                        <a href="index.php"><i class="fas fa-home"></i>Inicio</a>
14 
+                <ul className="list-unstyled components">
15 
+                    <li className="cabecera_li">MENÚ</li>
16 
+                    <li id="home" className="active">
17 
+                        <a href="index.php"><i className="fas fa-home"></i>Inicio</a>
17 18 
                     </li>
18 19 
                     <li id="plazas">
19 
-                        <a href="#"><i class="far fa-list-alt"></i>Puestos</a>
20 
+                        <a href="/"><i className="far fa-list-alt"></i>Puestos</a>
20 21 
                     </li>
21 22 
                     <li id="notificaciones">
22 
-                        <a href="#"><i class="fas fa-shield-alt"></i>Contraseñas</a>
23 
+                        <a href="/"><i className="fas fa-shield-alt"></i>Contraseñas</a>
23 24 
                     </li>
24 25 
                     <li id="expedientes">
25 
-                        <a href="#"><i class="far fa-user"></i>Expedientes</a>
26 
+                        <a href="/"><i className="far fa-user"></i>Expedientes</a>
26 27 
                     </li>
27 28 
                     <li id="resultados">
28 
-                        <a href="#"><i class="fas fa-chart-line"></i>Resultados</a>
29 
+                        <a href="/"><i className="fas fa-chart-line"></i>Resultados</a>
29 30 
                     </li>
30 31 
                     <li id="pruebas">
31 
-                        <a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fas fa-paperclip"></i>Pruebas</a>
32 
-                        <ul class="collapse list-unstyled" id="pageSubmenu2">
32 
+                        <a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="false" className="dropdown-toggle"><i className="fas fa-paperclip"></i>Pruebas</a>
33 
+                        <ul className="collapse list-unstyled" id="pageSubmenu2">
33 34 
                             <li id="crearprueba">
34 35 
                                 <a href="nueva-prueba.php">Crear prueba</a>
35 36 
                             </li>
 
@@ -40,23 +41,23 @@ export function SideBar () {
40 41 
                                 <a href="asignar.php">Aplicar</a>
41 42 
                             </li>
42 43 
                             <li id="respuestas">
43 
-                                <a href="#">Respuestas</a>
44 
+                                <a href="/">Respuestas</a>
44 45 
                             </li>
45 46 
                             <li id="calificaciones">
46 
-                                <a href="#">Calificaciones</a>
47 
+                                <a href="/">Calificaciones</a>
47 48 
                             </li>
48 49 
                         </ul>
49 50 
                     </li>
50 51 
                     <li id="configuraciones">
51 
-                        <a href="#"><i class="fas fa-cog"></i>Configuraciones</a>
52 
+                        <a href="/"><i className="fas fa-cog"></i>Configuraciones</a>
52 53 
                     </li>
53 54 
                     <li id="historial">
54 
-                        <a href="#"><i class="far fa-clock"></i>Historial</a>
55 
+                        <a href="/"><i className="far fa-clock"></i>Historial</a>
55 56 
                     </li>
56 
-                    <li class="cabecera_li">EXTRAS</li>
57 
+                    <li className="cabecera_li">EXTRAS</li>
57 58 
                     <li id="elementos">
58 
-                        <a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fas fa-star"></i>Elementos</a>
59 
-                        <ul class="collapse list-unstyled" id="pageSubmenu3">
59 
+                        <a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" className="dropdown-toggle"><i className="fas fa-star"></i>Elementos</a>
60 
+                        <ul className="collapse list-unstyled" id="pageSubmenu3">
60 61 
                             <li>
61 62 
                                 <a href="lockscreen.php" target="_blank">Pantalla Bloqueada</a>
62 63 
                             </li>
 
@@ -72,27 +73,27 @@ export function SideBar () {
72 73 
                         </ul>
73 74 
                     </li>
74 75 
                     <li id="tutoriales">
75 
-                        <a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="far fa-bookmark"></i>Tutoriales</a>
76 
-                        <ul class="collapse list-unstyled" id="pageSubmenu4">
76 
+                        <a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="false" className="dropdown-toggle"><i className="far fa-bookmark"></i>Tutoriales</a>
77 
+                        <ul className="collapse list-unstyled" id="pageSubmenu4">
77 78 
                             <li>
78 
-                                <a href="#">Manual de Uso Básico</a>
79 
+                                <a href="/">Manual de Uso Básico</a>
79 80 
                             </li>
80 81 
                             <li>
81 
-                                <a href="#">¿Qué evalúa cada test?</a>
82 
+                                <a href="/">¿Qué evalúa cada test?</a>
82 83 
                             </li>
83 84 
                             <li>
84 
-                                <a href="#">Ayuda General</a>
85 
+                                <a href="/">Ayuda General</a>
85 86 
                             </li>
86 87 
                         </ul>
87 88 
                     </li>
88 89 
                     <li id="asistencia">
89 
-                        <a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fas fa-headphones"></i>Asistencia Técnica</a>
90 
-                        <ul class="collapse list-unstyled" id="pageSubmenu5">
90 
+                        <a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="false" className="dropdown-toggle"><i className="fas fa-headphones"></i>Asistencia Técnica</a>
91 
+                        <ul className="collapse list-unstyled" id="pageSubmenu5">
91 92 
                             <li>
92 
-                                <a href="#">Soporte En Línea</a>
93 
+                                <a href="/">Soporte En Línea</a>
93 94 
                             </li>
94 95 
                             <li>
95 
-                                <a href="#">Soporte Por Ticket</a>
96 
+                                <a href="/">Soporte Por Ticket</a>
96 97 
                             </li>
97 98 
                         </ul>
98 99 
                     </li>