Login with Microsoft button, preview invite
This commit is contained in:
parent
6d1eada018
commit
0395d174db
|
@ -1,18 +1,18 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { server } from "$app/env";
|
|
||||||
import { goto } from "$app/navigation";
|
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
|
import mslogin from "$lib/images/mslogin.png"
|
||||||
|
|
||||||
const { code } = $page.params;
|
const { code } = $page.params;
|
||||||
|
|
||||||
let invite;
|
let invite;
|
||||||
let success = "";
|
let success = "";
|
||||||
|
let login = true;
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
const loggedIn = await fetch('/api/v1/me')
|
const loggedIn = await fetch('/api/v1/me')
|
||||||
if (!loggedIn.ok) {
|
if (loggedIn.ok) {
|
||||||
goto("/api/v1/auth/redirect");
|
login = false
|
||||||
}
|
}
|
||||||
const request = await fetch(`/api/v1/invite/${code}`)
|
const request = await fetch(`/api/v1/invite/${code}`)
|
||||||
if (request.ok) {
|
if (request.ok) {
|
||||||
|
@ -46,7 +46,11 @@ const acceptInvite = async () => {
|
||||||
{#if success == ""}
|
{#if success == ""}
|
||||||
<p>Invite {code} from {invite.creator.display_name}</p>
|
<p>Invite {code} from {invite.creator.display_name}</p>
|
||||||
<p>Join {invite.server.name}?</p>
|
<p>Join {invite.server.name}?</p>
|
||||||
|
{#if login }
|
||||||
|
<a href="/api/v1/auth/redirect"><img src="{mslogin}" alt="Login with Microsoft"></a>
|
||||||
|
{:else}
|
||||||
<button on:click="{acceptInvite}">Yes!</button>
|
<button on:click="{acceptInvite}">Yes!</button>
|
||||||
|
{/if}
|
||||||
{:else}
|
{:else}
|
||||||
<p>You have been whitelisted! Connect at: <code>{invite.server.address}</code></p>
|
<p>You have been whitelisted! Connect at: <code>{invite.server.address}</code></p>
|
||||||
{/if}
|
{/if}
|
||||||
|
@ -109,6 +113,6 @@ const acceptInvite = async () => {
|
||||||
:global(body) {
|
:global(body) {
|
||||||
font-family: 'MinecraftiaRegular';
|
font-family: 'MinecraftiaRegular';
|
||||||
background-color: #202225;
|
background-color: #202225;
|
||||||
background-image: url(../dirt.jpg);
|
background-image: url("/dirt.jpg");
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -9,6 +9,9 @@ const config = {
|
||||||
|
|
||||||
kit: {
|
kit: {
|
||||||
adapter: adapter()
|
adapter: adapter()
|
||||||
|
},
|
||||||
|
experimental: {
|
||||||
|
useVitePreprocess: true
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue