mirror of
https://github.com/Tzahi12345/YoutubeDL-Material.git
synced 2026-03-11 23:30:58 +03:00
2c61260e0f
* Fixed download spinner in player component * Downloads UI is more mobile friendly (#905) * Code cleanup * Fixed size of actions in home screen downloads * Errored downloads now display their stage as "Error" in the UI * Moved personal settings from about dialog to profile dialog * Profile dialog can now be opened without logging in/without multi-user mode * Fixed issue where archive dialog could be accessed from anywhere * Misc internationalization improvements * Combined download stage and download progress columns * Added back loading spinner to download actions * Adjusted thresholds for consolidating download action buttons * Implemented virtual scrolling for notifications (helps if many notifications exist) * Fixed minor console error
65 lines
2.7 KiB
HTML
65 lines
2.7 KiB
HTML
<h4 mat-dialog-title i18n="User profile dialog title">Your Profile</h4>
|
|
|
|
<mat-dialog-content>
|
|
<div *ngIf="postsService.isLoggedIn && postsService.user">
|
|
<div>
|
|
<strong><ng-container i18n="Name">Name:</ng-container></strong> {{postsService.user.name}}
|
|
</div>
|
|
<div>
|
|
<strong><ng-container i18n="UID">UID:</ng-container></strong> {{postsService.user.uid}}
|
|
</div>
|
|
<div>
|
|
<strong><ng-container i18n="Created">Created:</ng-container></strong> {{postsService.user.created ? (postsService.user.created | date) : 'N/A'}}
|
|
</div>
|
|
<div style="margin-top: 20px;">
|
|
</div>
|
|
<mat-divider style="margin-bottom: 20px"></mat-divider>
|
|
</div>
|
|
<mat-form-field color="accent">
|
|
<mat-label><ng-container i18n="Language select label">Language</ng-container></mat-label>
|
|
<mat-select (selectionChange)="localeSelectChanged($event.value)" [(value)]="initialLocale">
|
|
<mat-option *ngFor="let locale of supported_locales" [value]="locale">
|
|
<ng-container *ngIf="all_locales[locale]">
|
|
{{all_locales[locale]['nativeName']}}
|
|
</ng-container>
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<br/>
|
|
<mat-form-field>
|
|
<mat-label i18n="Sidepanel mode">Sidepanel mode</mat-label>
|
|
<mat-select [(ngModel)]="sidepanel_mode" (selectionChange)="sidePanelModeChanged($event.value)">
|
|
<mat-option i18n="Over" value="over">
|
|
Over
|
|
</mat-option>
|
|
<mat-option i18n="Side" value="side">
|
|
Side
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<br/>
|
|
<mat-form-field>
|
|
<mat-label i18n="File card size">File card size</mat-label>
|
|
<mat-select [(ngModel)]="card_size" (selectionChange)="cardSizeOptionChanged($event.value)">
|
|
<mat-option i18n="Large" value="large">
|
|
Large
|
|
</mat-option>
|
|
<mat-option i18n="Medium" value="medium">
|
|
Medium
|
|
</mat-option>
|
|
<mat-option i18n="Small" value="small">
|
|
Small
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</mat-dialog-content>
|
|
|
|
<mat-dialog-actions>
|
|
<div style="width: 100%">
|
|
<div style="position: relative">
|
|
<button mat-stroked-button mat-dialog-close color="primary"><ng-container i18n="Close">Close</ng-container></button>
|
|
<button *ngIf="postsService.isLoggedIn" style="position: absolute; right: 0px;" (click)="logoutClicked()" mat-stroked-button color="warn"><ng-container i18n="Logout">Logout</ng-container></button>
|
|
</div>
|
|
</div>
|
|
</mat-dialog-actions>
|