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 | |
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')
4 files changed, 22 insertions, 35 deletions
diff --git a/client/src/app/+admin/plugins/plugin-list-installed/index.ts b/client/src/app/+admin/plugins/plugin-list-installed/index.ts new file mode 100644 index 000000000..0704fd22e --- /dev/null +++ b/client/src/app/+admin/plugins/plugin-list-installed/index.ts | |||
@@ -0,0 +1 @@ | |||
export * from './plugin-list-installed.component' | |||
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> |
diff --git a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss index 5fa117d51..4039f2a02 100644 --- a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss +++ b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.scss | |||
@@ -4,3 +4,8 @@ | |||
4 | .update-button[disabled=true] ::ng-deep .action-button { | 4 | .update-button[disabled=true] ::ng-deep .action-button { |
5 | cursor: default !important; | 5 | cursor: default !important; |
6 | } | 6 | } |
7 | |||
8 | my-edit-button, | ||
9 | my-button { | ||
10 | @include margin-right(10px); | ||
11 | } | ||
diff --git a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.ts b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.ts index 85f9879bf..6fd238848 100644 --- a/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.ts +++ b/client/src/app/+admin/plugins/plugin-list-installed/plugin-list-installed.component.ts | |||
@@ -12,7 +12,6 @@ import { PeerTubePlugin, PluginType } from '@shared/models' | |||
12 | templateUrl: './plugin-list-installed.component.html', | 12 | templateUrl: './plugin-list-installed.component.html', |
13 | styleUrls: [ | 13 | styleUrls: [ |
14 | '../shared/toggle-plugin-type.scss', | 14 | '../shared/toggle-plugin-type.scss', |
15 | '../shared/plugin-list.component.scss', | ||
16 | './plugin-list-installed.component.scss' | 15 | './plugin-list-installed.component.scss' |
17 | ] | 16 | ] |
18 | }) | 17 | }) |