From 049257ab625416f5abeef5cb3347ba063a6e616e Mon Sep 17 00:00:00 2001
From: DanielRamirezGe <daniel.adrian.ramirez.george@gmail.com>
Date: Mon, 6 Jul 2020 21:35:11 -0500
Subject: [PATCH] cambio de boton y se agrego el checkbox

---
 src/components/form.vue | 118 ++++++++++++++++++++++++++++++++++++++--
 src/config/config.js    |   4 +-
 2 files changed, 116 insertions(+), 6 deletions(-)

diff --git a/src/components/form.vue b/src/components/form.vue
index 6b8e4b8..11d8c7a 100644
--- a/src/components/form.vue
+++ b/src/components/form.vue
@@ -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>
diff --git a/src/config/config.js b/src/config/config.js
index 2f1720d..11eae73 100644
--- a/src/config/config.js
+++ b/src/config/config.js
@@ -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;