danielGe/hackFront
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

nueva tabla persona

Browse Source
This commit is contained in:
DanielRamirezGe
2020-08-21 22:11:40 -05:00
parent 774e6e95ee
commit 26477f03e5
6 changed files with 146 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/app.9d491318.css → dist/css/app.60762d50.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/index.html
Vendored
+1 -1
View File
@@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><link href=css/app.9d491318.css rel=preload as=style><link href=css/chunk-vendors.cbc2a074.css rel=preload as=style><link href=js/app.08da5268.js rel=preload as=script><link href=js/chunk-vendors.921f3df1.js rel=preload as=script><link href=css/chunk-vendors.cbc2a074.css rel=stylesheet><link href=css/app.9d491318.css rel=stylesheet></head><head><meta name=viewport content="width=device-width,initial-scale=1"><meta charset=utf-8><link rel=stylesheet href=https://unpkg.com/purecss@1.0.0/build/pure-min.css integrity=sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w crossorigin=anonymous><link rel=stylesheet href=https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css><link rel=stylesheet type=text/css href=style.css media=screen><link rel=stylesheet href=https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css integrity=sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB crossorigin=anonymous><title>HACKATHON REGISTRO</title><link rel="shortcut icon" href=img/icono.png><body><noscript><strong>We're sorry but hack_unam doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.921f3df1.js></script><script src=js/app.08da5268.js></script></body></head></html> <!DOCTYPE html><html lang=en><head><link href=css/app.60762d50.css rel=preload as=style><link href=css/chunk-vendors.cbc2a074.css rel=preload as=style><link href=js/app.38561c17.js rel=preload as=script><link href=js/chunk-vendors.921f3df1.js rel=preload as=script><link href=css/chunk-vendors.cbc2a074.css rel=stylesheet><link href=css/app.60762d50.css rel=stylesheet></head><head><meta name=viewport content="width=device-width,initial-scale=1"><meta charset=utf-8><link rel=stylesheet href=https://unpkg.com/purecss@1.0.0/build/pure-min.css integrity=sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w crossorigin=anonymous><link rel=stylesheet href=https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css><link rel=stylesheet type=text/css href=style.css media=screen><link rel=stylesheet href=https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css integrity=sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB crossorigin=anonymous><title>HACKATHON REGISTRO</title><link rel="shortcut icon" href=img/icono.png><body><noscript><strong>We're sorry but hack_unam doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.921f3df1.js></script><script src=js/app.38561c17.js></script></body></head></html>
dist/js/app.08da5268.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/js/app.08da5268.js → dist/js/app.38561c17.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
dist/js/app.38561c17.js.map
Vendored
+1
View File
File diff suppressed because one or more lines are too long
src/components/panelAdmin.vue
+141 -31
View File
@@ -7,34 +7,97 @@
</div> </div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<table class="table"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<thead class="thead-dark"> <button
<tr class="titulo"> class="navbar-toggler"
<th scope="col">#</th> type="button"
<th scope="col">Nombre del Equipo</th> data-toggle="collapse"
<th scope="col">Numero de Integrantes</th> data-target="#navbarTogglerDemo01"
<th scope="col">Nombre del Lider</th> aria-controls="navbarTogglerDemo01"
<th scope="col">Correo</th> aria-expanded="false"
<th scope="col">Carrera</th> aria-label="Toggle navigation"
<th scope="col">Campus</th> >
<th scope="col">Fecha de Registro</th> <span class="navbar-toggler-icon"></span>
</tr> </button>
</thead> <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<tbody> <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<tr v-for="item in registros" :key="item.idEquipo"> <li class="nav-item ">
<th scope="row">{{ item.idEquipo }}</th> <a class="navbar-brand" @click="numPanel=1">Equipos </a
<td>{{ item.nombreEquipo }}</td> >
<td>{{ item.numeroIntegrantes }}</td> </li>
<td>{{ item.nombre }}</td> <li class="nav-item">
<td>{{ item.correo }}</td> <a class="navbar-brand" @click="numPanel=2">Participantes</a>
<td>{{ item.carrera }}</td> </li>
<td>{{ item.campus }}</td> </ul>
<td>{{ item.fecha }}</td> </div>
</tr> </nav>
</tbody>
</table>
</div> </div>
</div> </div>
<div class="container" v-if="numPanel==1">
<div class="row">
<table class="table">
<thead class="thead-dark">
<tr class="titulo">
<th scope="col">#</th>
<th scope="col">Nombre del Equipo</th>
<th scope="col">Numero de Integrantes</th>
<th scope="col">Nombre del Lider</th>
<th scope="col">Correo</th>
<th scope="col">Carrera</th>
<th scope="col">Campus</th>
<th scope="col">Fecha de Registro</th>
</tr>
</thead>
<tbody>
<tr v-for="item in registros" :key="item.idEquipo">
<th scope="row">{{ item.idEquipo }}</th>
<td>{{ item.nombreEquipo }}</td>
<td>{{ item.numeroIntegrantes }}</td>
<td>{{ item.nombre }}</td>
<td>{{ item.correo }}</td>
<td>{{ item.carrera }}</td>
<td>{{ item.campus }}</td>
<td>{{ item.fecha }}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container" v-if="numPanel==2">
<div class="row">
<table class="table">
<thead class="thead-dark">
<tr class="titulo">
<th scope="col">#</th>
<th scope="col">Nombre </th>
<th scope="col">Apellido Paterno</th>
<th scope="col">Apellido Materno</th>
<th scope="col">Correo</th>
<th scope="col">Nombre del Aquipo</th>
<th scope="col">Campus</th>
<th scope="col">Carrera</th>
</tr>
</thead>
<tbody>
<tr v-for="item in persona" :key="item.idPersona">
<th scope="row">{{ item.idPersona }}</th>
<td>{{ item.nombre }}</td>
<td>{{ item.apellidoP }}</td>
<td>{{ item.apellidoM }}</td>
<td>{{ item.correo }}</td>
<td>{{ item.nombreEquipo }}</td>
<td>{{ item.campus }}</td>
<td>{{ item.carrera }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</section> </section>
</template> </template>
@@ -47,15 +110,21 @@ import Header from "./../view/headerAdmin.vue";
export default { export default {
components: { components: {
//HelloWorld //HelloWorld
Header Header,
}, },
data() { data() {
return { return {
registros: [] registros: [],
numPanel: 1,
persona: []
}; };
}, },
methods: {
},
async created() { async created() {
let equipos = await axios.get(`${config.api}/getRegistro`); let equipos = await axios.get(`${config.api}/getRegistro`);
equipos = equipos.data.data; equipos = equipos.data.data;
for (let i = 0; i < equipos.length; i++) { for (let i = 0; i < equipos.length; i++) {
@@ -76,14 +145,38 @@ export default {
correo: equipos[i].correo, correo: equipos[i].correo,
carrera: equipos[i].carrera, carrera: equipos[i].carrera,
campus: equipos[i].campus, campus: equipos[i].campus,
fecha: equipos[i].fechaRegistro fecha: equipos[i].fechaRegistro,
}); });
} }
let personaQuery = await axios.get(`${config.api}/getPersona`);
personaQuery = personaQuery.data.data;
for (let i = 0; i < personaQuery.length; i++) {
this.persona.push({
idPersona: i + 1,
nombre: personaQuery[i].nombre,
apellidoP: personaQuery[i].apellidoP,
apellidoM: personaQuery[i].apellidoM,
correo: personaQuery[i].correo,
nombreEquipo: personaQuery[i].nombreEquipo,
campus: personaQuery[i].campus,
carrera: personaQuery[i].carrera
});
}
}, },
beforeCreate() { beforeCreate() {
if (!window.localStorage.getItem("id_usuario")) this.$router.push("/"); if (!window.localStorage.getItem("id_usuario")) this.$router.push("/");
else this.id = window.localStorage.getItem("id_usuario"); else this.id = window.localStorage.getItem("id_usuario");
} },
}; };
</script> </script>
@@ -101,6 +194,7 @@ td {
font-size: 0.8rem; font-size: 0.8rem;
} }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
h1 { h1 {
margin-top: 3rem; margin-top: 3rem;
@@ -108,4 +202,20 @@ td {
font-size: 2.5rem; font-size: 2.5rem;
} }
} }
.nav-item{
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
text-align: center;
}
.nav-item:hover{
background-color: #343a40;
color: white;
}
.navbar-brand{
color: white;
}
</style> </style>