proxmoxPanel/core
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: sessions management, web manifest, square icon-only buttons, remove lang select

Browse source 
- Backend: migration 002 adds user_agent/ip/last_used_at to refresh_tokens
- Backend: GET /api/auth/sessions + DELETE /api/auth/sessions/{id} endpoints
- Frontend: profile page — sessions section (browser, IP, datetime, revoke)
- Frontend: web manifest + SVG icon for PWA support
- Frontend: remove language selector from all navbars (moved to profile page)
- Frontend: neu-btn--icon-sm class for square icon-only buttons (theme/logout/edit)
- Frontend: manifest link added to all 9 HTML pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
enzo 2026-03-21 20:14:11 +01:00
parent b851dc61af
commit 97212b7ffa
18 changed files with 280 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

49
frontend/profile.html
View file

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/css/light.css" />
<link rel="stylesheet" href="/css/pages.css" />
<link rel="stylesheet" href="/css/lineicons-duotone.css" />
<link rel="manifest" href="/manifest.json" />
<script src="/js/vendors/htmx.min.js"></script>
<script src="/js/vendors/swup.iife.js"></script>
<script src="/js/app.js"></script>
@ -42,13 +43,10 @@
<nav class="navbar" x-data="navbar()" x-cloak>
<h2 class="navbar-title" x-text="t('nav.profile')"></h2>
<div class="navbar-actions">
<select class="neu-input neu-input--sm" x-model="lang" @change="setLang($event.target.value)">
<option value="fr">FR</option><option value="en">EN</option>
</select>
<button class="neu-btn neu-btn--sm" @click="toggleTheme()" :title="theme==='dark'?t('navbar.lightMode'):t('navbar.darkMode')">
<button class="neu-btn neu-btn--sm neu-btn--icon-sm" @click="toggleTheme()" :title="theme==='dark'?t('navbar.lightMode'):t('navbar.darkMode')">
<i :class="theme==='dark' ? 'lnid-sun-1' : 'lnid-moon-half-left-1'"></i>
</button>
<button class="neu-btn neu-btn--sm" @click="logout()" :title="t('navbar.logout')">
<button class="neu-btn neu-btn--sm neu-btn--icon-sm" @click="logout()" :title="t('navbar.logout')">
<i class="lnid-power-button"></i>
</button>
</div>
@ -141,6 +139,47 @@
</div>
</div>
<!-- Sessions actives -->
<div class="neu-card settings-section">
<h3 class="section-title">
<i class="lnid-key-1"></i>
Sessions actives
</h3>
<div class="loading-state" x-show="sessionsLoading">
<div class="spinner-lg"></div>
</div>
<div x-show="!sessionsLoading">
<template x-if="sessions.length === 0">
<p class="empty-state">Aucune session active</p>
</template>
<template x-for="s in sessions" :key="s.id">
<div class="session-row">
<div class="session-info">
<div class="session-browser">
<i class="lnid-laptop-1"></i>
<span x-text="parseUA(s.user_agent)"></span>
</div>
<div class="session-meta">
<span class="session-ip" x-text="s.ip"></span>
<span class="session-sep">·</span>
<span class="session-date" x-text="formatDate(s.last_used_at || s.created_at)"></span>
<span class="session-sep">·</span>
<span class="session-id" x-text="'#' + s.id"></span>
</div>
</div>
<button class="neu-btn neu-btn--sm neu-btn--danger neu-btn--icon-sm"
@click="revokeSession(s.id)"
:disabled="revoking[s.id]"
title="Révoquer cette session">
<i class="lnid-cross"></i>
</button>
</div>
</template>
</div>
</div>
<!-- Déconnexion -->
<div class="neu-card settings-section">
<button class="neu-btn neu-btn--danger" @click="$store.auth.logout()">