danielGe/cooloquio_front
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

agregae todo

Browse Source
This commit is contained in:
danielGe
2020-03-24 02:45:52 -06:00
parent a9db6fd471
commit c726d1b86c
4 changed files with 414 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Login.vue
+19 -3
View File
@@ -33,6 +33,7 @@
<script>
import webMenu from '../estetica/menu.vue'
import Swal from 'sweetalert2'
import swal from 'sweetalert';
import axios from 'axios'
import config from '../config/config.js'
export default {
@@ -55,10 +56,25 @@ export default {
password: this.password,
}
)
.then(response => {
.then(async response => {
// eslint-disable-next-line
console.log(response.data)
if (response.data.trabajo) {
//console.log(response.data)
if(response.data.participacion=='Asistente')
{
let d=response.data.id_persona[0]
await swal(`Bienvenido ${d.nombre} ${d.apellido_p} ${d.apellido_m}`,"","success");
await window.localStorage.setItem('id_persona',`${response.data.id_persona[0].id_persona}`);
// eslint-disable-next-line
console.log(response.data.id_persona[0].id_persona)
this.$router.push( `/registroAsistencia`);
// await window.localStorage.setItem('datos',response.data.datos);
// this.$router.push({
// path:,
// });
return;
}
else if (response.data.trabajo) {
// eslint-disable-next-line
console.log('trabajo')
this.$router.push({
src/components/RegistroAsistencia.vue
+377 -67
View File
@@ -1,34 +1,48 @@
<template>
<div>
<app-menu ></app-menu>
<app-menu ></app-menu>
<div class="container" >
<div class="row">
<div class="col aling_left">
<p><span class="datosU">Usuario:</span> {{ usuario }}</p>
<p><span class="datosU">Correo:</span> {{ correo }}</p>
</div>
</div>
<div class="row">
<div class="col">
<h1 class="" style="text-align:center">Actividades</h1>
<h1 class="titulo" style="text-align:center">Registro de actividades</h1>
</div>
</div>
<div class="row">
<div class="col aling_left nombre">
<h3> Nombre: {{ nombre}}</h3>
<h3 class="abajo"> Correo: {{ correo}}</h3>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="col aling_left abajo_t">
<h2>Mesas de trabajo</h2>
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col abajo_t">
<div v-if="comunidad=='interna' && constancia==true" class="check custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="defaultIndeterminate2" checked @click="selec_pago()">
<label class="size custom-control-label" for="defaultIndeterminate2">Deseo constancia de asistencia al evento (Tendra un costos de $300 M.N.)</label>
</div>
<div v-if="comunidad=='interna' && constancia==false" class="check custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="defaultIndeterminate2" @click="selec_pago()">
<label class="size custom-control-label" for="defaultIndeterminate2">Deseo constancia de asistencia al evento (Tendra un costos de $300 M.N.)</label>
</div>
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col">
<table class="table ">
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered mb-0 ">
<thead>
<tr class="aling_left color_negro" >
<th>
@@ -45,22 +59,22 @@
<tr class="aling_left gris" v-for="item in mesa_lunes" v-bind:key=" item.id_evento" @click="elegir_mesa_lunes(item)">
<td v-if="mesa_elegida_lunes!=item" >{{item.nombre_evento}}</td>
<td v-if="check_lunes(item) " >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="mesa_elegida_lunes!=item" >Lunes 17 de Agosto</td>
<td v-if="check_lunes(item)" >Lunes 17 de Agosto</td>
<td v-else class="elegido">Lunes 17 de Agosto</td>
<td v-if="mesa_elegida_lunes!=item" >12:00 - 15:00</td>
<td v-if="check_lunes(item)" >12:00 - 15:00</td>
<td v-else class="elegido">12:00 - 15:00</td>
<td v-if="mesa_elegida_lunes!=item" >{{item.lugar}}</td>
<td v-if="check_lunes(item)" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="mesa_elegida_lunes!=item" >{{item.cupo}}</td>
<td v-if="check_lunes(item)" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
@@ -68,22 +82,22 @@
<tr class="aling_left blanco" v-for="item in mesa_martes" v-bind:key=" item.id_evento" @click="elegir_mesa_martes(item)">
<td v-if="mesa_elegida_martes!=item" >{{item.nombre_evento}}</td>
<td v-if="check_martes(item)" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="mesa_elegida_martes!=item" >Martes 18 de Agosto</td>
<td v-if="check_martes(item)" >Martes 18 de Agosto</td>
<td v-else class="elegido">Martes 18 de Agosto</td>
<td v-if="mesa_elegida_martes!=item" >11:00 - 15:00</td>
<td v-if="check_martes(item)" >11:00 - 15:00</td>
<td v-else class="elegido">11:00 - 15:00</td>
<td v-if="mesa_elegida_martes!=item" >{{item.lugar}}</td>
<td v-if="check_martes(item)" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="mesa_elegida_martes!=item" >{{item.cupo}}</td>
<td v-if="check_martes(item)" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
@@ -91,43 +105,46 @@
<tr class="aling_left gris" v-for="item in mesa_miercoles" v-bind:key=" item.id_evento" @click="elegir_mesa_miercoles(item)">
<td v-if="mesa_elegida_miercoles!=item" >{{item.nombre_evento}}</td>
<td v-if="check_miercoles(item)" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="mesa_elegida_miercoles!=item" >Miercoles 19 de Agosto</td>
<td v-if="check_miercoles(item)" >Miercoles 19 de Agosto</td>
<td v-else class="elegido">Miercoles 19 de Agosto</td>
<td v-if="mesa_elegida_miercoles!=item" >12:00 - 15:00</td>
<td v-if="check_miercoles(item)" >12:00 - 15:00</td>
<td v-else class="elegido">12:00 - 15:00</td>
<td v-if="mesa_elegida_miercoles!=item" >{{item.lugar}}</td>
<td v-if="check_miercoles(item)" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="mesa_elegida_miercoles!=item" >{{item.cupo}}</td>
<td v-if="check_miercoles(item)" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col aling_left">
<div class="col aling_left abajo_t arriba_t">
<h2>Talleres</h2>
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col-1">
</div>
<div class="col">
<table class="table ">
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered mb-0 ">
<thead>
<tr class="aling_left color_negro" >
<th>
@@ -145,10 +162,10 @@
<tr class="aling_left blanco " v-for="item in talleres" v-bind:key=" item.id_evento" @click="elegir_taller(item)">
<td v-if="taller_elegido!=item" >{{item.nombre_evento}}</td>
<td v-if="check_taller(item)" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="taller_elegido!=item" >
<td v-if="check_taller(item)" >
<div>
<tr>Lunes 17 de Agosto</tr>
<tr>Martes 18 de Agosto</tr>
@@ -164,7 +181,7 @@
</td>
<td v-if="taller_elegido!=item" >
<td v-if="check_taller(item)" >
<div>
<tr>{{item.horas[0]}}</tr>
<tr>{{item.horas[1]}}</tr>
@@ -180,11 +197,11 @@
</td>
<td v-if="taller_elegido!=item" >{{item.lugar}}</td>
<td v-if="check_taller(item)" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="taller_elegido!=item" >{{item.cupo}}</td>
<td v-if="check_taller(item)" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
@@ -192,11 +209,12 @@
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col aling_left">
<div class="col aling_left abajo_t arriba_t">
<h2>Ponencias magistrales</h2>
</div>
@@ -206,7 +224,9 @@
</div>
<div class="col">
<table class="table table-striped ">
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered table-striped mb-0 ">
<thead>
<tr class="aling_left color_negro" >
<th>
@@ -255,9 +275,23 @@
</tbody>
</table>
</div>
</div>
</div>
<div class="row arriba abajo ">
<div class="col">
<div class="entrar">
<button class="button_salir" @click="salir()">Salir</button>
</div>
</div>
<div class="col">
<a @click="registrar()" ><button class="button">Registrar</button></a>
</div>
</div>
@@ -267,27 +301,33 @@
</div>
</template>
<script>
<script>
import axios from 'axios';
import config from '../config/config.js'
import webMenu from '../estetica/menu.vue';
//import swal from 'sweetalert';
import swal from 'sweetalert';
export default {
data() {
return {
mesa_lunes: [],
mesa_martes:[],
mesa_miercoles: [],
usuario: "",
correo: "",
comunidad:"",
day:[],
mesa_elegida_lunes:null,
mesa_elegida_martes:null,
mesa_elegida_miercoles: null,
talleres:[],
taller_elegido:null,
taller_elegido: null,
magistrales:[],
magistrales_seleccionadas:[]
magistrales_seleccionadas:[],
id_persona : window.localStorage.getItem('id_persona'),
nombre: null,
constancia: false,
link: `${config.api}/descargar_pdf?id_persona=${ window.localStorage.getItem('id_persona')}`,
primero: `${config.api}/crear_pdf?id_persona=${this.id_persona}`
}
},
@@ -297,52 +337,174 @@
appMenu: webMenu,
},
methods:{
selec_pago()
{
this.constancia=!this.constancia;
},
registrar(){
if(this.comunidad=='externa')
this.constancia=true;
let ev=[];
if(this.mesa_elegida_lunes!=null)
ev.push(this.mesa_elegida_lunes);
if(this.mesa_elegida_martes!=null)
ev.push(this.mesa_elegida_martes);
if(this.mesa_elegida_miercoles!=null)
ev.push(this.mesa_elegida_miercoles);
if(this.taller_elegido!=null)
ev.push(this.taller_elegido);
for(let i=0; i<this.magistrales_seleccionadas.length; i++)
ev.push(this.magistrales_seleccionadas[i]);
let pago=0;
if(this.constancia==true)
pago+=300;
if(this.taller_elegido!=null)
pago+=300;
let data={
id_persona: this.id_persona,
constancia: this.constancia,
eventos: ev,
total_pago: pago
};
axios
.post(
`${config.api}/registro_evento`,
data
).then(async ()=>{
await axios.get(`${config.api}/crear_pdf?id_persona=${this.id_persona}`).
then(async ()=>{
await swal("Se registro correctamente","", "success").then(()=>{window.location.href = this.link});
this.$router.push( `/`);
})
}).catch(async ()=>{
await swal("Sucedio un error", "", "error");
this.$router.push( `/`);
})
},
salir(){
localStorage.clear();
this.$router.push( `/login`);
},
check_taller(t){
if(this.taller_elegido==null || this.taller_elegido.id_evento!=t.id_evento)
return true;
else
return false;
},
check_lunes(m)
{
if(this.mesa_elegida_lunes==null || this.mesa_elegida_lunes.id_evento!=m.id_evento)
return true;
else
return false;
},
check_martes(m)
{
if(this.mesa_elegida_martes==null || this.mesa_elegida_martes.id_evento!=m.id_evento)
return true;
else
return false;
},
check_miercoles(m)
{
if(this.mesa_elegida_miercoles==null || this.mesa_elegida_miercoles.id_evento!=m.id_evento)
return true;
else
return false;
},
esta_magistral(m)
{
var i=this.magistrales_seleccionadas.indexOf( m );
if(i!=-1)
let ind=-1
for(let i=0; i<this.magistrales_seleccionadas.length; i++)
if(this.magistrales_seleccionadas[i].id_evento==m.id_evento)
ind=i;
if(ind!=-1)
return false;
else
return true;
},
seleccionar_magistral(m){
var i=this.magistrales_seleccionadas.indexOf( m );
if(i!=-1)
this.magistrales_seleccionadas.splice(i,1);
let ind=-1
for(let i=0; i<this.magistrales_seleccionadas.length; i++)
if(this.magistrales_seleccionadas[i].id_evento==m.id_evento)
ind=i;
if(ind!=-1)
this.magistrales_seleccionadas.splice(ind,1);
else
this.magistrales_seleccionadas.push(m);
},
elegir_mesa_lunes(m){
if(this.mesa_elegida_lunes!=m)
if(this.mesa_elegida_lunes==null || this.mesa_elegida_lunes.id_evento!=m.id_evento)
this.mesa_elegida_lunes=m;
else
this.mesa_elegida_lunes=null;
},
elegir_mesa_martes(m){
if(this.mesa_elegida_martes!=m)
if(this.mesa_elegida_martes==null || this.mesa_elegida_martes.id_evento!=m.id_evento)
this.mesa_elegida_martes=m;
else
this.mesa_elegida_martes=null;
},
elegir_mesa_miercoles(m){
if(this.mesa_elegida_miercoles!=m)
if(this.mesa_elegida_miercoles==null || this.mesa_elegida_miercoles.id_evento!=m.id_evento)
this.mesa_elegida_miercoles=m;
else
this.mesa_elegida_miercoles=null;
},
elegir_taller(taller)
{
if(this.taller_elegido==taller)
this.taller_elegido=null;
else
if(this.taller_elegido== null || this.taller_elegido.id_evento!=taller.id_evento)
this.taller_elegido=taller;
else
this.taller_elegido=null;
}
}
, async created(){
axios.get(`${config.api}/traer_eventos`).then(response=>{
// /* eslint-disable no-console */
// console.log(response)
/* eslint-disable no-console */
this.datos_persona = window.localStorage.getItem('id_persona');
await axios.get( `${config.api}/traer_asistente?id_persona=${this.datos_persona}`)
.then(async res=>{
/* eslint-disable no-console */
let p=res.data.persona[0];
this.constancia=res.data.constancia;
this.comunidad=p.comunidad;
this.nombre=p.nombre+" "+p.apellido_p+" "+p.apellido_m;
this.correo=p.correo_electronico;
console.log("respuesta: ",res);
let m=res.data.mesa;
/* eslint-disable no-console */
console.log("mesa: ",m);
for(let i=0; i<m.length; i++)
{
if(m[i].id_evento>=1 && m[i].id_evento<=3)
this.mesa_elegida_lunes=m[i];
if(m[i].id_evento>=4 && m[i].id_evento<=6)
this.mesa_elegida_martes=m[i];
if(m[i].id_evento>=7 && m[i].id_evento<=9)
this.mesa_elegida_miercoles=m[i];
}
if(res.data.taller.length!=0)
this.taller_elegido=res.data.taller[0];
this.magistrales_seleccionadas=res.data.ponencia;
})
axios.get(`${config.api}/traer_eventos`).then(async response=>{
let mesa=response.data.eventos.mesa
for(let i=0; i<mesa.length; i++)
{
@@ -379,13 +541,97 @@
})
},
beforeCreate () {}
beforeCreate () {
if(window.localStorage.getItem('id_persona')==undefined)
this.$router.push( `/login`);
}
}
</script>
</script>
<style scoped>
<style scoped>
.size{
font-size: 1rem;
}
.check{
}
.my-custom-scrollbar {
position: relative;
height: auto;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}
.button:hover {
background-color: #bb8800;
color: white;
}
.button_salir {
background-color: rgb(26, 27, 29);; /* Green */
border: none;
color: white;
height: 4.5rem;
width: 15rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.5rem;
border-radius: 1rem;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
margin-left: 4rem;
margin-right: 2rem;
margin-bottom: 3rem;
}
.button_salir:hover {
background-color: rgb(170, 4, 4);
color: white;
}
.button {
background-color: rgb(26, 27, 29);; /* Green */
border: none;
color: white;
height: 4.5rem;
width: 15rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.5rem;
border-radius: 1rem;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
margin-left: 2rem;
margin-right: 2rem;
margin-bottom: 2rem;
}
.abajo_t{
margin-bottom: 1.5rem;
}
.abajo{
margin-bottom: 3rem;
}
.arriba{
margin-top: 3rem;
}
.arriba_t{
margin-top: 2rem;
}
.titulo{
margin-top: 3rem;
margin-bottom: 3rem;
}
.aling_left{
text-align: left;
}
@@ -414,4 +660,68 @@
background-color: transparent;
}
@media screen and (max-width: 425px) {
.my-custom-scrollbar {
position: relative;
height: 19rem;
overflow: auto;
}
td{
font-size: .7rem;
}
th{
font-size: .8rem;
}
h1{
font-size: 2rem;
}
h2{
font-size: 1.5rem;
}
h3{
font-size: 1rem;
}
.button_salir {
background-color: rgb(26, 27, 29);; /* Green */
border: none;
color: white;
height: 3rem;
width: 7rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1rem;
border-radius: 1rem;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
margin-left: 1rem;
margin-right: 0rem;
margin-bottom: 3rem;
}
.button {
background-color: rgb(26, 27, 29);; /* Green */
border: none;
color: white;
height: 3rem;
width: 7rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1rem;
border-radius: 1rem;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
margin-left: 0rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
}
</style>
src/config/config.js
+2 -2
View File
@@ -1,8 +1,8 @@
const config = {
api: "https://69cc8f75.ngrok.io"
//api: "https://69cc8f75.ngrok.io"
//api: "https://venus.acatlan.unam.mx/coloquioeducacion" //pruebas
// api: "https://venus.acatlan.unam.mx/c_educacion_pro" //produccion
//api:"localhost:3000"
api:"http://localhost:3000"
}
export default config
src/estetica/header.vue
+16 -1
View File
@@ -1,7 +1,7 @@
<template>
<header class="Azul-puma py-3">
<header class="container">
<div class="row py-3">
<div class="row anch">
<div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
<div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/Fes-aniversario.png" class="logo-fes" alt="Ediciones Acatlán"> </div>
@@ -20,6 +20,10 @@ export default {
</script>
<style>
.anch{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.logo-fes{
height: 5rem;
@@ -31,6 +35,17 @@ export default {
}
@media screen and (max-width: 425px) {
.anch{
margin-top: .5rem;
margin-bottom: .5rem;
}
.logo-fes{
margin-top: .7rem;
height: 3rem;
}
}
.Azul-puma {
background-color: rgb(26, 27, 29);