62 lines
2.1 KiB
Plaintext
62 lines
2.1 KiB
Plaintext
<!doctype html>
|
|
<html class="no-js" lang="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>index page</title>
|
|
<meta name="description" content="" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
<!-- Place favicon.ico in the root directory -->
|
|
<script
|
|
defer
|
|
src="https://cdn.jsdelivr.net/gh/pocketbase/js-sdk@master/dist/pocketbase.umd.js"
|
|
></script>
|
|
<script defer type="text/javascript">
|
|
async function callOauth(providerName) {
|
|
const pb = new PocketBase("http://127.0.0.1:8090");
|
|
|
|
// This method initializes a one-off realtime subscription and will
|
|
// open a popup window with the OAuth2 vendor page to authenticate.
|
|
//
|
|
// Once the external OAuth2 sign-in/sign-up flow is completed, the popup
|
|
// window will be automatically closed and the OAuth2 data sent back
|
|
// to the user through the previously established realtime connection.
|
|
const authData = await pb
|
|
.collection("users")
|
|
.authWithOAuth2({ provider: providerName });
|
|
|
|
// after the above you can also access the auth data from the authStore
|
|
console.log(pb.authStore.isValid);
|
|
console.log(pb.authStore.token);
|
|
console.log(pb.authStore.model.id);
|
|
|
|
// "logout" the last authenticated model
|
|
pb.authStore.clear();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>Welcome to index page</h1>
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">
|
|
You are using an <strong>outdated</strong> browser. Please
|
|
<a href="http://browsehappy.com/">upgrade your browser</a> to improve
|
|
your experience.
|
|
</p<dialog open>
|
|
<p>Greetings, one and all!</p>
|
|
<form method="dialog">
|
|
<button>OK</button>
|
|
</form>
|
|
</dialog>
|
|
>
|
|
<![endif]-->
|
|
<p>{{ .Username }}</p>
|
|
<dialog open>
|
|
<p>Greetings, one and all!</p>
|
|
<button onClick="callOauth('github')">OK!</button>
|
|
</dialog>
|
|
</body>
|
|
</html>
|