Better feedback
This commit is contained in:
parent
1b41ba3282
commit
3957a13129
|
@ -1,11 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<v-alert class="text-center" variant="outlined" color="info">
|
<v-alert class="text-center" variant="tonal" color="grey">
|
||||||
<span v-if="!loadingIpAddress">
|
<span v-if="!loadingIpAddress">
|
||||||
Seu endereço IP: <code> {{ ipAddress }} </code>
|
Endereço IP deste dispositivo:
|
||||||
|
<strong>
|
||||||
|
<code>
|
||||||
|
{{ ipAddress }}
|
||||||
|
</code>
|
||||||
|
</strong>
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
<v-progress-circular indeterminate class="mr-2" /> Obtendo seu endereço
|
<v-progress-circular indeterminate class="mr-2" />
|
||||||
IP...
|
Obtendo seu endereço IP...
|
||||||
</span>
|
</span>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -1,10 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<v-card :title="`Logado como ${loginResult.displayName} `">
|
<v-card title="Login realizado com sucesso!">
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
Usuário: {{ `${loginResult.domain}\\${loginResult.username}` }}
|
<v-alert class="mb-4" type="success" variant="tonal" prominent>
|
||||||
<v-alert type="info" variant="outlined" class="mt-4">
|
Logado como <strong>{{ loginResult.displayName }} </strong><br />
|
||||||
Os acessos feitos a partir deste dispositivo agora são registrados com
|
Usuário:
|
||||||
seu usuário.
|
{{ loginResult.domain.toUpperCase() }}/{{ loginResult.username }}
|
||||||
|
</v-alert>
|
||||||
|
|
||||||
|
<v-alert type="info" variant="tonal" class="mt-4" prominent>
|
||||||
|
A navegação na Internet está liberada neste dispositivo. Os acessos
|
||||||
|
feitos são registrados com seu usuário.
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
|
@ -14,17 +19,30 @@
|
||||||
@click="onLogout"
|
@click="onLogout"
|
||||||
color="secondary"
|
color="secondary"
|
||||||
size="large"
|
size="large"
|
||||||
variant="outlined"
|
variant="text"
|
||||||
prepend-icon="mdi-logout"
|
prepend-icon="mdi-logout"
|
||||||
>Sair</v-btn
|
|
||||||
>
|
>
|
||||||
|
Sair
|
||||||
|
</v-btn>
|
||||||
|
|
||||||
|
<v-btn
|
||||||
|
class="px-6"
|
||||||
|
variant="flat"
|
||||||
|
color="primary"
|
||||||
|
size="large"
|
||||||
|
@click="onClose"
|
||||||
|
>
|
||||||
|
Fechar
|
||||||
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { PropType } from 'vue'
|
import { PropType } from 'vue'
|
||||||
|
|
||||||
import { trpc } from '../trpc'
|
import { trpc } from '../trpc'
|
||||||
|
|
||||||
import { LoginResult } from '@/server/interfaces/Auth'
|
import { LoginResult } from '@/server/interfaces/Auth'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
@ -47,4 +65,8 @@ async function onLogout() {
|
||||||
alert('Não foi possível fazer logout. Tente novamente.')
|
alert('Não foi possível fazer logout. Tente novamente.')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function onClose() {
|
||||||
|
window.location.href = 'https://www.ifms.edu.br'
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user