43 lines
1.3 KiB
Svelte
43 lines
1.3 KiB
Svelte
<script>
|
|
function login() {
|
|
const left = screen.width / 2 - 1020 / 2;
|
|
const top = screen.height / 2 - 618 / 2;
|
|
const newWindow = open(
|
|
`https://github.com/login/oauth/authorize?client_id=${
|
|
import.meta.env.VITE_GITHUB_APP_CLIENTID
|
|
}`,
|
|
'Authenticate',
|
|
'resizable=1, scrollbars=1, fullscreen=0, height=618, width=1020,top=' +
|
|
top +
|
|
', left=' +
|
|
left +
|
|
', toolbar=0, menubar=0, status=0'
|
|
);
|
|
const timer = setInterval(() => {
|
|
if (newWindow?.closed) {
|
|
clearInterval(timer);
|
|
location.reload()
|
|
}
|
|
}, 100);
|
|
}
|
|
</script>
|
|
|
|
<div class="text-center text-white">
|
|
<div class="text-2xl font-bold text-center pb-4">Choose your Git provider</div>
|
|
<button on:click={login} class="hover:scale-110 transform duration-100 transition">
|
|
<svg
|
|
class="w-16"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
><path
|
|
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
|
|
/></svg
|
|
>
|
|
</button>
|
|
</div>
|