enter to login, google auth only show if configured

This commit is contained in:
Martin McKeaveney 2021-05-21 14:45:56 +01:00
parent e8cef05195
commit c06edd8b44
2 changed files with 27 additions and 14 deletions

View File

@ -1,24 +1,32 @@
<script>
import { onMount } from "svelte"
import { ActionButton } from "@budibase/bbui"
import GoogleLogo from "/assets/google-logo.png"
let show = false
async function fetchConfig() {
const googleResponse = await api.get(
`/api/admin/configs/${ConfigTypes.Google}`
)
const googleDoc = await googleResponse.json()
if (googleDoc._id) show = true
}
</script>
<ActionButton>
{#if show}
<ActionButton>
<a target="_blank" href="/api/admin/auth/google">
<div class="inner">
<img src={GoogleLogo} alt="google icon" />
<p>Sign in with Google</p>
</div>
</a>
</ActionButton>
</ActionButton>
{/if}
<style>
.outer {
border: 1px solid #494949;
border-radius: 4px;
width: 100%;
background-color: var(--background-alt);
}
.inner {
display: flex;
flex-direction: row;

View File

@ -38,8 +38,13 @@
notifications.error("Invalid credentials")
}
}
function handleKeydown(evt) {
if (evt.key === "Enter") login()
}
</script>
<svelte:window on:keydown={handleKeydown} />
<div class="login">
<div class="main">
<Layout>