123 lines
3.8 KiB
HTML
123 lines
3.8 KiB
HTML
<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">
|
|
<scn-metadata-grid>
|
|
<scn-metadata-value label="User ID">
|
|
<span class="mono">{{ user()!.user_id }}</span>
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Username">
|
|
{{ user()!.username || '(Not set)' }}
|
|
<button nz-button nzSize="small" nzType="link" (click)="openEditModal()">
|
|
<span nz-icon nzType="edit"></span>
|
|
</button>
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Account Type">
|
|
@if (user()!.is_pro) {
|
|
<nz-tag nzColor="gold">Pro</nz-tag>
|
|
} @else {
|
|
<nz-tag>Free</nz-tag>
|
|
}
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Messages Sent">
|
|
{{ user()!.messages_sent }}
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Created">
|
|
{{ user()!.timestamp_created | relativeTime }}
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Last Read">
|
|
{{ user()!.timestamp_lastread | relativeTime }}
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Last Sent">
|
|
{{ user()!.timestamp_lastsent | relativeTime }}
|
|
</scn-metadata-value>
|
|
</scn-metadata-grid>
|
|
</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>
|
|
|
|
<scn-metadata-grid>
|
|
<scn-metadata-value label="Max Body Size">
|
|
{{ user()!.max_body_size | number }} bytes
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Max Title Length">
|
|
{{ user()!.max_title_length }} chars
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Default Channel">
|
|
{{ user()!.default_channel }}
|
|
</scn-metadata-value>
|
|
<scn-metadata-value label="Default Priority">
|
|
{{ user()!.default_priority }}
|
|
</scn-metadata-value>
|
|
</scn-metadata-grid>
|
|
</nz-card>
|
|
|
|
@if (expertMode()) {
|
|
<nz-card nzTitle="Danger Zone" class="mt-16 danger-zone">
|
|
<p class="danger-warning">Deleting your account is permanent and cannot be undone. All your data will be lost.</p>
|
|
<button
|
|
nz-button
|
|
nzDanger
|
|
nz-popconfirm
|
|
nzPopconfirmTitle="Are you sure you want to delete your account? This action cannot be undone."
|
|
(nzOnConfirm)="deleteAccount()"
|
|
[nzLoading]="deleting()"
|
|
>
|
|
<span nz-icon nzType="delete"></span>
|
|
Delete Account
|
|
</button>
|
|
</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>
|