|
|
|
@ -24,84 +24,83 @@ |
|
|
|
> |
|
|
|
</ng-template> |
|
|
|
<div class="pt-3"> |
|
|
|
<ng-container *ngIf="mode === 'DIVIDEND'; else selectFile"> |
|
|
|
<form |
|
|
|
[formGroup]="uniqueAssetForm" |
|
|
|
(ngSubmit)="onLoadDividends(stepper)" |
|
|
|
> |
|
|
|
<mat-form-field appearance="outline" class="w-100"> |
|
|
|
<mat-label i18n>Holding</mat-label> |
|
|
|
<mat-select formControlName="uniqueAsset"> |
|
|
|
<mat-select-trigger |
|
|
|
>{{ uniqueAssetForm.controls['uniqueAsset']?.value?.name |
|
|
|
}}</mat-select-trigger |
|
|
|
> |
|
|
|
<mat-option |
|
|
|
*ngFor="let holding of holdings" |
|
|
|
class="line-height-1" |
|
|
|
[value]="{ dataSource: holding.dataSource, name: holding.name, symbol: holding.symbol }" |
|
|
|
> |
|
|
|
<span><b>{{ holding.name }}</b></span> |
|
|
|
<br /> |
|
|
|
<small class="text-muted" |
|
|
|
>{{ holding.symbol | gfSymbol }} · {{ holding.currency |
|
|
|
}}</small |
|
|
|
> |
|
|
|
</mat-option> |
|
|
|
</mat-select> |
|
|
|
<mat-spinner |
|
|
|
*ngIf="isLoading" |
|
|
|
class="position-absolute" |
|
|
|
[diameter]="20" |
|
|
|
/> |
|
|
|
</mat-form-field> |
|
|
|
<div class="d-flex flex-column justify-content-center"> |
|
|
|
<button |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
type="submit" |
|
|
|
[disabled]="!uniqueAssetForm.valid" |
|
|
|
@if (mode === 'DIVIDEND') { |
|
|
|
<form |
|
|
|
[formGroup]="uniqueAssetForm" |
|
|
|
(ngSubmit)="onLoadDividends(stepper)" |
|
|
|
> |
|
|
|
<mat-form-field appearance="outline" class="w-100"> |
|
|
|
<mat-label i18n>Holding</mat-label> |
|
|
|
<mat-select formControlName="uniqueAsset"> |
|
|
|
<mat-select-trigger |
|
|
|
>{{ uniqueAssetForm.controls['uniqueAsset']?.value?.name |
|
|
|
}}</mat-select-trigger |
|
|
|
> |
|
|
|
<span i18n>Load Dividends</span> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</ng-container> |
|
|
|
<ng-template #selectFile> |
|
|
|
<mat-option |
|
|
|
*ngFor="let holding of holdings" |
|
|
|
class="line-height-1" |
|
|
|
[value]="{ dataSource: holding.dataSource, name: holding.name, symbol: holding.symbol }" |
|
|
|
> |
|
|
|
<span><b>{{ holding.name }}</b></span> |
|
|
|
<br /> |
|
|
|
<small class="text-muted" |
|
|
|
>{{ holding.symbol | gfSymbol }} · {{ holding.currency |
|
|
|
}}</small |
|
|
|
> |
|
|
|
</mat-option> |
|
|
|
</mat-select> |
|
|
|
<mat-spinner |
|
|
|
*ngIf="isLoading" |
|
|
|
class="position-absolute" |
|
|
|
[diameter]="20" |
|
|
|
/> |
|
|
|
</mat-form-field> |
|
|
|
<div class="d-flex flex-column justify-content-center"> |
|
|
|
<button |
|
|
|
class="drop-area p-4 text-center text-muted" |
|
|
|
gfFileDrop |
|
|
|
(click)="onSelectFile(stepper)" |
|
|
|
(filesDropped)="onFilesDropped({stepper, files: $event})" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
type="submit" |
|
|
|
[disabled]="!uniqueAssetForm.valid" |
|
|
|
> |
|
|
|
<div |
|
|
|
class="align-items-center d-flex flex-column justify-content-center" |
|
|
|
> |
|
|
|
<ion-icon class="cloud-icon" name="cloud-upload-outline" /> |
|
|
|
<span i18n>Choose or drop a file here</span> |
|
|
|
</div> |
|
|
|
<span i18n>Load Dividends</span> |
|
|
|
</button> |
|
|
|
<p class="mb-0 mt-3 text-center"> |
|
|
|
<small> |
|
|
|
<span class="mr-1" i18n |
|
|
|
>The following file formats are supported:</span |
|
|
|
> |
|
|
|
<a |
|
|
|
href="https://github.com/ghostfolio/ghostfolio/blob/main/test/import/ok.csv" |
|
|
|
target="_blank" |
|
|
|
>CSV</a |
|
|
|
> |
|
|
|
<span class="mx-1" i18n>or</span> |
|
|
|
<a |
|
|
|
href="https://github.com/ghostfolio/ghostfolio/blob/main/test/import/ok.json" |
|
|
|
target="_blank" |
|
|
|
>JSON</a |
|
|
|
> |
|
|
|
</small> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</ng-template> |
|
|
|
</form> |
|
|
|
} @else { |
|
|
|
<div class="d-flex flex-column justify-content-center"> |
|
|
|
<button |
|
|
|
class="drop-area p-4 text-center text-muted" |
|
|
|
gfFileDrop |
|
|
|
(click)="onSelectFile(stepper)" |
|
|
|
(filesDropped)="onFilesDropped({stepper, files: $event})" |
|
|
|
> |
|
|
|
<div |
|
|
|
class="align-items-center d-flex flex-column justify-content-center" |
|
|
|
> |
|
|
|
<ion-icon class="cloud-icon" name="cloud-upload-outline" /> |
|
|
|
<span i18n>Choose or drop a file here</span> |
|
|
|
</div> |
|
|
|
</button> |
|
|
|
<p class="mb-0 mt-3 text-center"> |
|
|
|
<small> |
|
|
|
<span class="mr-1" i18n |
|
|
|
>The following file formats are supported:</span |
|
|
|
> |
|
|
|
<a |
|
|
|
href="https://github.com/ghostfolio/ghostfolio/blob/main/test/import/ok.csv" |
|
|
|
target="_blank" |
|
|
|
>CSV</a |
|
|
|
> |
|
|
|
<span class="mx-1" i18n>or</span> |
|
|
|
<a |
|
|
|
href="https://github.com/ghostfolio/ghostfolio/blob/main/test/import/ok.json" |
|
|
|
target="_blank" |
|
|
|
>JSON</a |
|
|
|
> |
|
|
|
</small> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
} |
|
|
|
</div> |
|
|
|
</mat-step> |
|
|
|
|
|
|
|
@ -115,79 +114,78 @@ |
|
|
|
> |
|
|
|
</ng-template> |
|
|
|
<div class="pt-3"> |
|
|
|
<ng-container *ngIf="errorMessages?.length === 0; else errorMessage"> |
|
|
|
<gf-activities-table |
|
|
|
*ngIf="importStep === 1" |
|
|
|
[baseCurrency]="data?.user?.settings?.baseCurrency" |
|
|
|
[dataSource]="dataSource" |
|
|
|
[deviceType]="data?.deviceType" |
|
|
|
[hasPermissionToCreateActivity]="false" |
|
|
|
[hasPermissionToExportActivities]="false" |
|
|
|
[hasPermissionToFilter]="false" |
|
|
|
[hasPermissionToOpenDetails]="false" |
|
|
|
[locale]="data?.user?.settings?.locale" |
|
|
|
[pageSize]="maxSafeInteger" |
|
|
|
[showActions]="false" |
|
|
|
[showCheckbox]="true" |
|
|
|
[showFooter]="false" |
|
|
|
[showSymbolColumn]="false" |
|
|
|
[sortColumn]="sortColumn" |
|
|
|
[sortDirection]="sortDirection" |
|
|
|
[sortDisabled]="true" |
|
|
|
[totalItems]="totalItems" |
|
|
|
(selectedActivities)="updateSelection($event)" |
|
|
|
/> |
|
|
|
<div class="d-flex justify-content-end mt-3"> |
|
|
|
<button mat-button (click)="onReset(stepper)"> |
|
|
|
<ng-container i18n>Back</ng-container> |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="ml-1" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[disabled]="!selectedActivities?.length" |
|
|
|
(click)="onImportActivities()" |
|
|
|
> |
|
|
|
<ng-container i18n>Import</ng-container> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</ng-container> |
|
|
|
<ng-template #errorMessage> |
|
|
|
<mat-accordion displayMode="flat"> |
|
|
|
<mat-expansion-panel |
|
|
|
*ngFor="let message of errorMessages; let i = index" |
|
|
|
[disabled]="!details[i]" |
|
|
|
> |
|
|
|
<mat-expansion-panel-header class="pl-1"> |
|
|
|
<mat-panel-title> |
|
|
|
<div class="d-flex"> |
|
|
|
<div class="align-items-center d-flex mr-2"> |
|
|
|
<ion-icon name="warning-outline" /> |
|
|
|
</div> |
|
|
|
<div>{{ message }}</div> |
|
|
|
@if(errorMessages?.length === 0) { |
|
|
|
<gf-activities-table |
|
|
|
*ngIf="importStep === 1" |
|
|
|
[baseCurrency]="data?.user?.settings?.baseCurrency" |
|
|
|
[dataSource]="dataSource" |
|
|
|
[deviceType]="data?.deviceType" |
|
|
|
[hasPermissionToCreateActivity]="false" |
|
|
|
[hasPermissionToExportActivities]="false" |
|
|
|
[hasPermissionToFilter]="false" |
|
|
|
[hasPermissionToOpenDetails]="false" |
|
|
|
[locale]="data?.user?.settings?.locale" |
|
|
|
[pageSize]="maxSafeInteger" |
|
|
|
[showActions]="false" |
|
|
|
[showCheckbox]="true" |
|
|
|
[showFooter]="false" |
|
|
|
[showSymbolColumn]="false" |
|
|
|
[sortColumn]="sortColumn" |
|
|
|
[sortDirection]="sortDirection" |
|
|
|
[sortDisabled]="true" |
|
|
|
[totalItems]="totalItems" |
|
|
|
(selectedActivities)="updateSelection($event)" |
|
|
|
/> |
|
|
|
<div class="d-flex justify-content-end mt-3"> |
|
|
|
<button mat-button (click)="onReset(stepper)"> |
|
|
|
<ng-container i18n>Back</ng-container> |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="ml-1" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[disabled]="!selectedActivities?.length" |
|
|
|
(click)="onImportActivities()" |
|
|
|
> |
|
|
|
<ng-container i18n>Import</ng-container> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
} @else { |
|
|
|
<mat-accordion displayMode="flat"> |
|
|
|
<mat-expansion-panel |
|
|
|
*ngFor="let message of errorMessages; let i = index" |
|
|
|
[disabled]="!details[i]" |
|
|
|
> |
|
|
|
<mat-expansion-panel-header class="pl-1"> |
|
|
|
<mat-panel-title> |
|
|
|
<div class="d-flex"> |
|
|
|
<div class="align-items-center d-flex mr-2"> |
|
|
|
<ion-icon name="warning-outline" /> |
|
|
|
</div> |
|
|
|
</mat-panel-title> |
|
|
|
</mat-expansion-panel-header> |
|
|
|
<pre |
|
|
|
*ngIf="details[i]" |
|
|
|
class="m-0" |
|
|
|
><code>{{ details[i] | json }}</code></pre> |
|
|
|
</mat-expansion-panel> |
|
|
|
</mat-accordion> |
|
|
|
<div class="d-flex justify-content-end mt-3"> |
|
|
|
<button mat-button (click)="onReset(stepper)"> |
|
|
|
<ng-container i18n>Back</ng-container> |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="ml-1" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[disabled]="true" |
|
|
|
> |
|
|
|
<ng-container i18n>Import</ng-container> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</ng-template> |
|
|
|
<div>{{ message }}</div> |
|
|
|
</div> |
|
|
|
</mat-panel-title> |
|
|
|
</mat-expansion-panel-header> |
|
|
|
<pre |
|
|
|
*ngIf="details[i]" |
|
|
|
class="m-0" |
|
|
|
><code>{{ details[i] | json }}</code></pre> |
|
|
|
</mat-expansion-panel> |
|
|
|
</mat-accordion> |
|
|
|
<div class="d-flex justify-content-end mt-3"> |
|
|
|
<button mat-button (click)="onReset(stepper)"> |
|
|
|
<ng-container i18n>Back</ng-container> |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="ml-1" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[disabled]="true" |
|
|
|
> |
|
|
|
<ng-container i18n>Import</ng-container> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
} |
|
|
|
</div> |
|
|
|
</mat-step> |
|
|
|
</mat-stepper> |
|
|
|
|
Thomas Kaul
11 months ago
GitHub