diff options
author | Chocobozzz <me@florianbigard.com> | 2021-12-29 10:41:48 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-12-29 10:41:48 +0100 |
commit | 29aedac8dcfc98ff67680d91d6f0f848e86fa4db (patch) | |
tree | ea72e501d88f34b566f0ddd231110d5766fcdfeb /client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html | |
parent | 087fc5dadec95061c05bd0b6c86197a32ec4f23c (diff) | |
download | PeerTube-29aedac8dcfc98ff67680d91d6f0f848e86fa4db.tar.gz PeerTube-29aedac8dcfc98ff67680d91d6f0f848e86fa4db.tar.zst PeerTube-29aedac8dcfc98ff67680d91d6f0f848e86fa4db.zip |
Refactor plugin card
Diffstat (limited to 'client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html')
-rw-r--r-- | client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html | 50 |
1 files changed, 16 insertions, 34 deletions
diff --git a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html index b42bd27c5..2591c9a50 100644 --- a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html +++ b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.html | |||
@@ -7,39 +7,21 @@ | |||
7 | </div> | 7 | </div> |
8 | 8 | ||
9 | <div class="plugins" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()"> | 9 | <div class="plugins" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()"> |
10 | <div class="card plugin" *ngFor="let plugin of plugins"> | 10 | <ng-container *ngFor="let plugin of plugins"> |
11 | <div class="card-body"> | 11 | <my-plugin-card [plugin]="plugin" [version]="plugin.version" [pluginType]="pluginType"> |
12 | <div class="first-row"> | 12 | <div ngProjectAs="buttons"> |
13 | <span class="plugin-name">{{ plugin.name }}</span> | 13 | <my-edit-button |
14 | 14 | *ngIf="!isTheme(plugin)" [routerLink]="getShowRouterLink(plugin)" label="Settings" i18n-label | |
15 | <span class="plugin-version">{{ plugin.version }}</span> | 15 | [responsiveLabel]="true" |
16 | 16 | ></my-edit-button> | |
17 | <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="plugin.homepage" i18n-title title="Plugin homepage (new window)"> | 17 | |
18 | <my-global-icon iconName="home"></my-global-icon> | 18 | <my-button |
19 | </a> | 19 | class="update-button" *ngIf="isUpdateAvailable(plugin)" (click)="update(plugin)" [loading]="isUpdating(plugin)" |
20 | 20 | [label]="getUpdateLabel(plugin)" icon="refresh" [attr.disabled]="isUpdating(plugin)" [responsiveLabel]="true" | |
21 | <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="getPluginOrThemeHref(plugin.name)" i18n-title title="Plugin homepage (new window)"> | 21 | ></my-button> |
22 | <my-global-icon iconName="npm"></my-global-icon> | 22 | |
23 | </a> | 23 | <my-delete-button (click)="uninstall(plugin)" label="Uninstall" i18n-label [responsiveLabel]="true"></my-delete-button> |
24 | |||
25 | <div class="buttons"> | ||
26 | <my-edit-button | ||
27 | *ngIf="!isTheme(plugin)" [routerLink]="getShowRouterLink(plugin)" label="Settings" i18n-label | ||
28 | [responsiveLabel]="true" | ||
29 | ></my-edit-button> | ||
30 | |||
31 | <my-button | ||
32 | class="update-button" *ngIf="isUpdateAvailable(plugin)" (click)="update(plugin)" [loading]="isUpdating(plugin)" | ||
33 | [label]="getUpdateLabel(plugin)" icon="refresh" [attr.disabled]="isUpdating(plugin)" [responsiveLabel]="true" | ||
34 | ></my-button> | ||
35 | |||
36 | <my-delete-button (click)="uninstall(plugin)" label="Uninstall" i18n-label [responsiveLabel]="true"></my-delete-button> | ||
37 | </div> | ||
38 | </div> | ||
39 | |||
40 | <div class="second-row"> | ||
41 | <div class="description">{{ plugin.description }}</div> | ||
42 | </div> | 24 | </div> |
43 | </div> | 25 | </my-plugin-card> |
44 | </div> | 26 | </ng-container> |
45 | </div> | 27 | </div> |