mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
5.3 KiB
146 lines
5.3 KiB
<div class="container">
|
|
<div class="mb-5 row">
|
|
<div class="col">
|
|
<h2 class="text-center" i18n>Data Providers</h2>
|
|
<table class="gf-table w-100" mat-table [dataSource]="dataSource">
|
|
<ng-container matColumnDef="name">
|
|
<th *matHeaderCellDef class="px-1 py-2" mat-header-cell>
|
|
<ng-container i18n>Name</ng-container>
|
|
</th>
|
|
<td *matCellDef="let element" class="px-1 py-2" mat-cell>
|
|
<div class="d-flex align-items-center">
|
|
<gf-entity-logo class="mr-1" [url]="element.url" />
|
|
<div>
|
|
@if (isGhostfolioDataProvider(element)) {
|
|
<a
|
|
class="align-items-center d-inline-flex"
|
|
target="_blank"
|
|
[href]="pricingUrl"
|
|
>
|
|
Ghostfolio Premium
|
|
<gf-premium-indicator
|
|
class="d-inline-block ml-1"
|
|
[enableLink]="false"
|
|
/>
|
|
@if (isGhostfolioApiKeyValid === false) {
|
|
<span class="badge badge-light early-access ml-2" i18n
|
|
>Early Access</span
|
|
>
|
|
}
|
|
</a>
|
|
@if (isGhostfolioApiKeyValid === true) {
|
|
<div class="line-height-1">
|
|
<small class="text-muted">
|
|
<ng-container i18n>Valid until</ng-container>
|
|
{{
|
|
ghostfolioApiStatus?.subscription?.expiresAt
|
|
| date: defaultDateFormat
|
|
}}
|
|
</small>
|
|
</div>
|
|
}
|
|
} @else {
|
|
{{ element.name }}
|
|
}
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="assetProfileCount">
|
|
<th *matHeaderCellDef class="px-1 py-2 text-right" mat-header-cell>
|
|
<ng-container i18n>Asset Profiles</ng-container>
|
|
</th>
|
|
<td *matCellDef="let element" class="px-1 py-2 text-right" mat-cell>
|
|
{{ element.assetProfileCount }}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="status">
|
|
<th *matHeaderCellDef class="px-1 py-2" mat-header-cell></th>
|
|
<td *matCellDef="let element" class="px-1 py-2" mat-cell>
|
|
@if (isGhostfolioDataProvider(element)) {
|
|
@if (isGhostfolioApiKeyValid === true) {
|
|
<mat-progress-bar
|
|
mode="determinate"
|
|
[value]="
|
|
100 -
|
|
(ghostfolioApiStatus.dailyRequests /
|
|
ghostfolioApiStatus.dailyRequestsMax) *
|
|
100
|
|
"
|
|
/>
|
|
<small class="text-muted">
|
|
{{ ghostfolioApiStatus.dailyRequests }}
|
|
<ng-container i18n>of</ng-container>
|
|
{{ ghostfolioApiStatus.dailyRequestsMax }}
|
|
<ng-container i18n>daily requests</ng-container>
|
|
</small>
|
|
}
|
|
}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="actions">
|
|
<th *matHeaderCellDef class="px-1 py-2" mat-header-cell></th>
|
|
|
|
<td *matCellDef="let element" class="px-1 py-2 text-right" mat-cell>
|
|
@if (isGhostfolioDataProvider(element)) {
|
|
@if (isGhostfolioApiKeyValid === true) {
|
|
<button
|
|
class="mx-1 no-min-width px-2"
|
|
mat-button
|
|
[matMenuTriggerFor]="ghostfolioApiMenu"
|
|
(click)="$event.stopPropagation()"
|
|
>
|
|
<ion-icon name="ellipsis-horizontal" />
|
|
</button>
|
|
<mat-menu #ghostfolioApiMenu="matMenu" xPosition="before">
|
|
<button mat-menu-item (click)="onRemoveGhostfolioApiKey()">
|
|
<span class="align-items-center d-flex">
|
|
<ion-icon class="mr-2" name="trash-outline" />
|
|
<span i18n>Remove API key</span>
|
|
</span>
|
|
</button>
|
|
</mat-menu>
|
|
} @else if (isGhostfolioApiKeyValid === false) {
|
|
<button
|
|
class="special"
|
|
mat-flat-button
|
|
(click)="onSetGhostfolioApiKey()"
|
|
>
|
|
<ng-container i18n>Set API key</ng-container>
|
|
</button>
|
|
}
|
|
}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>
|
|
<tr *matRowDef="let row; columns: displayedColumns" mat-row></tr>
|
|
</table>
|
|
@if (isLoading) {
|
|
<ngx-skeleton-loader
|
|
animation="pulse"
|
|
class="px-4 py-3"
|
|
[theme]="{
|
|
height: '1.5rem',
|
|
width: '100%'
|
|
}"
|
|
/>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="mb-5 row">
|
|
<div class="col">
|
|
<h2 class="text-center" i18n>Platforms</h2>
|
|
<gf-admin-platform />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<h2 class="text-center" i18n>Tags</h2>
|
|
<gf-admin-tag />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|