cambio del resposive

This commit is contained in:
casnet
2020-04-01 17:55:36 -06:00
parent 552e0c80cf
commit c2ac09c787
28 changed files with 382 additions and 629 deletions
+1 -1
View File
@@ -1 +1 @@
API=https://venus.acatlan.unam.mx/coloquioeducacion/
API=http://bfa1ad25.ngrok.io
-1
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 298 KiB

-1
View File
@@ -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.a291b77f.css rel=preload as=style><link href=css/chunk-vendors.fbe9bade.css rel=preload as=style><link href=js/app.6a5165cd.js rel=preload as=script><link href=js/chunk-vendors.a9f88d2b.js rel=preload as=script><link href=css/chunk-vendors.fbe9bade.css rel=stylesheet><link href=css/app.a291b77f.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.a9f88d2b.js></script><script src=js/app.6a5165cd.js></script></body></html>
-2
View File
File diff suppressed because one or more lines are too long
-1
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+4 -1
View File
@@ -15,6 +15,9 @@
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
+4
View File
@@ -26,6 +26,10 @@ export default {
</script>
<style>
.row{
margin-left: 0;
margin-right: 0;
}
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 41 KiB

+26 -7
View File
@@ -1,17 +1,33 @@
<template lang="pug">
.container-fluid
br
.row
.col-4.offset-2.left
h1 Dictamen
.col-4.right
.col-11.right
button.btn.btn-danger(type="button" v-on:click="salir") Salir
.row.mb-5.d-flex.justify-content-center
.col-10.offset-0.center
h1 Dictamen
.row
.col-8.offset-2.left
br
h2 Ponencias
br
table.table
.row
.col-10.offset-1.left.table-responsive-sm
table.table.mt-5.table-hover
thead
tr
td Resumen
@@ -44,8 +60,11 @@
.col-8.offset-2.left
br
h2 Cartel
br
table.table
.row
.col-10.offset-1.left.table-responsive-sm
table.table.mt-5.table-hover
thead
tr
td Resumen
+2 -2
View File
@@ -5,8 +5,8 @@
h1 Aviso de privacidad
br
br
row.left
.col-8.offset-2
row.left.text-justify
.col-10.offset-1
p
| En cumplimiento a lo establecido por el Reglamento de Transparencia, Acceso a la Información Pública y Protección de Datos Personales para la Universidad Nacional Autónoma de México, con domicilio en Av. Universidad No. Exterior 3000, Colonia Universidad Nacional Autónoma de México C. U., Delegación Coyoacán, CP. 04510, México Distrito Federal, es la única responsable de la protección y tratamiento de tus datos personales.
p
+16 -23
View File
@@ -5,11 +5,15 @@
br
br
br
.row
.col-4.offset-4
.row.d-flex.justify-content-center
.col-6.offset-0
h1 Iniciar Sesión
br
br
.row.d-flex.justify-content-center
.col-9.col-md-5.col-lg-4.col-xl-4.offset-0
form
.form-group.left
label(for="email") Email
@@ -19,9 +23,9 @@
input.form-control(type="password" v-model="password")
div
.row
.col-6
.col-6.pl-0
router-link(to="registro") Registro
.col-6.right
.col-6.right.px-0
router-link(to="recuperar") Se olvido tu contraseña?
button.btn.btn-primary(type="submit" v-on:click="login") Iniciar Sesión
br
@@ -33,7 +37,6 @@
<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 {
@@ -56,25 +59,10 @@ export default {
password: this.password,
}
)
.then(async response => {
.then(response => {
// eslint-disable-next-line
//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) {
console.log(response.data)
if (response.data.trabajo) {
// eslint-disable-next-line
console.log('trabajo')
this.$router.push({
@@ -109,4 +97,9 @@ export default {
.right {
text-align: right;
}
@media (max-width: 767.98px) {
.small{
margin-left: 25vw !important;
}
}
</style>
+8 -2
View File
@@ -4,11 +4,17 @@
br
br
br
.row
.col-4.offset-4
.row.d-flex.justify-content-center
.col-6.offset-0
h1 Iniciar Sesión
br
br
.row.d-flex.justify-content-center
.col-6.col-lg-4.col-xl-4.offset-0
form
.form-group.left
label(for="text") Usuario
+17 -10
View File
@@ -3,21 +3,25 @@
app-menu
br
h1 Registro Ponencia
.row
.col-6.offset-2
.row.d-flex.justify-content-center
.col-10.col-md-8.col-lg-6.col-xl-6.offset-1
br
.form-group
input#exampleInputEmail1.form-control(type='text' aria-describedby='emailHelp' v-model="autor" placeholder='Nombre del Autor principal')
.form-group
input#exampleInputPassword1.form-control(type='text' v-model="autorsegundo" placeholder='Nombre del segundo autor')
.row
.col-8.offset-2.left
.row.d-flex.justify-content-center
.col-10.offset-1.left
.form-check
input#exampleRadios1.form-check-input(type='checkbox' name='exampleRadios' v-model="ponencia" checked='')
label.form-check-label(for='exampleRadios1')
| Ponencia
.row(v-if="ponencia")
.col-8.offset-2
.row(v-if="ponencia").d-flex.justify-content-center
.col-xl-7.col-lg-7.col-md-7.col-11.offset-0.px-0
.form-group
input#exampleInputEmail1.form-control(type='text' aria-describedby='emailHelp' placeholder='Nombre de la Ponencia' v-model="nombrepon")
.form-group
@@ -31,14 +35,17 @@
| Instrucciones: Subir el archivo resumen de 250 palabras en word de acuerdo a
| la convocatoria
.invalid-feedback Example invalid custom file feedback
.row
.col-8.offset-2.left
.row.d-flex.justify-content-center
.col-10.offset-1.left
.form-check
input#exampleRadios1.form-check-input(type='checkbox' v-model="cartel" name='exampleRadios' value='option1' checked='')
label.form-check-label(for='exampleRadios1')
| Cartel
.row(v-if="cartel")
.col-8.offset-2
.row(v-if="cartel").d-flex.justify-content-center
.col-xl-7.col-lg-7.col-md-7.col-11.offset-0.px-0
.form-group
input#exampleInputEmail1.form-control(type='text' aria-describedby='emailHelp' placeholder='Nombre del Cartel' v-model="nombrecartel")
.form-group
+9 -4
View File
@@ -4,10 +4,15 @@
br
br
h1 Recuperar Contraseña
.row
.col-6.offset-3
p Introduzca su email para recuperar su contraseña {{ title }}
p {{ title }}
.row.d-flex.justify-content-center
.col-8.col-md-6.col-lg-6.col-xl-4.offset-0
p.my-5 Introduzca su email para recuperar su contraseña {{ title }}
p.my-5 {{ title }}
.input-group
input.form-control(type='text' v-model="correo" placeholder="Correo" aria-label="Recipient's username with two button addons" aria-describedby='button-addon4')
#button-addon4.input-group-append
+92 -55
View File
@@ -1,26 +1,45 @@
<template lang="pug">
div
app-menu
.row
.col-12
.col-10.offset-1
br
h1 Registro
p
| Revisa cuidadosamente la redacción de tu nombre, éste aparecerá exactamente igual en la(s) constancias.
p.text-center Revisa cuidadosamente la redacción de tu nombre, éste aparecerá exactamente igual en la(s) constancias.
br
.row
.col-8.offset-2
br
br
.col-xl-12.col-lg-12.offset-0.d-flex.justify-content-center
form
.row
.col-4
.col-xl-4.col-lg-4.col-md-4.col-10.small
input.form-control(type='text' placeholder='Nombre' v-model="data.nombre")
.col-4
.col-xl-4.col-lg-4.col-md-4.col-10.small
input.form-control(type='text' placeholder='Apellido Paterno' v-model="data.apellido_p")
.col-4
.col-xl-4.col-lg-4.col-md-4.col-10.small
input.form-control(type='text' placeholder='Apellido Materno' v-model="data.apellido_m")
br
.row
.col-8.offset-2.left
.col-10.offset-2.left
br
h2 Tipo de Participación
br
@@ -42,38 +61,44 @@
input#exampleRadios2.form-check-input(type='radio' v-model="data.comunidad" value='externa')
label.form-check-label(for='exampleRadios2')
| Comunidad Externa
.col-6
.row
.col-12
.form-check.form-check-inline
input#inlineRadio2.form-check-input(type='radio' v-model="data.tipo_participacion" name='inlineRadioOptions' value='asistente')
label.form-check-label(for='inlineRadio2') Asistente
.row(v-if="data.tipo_participacion=='asistente'")
.col-12.offset-1
.form-check
input#exampleRadios1.form-check-input(type='radio' v-model="data.comunidad" value='interna' checked='')
label.form-check-label(for='exampleRadios1')
| Comunidad Interna
.form-check
input#exampleRadios2.form-check-input(type='radio' v-model="data.comunidad" value='externa')
label.form-check-label(for='exampleRadios2')
| Comunidad Externa
//- .col-6
//- .row
//- .col-12
//- .form-check.form-check-inline
//- input#inlineRadio2.form-check-input(type='radio' v-model="data.tipo_participacion" name='inlineRadioOptions' value='asistente')
//- label.form-check-label(for='inlineRadio2') Asistente
//- .row(v-if="data.tipo_participacion=='asistente'")
//- .col-12.offset-1
//- .form-check
//- input#exampleRadios1.form-check-input(type='radio' v-model="data.comunidad" value='interna' checked='')
//- label.form-check-label(for='exampleRadios1')
//- | Comunidad Interna
//- .form-check
//- input#exampleRadios2.form-check-input(type='radio' v-model="data.comunidad" value='externa')
//- label.form-check-label(for='exampleRadios2')
//- | Comunidad Externa
.row(v-if="data.comunidad=='externa'")
.col-8.offset-2
.col-8.col-xl-6.offset-2
br
form
.form-row
.col-8
input.form-control(type='text' placeholder='Institución' v-model="data.institucion")
.form-group.col-4
.form-group.col-xl-4.col-lg-4.col-md-4.col-10.small.px-0
select#inputState.form-control(v-model="data.pais")
option( value="0" disabled selected) Selecciona un Pais
option(v-for="pais in paises" :value="pais.nombre_pais") {{pais.nombre_pais}}
.row
.col-8.offset-2
.col-10.offset-2.left
br
.row
.col-6.left
.col-12.pl-0
h2 Situación Academica
.form-check
input#exampleRadios1.form-check-input(type='radio' name='exampleRadios' value='Profesor' v-model="data.situacion_academica" checked='')
@@ -90,11 +115,22 @@
.form-check
input#exampleRadios3.form-check-input(type='radio' name='exampleRadios' v-model="data.situacion_academica" value='Profesionalista')
label.form-check-label(for='exampleRadios3') Profesional
.col-6(v-if="data.comunidad=='interna' & (data.situacion_academica=='Estudiante de Licenciatura' || data.situacion_academica=='Estudiante de Posgrado')")
input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Numero de Cuenta' v-model="data.numero_cuenta")
.row
.col-4.offset-2
.col-md-6.col-lg-6.col-xl-6.col-8.offset-2
br
.form-group(v-if="data.comunidad=='interna' & (data.situacion_academica=='Estudiante de Licenciatura' || data.situacion_academica=='Estudiante de Posgrado')")
input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Numero de Cuenta' v-model="data.numero_cuenta")
.form-group
input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Correo' v-model="data.correo")
.form-group
@@ -123,9 +159,9 @@ export default {
}
},
created: function() {
// eslint-disable-next-line
console.log(config)
// eslint-disable-next-line
console.log(config)
axios
.get(`${config.api}/traer_pais`)
.then(response => {
@@ -211,6 +247,7 @@ export default {
return
}
if (
!this.data.password ||
this.pass != this.data.password ||
@@ -223,24 +260,16 @@ export default {
)
return
}
let letra = false,
numero = false
for (let i = 0; i < this.data.password.length; i++) {
if (
(this.data.password[i] >= 'a' &&
this.data.password[i] <= 'z') ||
(this.data.password[i] >= 'A' &&
this.data.password[i] <= 'Z')
)
letra = true
if (
this.data.password[i] >= '0' &&
this.data.password[i] <= '9'
)
numero = true
let letra=false,numero=false;
for(let i=0; i<this.data.password.length; i++)
{
if( (this.data.password[i]>='a' && this.data.password[i]<='z' ) || (this.data.password[i]>='A' && this.data.password[i]<='Z' ) )
letra=true;
if(this.data.password[i]>='0' && this.data.password[i]<='9')
numero=true;
}
if (letra == false || numero == false) {
Swal.fire(
if( letra==false || numero==false ){
Swal.fire(
'Falta campos por llenar',
'La contraseña tiene que tener numeros y letras',
'warning'
@@ -251,7 +280,10 @@ export default {
// eslint-disable-next-line
console.log(this.data)
axios
.post(`${config.api}/registro`, this.data)
.post(
`${config.api}/registro`,
this.data
)
.then(response => {
// eslint-disable-next-line
console.log(response.data)
@@ -277,7 +309,7 @@ export default {
console.log(error.response)
Swal.fire({
title: 'Error',
text: error.response.data.msj,
text: error.response.data,
icon: 'error',
confirmButtonText: 'Aceptar',
})
@@ -296,4 +328,9 @@ export default {
.right {
text-align: right;
}
@media (max-width: 767.98px) {
.small{
padding-left: 2rem;
margin-top: 1rem;
}}
</style>
+74 -385
View File
@@ -1,52 +1,38 @@
<template>
<div>
<app-menu ></app-menu>
<app-menu ></app-menu>
<div class="container" >
<div class="row">
<div class="col">
<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>
<div class="row mt-4">
<div class="col aling_left">
<p><span class="datosU">Usuario:</span> {{ usuario }}</p>
<h3 class="abajo"> Correo: {{ correo}}</h3>
<p><span class="datosU">Correo:</span> {{ correo }}</p>
</div>
</div>
<div class="row">
<div class="col my-5">
<h1 class="" style="text-align:center">Actividades</h1>
</div>
</div>
<div class="row">
<div class="col aling_left abajo_t">
<div class="col-8 left">
<h2>Mesas de trabajo</h2>
</div>
</div>
<div class="row">
<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">
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered mb-0 ">
<div class=" col-10 offset-1 left table-responsive-sm">
<table class=" table mt-2 mb-5 table-hover ">
<thead>
<tr class="aling_left color_negro" >
<th>
Nombre de la mesa de trabajo
Nombre
</th>
<th>Dia</th>
<th>Horario</th>
@@ -59,22 +45,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="check_lunes(item) " >{{item.nombre_evento}}</td>
<td v-if="mesa_elegida_lunes!=item" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="check_lunes(item)" >Lunes 17 de Agosto</td>
<td v-if="mesa_elegida_lunes!=item" >Lunes 17 de Agosto</td>
<td v-else class="elegido">Lunes 17 de Agosto</td>
<td v-if="check_lunes(item)" >12:00 - 15:00</td>
<td v-if="mesa_elegida_lunes!=item" >12:00 - 15:00</td>
<td v-else class="elegido">12:00 - 15:00</td>
<td v-if="check_lunes(item)" >{{item.lugar}}</td>
<td v-if="mesa_elegida_lunes!=item" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="check_lunes(item)" >{{item.cupo}}</td>
<td v-if="mesa_elegida_lunes!=item" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
@@ -82,22 +68,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="check_martes(item)" >{{item.nombre_evento}}</td>
<td v-if="mesa_elegida_martes!=item" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="check_martes(item)" >Martes 18 de Agosto</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="check_martes(item)" >11:00 - 15:00</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="check_martes(item)" >{{item.lugar}}</td>
<td v-if="mesa_elegida_martes!=item" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="check_martes(item)" >{{item.cupo}}</td>
<td v-if="mesa_elegida_martes!=item" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
@@ -105,50 +91,47 @@
<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="check_miercoles(item)" >{{item.nombre_evento}}</td>
<td v-if="mesa_elegida_miercoles!=item" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="check_miercoles(item)" >Miercoles 19 de Agosto</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="check_miercoles(item)" >12:00 - 15:00</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="check_miercoles(item)" >{{item.lugar}}</td>
<td v-if="mesa_elegida_miercoles!=item" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="check_miercoles(item)" >{{item.cupo}}</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>
<div class="row">
<div class="col aling_left abajo_t arriba_t">
<div class="col aling_left">
<h2>Talleres</h2>
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col">
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered mb-0 ">
<div class=" col-10 offset-1 left table-responsive-sm">
<table class=" table mt-2 mb-5 table-hover ">
<thead>
<tr class="aling_left color_negro" >
<th>
Nombre del taller
Nombre
</th>
<th>Dia</th>
<th>Horario</th>
@@ -162,10 +145,10 @@
<tr class="aling_left blanco " v-for="item in talleres" v-bind:key=" item.id_evento" @click="elegir_taller(item)">
<td v-if="check_taller(item)" >{{item.nombre_evento}}</td>
<td v-if="taller_elegido!=item" >{{item.nombre_evento}}</td>
<td v-else class="elegido">{{item.nombre_evento}}</td>
<td v-if="check_taller(item)" >
<td v-if="taller_elegido!=item" >
<div>
<tr>Lunes 17 de Agosto</tr>
<tr>Martes 18 de Agosto</tr>
@@ -181,7 +164,7 @@
</td>
<td v-if="check_taller(item)" >
<td v-if="taller_elegido!=item" >
<div>
<tr>{{item.horas[0]}}</tr>
<tr>{{item.horas[1]}}</tr>
@@ -197,11 +180,11 @@
</td>
<td v-if="check_taller(item)" >{{item.lugar}}</td>
<td v-if="taller_elegido!=item" >{{item.lugar}}</td>
<td v-else class="elegido">{{item.lugar}}</td>
<td v-if="check_taller(item)" >{{item.cupo}}</td>
<td v-if="taller_elegido!=item" >{{item.cupo}}</td>
<td v-else class="elegido">{{item.cupo}}</td>
</tr>
@@ -209,28 +192,24 @@
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col aling_left abajo_t arriba_t">
<div class="col aling_left">
<h2>Ponencias magistrales</h2>
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col">
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered table-striped mb-0 ">
<div class="row ">
<div class=" col-10 offset-1 left table-responsive-sm">
<table class=" table mt-2 mb-5 table-hover ">
<thead>
<tr class="aling_left color_negro" >
<th>
Nombre de la ponencia
Nombre
</th>
<th>Dia</th>
<th>Horario</th>
@@ -275,23 +254,9 @@
</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>
@@ -301,33 +266,27 @@
</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:[],
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}`
magistrales_seleccionadas:[]
}
},
@@ -337,174 +296,52 @@
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)
{
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)
var i=this.magistrales_seleccionadas.indexOf( m );
if(i!=-1)
return false;
else
return true;
},
seleccionar_magistral(m){
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);
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==null || this.mesa_elegida_lunes.id_evento!=m.id_evento)
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==null || this.mesa_elegida_martes.id_evento!=m.id_evento)
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==null || this.mesa_elegida_miercoles.id_evento!=m.id_evento)
if(this.mesa_elegida_miercoles!=m)
this.mesa_elegida_miercoles=m;
else
this.mesa_elegida_miercoles=null;
},
elegir_taller(taller)
{
if(this.taller_elegido== null || this.taller_elegido.id_evento!=taller.id_evento)
this.taller_elegido=taller;
else
if(this.taller_elegido==taller)
this.taller_elegido=null;
else
this.taller_elegido=taller;
}
}
, async created(){
/* 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=>{
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++)
{
@@ -541,97 +378,13 @@
})
},
beforeCreate () {
if(window.localStorage.getItem('id_persona')==undefined)
this.$router.push( `/login`);
}
beforeCreate () {}
}
</script>
</script>
<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;
}
<style scoped>
.aling_left{
text-align: left;
}
@@ -660,68 +413,4 @@ display: block;
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>
+21 -11
View File
@@ -1,21 +1,30 @@
<template lang="pug">
div
app-menu
.row
.col-8.offset-2.left
br
br
.row
.col-6
.row.my-4
.col-10.col-xl-9.offset-1.right
button.btn.btn-danger(v-on:click="$router.push('/')") Salir
.row.my-4
.col-10.col-xl-11.col-lg-11.col-md-11.offset-2.left
h5 Usuario : {{`${data.persona[0].nombre} ${data.persona[0].apellido_p} ${data.persona[0].apellido_m} `}}
p Correo : {{data.persona[0].correo_electronico}}
p Comunidad : {{data.persona[0].comunidad}}
p Situacion Academica : {{data.persona[0].situacion_academica}}
.col-6.right
button.btn.btn-danger(v-on:click="$router.push('/')") Salir
br
br
table.table
.row
.col-10.offset-1.left.table-responsive-sm
table.table.mt-2.table-hover
thead
tr
td Tipo
@@ -28,8 +37,9 @@
td {{i.nombre_trabajo}}
td {{i.autor_principal}}
td {{i.segundo_autor}}
br
br
</template>
<script>
+2 -2
View File
@@ -1,8 +1,8 @@
const config = {
//api: "https://69cc8f75.ngrok.io"
api: "http://bfa1ad25.ngrok.io"
//api: "https://venus.acatlan.unam.mx/coloquioeducacion" //pruebas
// api: "https://venus.acatlan.unam.mx/c_educacion_pro" //produccion
api:"http://localhost:3000"
//api:"localhost:3000"
}
export default config
+7 -1
View File
@@ -1,6 +1,6 @@
<template>
<footer class="container-fluid Azul-puma footer py-3 ">
<p class="mb-0 ">Hecho en México, todos los derechos reservados 2020</p>
<p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
<p class="my-0 ">Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente </p>
<p>completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.</p>
<router-link to="aviso">Aviso de Privacidad</router-link>
@@ -20,4 +20,10 @@ export default {}
text-align: center;
color: white;
}
@media (max-width: 767.98px) {
.footer {
font-size: .8rem;
}
}
</style>
+53 -45
View File
@@ -1,61 +1,69 @@
<template>
<header class="Azul-puma py-3">
<header class="container">
<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>
<header class="container small">
<div class="row padd">
<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 align-items-center justify-content-lg-end"
>
<img
src="../assets/Fes-aniversario.png"
class="logo-fes"
alt="Ediciones Acatlán"
/>
</div>
</div>
</header>
</header>
</template>
<script>
export default {
}
export default {}
</script>
<style>
.anch{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.logo-fes{
height: 5rem;
}
.sin_pad{
margin-left: 0rem;
margin-right: 0rem;
text-align: left;
}
@media screen and (max-width: 425px) {
.anch{
margin-top: .5rem;
margin-bottom: .5rem;
.logo-fes {
height: 5rem;
}
.logo-fes{
margin-top: .7rem;
height: 3rem;
.sin_pad {
margin-left: 0rem;
margin-right: 0rem;
text-align: left;
}
}
.Azul-puma {
background-color: rgb(26, 27, 29);
}
@media screen and (max-width: 1024px) {
.logo-fes{
margin-top: .7rem;
height: 4rem;
}
}
.Azul-puma {
background-color: rgb(26, 27, 29);
}
@media screen and (max-width: 1024px) {
.logo-fes {
/*margin-top: 0.7rem;*/
height: 4rem;
}
}
.padd {
padding: 1rem 0;
}
</style>
@media (max-width: 767.98px) {
.padd {
padding: 0rem 0;
}
.small{
display: flex;
justify-content: center;
}
}
</style>
+46 -12
View File
@@ -5,33 +5,41 @@
<div class="row">
<div class="col">
<button class=" navbar-toggler" 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 x"></span>
<p>Menú</p>
<nav class="navbar navbar-dark">
<button class=" navbar-toggler van text-whitee 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()">
<span class=" navbar-toggler-icon x m-1" style="color:white !important;"></span>
Menú
</button>
</nav>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<router-link to="/" class="nav-item nav-link"><a> Inicio</a></router-link>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<router-link to="/" class="nav-item nav-link "><a> Inicio</a></router-link>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<router-link to="/convocatoria" class="nav-item nav-link"><a>Convocatoria</a></router-link>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<router-link to="/costos" class="nav-item nav-link"><a>Costos de Inscripción</a></router-link>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<router-link to="/fechas" class="nav-item nav-link"><a>Fechas importantes</a></router-link>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<router-link to="/mesas" class="nav-item nav-link"><a>Mesas Temáticas</a></router-link>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<router-link to="/registro" class="nav-item nav-link"><a>Registro</a></router-link>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<router-link to="/login" class="nav-item nav-link"><a>Iniciar Sesión</a></router-link>
</li>
</ul>
@@ -40,6 +48,8 @@
</div>
</div>
</div>
</nav>
@@ -59,6 +69,9 @@ export default {
</script>
<style scoped>
body{
overflow-x: hidden;
}
.mystyle {
text-align: left;
}
@@ -107,4 +120,25 @@ a:hover {
.active {
background-color: #936900;
}
.van{
display:flex;
align-items: center;
justify-content: center;
}
.x{
color:white;
}
@media (min-width: 768px) {
.van{
display: none;
}
}
</style>