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

ruta /registroAsistencia

Browse Source
This commit is contained in:
casnet
2020-03-21 15:23:21 -06:00
parent 5ab7ab18d0
commit 9e6d6ffdd7
2 changed files with 282 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/RegistroAsistencia.vue
+280
View File
@@ -0,0 +1,280 @@
<template>
<div class="row">
<div class="col-10 offset-1">
<div class="row">
<div class="col-5">
<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>
<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">
<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="mesaL" 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="mesaL" 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="mesaL" value="3" /></th>
<td>{{ mesa.nombre_evento }}</td>
<td>{{ mesa.hora }}</td>
<td>{{ mesa.lugar }}</td>
<td>{{ mesa.cupo }}</td>
</tr>
</tbody>
</table>
</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>
<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" >
<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="mesaMi" 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>
</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>
<div class="row">
<h3>Ponencias Magistrales</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="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>
<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>
</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>
<script>
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,
}
},
}
</script>
<style scoped>
.datosU {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700;
}
</style>
src/routes.js
+2
View File
@@ -11,6 +11,7 @@ import Login from './components/Login.vue'
import Aviso from './components/Aviso.vue'
import User from './components/User.vue'
import Recuperar from './components/Recuperar.vue'
import RegistroAsistencia from './components/RegistroAsistencia'
export const routes = [
{ path: '/', component: Inicio, name: 'inicio' },
@@ -26,6 +27,7 @@ export const routes = [
{ path: '/aviso', component: Aviso, name: 'aviso' },
{ path: '/usuario/:id', component: User, name: 'user' },
{ path: '/recuperar', component: Recuperar, name: 'recuperar' },
{ path: '/registroAsistencia', component: RegistroAsistencia, name: 'registroAsistencia'}
]
// const isAuthenticated = function() {