Simple Managment webapp [LLM]

2025-12-03 17:20:50 +01:00
parent b521f74951
commit e7f613b5dc
76 changed files with 20009 additions and 1 deletions
@@ -0,0 +1,132 @@
+<div class="page-content">
+  <div class="page-header">
+    <h2>Account</h2>
+    <button nz-button (click)="loadUser()">
+      <span nz-icon nzType="reload"></span>
+      Refresh
+    </button>
+  </div>
+
+  @if (loading()) {
+    <div class="loading-container">
+      <nz-spin nzSimple nzSize="large"></nz-spin>
+    </div>
+  } @else if (user()) {
+    <nz-card nzTitle="User Information">
+      <nz-descriptions nzBordered [nzColumn]="2">
+        <nz-descriptions-item nzTitle="User ID" [nzSpan]="2">
+          <span class="mono">{{ user()!.user_id }}</span>
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Username">
+          {{ user()!.username || '(Not set)' }}
+          <button nz-button nzSize="small" nzType="link" (click)="openEditModal()">
+            <span nz-icon nzType="edit"></span>
+          </button>
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Account Type">
+          @if (user()!.is_pro) {
+            <nz-tag nzColor="gold">Pro</nz-tag>
+          } @else {
+            <nz-tag>Free</nz-tag>
+          }
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Messages Sent">
+          {{ user()!.messages_sent }}
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Created">
+          {{ user()!.timestamp_created | relativeTime }}
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Last Read">
+          {{ user()!.timestamp_lastread | relativeTime }}
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Last Sent">
+          {{ user()!.timestamp_lastsent | relativeTime }}
+        </nz-descriptions-item>
+      </nz-descriptions>
+    </nz-card>
+
+    <nz-card nzTitle="Quota" class="mt-16">
+      <div class="quota-info">
+        <div class="quota-progress">
+          <nz-progress
+            [nzPercent]="getQuotaPercent()"
+            [nzStatus]="getQuotaStatus()"
+            nzType="circle"
+          ></nz-progress>
+        </div>
+        <div class="quota-details">
+          <p><strong>{{ user()!.quota_used }}</strong> / {{ user()!.quota_max }} messages used today</p>
+          <p class="quota-remaining">{{ user()!.quota_remaining }} remaining</p>
+        </div>
+      </div>
+
+      <nz-divider></nz-divider>
+
+      <nz-descriptions [nzColumn]="2" nzSize="small">
+        <nz-descriptions-item nzTitle="Max Body Size">
+          {{ user()!.max_body_size | number }} bytes
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Max Title Length">
+          {{ user()!.max_title_length }} chars
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Default Channel">
+          {{ user()!.default_channel }}
+        </nz-descriptions-item>
+        <nz-descriptions-item nzTitle="Default Priority">
+          {{ user()!.default_priority }}
+        </nz-descriptions-item>
+      </nz-descriptions>
+    </nz-card>
+
+    <nz-card nzTitle="Actions" class="mt-16">
+      <div class="action-section">
+        <button nz-button nzType="default" (click)="logout()">
+          <span nz-icon nzType="logout"></span>
+          Logout
+        </button>
+      </div>
+
+      <nz-divider nzText="Danger Zone" nzOrientation="left"></nz-divider>
+
+      <div class="danger-section">
+        <p>Deleting your account will permanently remove all your data including messages, channels, subscriptions, and keys.</p>
+        <button
+          nz-button
+          nzType="primary"
+          nzDanger
+          nz-popconfirm
+          nzPopconfirmTitle="Are you absolutely sure? This action cannot be undone."
+          nzPopconfirmPlacement="top"
+          (nzOnConfirm)="deleteAccount()"
+          [nzLoading]="deleting()"
+        >
+          <span nz-icon nzType="delete"></span>
+          Delete Account
+        </button>
+      </div>
+    </nz-card>
+  }
+</div>
+
+<!-- Edit Username Modal -->
+<nz-modal
+  [(nzVisible)]="showEditModal"
+  nzTitle="Edit Username"
+  (nzOnCancel)="closeEditModal()"
+  (nzOnOk)="saveUsername()"
+  [nzOkLoading]="saving()"
+>
+  <ng-container *nzModalContent>
+    <nz-form-item class="mb-0">
+      <nz-form-label>Username</nz-form-label>
+      <nz-form-control>
+        <input
+          type="text"
+          nz-input
+          placeholder="Enter your username"
+          [(ngModel)]="editUsername"
+        />
+      </nz-form-control>
+    </nz-form-item>
+  </ng-container>
+</nz-modal>