100 lines
4.3 KiB
PHP
100 lines
4.3 KiB
PHP
<div x-data="{
|
|
init() {
|
|
Livewire.on('confirming-logout-other-browser-sessions', () => {
|
|
$('#sesionesModal').modal('show');
|
|
});
|
|
}
|
|
}">
|
|
<x-action-section>
|
|
<x-slot name="title"></x-slot>
|
|
<x-slot name="description"></x-slot>
|
|
|
|
<x-slot name="content">
|
|
|
|
<p class="text-muted small mb-4">
|
|
Si es necesario, puedes cerrar sesión en todos los demás dispositivos. Si crees que tu cuenta fue comprometida, también deberías actualizar tu contraseña.
|
|
</p>
|
|
|
|
@if (count($this->sessions) > 0)
|
|
<div class="mb-4">
|
|
@foreach ($this->sessions as $session)
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="mr-3 text-secondary">
|
|
@if ($session->agent->isDesktop())
|
|
<i class="fas fa-desktop fa-2x"></i>
|
|
@else
|
|
<i class="fas fa-mobile-alt fa-2x"></i>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
<div class="font-weight-bold small">
|
|
{{ $session->agent->platform() ?: 'Desconocido' }}
|
|
—
|
|
{{ $session->agent->browser() ?: 'Desconocido' }}
|
|
</div>
|
|
<div class="text-muted small">
|
|
{{ $session->ip_address }},
|
|
@if ($session->is_current_device)
|
|
<span class="text-success font-weight-bold">Este dispositivo</span>
|
|
@else
|
|
Última actividad: {{ $session->last_active }}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
|
|
<button class="btn btn-danger"
|
|
wire:click="confirmLogout"
|
|
wire:loading.attr="disabled">
|
|
<span wire:loading class="spinner-border spinner-border-sm mr-1" role="status"></span>
|
|
<i class="fas fa-sign-out-alt mr-1"></i>
|
|
Cerrar otras sesiones
|
|
</button>
|
|
|
|
</x-slot>
|
|
</x-action-section>
|
|
|
|
<!-- Modal Bootstrap -->
|
|
<div class="modal fade" id="sesionesModal" tabindex="-1" role="dialog"
|
|
wire:ignore>
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Cerrar otras sesiones</h5>
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<span>×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="text-muted small mb-3">
|
|
Ingresa tu contraseña para confirmar que deseas cerrar sesión en los demás dispositivos.
|
|
</p>
|
|
<input type="password"
|
|
class="form-control"
|
|
placeholder="Contraseña"
|
|
autocomplete="current-password"
|
|
wire:model="password"
|
|
wire:keydown.enter="logoutOtherBrowserSessions" />
|
|
<x-input-error for="password" class="mt-2" />
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary"
|
|
data-dismiss="modal">
|
|
Cancelar
|
|
</button>
|
|
<button type="button" class="btn btn-danger"
|
|
wire:click="logoutOtherBrowserSessions"
|
|
wire:loading.attr="disabled">
|
|
<span wire:loading class="spinner-border spinner-border-sm mr-1" role="status"></span>
|
|
Confirmar
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|