formato
This commit is contained in:
+23
-17
@@ -1,28 +1,34 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<head>
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"
|
||||||
|
integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
|
||||||
|
|
||||||
|
|
||||||
<!--Importar Iconos -->
|
<!--Importar Iconos -->
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
|
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
|
||||||
<title>HACKATHON REGISTRO</title>
|
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
|
||||||
<link rel="shortcut icon" href="img/icono.png">
|
<title>HACKATHON REGISTRO</title>
|
||||||
<body>
|
<link rel="shortcut icon" href="img/icono.png">
|
||||||
<noscript>
|
|
||||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
<body>
|
||||||
</noscript>
|
<noscript>
|
||||||
<div id="app"></div>
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
|
||||||
<!-- built files will be auto injected -->
|
Please enable it to continue.</strong>
|
||||||
</body>
|
</noscript>
|
||||||
|
<div id="app"></div>
|
||||||
|
<!-- built files will be auto injected -->
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -227,7 +227,7 @@ export default {
|
|||||||
noIntegrantes: 1,
|
noIntegrantes: 1,
|
||||||
integrantes: [],
|
integrantes: [],
|
||||||
cargando: false,
|
cargando: false,
|
||||||
confirmacion: false
|
confirmacion: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -246,7 +246,7 @@ export default {
|
|||||||
nombre: "",
|
nombre: "",
|
||||||
apellidoPa: "",
|
apellidoPa: "",
|
||||||
apellidoMa: "",
|
apellidoMa: "",
|
||||||
correo: ""
|
correo: "",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -303,8 +303,8 @@ export default {
|
|||||||
showCancelButton: true,
|
showCancelButton: true,
|
||||||
confirmButtonColor: "#3085d6",
|
confirmButtonColor: "#3085d6",
|
||||||
cancelButtonColor: "#d33",
|
cancelButtonColor: "#d33",
|
||||||
confirmButtonText: "Si"
|
confirmButtonText: "Si",
|
||||||
}).then(result => {
|
}).then((result) => {
|
||||||
if (result.value) {
|
if (result.value) {
|
||||||
window.location.href =
|
window.location.href =
|
||||||
"https://www.acatlan.unam.mx/hackaton/index.html#head";
|
"https://www.acatlan.unam.mx/hackaton/index.html#head";
|
||||||
@@ -323,18 +323,18 @@ export default {
|
|||||||
apellidoMaLider: this.apellidoMaLider,
|
apellidoMaLider: this.apellidoMaLider,
|
||||||
correoLider: this.correoLider,
|
correoLider: this.correoLider,
|
||||||
carreraLider: this.carrera,
|
carreraLider: this.carrera,
|
||||||
integrantes: this.integrantes
|
integrantes: this.integrantes,
|
||||||
};
|
};
|
||||||
axios
|
axios
|
||||||
.post(`${config.api}/registro`, data)
|
.post(`${config.api}/registro`, data)
|
||||||
.then(async respose => {
|
.then(async (respose) => {
|
||||||
this.cargando = false;
|
this.cargando = false;
|
||||||
console.log(respose.data.msj);
|
console.log(respose.data.msj);
|
||||||
await Swal.fire("Has sido registrado", "", "success");
|
await Swal.fire("Has sido registrado", "", "success");
|
||||||
window.location.href =
|
window.location.href =
|
||||||
"https://www.acatlan.unam.mx/hackaton/index.html#head";
|
"https://www.acatlan.unam.mx/hackaton/index.html#head";
|
||||||
})
|
})
|
||||||
.catch(async error => {
|
.catch(async (error) => {
|
||||||
this.cargando = false;
|
this.cargando = false;
|
||||||
console.log(error.response.data.msj);
|
console.log(error.response.data.msj);
|
||||||
await Swal.fire(
|
await Swal.fire(
|
||||||
@@ -343,8 +343,8 @@ export default {
|
|||||||
"error"
|
"error"
|
||||||
).then((window.location.href = "#"));
|
).then((window.location.href = "#"));
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
+161
-157
@@ -1,213 +1,217 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="admin-login">
|
<section class="admin-login">
|
||||||
<!--Importar componente de header para login -->
|
<!--Importar componente de header para login -->
|
||||||
<Header />
|
<Header />
|
||||||
<div>
|
<div>
|
||||||
<h1>Hackaton UNAM-AWS</h1>
|
<h1>Hackaton UNAM-AWS</h1>
|
||||||
|
|
||||||
<div class="conteiner ">
|
|
||||||
|
|
||||||
|
<div class="conteiner ">
|
||||||
<div class="admin-campos">
|
<div class="admin-campos">
|
||||||
|
<i class="fa fa-user"></i>
|
||||||
|
<input
|
||||||
<i class="fa fa-user" ></i>
|
type="email"
|
||||||
<input type="email" placeholder="Usuario" v-model="usuario" @keyup.enter="entrar()">
|
placeholder="Usuario"
|
||||||
|
v-model="usuario"
|
||||||
|
@keyup.enter="entrar()"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="admin-campos">
|
<div class="admin-campos">
|
||||||
<i class="fa fa-lock"></i>
|
<i class="fa fa-lock"></i>
|
||||||
<input type="password" placeholder="Contraseña" v-model="password" @keyup.enter="entrar()">
|
<input
|
||||||
|
type="password"
|
||||||
|
placeholder="Contraseña"
|
||||||
|
v-model="password"
|
||||||
|
@keyup.enter="entrar()"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="entrar">
|
<div class="entrar">
|
||||||
|
<button
|
||||||
<button class="button" id="boton_entrar" v-if="validar_ambos()" @click="entrar()">Entrar</button>
|
class="button"
|
||||||
<p class="botton_falso" v-else>Entrar</p>
|
id="boton_entrar"
|
||||||
</div>
|
v-if="validar_ambos()"
|
||||||
|
@click="entrar()"
|
||||||
|
>
|
||||||
|
Entrar
|
||||||
|
</button>
|
||||||
|
<p class="botton_falso" v-else>Entrar</p>
|
||||||
</div>
|
</div>
|
||||||
<!--Importar componente de footer para login en esta ocacion yo no lo ocuper por eso esta comentado -->
|
</div>
|
||||||
<!-- <Footer /> -->
|
<!--Importar componente de footer para login en esta ocacion yo no lo ocuper por eso esta comentado -->
|
||||||
|
<!-- <Footer /> -->
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
</section>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import axios from 'axios';
|
import axios from "axios";
|
||||||
import config from '../config/config.js'
|
import config from "../config/config.js";
|
||||||
import swal from 'sweetalert';
|
import swal from "sweetalert";
|
||||||
import Header from "./../view/headerAdmin.vue";
|
import Header from "./../view/headerAdmin.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
//HelloWorld
|
//HelloWorld
|
||||||
Header
|
Header,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
usuario: "",
|
||||||
|
password: "",
|
||||||
|
error: false,
|
||||||
|
mal: null,
|
||||||
|
resp: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
malo() {
|
||||||
|
return this.error;
|
||||||
},
|
},
|
||||||
data(){
|
validar_ambos() {
|
||||||
return {
|
if (this.usuario != "" && this.password != "") return true;
|
||||||
usuario: '',
|
else return false;
|
||||||
password: '',
|
|
||||||
error: false,
|
|
||||||
mal: null,
|
|
||||||
resp: null
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
methods:
|
entrar() {
|
||||||
{
|
const data = {
|
||||||
malo(){
|
usuario: this.usuario,
|
||||||
return this.error;
|
password: this.password,
|
||||||
},
|
};
|
||||||
validar_ambos()
|
|
||||||
{
|
|
||||||
if(this.usuario!='' && this.password!='')
|
|
||||||
return true;
|
|
||||||
else
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
entrar(){
|
|
||||||
|
|
||||||
const data={
|
axios
|
||||||
usuario: this.usuario,
|
.post(`${config.api}/login`, data)
|
||||||
password: this.password,
|
.then(async (respose) => {
|
||||||
}
|
this.resp = respose.data;
|
||||||
|
if (respose.data.err == false) {
|
||||||
|
await swal(`Bienvenido ${this.usuario}`, "", "success");
|
||||||
|
|
||||||
axios.post(`${config.api}/login`,data).then(async respose=>{
|
window.localStorage.setItem("id_usuario", respose.data.id_usuario);
|
||||||
|
this.$router.push("/");
|
||||||
this.resp=respose.data;
|
} else {
|
||||||
if(respose.data.err==false)
|
this.error = true;
|
||||||
{
|
await swal(" Usuario o Contraseña incorrecta.", "", "error");
|
||||||
await swal(`Bienvenido ${this.usuario}`,"","success");
|
}
|
||||||
|
})
|
||||||
window.localStorage.setItem('id_usuario', respose.data.id_usuario);
|
.catch((err) => {
|
||||||
this.$router.push('/');
|
swal(" Usuario o Contraseña incorrecta.", "", "error");
|
||||||
}
|
this.resp = err;
|
||||||
else{
|
this.error = true;
|
||||||
this.error=true;
|
});
|
||||||
await swal(" Usuario o Contraseña incorrecta.","","error");
|
},
|
||||||
}
|
},
|
||||||
}).catch(err=>{
|
beforeCreate() {
|
||||||
swal(" Usuario o Contraseña incorrecta.","","error");
|
localStorage.clear();
|
||||||
this.resp=err;
|
},
|
||||||
this.error=true;
|
};
|
||||||
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
,beforeCreate () {
|
|
||||||
localStorage.clear();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
<style scoped>
|
|
||||||
.button {
|
.button {
|
||||||
background-color: #1B3D70; /* Green */
|
background-color: #1b3d70; /* Green */
|
||||||
border: none;
|
border: none;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1rem 7rem;
|
padding: 1rem 7rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
-webkit-transition-duration: 0.4s; /* Safari */
|
-webkit-transition-duration: 0.4s; /* Safari */
|
||||||
transition-duration: 0.4s;
|
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);
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
}
|
}
|
||||||
|
|
||||||
.botton_falso{
|
.botton_falso {
|
||||||
background-color: #CCC; /* Green */
|
background-color: #ccc; /* Green */
|
||||||
border: none;
|
border: none;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1rem 7rem;
|
padding: 1rem 7rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
-webkit-transition-duration: 0.4s; /* Safari */
|
-webkit-transition-duration: 0.4s; /* Safari */
|
||||||
transition-duration: 0.4s;
|
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);
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: #bb8800; /* Green */
|
background-color: #bb8800; /* Green */
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
h1{
|
h1 {
|
||||||
margin-top: 2.5rem;
|
margin-top: 2.5rem;
|
||||||
margin-bottom: 3.5rem;
|
margin-bottom: 3.5rem;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-campos {
|
.admin-campos {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
margin: 0 auto 1rem auto;
|
margin: 0 auto 1rem auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-campos input[type="email"], .admin-campos input[type="password"] {
|
.admin-campos input[type="email"],
|
||||||
border-bottom: black .2rem solid;
|
.admin-campos input[type="password"] {
|
||||||
border-left: white;
|
border-bottom: black 0.2rem solid;
|
||||||
border-right:white;
|
border-left: white;
|
||||||
border-top: white;
|
border-right: white;
|
||||||
display: block;
|
border-top: white;
|
||||||
font-size: 1rem;
|
display: block;
|
||||||
margin: 0 auto 2rem auto;
|
font-size: 1rem;
|
||||||
padding: 1rem 0 1rem 2rem;
|
margin: 0 auto 2rem auto;
|
||||||
width: 85%;
|
padding: 1rem 0 1rem 2rem;
|
||||||
|
width: 85%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-campos input::placeholder, .admin-campos input::placeholder {
|
.admin-campos input::placeholder,
|
||||||
color: rgb(75, 71, 71);
|
.admin-campos input::placeholder {
|
||||||
|
color: rgb(75, 71, 71);
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-campos i {
|
.admin-campos i {
|
||||||
color: black;
|
color: black;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
left: 1.75rem;
|
left: 1.75rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: .75rem;
|
top: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entrar {
|
.entrar {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-top: 5rem;
|
margin-top: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
@media screen and (min-width: 1024px) {
|
||||||
h1{
|
h1 {
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
margin-bottom: 4rem;
|
margin-bottom: 4rem;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
}
|
}
|
||||||
.admin-login img {
|
.admin-login img {
|
||||||
height: 25rem;
|
height: 25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-campos {
|
.admin-campos {
|
||||||
width: 40rem;
|
width: 40rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-campos input[type="email"], .admin-campos input[type="password"] {
|
.admin-campos input[type="email"],
|
||||||
font-size: 1.5rem;
|
.admin-campos input[type="password"] {
|
||||||
padding: 1rem 0 1rem 4rem;
|
font-size: 1.5rem;
|
||||||
}
|
padding: 1rem 0 1rem 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
.admin-campos i {
|
.admin-campos i {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
left: 3.5rem;
|
left: 3.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div >
|
<div>
|
||||||
<div class="pure-g header">
|
<div class="pure-g header">
|
||||||
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-1">
|
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-1">
|
||||||
<div class="logo_unam">
|
<div class="logo_unam">
|
||||||
@@ -11,7 +11,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- div banner -->
|
<!-- div banner -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -20,8 +19,6 @@ export default {};
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: 260px;
|
max-height: 260px;
|
||||||
@@ -52,7 +49,6 @@ export default {};
|
|||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 767px) {
|
@media screen and (max-width: 767px) {
|
||||||
.footer img {
|
.footer img {
|
||||||
width: 40px !important;
|
width: 40px !important;
|
||||||
@@ -62,5 +58,4 @@ export default {};
|
|||||||
font-size: 12px !important;
|
font-size: 12px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user