diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2020-03-10 23:42:52 +0100 |
|---|---|---|
| committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-03-10 23:48:12 +0100 |
| commit | 03efb1419d33627939ee9593633fc703b957199d (patch) | |
| tree | 99836915c70594e9aabe0d8dd28cea3d45826cac /client/src/app/+admin/plugins/plugin-search/plugin-search.component.html | |
| parent | 9b3078581f2767c7aa2ed5766e1a588ebc0cb875 (diff) | |
| download | PeerTube-03efb1419d33627939ee9593633fc703b957199d.tar.gz PeerTube-03efb1419d33627939ee9593633fc703b957199d.tar.zst PeerTube-03efb1419d33627939ee9593633fc703b957199d.zip | |
Better use of space and icons in plugins administration interface
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 | 23 |
1 files changed, 12 insertions, 11 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 5f18028c9..fac81bd26 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 | |||
| @@ -37,25 +37,26 @@ | |||
| 37 | 37 | ||
| 38 | <span class="plugin-version">{{ plugin.latestVersion }}</span> | 38 | <span class="plugin-version">{{ plugin.latestVersion }}</span> |
| 39 | 39 | ||
| 40 | <span *ngIf="plugin.installed" class="badge badge-success">Installed</span> | 40 | <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="plugin.homepage" i18n-title title="Go to the plugin homepage"> |
| 41 | </div> | 41 | <my-global-icon iconName="home"></my-global-icon> |
| 42 | </a> | ||
| 42 | 43 | ||
| 43 | <div class="second-row"> | 44 | <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="'https://www.npmjs.com/package/peertube-plugin-' + plugin.name" i18n-title title="Go to the plugin homepage"> |
| 44 | <div class="description">{{ plugin.description }}</div> | 45 | <my-global-icon iconName="npm"></my-global-icon> |
| 46 | </a> | ||
| 45 | 47 | ||
| 46 | <div class="buttons"> | 48 | <span *ngIf="plugin.installed" class="badge badge-success">Installed</span> |
| 47 | <a class="action-button action-button-edit grey-button" target="_blank" rel="noopener noreferrer" | ||
| 48 | [href]="plugin.homepage" i18n-title title="Go to the plugin homepage" | ||
| 49 | > | ||
| 50 | <my-global-icon iconName="go"></my-global-icon> | ||
| 51 | <span i18n class="button-label">Homepage</span> | ||
| 52 | </a> | ||
| 53 | 49 | ||
| 50 | <div class="buttons"> | ||
| 54 | <my-button class="update-button" *ngIf="plugin.installed === false" (click)="install(plugin)" [loading]="isInstalling(plugin)" | 51 | <my-button class="update-button" *ngIf="plugin.installed === false" (click)="install(plugin)" [loading]="isInstalling(plugin)" |
| 55 | label="Install" icon="cloud-download" [attr.disabled]="isInstalling(plugin)" | 52 | label="Install" icon="cloud-download" [attr.disabled]="isInstalling(plugin)" |
| 56 | ></my-button> | 53 | ></my-button> |
| 57 | </div> | 54 | </div> |
| 58 | </div> | 55 | </div> |
| 56 | |||
| 57 | <div class="second-row"> | ||
| 58 | <div class="description">{{ plugin.description }}</div> | ||
| 59 | </div> | ||
| 59 | </div> | 60 | </div> |
| 60 | </div> | 61 | </div> |
| 61 | </div> | 62 | </div> |