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

Boton terminado

Browse Source
This commit is contained in:
DanielRamirezGe
2020-08-22 01:58:57 -05:00
parent 7a4bbdb331
commit 3e79779aae
10 changed files with 141 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/app.60762d50.css → dist/css/app.3cd89414.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/css/chunk-vendors.cbc2a074.css
Vendored
-9
View File
File diff suppressed because one or more lines are too long
dist/css/chunk-vendors.e8d11e2d.css
Vendored
+9
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.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> <!DOCTYPE html><html lang=en><head><link href=css/app.3cd89414.css rel=preload as=style><link href=css/chunk-vendors.e8d11e2d.css rel=preload as=style><link href=js/app.2bf72a8f.js rel=preload as=script><link href=js/chunk-vendors.921f3df1.js rel=preload as=script><link href=css/chunk-vendors.e8d11e2d.css rel=stylesheet><link href=css/app.3cd89414.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.2bf72a8f.js></script></body></head></html>
dist/js/app.38561c17.js → dist/js/app.2bf72a8f.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
dist/js/app.2bf72a8f.js.map
Vendored
+1
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/App.vue
+1 -1
View File
@@ -15,7 +15,7 @@ Vue.use(BootstrapVue);
Vue.use(IconsPlugin); Vue.use(IconsPlugin);
export default { export default {
name: "App", name: "App"
}; };
</script> </script>
src/components/panelAdmin.vue
+126 -156
View File
@@ -5,115 +5,108 @@
<div> <div>
<h1>Hackaton UNAM-AWS</h1> <h1>Hackaton UNAM-AWS</h1>
</div> </div>
<nav class="navbar navbar-expand-md navbar-light " >
<div class="container">
<div class="row">
<div class="col">
<nav class="navbar navbar-expand-md navbar-light ">
<div class="container">
<div class="row">
<div class="col">
<nav class="navbar navbar-dark">
<button
class=" navbar-toggler van btn-sm colorB"
type="button"
id="toggle-menu"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
v-on:click="toggle()"
>
<span class=" navbar-toggler-icon m-1"></span>
Opciones
</button>
</nav>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<nav class="navbar navbar-dark"> <li class="nav-item dropdown">
<button class=" navbar-toggler van btn-sm" type="button" id="toggle-menu" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" v-on:click="toggle()"> <div class="nav-item nav-link " @click="numPanel = 1">
<a>Equipos</a>
<span class=" navbar-toggler-icon m-1" ></span> </div>
Opciones </li>
</button> <li class="nav-item dropdown">
</nav> <div class="nav-item nav-link " @click="numPanel = 2">
<a>Participantes</a>
</div>
</li>
</ul>
<div class="collapse navbar-collapse" id="navbarNav"> </div>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<div class="nav-item nav-link " @click="numPanel=1"><a>Equipos</a></div>
</li>
<li class="nav-item dropdown">
<div class="nav-item nav-link " @click="numPanel=2"><a>Participantes</a></div>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
</nav>
<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>
</nav> <div class="container" v-if="numPanel == 2">
<div class="row">
<table class="table">
<thead class="thead-dark">
<tr class="titulo">
<div class="container" v-if="numPanel==1"> <th scope="col">#</th>
<div class="row"> <th scope="col">Nombre</th>
<table class="table"> <th scope="col">Apellido Paterno</th>
<thead class="thead-dark"> <th scope="col">Apellido Materno</th>
<tr class="titulo"> <th scope="col">Correo</th>
<th scope="col">#</th> <th scope="col">Nombre del Aquipo</th>
<th scope="col">Nombre del Equipo</th> <th scope="col">Campus</th>
<th scope="col">Numero de Integrantes</th> <th scope="col">Carrera</th>
<th scope="col">Nombre del Lider</th> </tr>
<th scope="col">Correo</th> </thead>
<th scope="col">Carrera</th> <tbody>
<th scope="col">Campus</th> <tr v-for="item in persona" :key="item.idPersona">
<th scope="col">Fecha de Registro</th> <th scope="row">{{ item.idPersona }}</th>
</tr> <td>{{ item.nombre }}</td>
</thead> <td>{{ item.apellidoP }}</td>
<tbody> <td>{{ item.apellidoM }}</td>
<tr v-for="item in registros" :key="item.idEquipo"> <td>{{ item.correo }}</td>
<th scope="row">{{ item.idEquipo }}</th> <td>{{ item.nombreEquipo }}</td>
<td>{{ item.nombreEquipo }}</td> <td>{{ item.campus }}</td>
<td>{{ item.numeroIntegrantes }}</td> <td>{{ item.carrera }}</td>
<td>{{ item.nombre }}</td> </tr>
<td>{{ item.correo }}</td> </tbody>
<td>{{ item.carrera }}</td> </table>
<td>{{ item.campus }}</td>
<td>{{ item.fecha }}</td>
</tr>
</tbody>
</table>
</div>
</div> </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>
@@ -126,7 +119,7 @@ import Header from "./../view/headerAdmin.vue";
export default { export default {
components: { components: {
//HelloWorld //HelloWorld
Header, Header
}, },
data() { data() {
return { return {
@@ -136,16 +129,13 @@ export default {
}; };
}, },
methods: { methods: {
toggle: function() { toggle: function() {
let element = document.getElementById('navbarNav') let element = document.getElementById("navbarNav");
element.classList.toggle('block') element.classList.toggle("block");
element.classList.add('mystyle') element.classList.add("mystyle");
}, }
}, },
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++) {
@@ -166,17 +156,13 @@ 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`); let personaQuery = await axios.get(`${config.api}/getPersona`);
personaQuery = personaQuery.data.data; personaQuery = personaQuery.data.data;
for (let i = 0; i < personaQuery.length; i++) { for (let i = 0; i < personaQuery.length; i++) {
this.persona.push({ this.persona.push({
idPersona: i + 1, idPersona: i + 1,
nombre: personaQuery[i].nombre, nombre: personaQuery[i].nombre,
@@ -188,16 +174,11 @@ export default {
carrera: personaQuery[i].carrera 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>
@@ -215,7 +196,6 @@ 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;
@@ -224,79 +204,69 @@ td {
} }
} }
.nav-item{ .nav-item {
-webkit-transition-duration: 0.4s; /* Safari */
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s; transition-duration: 0.4s;
text-align: center; text-align: center;
} }
.nav-item:hover{ .nav-item:hover {
background-color: #343a40; background-color: #343a40;
color: white; color: white;
} }
.navbar-brand{ .navbar-brand {
color: white; color: white;
} }
body{ body {
overflow-x: hidden; overflow-x: hidden;
} }
.mystyle { .mystyle {
text-align: left; text-align: left;
} }
.block { .block {
display: block; display: block;
} }
a { a {
max-height: 100%; max-height: 100%;
} }
.menu { .menu {
background-color: #bb8800; background-color: #bb8800;
} }
.menu nav ul { .menu nav ul {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 0 1rem; margin: 0 1rem;
} }
.menu nav ul div { .menu nav ul div {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.menu nav ul li { .menu nav ul li {
list-style: none; list-style: none;
} }
.menu nav ul li a { .menu nav ul li a {
display: block; display: block;
} }
.van {
display: flex;
.van{
display:flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: black; color: black;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.van{ .van {
display: none; display: none;
}
} }
.colorB {
background-color: black;
color: white;
} }
</style> </style>
src/config/config.js
-2
View File
@@ -1,5 +1,4 @@
const config = { const config = {
//Local //Local
//api: "http://localhost:3000" //api: "http://localhost:3000"
@@ -8,6 +7,5 @@ const config = {
//Produccion //Produccion
api: "https://venus.acatlan.unam.mx/indiana_hackaton" api: "https://venus.acatlan.unam.mx/indiana_hackaton"
}; };
module.exports = config; module.exports = config;