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

cambio de boton y se agrego el checkbox

Browse Source
This commit is contained in:
DanielRamirezGe
2020-07-06 21:35:11 -05:00
parent f6057b63b7
commit 049257ab62
2 changed files with 116 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/form.vue
+114 -4
View File
@@ -107,6 +107,19 @@
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
/>
</div>
<div class="pure-u-1 pure-u-md-2-2">
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="exampleCheck1"
v-model="confirmacion"
/>
<label class="form-check-label" for="exampleCheck1"
>Acepto ser el lider del Equipo</label
>
</div>
</div>
</div>
<div v-if="noIntegrantes > 1">
<legend>Datos de los integrantes del equipo<br /></legend>
@@ -158,15 +171,27 @@
</div>
</div>
<div class="pure-g espacio">
<div class="pure-g espacio" v-if="checkSize()">
<div class="pure-u-1 pure-u-md-1-2">
<button class="button_salir " @click="salir()">Salir</button>
</div>
<div class="pure-u-1 pure-u-md-1-2">
<button class="button " v-if="checkFull()" @click="registrar()">
Siguiente
Registrar
</button>
<p class="botton_falso" v-else>Siguiente</p>
<p class="botton_falso" v-else>Registrar</p>
</div>
</div>
<div class="pure-g espacio" v-else>
<div class="pure-u-1 pure-u-md-1-2">
<button class="button " v-if="checkFull()" @click="registrar()">
Registrar
</button>
<p class="botton_falso" v-else>Registrar</p>
</div>
<div class="pure-u-1 pure-u-md-1-2">
<button class="button_salir " @click="salir()">Salir</button>
</div>
</div>
</fieldset>
@@ -201,10 +226,18 @@ export default {
carrera: "",
noIntegrantes: 1,
integrantes: [],
cargando: false
cargando: false,
confirmacion: false
};
},
methods: {
checkSize() {
if (window.screen.width > 500) {
return true;
} else {
return false;
}
},
updateInte(event) {
this.integrantes = [];
for (let i = 1; i < event.target.value; i++) {
@@ -218,6 +251,7 @@ export default {
}
},
checkFull() {
if (!this.confirmacion) return false;
if (this.nombreEquipo.trim() === "") {
return false;
}
@@ -316,6 +350,15 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.form-check-label {
margin-left: 1.3rem;
margin-top: 1rem;
padding-top: 0.4rem;
}
.form-check-input {
width: 1.5rem;
height: 1.5rem;
}
.espacio {
margin-bottom: 3rem;
}
@@ -401,4 +444,71 @@ export default {
color: white;
margin-top: 1rem;
}
@media screen and (max-width: 500px) {
.botton_falso {
margin-left: 4rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 3rem;
}
.button_salir {
margin-left: 4rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 1rem;
}
.button {
margin-left: 4rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 3rem;
}
}
@media screen and (max-width: 380px) {
.botton_falso {
margin-left: 3rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 3rem;
}
.button_salir {
margin-left: 3rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 1rem;
}
.button {
margin-left: 3rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 3rem;
}
}
@media screen and (max-width: 325px) {
.botton_falso {
margin-left: 1.5rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 3rem;
}
.button_salir {
margin-left: 1.5rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 1rem;
}
.button {
margin-left: 1.5rem;
margin-right: 0rem;
margin-bottom: 2rem;
margin-top: 3rem;
}
}
</style>
src/config/config.js
+2 -2
View File
@@ -1,5 +1,5 @@
const config = {
//api: "http://localhost:3000"
api: "https://venus.acatlan.unam.mx/hackaton"
api: "http://localhost:3000"
//api: "https://venus.acatlan.unam.mx/hackaton"
};
module.exports = config;