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 |
@if (deviceType === 'mobile') { |
||||
*ngIf="deviceType === 'mobile'" |
<button mat-button (click)="onClickCloseButton()"> |
||||
mat-button |
<ion-icon name="close" size="large" /> |
||||
(click)="onClickCloseButton()" |
</button> |
||||
> |
} |
||||
<ion-icon name="close" size="large" /> |
|
||||
</button> |
|
||||
|
|||||
@ -1,43 +1,51 @@ |
|||||
<div class="py-3"> |
<div class="py-3"> |
||||
<div class="align-items-center flex-nowrap no-gutters row"> |
<div class="align-items-center flex-nowrap no-gutters row"> |
||||
<div *ngIf="isLoading"> |
@if (isLoading) { |
||||
<ngx-skeleton-loader |
<div> |
||||
animation="pulse" |
<ngx-skeleton-loader |
||||
class="mr-2" |
animation="pulse" |
||||
[theme]="{ |
class="mr-2" |
||||
height: '2rem', |
[theme]="{ |
||||
width: '2rem' |
height: '2rem', |
||||
}" |
width: '2rem' |
||||
/> |
}" |
||||
</div> |
/> |
||||
<div |
</div> |
||||
*ngIf="!isLoading" |
} @else { |
||||
class="align-items-center d-flex icon-container mr-2 px-2" |
<div |
||||
[ngClass]="{ okay: rule?.value === true, warn: rule?.value === false }" |
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" /> |
@if (rule?.value === true) { |
||||
</div> |
<ion-icon name="checkmark-circle-outline" /> |
||||
<div *ngIf="isLoading" class="flex-grow-1"> |
} @else { |
||||
<ngx-skeleton-loader |
<ion-icon name="warning-outline" /> |
||||
animation="pulse" |
} |
||||
class="mt-1 mb-1" |
</div> |
||||
[theme]="{ |
} |
||||
height: '1rem', |
@if (isLoading) { |
||||
width: '10rem' |
<div class="flex-grow-1"> |
||||
}" |
<ngx-skeleton-loader |
||||
/> |
animation="pulse" |
||||
<ngx-skeleton-loader |
class="mt-1 mb-1" |
||||
animation="pulse" |
[theme]="{ |
||||
[theme]="{ |
height: '1rem', |
||||
height: '1rem', |
width: '10rem' |
||||
width: '15rem' |
}" |
||||
}" |
/> |
||||
/> |
<ngx-skeleton-loader |
||||
</div> |
animation="pulse" |
||||
<div *ngIf="!isLoading" class="flex-grow-1"> |
[theme]="{ |
||||
<div class="h6 my-1">{{ rule?.name }}</div> |
height: '1rem', |
||||
<div class="evaluation">{{ rule?.evaluation }}</div> |
width: '15rem' |
||||
</div> |
}" |
||||
|
/> |
||||
|
</div> |
||||
|
} @else { |
||||
|
<div class="flex-grow-1"> |
||||
|
<div class="h6 my-1">{{ rule?.name }}</div> |
||||
|
<div class="evaluation">{{ rule?.evaluation }}</div> |
||||
|
</div> |
||||
|
} |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
|||||
@ -1,20 +1,22 @@ |
|||||
<div class="container p-0"> |
<div class="container p-0"> |
||||
<div class="row no-gutters"> |
<div class="row no-gutters"> |
||||
<div class="col"> |
<div class="col"> |
||||
<mat-card |
@if (hasPermissionToCreateOrder && rules === null) { |
||||
*ngIf="hasPermissionToCreateOrder && rules === null" |
<mat-card appearance="outlined" class="my-2 text-center"> |
||||
appearance="outlined" |
<mat-card-content> |
||||
class="my-2 text-center" |
<gf-no-transactions-info-indicator [hasBorder]="false" /> |
||||
> |
</mat-card-content> |
||||
<mat-card-content> |
</mat-card> |
||||
<gf-no-transactions-info-indicator [hasBorder]="false" /> |
} |
||||
</mat-card-content> |
|
||||
</mat-card> |
|
||||
|
|
||||
<gf-rule *ngIf="rules?.length === 0" [isLoading]="true" /> |
@if (rules?.length === 0) { |
||||
<ng-container *ngIf="rules !== null && rules !== undefined"> |
<gf-rule [isLoading]="true" /> |
||||
<gf-rule *ngFor="let rule of rules" [rule]="rule" /> |
} |
||||
</ng-container> |
@if (rules !== null && rules !== undefined) { |
||||
|
@for (rule of rules; track rule) { |
||||
|
<gf-rule [rule]="rule" /> |
||||
|
} |
||||
|
} |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
|||||
@ -1,10 +1,11 @@ |
|||||
<ngx-skeleton-loader |
@if (isLoading) { |
||||
*ngIf="isLoading" |
<ngx-skeleton-loader |
||||
animation="pulse" |
animation="pulse" |
||||
class="h-100" |
class="h-100" |
||||
[theme]="{ |
[theme]="{ |
||||
width: '100%' |
width: '100%' |
||||
}" |
}" |
||||
/> |
/> |
||||
|
} |
||||
|
|
||||
<div class="align-items-center d-flex h-100 w-100" id="svgMap"></div> |
<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