-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (86 loc) · 3.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<meta name="google-signin-client_id" content="766741656408-mrga8qcbiu2tqbcog11uu1smqpk3jf57.apps.googleusercontent.com">
<script src="https://apis.google.com/js/client:platform.js?onload=renderButton" async defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/login.css">
<script>
// cargamos el sdk de forma asincrónica
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
// Iniciamos el sdk y su configuración
window.fbAsyncInit = function() {
FB.init({
appId : '186405948487370',// la appid de tu aplicación facebook
status : true,
cookie : true,
xfbml : true,
oauth : true // habilita oauth 2.0
});
//manejador para comprobar si el status del usuario ha cambiado o no
FB.Event.subscribe('auth.statusChange', function(response) {
if (response.authResponse) {
//si el usuario es logueado correctamente hacemos lo que queramos
//en nuestro caso redirigimos
FB.api('/me', function(me){
if (me.name) {
//en vez de redirigir, como la petición es realizada
//sin refrescar, podemos hacer cualquier interacción
//sin movernos de la página
window.location = "home.html";
}
})
}
});
//evento para iniciar sesión y pedir los permisos que pasemos en scope
document.getElementById('fb').addEventListener('click', function(){
FB.login(function(){}, { });
});
}
</script>
</head>
<body>
<section>
<div class="fondo">
<div class="opacity">
<div id="login-button">
<img src="http://dqcgrsy5v35b9.cloudfront.net/cruiseplanner/assets/img/icons/login-w-icon.png">
</img>
</div>
<div id="container">
<h1>Log In</h1>
<span class="close-btn">
<img src="https://cdn4.iconfinder.com/data/icons/miu/22/circle_close_delete_-128.png"></img>
</span>
<form>
<input type="email" name="email" placeholder="E-mail">
<input type="password" name="pass" placeholder="Password">
<a class="login" href="#">Log in</a>
<a class="facebook" id="fb" href="#">Facebook</a>
<a class="gmail" id="gm" href="#">Gmail</a>
</form>
</div>
<div id="forgotten-container">
<h1>Forgotten</h1>
<span class="close-btn">
<img src="https://cdn4.iconfinder.com/data/icons/miu/22/circle_close_delete_-128.png"></img>
</span>
<form>
<input type="email" name="email" placeholder="E-mail">
<a href="#" class="orange-btn">Get new password</a>
</form>
</div>
</div>
</section>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>