Advertisement
Guest User

teste

a guest
Jul 10th, 2016
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.40 KB | None | 0 0
  1. <?php
  2.  require('../fun/conect.php');
  3.  //conectar()
  4. ?>
  5. <!doctype html>
  6. <head>
  7.     <meta charset="utf-8">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9.     <title>Curso de bootstrap 3</title>
  10.     <meta name="description" content="curso de bootstrap 3">
  11.     <!-- VIEWPORT -->
  12.     <meta name="viewport" content="width=device-width, initial-scale=1">
  13.     <!-- CDN BOOTSTRAP -->
  14.     <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
  15.     <!-- CSS -->
  16.     <link href="../css/login.css" rel="stylesheet">
  17.     <link href="../css/navbar.css" rel="stylesheet">
  18. </head>
  19.  
  20. <body>
  21.  
  22.  
  23.  
  24.  
  25.   <div class="container-fluid">
  26.  
  27.  
  28.  
  29.     <div class="user">
  30.       <img id="user-photo" src="http://mariovalney.com/wp-content/uploads/2015/06/user-anonimo.jpg">
  31.       <h1>Olá, <span id="user-name">visitante</span>!</h1>
  32.       <p id="user-email"></p>
  33.     </div>
  34.     <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" data-width="370" data-height="50" data-longtitle="true" data-lang="pt-BR"></div>
  35.  
  36.  
  37.  
  38.  
  39.  
  40.    </div><!-- /.container fluid -->
  41.  
  42. <!-- CDN -->
  43. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  44. <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  45. <!-- Main da pasta JS -->
  46. <script src="../js/main.js"></script>
  47.  
  48. <script>
  49.       function onSignIn(response) {
  50.             // Conseguindo as informações do seu usuário:
  51.             var perfil = response.getBasicProfile();
  52.  
  53.             // Conseguindo o ID do Usuário
  54.             var userID = perfil.getId();
  55.  
  56.             // Conseguindo o Nome do Usuário
  57.             var userName = perfil.getName();
  58.  
  59.             // Conseguindo o E-mail do Usuário
  60.             var userEmail = perfil.getEmail();
  61.  
  62.             // Conseguindo a URL da Foto do Perfil
  63.             var userPicture = perfil.getImageUrl();
  64.  
  65.             document.getElementById('user-photo').src = userPicture;
  66.             document.getElementById('user-name').innerText = userName;
  67.             document.getElementById('user-email').innerText = userEmail;
  68.  
  69.             // Recebendo o TOKEN que você usará nas demais requisições à API:
  70.             var LoR = response.getAuthResponse().id_token;
  71.             console.log("958727462271-djtpc52j0kj6gsjncoj05un7fbi91o18.apps.googleusercontent.com" + LoR);
  72.         };
  73.     </script>
  74.  
  75.  
  76. </body>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement