login_google

<html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="masukkan ko punya iD_CLIENT">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <script src="https://ti18umsorong.com/data.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </head>
  <body>
       <nav class="navbar navbar-light bg-light justify-content-between ">
             <a class="navbar-brand">TIE2018</a>
             <form class="form-inline">
                 <button type="button" class="btn btn-outline-primary" onclick="signOut()">SignOut</button>
            </form>
        </nav>
       <div class="container">
    <div class="row">
      <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
        <div class="card card-signin my-5">
          <div class="card-body">
            <h5 class="card-title text-center">Sign In</h5>
            <form class="form-signin">
              <div class="form-label-group">
                <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
                <label for="inputEmail">Email address</label>
              </div>

              <div class="form-label-group">
                <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
                <label for="inputPassword">Password</label>
              </div>

              <div class="custom-control custom-checkbox mb-3">
                <input type="checkbox" class="custom-control-input" id="customCheck1">
                <label class="custom-control-label" for="customCheck1">Remember password</label>
              </div>
              <button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit">Signin With Google</button>
              <hr class="my-4">
              <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>

            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
  <script>
      function onSignIn(googleUser) {
        // Useful data for your client-side scripts:
        var profile = googleUser.getBasicProfile();
        var id_token = googleUser.getAuthResponse().id_token;
        var email = profile.getEmail();
        var name = profile.getName();
        var img = profile.getImageUrl();
        var id = profile.getId();
        document.getElementById("data").innerHTML = "<br>"+name+"<br>"+email+"<br>"+id+"<br>"+id_token;
      }
    </script>

<script>
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
      auth2.signOut().then(function () {
      ///location.reload();
      window.location.replace("https://ti18umsorong.com/index.html");
      console.log('User signed out.');
    });
  }
</script>
<p id="data"></p>
</div>
  </body>
</html>