mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
8 months ago
committed by
GitHub
GitHub
58 changed files with 2209 additions and 2111 deletions
@ -1,7 +1,5 @@ |
|||
<button |
|||
*ngIf="deviceType === 'mobile'" |
|||
mat-button |
|||
(click)="onClickCloseButton()" |
|||
> |
|||
<ion-icon name="close" size="large" /> |
|||
</button> |
|||
@if (deviceType === 'mobile') { |
|||
<button mat-button (click)="onClickCloseButton()"> |
|||
<ion-icon name="close" size="large" /> |
|||
</button> |
|||
} |
|||
|
|||
@ -1,43 +1,51 @@ |
|||
<div class="py-3"> |
|||
<div class="align-items-center flex-nowrap no-gutters row"> |
|||
<div *ngIf="isLoading"> |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
class="mr-2" |
|||
[theme]="{ |
|||
height: '2rem', |
|||
width: '2rem' |
|||
}" |
|||
/> |
|||
</div> |
|||
<div |
|||
*ngIf="!isLoading" |
|||
class="align-items-center d-flex icon-container mr-2 px-2" |
|||
[ngClass]="{ okay: rule?.value === true, warn: rule?.value === false }" |
|||
> |
|||
<ion-icon *ngIf="rule?.value === true" name="checkmark-circle-outline" /> |
|||
<ion-icon *ngIf="rule?.value === false" name="warning-outline" /> |
|||
</div> |
|||
<div *ngIf="isLoading" class="flex-grow-1"> |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
class="mt-1 mb-1" |
|||
[theme]="{ |
|||
height: '1rem', |
|||
width: '10rem' |
|||
}" |
|||
/> |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
[theme]="{ |
|||
height: '1rem', |
|||
width: '15rem' |
|||
}" |
|||
/> |
|||
</div> |
|||
<div *ngIf="!isLoading" class="flex-grow-1"> |
|||
<div class="h6 my-1">{{ rule?.name }}</div> |
|||
<div class="evaluation">{{ rule?.evaluation }}</div> |
|||
</div> |
|||
@if (isLoading) { |
|||
<div> |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
class="mr-2" |
|||
[theme]="{ |
|||
height: '2rem', |
|||
width: '2rem' |
|||
}" |
|||
/> |
|||
</div> |
|||
} @else { |
|||
<div |
|||
class="align-items-center d-flex icon-container mr-2 px-2" |
|||
[ngClass]="{ okay: rule?.value === true, warn: rule?.value === false }" |
|||
> |
|||
@if (rule?.value === true) { |
|||
<ion-icon name="checkmark-circle-outline" /> |
|||
} @else { |
|||
<ion-icon name="warning-outline" /> |
|||
} |
|||
</div> |
|||
} |
|||
@if (isLoading) { |
|||
<div class="flex-grow-1"> |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
class="mt-1 mb-1" |
|||
[theme]="{ |
|||
height: '1rem', |
|||
width: '10rem' |
|||
}" |
|||
/> |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
[theme]="{ |
|||
height: '1rem', |
|||
width: '15rem' |
|||
}" |
|||
/> |
|||
</div> |
|||
} @else { |
|||
<div class="flex-grow-1"> |
|||
<div class="h6 my-1">{{ rule?.name }}</div> |
|||
<div class="evaluation">{{ rule?.evaluation }}</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
</div> |
|||
|
|||
@ -1,20 +1,22 @@ |
|||
<div class="container p-0"> |
|||
<div class="row no-gutters"> |
|||
<div class="col"> |
|||
<mat-card |
|||
*ngIf="hasPermissionToCreateOrder && rules === null" |
|||
appearance="outlined" |
|||
class="my-2 text-center" |
|||
> |
|||
<mat-card-content> |
|||
<gf-no-transactions-info-indicator [hasBorder]="false" /> |
|||
</mat-card-content> |
|||
</mat-card> |
|||
@if (hasPermissionToCreateOrder && rules === null) { |
|||
<mat-card appearance="outlined" class="my-2 text-center"> |
|||
<mat-card-content> |
|||
<gf-no-transactions-info-indicator [hasBorder]="false" /> |
|||
</mat-card-content> |
|||
</mat-card> |
|||
} |
|||
|
|||
<gf-rule *ngIf="rules?.length === 0" [isLoading]="true" /> |
|||
<ng-container *ngIf="rules !== null && rules !== undefined"> |
|||
<gf-rule *ngFor="let rule of rules" [rule]="rule" /> |
|||
</ng-container> |
|||
@if (rules?.length === 0) { |
|||
<gf-rule [isLoading]="true" /> |
|||
} |
|||
@if (rules !== null && rules !== undefined) { |
|||
@for (rule of rules; track rule) { |
|||
<gf-rule [rule]="rule" /> |
|||
} |
|||
} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
@ -1,10 +1,11 @@ |
|||
<ngx-skeleton-loader |
|||
*ngIf="isLoading" |
|||
animation="pulse" |
|||
class="h-100" |
|||
[theme]="{ |
|||
width: '100%' |
|||
}" |
|||
/> |
|||
@if (isLoading) { |
|||
<ngx-skeleton-loader |
|||
animation="pulse" |
|||
class="h-100" |
|||
[theme]="{ |
|||
width: '100%' |
|||
}" |
|||
/> |
|||
} |
|||
|
|||
<div class="align-items-center d-flex h-100 w-100" id="svgMap"></div> |
|||
|
|||
Loading…
Reference in new issue