Projets/NewTube
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
bruno
2025-09-14 23:05:30 -04:00
commit 2866d74b32
122 changed files with 95474 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/account/sessions/sessions.component.html
+33
View File
@@ -0,0 +1,33 @@
<div class="container mx-auto p-4 sm:p-6">
<h2 class="text-3xl font-bold mb-6 text-slate-100 border-l-4 border-red-500 pl-4">Sessions</h2>
<div *ngIf="error()" class="mb-4 bg-amber-900/40 border border-amber-600 text-amber-200 p-3 rounded">{{ error() }}</div>
<div class="flex items-center gap-3 mb-4">
<button class="px-4 py-2 rounded bg-slate-700 hover:bg-slate-600 text-white" (click)="reload()" [disabled]="loading()">Reload</button>
<button class="px-4 py-2 rounded bg-red-600 hover:bg-red-500 text-white" (click)="logoutAll()" [disabled]="loading()">Logout all devices</button>
</div>
<div *ngIf="loading()" class="text-slate-400">Loading...</div>
<div *ngIf="!loading() && items().length === 0" class="text-slate-400">No active sessions.</div>
<ul class="space-y-3">
<li *ngFor="let s of items()" class="p-4 bg-slate-800 rounded flex items-start justify-between gap-4">
<div class="text-sm text-slate-200">
<div><span class="text-slate-400">Session ID:</span> <code>{{ s.id }}</code></div>
<div><span class="text-slate-400">User Agent:</span> {{ s.userAgent || '—' }}</div>
<div><span class="text-slate-400">Device:</span> {{ s.deviceInfo || '—' }}</div>
<div><span class="text-slate-400">IP:</span> {{ s.ip || '—' }}</div>
<div><span class="text-slate-400">Remember me:</span> {{ s.isRemember ? 'Yes' : 'No' }}</div>
<div><span class="text-slate-400">Created:</span> {{ s.createdAt || '—' }}</div>
<div><span class="text-slate-400">Last seen:</span> {{ s.lastSeenAt || '—' }}</div>
<div><span class="text-slate-400">Expires:</span> {{ s.expiresAt || '—' }}</div>
<div *ngIf="s.revokedAt"><span class="text-slate-400">Revoked:</span> {{ s.revokedAt }}</div>
</div>
<div class="shrink-0">
<button class="px-3 py-1 rounded bg-slate-700 hover:bg-slate-600 text-white" (click)="revoke(s.id)">Revoke</button>
</div>
</li>
</ul>
</div>