97 lines
4.5 KiB
HTML
97 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Copyright (c) 2016 Google Inc.
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
<html>
|
|
<head>
|
|
<meta charset=utf-8 />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!--
|
|
Note that Google Sign In does not work from a file URL. You will need to make
|
|
this page available from a web server, either from localhost or using Firebase
|
|
Hosting.
|
|
Whichever domain it is running on, you'll have to add the origin for that domain
|
|
in the Google Developer Console: https://console.developers.google.com, search
|
|
for Credentials and create a new credential > OAuth client ID > web application,
|
|
and set the domain as an authorised origin (e.g. http://localhost:8000 or https://foo.bar).
|
|
-->
|
|
<!-- [START google_config] -->
|
|
<!-- **********************************************
|
|
* TODO(DEVELOPER): Use your Client ID below. *
|
|
********************************************** -->
|
|
<meta name="google-signin-client_id" content="999467953896-tcsf2i6f8rmvb9o8mpsprv43rfr9k8bq.apps.googleusercontent.com">
|
|
<meta name="google-signin-cookiepolicy" content="single_host_origin">
|
|
<meta name="google-signin-scope" content="profile email">
|
|
<!-- [END google_config] -->
|
|
<title>Google Sign In Example</title>
|
|
|
|
<!-- Material Design Theming -->
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.orange-indigo.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="main.css">
|
|
|
|
<!-- Google Sign In -->
|
|
<script src="https://apis.google.com/js/platform.js" async defer></script>
|
|
|
|
<!-- Import and configure the Firebase SDK -->
|
|
<!-- These scripts are made available when the app is served or deployed on Firebase Hosting -->
|
|
<!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup -->
|
|
<script src="/__/firebase/6.2.4/firebase-app.js"></script>
|
|
<script src="/__/firebase/6.2.4/firebase-auth.js"></script>
|
|
<script src="/__/firebase/6.2.4/firebase-database.js"></script>
|
|
<script src="/__/firebase/init.js"></script>
|
|
<script src="js/myFirebase.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
|
|
|
<!-- Header section containing title -->
|
|
<header class="mdl-layout__header mdl-color-text--white mdl-color--light-blue-700">
|
|
<div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-grid">
|
|
<div class="mdl-layout__header-row mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--8-col-desktop">
|
|
<a href="/"><h3>Firebase Authentication</h3></a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="mdl-layout__content mdl-color--grey-100">
|
|
<div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-grid">
|
|
|
|
<!-- Container for the demo -->
|
|
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-desktop">
|
|
<div class="mdl-card__title mdl-color--light-blue-600 mdl-color-text--white">
|
|
<h2 class="mdl-card__title-text">Google Authentication with OAuth Credentials</h2>
|
|
</div>
|
|
<div class="mdl-card__supporting-text mdl-color-text--grey-600">
|
|
<p>Sign in with your Google account below.</p>
|
|
<!-- [START google_button] -->
|
|
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
|
|
<!-- [END google_button] -->
|
|
<br>
|
|
<button disabled class="mdl-button mdl-js-button mdl-button--raised" id="signout" name="signout">Sign Out</button>
|
|
|
|
<div class="quickstart-user-details-container">
|
|
Firebase sign-in status: <span id="quickstart-sign-in-status">Unknown</span>
|
|
<div>Firebase auth <code>currentUser</code> object value:</div>
|
|
<pre><code id="quickstart-account-details">null</code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|