50 lines
963 B
Vue
50 lines
963 B
Vue
<template>
|
|
<RestrictedAuth
|
|
:mode="authMode"
|
|
@authenticated="handleAuthenticated"
|
|
@back="handleBack"
|
|
/>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, onMounted } from 'vue'
|
|
import RestrictedAuth from '@/components/RestrictedAuth.vue'
|
|
|
|
const authMode = computed(() => {
|
|
const params = new URLSearchParams(window.location.search)
|
|
return params.get('mode') === 'reauth' ? 'reauth' : 'login'
|
|
})
|
|
|
|
function postToParent(message) {
|
|
if (window.parent && window.parent !== window) {
|
|
window.parent.postMessage(message, '*')
|
|
}
|
|
}
|
|
|
|
function handleAuthenticated(result) {
|
|
postToParent({
|
|
type: 'auth-success',
|
|
authenticated: true,
|
|
sessionToken: result.session_token
|
|
})
|
|
}
|
|
|
|
function handleBack() {
|
|
postToParent({
|
|
type: 'auth-back'
|
|
})
|
|
}
|
|
|
|
onMounted(() => {
|
|
postToParent({
|
|
type: 'auth-ready'
|
|
})
|
|
|
|
window.addEventListener('keydown', (event) => {
|
|
if (event.key === 'Escape') {
|
|
handleBack()
|
|
}
|
|
})
|
|
})
|
|
</script>
|