EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3947 dev: Improve error log styling

main
Pau Ferrer Ocaña 2023-11-17 14:14:39 +01:00
parent b7322d696d
commit 1fcbd4f2ce
3 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/core/features/settings/pages/error-log/error-log.html
View File

@ -9,7 +9,7 @@
</ion-title>
<ion-buttons slot="end" *ngIf="errorLogs.length">
<ion-button fill="clear" (click)="copyInfo()" [attr.aria-label]="'core.settings.copyinfo' | translate">
<ion-button fill="clear" (click)="copyError()" [attr.aria-label]="'core.settings.copyinfo' | translate">
<ion-icon slot="icon-only" name="fas-clipboard" aria-hidden="true"></ion-icon>
</ion-button>
</ion-buttons>
@ -18,8 +18,8 @@
<ion-content>
<ion-list *ngIf="errorLogs.length; else noLogs">
<ion-item button lines="full" class="ion-text-wrap" *ngFor="let error of errorLogs">
<div class="ion-padding" [collapsible-item]="96">
<ion-item button lines="full" class="ion-text-wrap" *ngFor="let error of errorLogs" (click)="copyError(error)">
<ion-label class="ion-padding" [collapsible-item]="96">
<p class="item-heading">Trace</p>
<p class="ion-text-wrap">{{ error.message }}</p>
@ -38,10 +38,10 @@
<p class="ion-text-wrap">{{ error.data | json }}</p>
</ng-container>
<div *ngIf="error.time">
<span class="ion-text-end">{{ error.time | coreFormatDate :'strftimedatetimeshort' }}</span>
</div>
</div>
<p *ngIf="error.time" class="ion-text-end">
{{ error.time | coreFormatDate :'strftimedatetimeshort' }}
</p>
</ion-label>
</ion-item>
</ion-list>
<ng-template #noLogs>

4
src/core/features/settings/pages/error-log/error-log.scss
View File

@ -1,4 +0,0 @@
.timestamp {
display: flex;
justify-content: end;
}

15
src/core/features/settings/pages/error-log/error-log.ts
View File

@ -22,18 +22,27 @@ import { CoreErrorLogs, CoreSettingsErrorLog } from '@singletons/error-logs';
@Component({
selector: 'page-core-app-settings-error-log',
templateUrl: 'error-log.html',
styleUrls: ['./error-log.scss'],
})
export class CoreSettingsErrorLogPage implements OnInit {
errorLogs: CoreSettingsErrorLog[] = [];
/**
* @inheritdoc
*/
ngOnInit(): void {
this.errorLogs = CoreErrorLogs.getErrorLogs();
}
copyInfo(): void {
CoreUtils.copyToClipboard(JSON.stringify({ errors: this.errorLogs }));
/**
* Copy Info of all the errors.
*/
async copyError(error?: CoreSettingsErrorLog): Promise<void> {
if (error) {
await CoreUtils.copyToClipboard(JSON.stringify(error));
} else {
await CoreUtils.copyToClipboard(JSON.stringify({ errors: this.errorLogs }));
}
}
}