diff --git a/src/frontend/app/indexation/technical-information/technical-information.component.html b/src/frontend/app/indexation/technical-information/technical-information.component.html index 6e8b80d81cffeef69fec9b37be3f5652365ce456..c9237562c8eda0434989408379d7300ec3cb9427 100644 --- a/src/frontend/app/indexation/technical-information/technical-information.component.html +++ b/src/frontend/app/indexation/technical-information/technical-information.component.html @@ -10,12 +10,14 @@ <div *ngIf="loading" class="loading" color="primary"> <mat-spinner></mat-spinner> </div> - <mat-form-field class="data-item" *ngFor="let data of techData | keyvalue"> - <mat-icon matPrefix [class]="data.value.icon" color="primary" style="width: 35px;text-align: center;"></mat-icon> - <mat-label>{{'lang.'+data.key | translate}}</mat-label> - <input matInput [value]="data.value.value" readonly> - </mat-form-field> - + <ng-container *ngFor="let data of techData | keyvalue"> + <mat-form-field *ngIf="!functions.empty(data.value.value)" class="data-item"> + <mat-icon matPrefix [class]="data.value.icon" color="primary" style="width: 35px;text-align: center;"> + </mat-icon> + <mat-label>{{'lang.'+data.key | translate}}</mat-label> + <input matInput [value]="data.value.value" readonly> + </mat-form-field> + </ng-container> <mat-accordion *ngIf="!isEmptyCustom()"> <mat-expansion-panel expanded> <mat-expansion-panel-header> @@ -24,7 +26,8 @@ </mat-panel-title> </mat-expansion-panel-header> <mat-form-field *ngFor="let custom of customsData | keyvalue" class="data-item"> - <mat-icon matPrefix [class]="custom.value.icon" color="primary" style="width: 35px;text-align: center;"></mat-icon> + <mat-icon matPrefix [class]="custom.value.icon" color="primary" + style="width: 35px;text-align: center;"></mat-icon> <mat-label>{{custom.value.label}}</mat-label> <input matInput [value]="custom.value.value" readonly> </mat-form-field> diff --git a/src/frontend/service/functions.service.ts b/src/frontend/service/functions.service.ts index 499f1d605e3632a9807f2df78ff92077e9305c4e..a0aeeead9c068f2b62f6c453110d32efafceb371 100644 --- a/src/frontend/service/functions.service.ts +++ b/src/frontend/service/functions.service.ts @@ -156,14 +156,18 @@ export class FunctionsService { } formatBytes(bytes: number, decimals = 2) { - if (bytes === 0) { return '0 Octet'; } + if (typeof bytes === 'number') { + if (bytes === 0) { return '0 Octet'; } - const k = 1024; - const dm = decimals < 0 ? 0 : decimals; - const sizes = ['Octets', 'KO', 'MO', 'GO', 'TO', 'PO', 'EO', 'ZO', 'YO']; + const k = 1024; + const dm = decimals < 0 ? 0 : decimals; + const sizes = ['Octets', 'KO', 'MO', 'GO', 'TO', 'PO', 'EO', 'ZO', 'YO']; - const i = Math.floor(Math.log(bytes) / Math.log(k)); + const i = Math.floor(Math.log(bytes) / Math.log(k)); - return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]; + return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]; + } else { + return bytes; + } } }