sudacode/ghostfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Feature/migrate assistant component to control flow (#4591)

Browse Source 
* Migrate to control flow

* Update changelog
This commit is contained in:
Thomas Kaul 2025-04-23 20:15:31 +02:00 committed by GitHub
parent 56fcafaa12
commit 53a81b3c2b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 45 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed ### Changed
- Renamed `User` to `user` in the `Subscription` database schema - Renamed `User` to `user` in the `Subscription` database schema
- Migrated the `@ghostfolio/ui/assistant` component to control flow
### Fixed ### Fixed

86
libs/ui/src/lib/assistant/assistant.html
View File

@ -15,28 +15,26 @@
[formControl]="searchFormControl" [formControl]="searchFormControl"
[placeholder]="placeholder" [placeholder]="placeholder"
/> />
<div @if (deviceType !== 'mobile' && !searchFormControl.value) {
*ngIf="deviceType !== 'mobile' && !searchFormControl.value" <div class="hot-key-hint mx-1 px-1">/</div>
class="hot-key-hint mx-1 px-1" }
> @if (searchFormControl.value) {
/ <button
</div> class="h-100 no-min-width px-3 rounded-0"
<button mat-button
*ngIf="searchFormControl.value" (click)="initialize()"
class="h-100 no-min-width px-3 rounded-0" >
mat-button <ion-icon class="m-0" name="close-circle-outline" />
(click)="initialize()" </button>
> } @else {
<ion-icon class="m-0" name="close-circle-outline" /> <button
</button> class="h-100 no-min-width px-3 rounded-0"
<button mat-button
*ngIf="!searchFormControl.value" (click)="onCloseAssistant()"
class="h-100 no-min-width px-3 rounded-0" >
mat-button <ion-icon class="m-0" name="close-outline" />
(click)="onCloseAssistant()" </button>
> }
<ion-icon class="m-0" name="close-outline" />
</button>
</div> </div>
<div <div
*ngIf="isLoading || searchFormControl.value" *ngIf="isLoading || searchFormControl.value"
@ -51,16 +49,18 @@
(clicked)="onCloseAssistant()" (clicked)="onCloseAssistant()"
/> />
<ng-container *ngIf="searchResults?.holdings?.length === 0"> <ng-container *ngIf="searchResults?.holdings?.length === 0">
<ngx-skeleton-loader @if (isLoading) {
*ngIf="isLoading" <ngx-skeleton-loader
animation="pulse" animation="pulse"
class="mx-2" class="mx-2"
[theme]="{ [theme]="{
height: '1.5rem', height: '1.5rem',
width: '100%' width: '100%'
}" }"
/> />
<div *ngIf="!isLoading" class="px-2 py-1" i18n>No entries...</div> } @else {
<div class="px-2 py-1" i18n>No entries...</div>
}
</ng-container> </ng-container>
</div> </div>
<div *ngIf="hasPermissionToAccessAdminControl" class="mt-3"> <div *ngIf="hasPermissionToAccessAdminControl" class="mt-3">
@ -72,16 +72,18 @@
(clicked)="onCloseAssistant()" (clicked)="onCloseAssistant()"
/> />
<ng-container *ngIf="searchResults?.assetProfiles?.length === 0"> <ng-container *ngIf="searchResults?.assetProfiles?.length === 0">
<ngx-skeleton-loader @if (isLoading) {
*ngIf="isLoading" <ngx-skeleton-loader
animation="pulse" animation="pulse"
class="mx-2" class="mx-2"
[theme]="{ [theme]="{
height: '1.5rem', height: '1.5rem',
width: '100%' width: '100%'
}" }"
/> />
<div *ngIf="!isLoading" class="px-2 py-1" i18n>No entries...</div> } @else {
<div class="px-2 py-1" i18n>No entries...</div>
}
</ng-container> </ng-container>
</div> </div>
</div> </div>