diff options
Diffstat (limited to 'client/src/app/+admin/plugins/plugin-search/plugin-search.component.html')
-rw-r--r-- | client/src/app/+admin/plugins/plugin-search/plugin-search.component.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html index e69de29bb..7dd103979 100644 --- a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html +++ b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html | |||
@@ -0,0 +1,55 @@ | |||
1 | <div class="toggle-plugin-type"> | ||
2 | <p-selectButton [options]="pluginTypeOptions" [(ngModel)]="pluginType" (ngModelChange)="reloadPlugins()"></p-selectButton> | ||
3 | </div> | ||
4 | |||
5 | <div class="search-bar"> | ||
6 | <input type="text" (input)="onSearchChange($event.target.value)" i18n-placeholder placeholder="Search..."/> | ||
7 | </div> | ||
8 | |||
9 | <div class="result-title" *ngIf="!isSearching"> | ||
10 | <ng-container *ngIf="!search"> | ||
11 | <my-global-icon iconName="trending"></my-global-icon> | ||
12 | <ng-container i18n>Popular</ng-container> | ||
13 | </ng-container> | ||
14 | |||
15 | <ng-container i18n *ngIf="!!search"> | ||
16 | <my-global-icon iconName="search"></my-global-icon> | ||
17 | |||
18 | <ng-container i18n> | ||
19 | {{ pagination.totalItems }} {pagination.totalItems, plural, =1 {result} other {results}} for "{{ search }}" | ||
20 | </ng-container> | ||
21 | </ng-container> | ||
22 | </div> | ||
23 | |||
24 | <div class="no-results" i18n *ngIf="pagination.totalItems === 0"> | ||
25 | No results. | ||
26 | </div> | ||
27 | |||
28 | <div class="plugins" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true"> | ||
29 | <div class="card plugin" *ngFor="let plugin of plugins"> | ||
30 | <div class="card-body"> | ||
31 | <div class="first-row"> | ||
32 | <span class="plugin-name">{{ plugin.name }}</span> | ||
33 | |||
34 | <span class="plugin-version">{{ plugin.latestVersion }}</span> | ||
35 | </div> | ||
36 | |||
37 | <div class="second-row"> | ||
38 | <div class="description">{{ plugin.description }}</div> | ||
39 | |||
40 | <div class="buttons"> | ||
41 | <a class="action-button action-button-edit grey-button" target="_blank" rel="noopener noreferrer" | ||
42 | [href]="plugin.homepage" i18n-title title="Go to the plugin homepage" | ||
43 | > | ||
44 | <my-global-icon iconName="go"></my-global-icon> | ||
45 | <span i18n class="button-label">Homepage</span> | ||
46 | </a> | ||
47 | |||
48 | <my-button class="update-button" *ngIf="plugin.installed === false" (click)="install(plugin)" [loading]="isInstalling(plugin)" | ||
49 | label="Install" icon="cloud-download" [attr.disabled]="isInstalling(plugin)" | ||
50 | ></my-button> | ||
51 | </div> | ||
52 | </div> | ||
53 | </div> | ||
54 | </div> | ||
55 | </div> | ||