registro
This commit is contained in:
Vendored
-1
@@ -1 +0,0 @@
|
||||
.logo-fes{height:5rem}.sin_pad{margin-left:0;margin-right:0;text-align:left}@media screen and (max-width:1024px){.logo-fes{margin-top:.7rem;height:4rem}}.Azul-puma{background-color:#1a1b1d}.footer{color:#fff}#app,.footer{text-align:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1b1d;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mystyle[data-v-e3759c50]{text-align:left}.block[data-v-e3759c50]{display:block}a[data-v-e3759c50]{max-height:100%}.menu[data-v-e3759c50]{background-color:#b80}.menu nav ul[data-v-e3759c50]{margin:0 1rem}.menu nav ul[data-v-e3759c50],.menu nav ul div[data-v-e3759c50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu nav ul li[data-v-e3759c50]{list-style:none}.menu nav ul li a[data-v-e3759c50]{display:block}a[data-v-e3759c50]{color:#fff;-webkit-transition:.5s;transition:.5s;padding-left:.3rem;padding-right:.3rem}a[data-v-e3759c50]:hover{background-color:#936900;color:#fff}.active[data-v-e3759c50]{background-color:#936900}.titulo[data-v-5f8a5314]{margin-top:3rem;margin-bottom:3rem}h1[data-v-5f8a5314]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-5f8a5314]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-5f8a5314]{width:40rem}h1[data-v-5f8a5314]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-5f8a5314]{width:60rem}h1[data-v-5f8a5314]{font-size:2.5rem}}.cen[data-v-0318876e],.sub[data-v-0318876e]{text-align:center}.nor[data-v-0318876e]{font-weight:700;margin-bottom:2rem;margin-top:2rem}.bold[data-v-0318876e]{font-weight:700}.obj[data-v-0318876e]{font-weight:700;font-size:1.3rem}.container[data-v-0318876e]{margin-bottom:4rem}.dif[data-v-0318876e]{text-align:center}.alin[data-v-0318876e]{text-align:justify}.titulo[data-v-0318876e]{text-align:center;margin-top:2rem;margin-bottom:2rem}h1[data-v-0318876e]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-0318876e]{width:20rem;margin-bottom:6rem}@media screen and (max-width:320px){.bold[data-v-0318876e]{font-weight:700;text-align:left}.alin p h4 h5 h6 h1 h2 a[data-v-0318876e]{text-align:left}main img[data-v-0318876e]{width:40rem}h1[data-v-0318876e]{display:inline;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-0318876e]{width:60rem}h1[data-v-0318876e]{font-size:2.5rem}}.bold[data-v-06f500ca]{font-weight:700}.container[data-v-06f500ca]{margin-bottom:4rem}.alin[data-v-06f500ca]{text-align:justify}.titulo[data-v-06f500ca]{margin-top:3rem;margin-bottom:3rem}h1[data-v-06f500ca]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-06f500ca]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-06f500ca]{width:40rem}h1[data-v-06f500ca]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-06f500ca]{width:60rem}h1[data-v-06f500ca]{font-size:2.5rem}}li[data-v-645b1710]{font-size:1.2rem;margin-top:1.4rem}.container[data-v-645b1710]{margin-bottom:4rem}.alin[data-v-645b1710]{text-align:justify}.titulo[data-v-645b1710]{margin-top:3rem;margin-bottom:2rem}h1[data-v-645b1710]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-645b1710]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-645b1710]{width:40rem}h1[data-v-645b1710]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-645b1710]{width:60rem}h1[data-v-645b1710]{font-size:2.5rem}}.bold[data-v-acd3285a]{font-weight:700;font-size:1.2rem}.container[data-v-acd3285a]{margin-bottom:4rem}.alin[data-v-acd3285a]{text-align:justify}.titulo[data-v-acd3285a]{margin-top:3rem;margin-bottom:3rem}h1[data-v-acd3285a]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-acd3285a]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-acd3285a]{width:40rem}h1[data-v-acd3285a]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-acd3285a]{width:60rem}h1[data-v-acd3285a]{font-size:2.5rem}}.left[data-v-625f07cf]{text-align:left}.right[data-v-625f07cf]{text-align:right}.left[data-v-5b58fcb4],.left[data-v-27e715d7]{text-align:left}.center[data-v-27e715d7]{text-align:center}.right[data-v-27e715d7]{text-align:right}.left[data-v-6f5ba9f1],.left[data-v-c24339e4]{text-align:left}.right[data-v-6f5ba9f1]{text-align:right}.left{text-align:left}.right{text-align:right}
|
||||
Vendored
-9
File diff suppressed because one or more lines are too long
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 298 KiB |
Vendored
-1
@@ -1 +0,0 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" href=https://www.unam.mx/sites/default/files/favicon_0.ico type=image/vnd.microsoft.icon><title>Coloquio de Educación</title><link href=css/app.c874fa7b.css rel=preload as=style><link href=css/chunk-vendors.fbe9bade.css rel=preload as=style><link href=js/app.51ab5464.js rel=preload as=script><link href=js/chunk-vendors.ff644cba.js rel=preload as=script><link href=css/chunk-vendors.fbe9bade.css rel=stylesheet><link href=css/app.c874fa7b.css rel=stylesheet></head><body><noscript><strong>We're sorry but coloquio_internacion_educacion doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.ff644cba.js></script><script src=js/app.51ab5464.js></script></body></html>
|
||||
Vendored
-2
File diff suppressed because one or more lines are too long
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
-53
File diff suppressed because one or more lines are too long
-1
File diff suppressed because one or more lines are too long
Generated
+703
-144
File diff suppressed because it is too large
Load Diff
+6
-1
@@ -16,21 +16,26 @@
|
||||
"dotenv": "^8.2.0",
|
||||
"jspdf": "^1.5.3",
|
||||
"pdfvuer": "^1.4.0",
|
||||
"sweetalert": "^2.1.2",
|
||||
"sweetalert2": "^9.7.2",
|
||||
"vue": "^2.6.11",
|
||||
"vue-pdf": "^4.0.7",
|
||||
"vue-router": "^3.1.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/preset-env": "^7.9.0",
|
||||
"@vue/cli-plugin-babel": "^4.1.0",
|
||||
"@vue/cli-plugin-eslint": "^4.1.0",
|
||||
"@vue/cli-service": "^4.1.0",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"babel-loader": "^8.1.0",
|
||||
"eslint": "^5.16.0",
|
||||
"eslint-plugin-vue": "^5.0.0",
|
||||
"pug": "^2.0.4",
|
||||
"pug-plain-loader": "^1.0.0",
|
||||
"vue-template-compiler": "^2.6.10"
|
||||
"vue-template-compiler": "^2.6.10",
|
||||
"webpack": "^4.42.0"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
|
||||
@@ -31,6 +31,7 @@
|
||||
.form-check.form-check-inline
|
||||
input#inlineRadio1.form-check-input(type='radio' v-model="data.tipo_participacion" name='inlineRadioOptions' value='ponente')
|
||||
label.form-check-label(for='inlineRadio1') Ponente
|
||||
|
||||
.row(v-if="data.tipo_participacion=='ponente'")
|
||||
.col-11.offset-1
|
||||
.form-check
|
||||
|
||||
@@ -1,280 +1,417 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-10 offset-1">
|
||||
<div>
|
||||
<app-menu ></app-menu>
|
||||
<div class="container" >
|
||||
|
||||
<div class="row">
|
||||
<div class="col-5">
|
||||
<div class="col aling_left">
|
||||
<p><span class="datosU">Usuario:</span> {{ usuario }}</p>
|
||||
<p><span class="datosU">Afiliacion:</span>{{ afiliacion }}</p>
|
||||
|
||||
<p><span class="datosU">Correo:</span> {{ correo }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="" style="text-align:center">Actividades</h1>
|
||||
|
||||
<div class="row">
|
||||
<h3>Mesas De Trabajo</h3>
|
||||
<div class="col">
|
||||
<h1 class="" style="text-align:center">Actividades</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="row">
|
||||
<input type="checkbox" v-model="check_L" :value="true" />
|
||||
<h5>Lunes:</h5>
|
||||
</div>
|
||||
<table class="table table-borderless table-hover" v-if="check_L">
|
||||
<div class="col-3">
|
||||
<h2>Mesas de trabajo</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
</div>
|
||||
<div class="col">
|
||||
<table class="table ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">check</th>
|
||||
<th scope="col">Mesa</th>
|
||||
<th scope="col">Hora</th>
|
||||
<th scope="col">Lugar</th>
|
||||
<th scope="col">Cupo</th>
|
||||
<tr class="aling_left color_negro" >
|
||||
<th>
|
||||
Nombre de la mesa de trabajo
|
||||
</th>
|
||||
<th>Dia</th>
|
||||
<th>Horario</th>
|
||||
<th>Lugar</th>
|
||||
<th>Cupo</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaL" value="1" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
<tbody >
|
||||
|
||||
<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-else class="elegido">{{item.nombre_evento}}</td>
|
||||
|
||||
<td v-if="mesa_elegida_lunes!=item" >Lunes 17 de Agosto</td>
|
||||
<td v-else class="elegido">Lunes 17 de Agosto</td>
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaL" value="2" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
<td v-if="mesa_elegida_lunes!=item" >12:00 - 15:00</td>
|
||||
<td v-else class="elegido">12:00 - 15:00</td>
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaL" value="3" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<td v-if="mesa_elegida_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-else class="elegido">{{item.cupo}}</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
<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-else class="elegido">{{item.nombre_evento}}</td>
|
||||
|
||||
<td v-if="mesa_elegida_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-else class="elegido">11:00 - 15:00</td>
|
||||
|
||||
|
||||
<td v-if="mesa_elegida_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-else class="elegido">{{item.cupo}}</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
<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-else class="elegido">{{item.nombre_evento}}</td>
|
||||
|
||||
<td v-if="mesa_elegida_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-else class="elegido">12:00 - 15:00</td>
|
||||
|
||||
|
||||
<td v-if="mesa_elegida_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-else class="elegido">{{item.cupo}}</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="row">
|
||||
<input type="checkbox" v-model="check_M" :value="true" />
|
||||
<h5>Martes:</h5>
|
||||
</div>
|
||||
<table class="table table-borderless table-hover" v-if="check_M" >
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">check</th>
|
||||
<th scope="col">Mesa</th>
|
||||
<th scope="col">Hora</th>
|
||||
<th scope="col">Lugar</th>
|
||||
<th scope="col">Cupo</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaM" value="1" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaM" value="2" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaM" value="3" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="row">
|
||||
<div class="col aling_left">
|
||||
<h2>Talleres</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="row">
|
||||
<input type="checkbox" v-model="check_Mi" :value="true" />
|
||||
<h5>Miercoles:</h5>
|
||||
</div>
|
||||
<table class="table table-borderless table-hover" v-if="check_Mi" >
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
</div>
|
||||
<div class="col">
|
||||
<table class="table ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">check</th>
|
||||
<th scope="col">Mesa</th>
|
||||
<th scope="col">Hora</th>
|
||||
<th scope="col">Lugar</th>
|
||||
<th scope="col">Cupo</th>
|
||||
<tr class="aling_left color_negro" >
|
||||
<th>
|
||||
Nombre del taller
|
||||
</th>
|
||||
<th>Dia</th>
|
||||
<th>Horario</th>
|
||||
<th>Lugar</th>
|
||||
<th>Cupo</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaMi" value="1" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
<tbody >
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaM" value="2" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
<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-else class="elegido">{{item.nombre_evento}}</td>
|
||||
|
||||
<td v-if="taller_elegido!=item" >
|
||||
<div>
|
||||
<tr>Lunes 17 de Agosto</tr>
|
||||
<tr>Martes 18 de Agosto</tr>
|
||||
<tr>Miercoles 19 de Agosto</tr>
|
||||
</div>
|
||||
</td>
|
||||
<td v-else class="elegido">
|
||||
<div>
|
||||
<tr>Lunes 17 de Agosto</tr>
|
||||
<tr>Martes 18 de Agosto</tr>
|
||||
<tr>Miercoles 19 de Agosto</tr>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="mesaM" value="3" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<td v-if="taller_elegido!=item" >
|
||||
<div>
|
||||
<tr>{{item.horas[0]}}</tr>
|
||||
<tr>{{item.horas[1]}}</tr>
|
||||
<tr>{{item.horas[2]}}</tr>
|
||||
</div>
|
||||
</td>
|
||||
<td v-else class="elegido">
|
||||
<div>
|
||||
<tr>{{item.horas[0]}}</tr>
|
||||
<tr>{{item.horas[1]}}</tr>
|
||||
<tr>{{item.horas[2]}}</tr>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
|
||||
<td v-if="taller_elegido!=item" >{{item.lugar}}</td>
|
||||
<td v-else class="elegido">{{item.lugar}}</td>
|
||||
|
||||
|
||||
<td v-if="taller_elegido!=item" >{{item.cupo}}</td>
|
||||
<td v-else class="elegido">{{item.cupo}}</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<h3>Talleres</h3>
|
||||
|
||||
<table class="table table-borderless table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">check</th>
|
||||
<th scope="col">Mesa</th>
|
||||
<th scope="col">Dia</th>
|
||||
<th scope="col">Hora</th>
|
||||
<th scope="col">Lugar</th>
|
||||
<th scope="col">Cupo</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" ><input type="radio" name="tip3" value="3" />
|
||||
</th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.dia }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th scope="row"><input type="radio" name="tip3" value="4" />
|
||||
</th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.dia }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="col aling_left">
|
||||
<h2>Ponencias magistrales</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<h3>Ponencias Magistrales</h3>
|
||||
<div class="col-1">
|
||||
|
||||
</div>
|
||||
<div class="col">
|
||||
<table class="table table-striped ">
|
||||
<thead>
|
||||
<tr class="aling_left color_negro" >
|
||||
<th>
|
||||
Nombre de la ponencia
|
||||
</th>
|
||||
<th>Dia</th>
|
||||
<th>Horario</th>
|
||||
<th>Lugar</th>
|
||||
<th>Cupo</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
|
||||
<table class="table table-borderless table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">check</th>
|
||||
<th scope="col">Mesa</th>
|
||||
<th scope="col">Dia</th>
|
||||
<th scope="col">Hora</th>
|
||||
<th scope="col">Lugar</th>
|
||||
<th scope="col">Cupo</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox1" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.dia }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
|
||||
<tr class="aling_left blanco " v-for="item in magistrales" v-bind:key=" item.id_evento" @click="seleccionar_magistral(item)">
|
||||
|
||||
<td v-if="esta_magistral(item)" >{{item.nombre_evento}}</td>
|
||||
<td v-else class="elegido">{{item.nombre_evento}}</td>
|
||||
|
||||
<td v-if="esta_magistral(item)" >
|
||||
{{item.dia}}
|
||||
</td>
|
||||
<td v-else class="elegido">
|
||||
{{item.dia}}
|
||||
</td>
|
||||
|
||||
<tr>
|
||||
<th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox2" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.dia }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox3" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.dia }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox4" /></th>
|
||||
<td>{{ mesa.nombre_evento }}</td>
|
||||
<td>{{ mesa.dia }}</td>
|
||||
<td>{{ mesa.hora }}</td>
|
||||
<td>{{ mesa.lugar }}</td>
|
||||
<td>{{ mesa.cupo }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<td v-if="esta_magistral(item)" >
|
||||
{{item.hora}}
|
||||
</td>
|
||||
<td v-else class="elegido">
|
||||
{{item.hora}}
|
||||
</td>
|
||||
|
||||
|
||||
<td v-if="esta_magistral(item)" >{{item.lugar}}</td>
|
||||
<td v-else class="elegido">{{item.lugar}}</td>
|
||||
|
||||
|
||||
<td v-if="esta_magistral(item)" >{{item.cupo}}</td>
|
||||
<td v-else class="elegido">{{item.cupo}}</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<input type="checkbox" v-model="check_L" :value="true" />
|
||||
<h5>Quiero constancia del evento</h5>
|
||||
</div>
|
||||
|
||||
<div class="row my-4">
|
||||
<h3>Resumen</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<script>
|
||||
import axios from 'axios';
|
||||
import config from '../config/config.js'
|
||||
import webMenu from '../estetica/menu.vue';
|
||||
//import swal from 'sweetalert';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
mesa: {
|
||||
id_evento: 1,
|
||||
tipo_evento: 'Mesa tematica',
|
||||
nombre_evento: 'Mesa 9: Educación ambiental y bioética.',
|
||||
cupo: 60,
|
||||
lugar: 'Sala 1',
|
||||
hora: '12:00',
|
||||
dia: 'Lunes',
|
||||
},
|
||||
check_L: false,
|
||||
check_M: false,
|
||||
check_Mi: false,
|
||||
mesa_lunes: [],
|
||||
mesa_martes:[],
|
||||
mesa_miercoles: [],
|
||||
usuario: "",
|
||||
correo: "",
|
||||
day:[],
|
||||
mesa_elegida_lunes:null,
|
||||
mesa_elegida_martes:null,
|
||||
mesa_elegida_miercoles: null,
|
||||
talleres:[],
|
||||
taller_elegido:null,
|
||||
magistrales:[],
|
||||
magistrales_seleccionadas:[]
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.datosU {
|
||||
color: #363636;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
components: {
|
||||
|
||||
appMenu: webMenu,
|
||||
},
|
||||
methods:{
|
||||
esta_magistral(m)
|
||||
{
|
||||
var i=this.magistrales_seleccionadas.indexOf( m );
|
||||
if(i!=-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);
|
||||
else
|
||||
this.magistrales_seleccionadas.push(m);
|
||||
},
|
||||
elegir_mesa_lunes(m){
|
||||
if(this.mesa_elegida_lunes!=m)
|
||||
this.mesa_elegida_lunes=m;
|
||||
else
|
||||
this.mesa_elegida_lunes=null;
|
||||
},
|
||||
elegir_mesa_martes(m){
|
||||
if(this.mesa_elegida_martes!=m)
|
||||
this.mesa_elegida_martes=m;
|
||||
else
|
||||
this.mesa_elegida_martes=null;
|
||||
},
|
||||
elegir_mesa_miercoles(m){
|
||||
if(this.mesa_elegida_miercoles!=m)
|
||||
this.mesa_elegida_miercoles=m;
|
||||
else
|
||||
this.mesa_elegida_miercoles=null;
|
||||
},
|
||||
elegir_taller(taller)
|
||||
{
|
||||
if(this.taller_elegido==taller)
|
||||
this.taller_elegido=null;
|
||||
else
|
||||
this.taller_elegido=taller;
|
||||
}
|
||||
}
|
||||
, async created(){
|
||||
|
||||
axios.get(`${config.api}/traer_eventos`).then(response=>{
|
||||
// /* eslint-disable no-console */
|
||||
// console.log(response)
|
||||
let mesa=response.data.eventos.mesa
|
||||
for(let i=0; i<mesa.length; i++)
|
||||
{
|
||||
let f= new Date(mesa[i].fechas[0].fecha_inicio);
|
||||
let dia=f.getDate();
|
||||
if(dia==17)
|
||||
{
|
||||
this.mesa_lunes.push(mesa[i]);
|
||||
|
||||
}
|
||||
if(dia==18)
|
||||
this.mesa_martes.push(mesa[i]);
|
||||
if(dia==19)
|
||||
this.mesa_miercoles.push(mesa[i]);
|
||||
// this.day.push(f.getDate());
|
||||
}
|
||||
this.talleres=response.data.eventos.taller;
|
||||
this.talleres[0].horas=["16:00 - 17:00", "16:00 - 18:00", "16:00 - 17:00"];
|
||||
this.talleres[1].horas=["17:00 - 18:00", "16:00 - 18:00", "16:00 - 17:00"];
|
||||
this.magistrales=response.data.eventos.ponencia;
|
||||
this.magistrales[0].dia="Lunes 17 de Agosto";
|
||||
this.magistrales[1].dia="Lunes 18 de Agosto";
|
||||
this.magistrales[2].dia="Lunes 19 de Agosto";
|
||||
this.magistrales[3].dia="Lunes 19 de Agosto";
|
||||
this.magistrales[0].hora="10:00 - 12:00";
|
||||
this.magistrales[1].hora="10:00 - 11:00";
|
||||
this.magistrales[2].hora="09:00 - 10:00";
|
||||
this.magistrales[3].hora="10:45 - 12:00";
|
||||
this.magistrales[0].indice=0;
|
||||
this.magistrales[1].indice=1;
|
||||
this.magistrales[2].indice=2;
|
||||
this.magistrales[3].indice=3;
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
beforeCreate () {}
|
||||
|
||||
}
|
||||
</style>
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped>
|
||||
.aling_left{
|
||||
text-align: left;
|
||||
}
|
||||
.color_negro{
|
||||
background-color: rgb(26, 27, 29);
|
||||
color: white;
|
||||
}
|
||||
.color_dorado{
|
||||
background-color: #bb8800;
|
||||
color: white;
|
||||
|
||||
}
|
||||
.elegido{
|
||||
background-color: #22E10F;
|
||||
}
|
||||
.blanco:hover{
|
||||
background-color: #4BF53A;
|
||||
}
|
||||
.gris:hover{
|
||||
background-color: #4BF53A;
|
||||
}
|
||||
.gris{
|
||||
background-color:rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.transparente{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
const config = {
|
||||
//api: "http://localhost:3000"
|
||||
api: "http://localhost:3000"
|
||||
//api: "https://venus.acatlan.unam.mx/coloquioeducacion" //pruebas
|
||||
api: "https://venus.acatlan.unam.mx/c_educacion_pro" //produccion
|
||||
// api: "https://venus.acatlan.unam.mx/c_educacion_pro" //produccion
|
||||
//api:"localhost:3000"
|
||||
}
|
||||
|
||||
export default config
|
||||
Reference in New Issue
Block a user