mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
1 year ago
committed by
GitHub
GitHub
68 changed files with 24394 additions and 119757 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> |
|||
|
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
Loading…
Reference in new issue