]>
Commit | Line | Data |
---|---|---|
d00dc28d C |
1 | <div class="toggle-plugin-type"> |
2 | <p-selectButton [options]="pluginTypeOptions" [(ngModel)]="pluginType" (ngModelChange)="reloadPlugins()"></p-selectButton> | |
3 | </div> | |
4 | ||
6702a1b2 | 5 | <div class="no-results" *ngIf="pagination.totalItems === 0"> |
d00dc28d C |
6 | {{ getNoResultMessage() }} |
7 | </div> | |
8 | ||
ad453580 | 9 | <div class="plugins" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()"> |
dba85a1e C |
10 | <div class="card plugin" *ngFor="let plugin of plugins"> |
11 | <div class="card-body"> | |
12 | <div class="first-row"> | |
03efb141 | 13 | <span class="plugin-name">{{ plugin.name }}</span> |
dba85a1e C |
14 | |
15 | <span class="plugin-version">{{ plugin.version }}</span> | |
dba85a1e | 16 | |
d6d951dd | 17 | <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="plugin.homepage" i18n-title title="Plugin homepage (new window)"> |
03efb141 RK |
18 | <my-global-icon iconName="home"></my-global-icon> |
19 | </a> | |
dba85a1e | 20 | |
d6d951dd | 21 | <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="'https://www.npmjs.com/package/peertube-plugin-' + plugin.name" i18n-title title="Plugin homepage (new window)"> |
03efb141 RK |
22 | <my-global-icon iconName="npm"></my-global-icon> |
23 | </a> | |
dba85a1e | 24 | |
03efb141 | 25 | <div class="buttons"> |
b5f919ac | 26 | <my-edit-button *ngIf="pluginType !== PluginType.THEME" [routerLink]="getShowRouterLink(plugin)" label="Settings" i18n-label></my-edit-button> |
dba85a1e | 27 | |
6702a1b2 | 28 | <my-button class="update-button" *ngIf="isUpdateAvailable(plugin)" (click)="update(plugin)" [loading]="isUpdating(plugin)" |
b5f919ac C |
29 | [label]="getUpdateLabel(plugin)" icon="refresh" [attr.disabled]="isUpdating(plugin)" |
30 | ></my-button> | |
dba85a1e C |
31 | |
32 | <my-delete-button (click)="uninstall(plugin)" label="Uninstall" i18n-label></my-delete-button> | |
33 | </div> | |
34 | </div> | |
03efb141 RK |
35 | |
36 | <div class="second-row"> | |
37 | <div class="description">{{ plugin.description }}</div> | |
38 | </div> | |
dba85a1e | 39 | </div> |
d00dc28d C |
40 | </div> |
41 | </div> |