1 <my-plugin-navigation [pluginType]=
"pluginType"></my-plugin-navigation>
3 <div class=
"alert alert-info" i18n *
ngIf=
"pluginInstalled">
4 To load your new installed plugins or themes, refresh the page.
7 <div class=
"result-and-search">
8 <ng-container *
ngIf=
"!search">
9 <my-global-icon iconName=
"trending" aria-hidden=
"true"></my-global-icon>
10 <ng-container *
ngIf=
"!isThemeSearch()" i18n
>Popular plugins
</ng-container>
11 <ng-container *
ngIf=
"isThemeSearch()" i18n
>Popular themes
</ng-container>
14 <ng-container *
ngIf=
"search && !isSearching">
15 <my-global-icon iconName=
"search"></my-global-icon>
18 {{ pagination.totalItems }} {pagination.totalItems, plural, =
1 {result} other {results}} for "{{ search }}"
22 <div class=
"search-bar">
23 <input type=
"text" (input)=
"onSearchChange($event)" i18n-placeholder
placeholder=
"Search..." myAutofocus
/>
27 <div class=
"no-results" i18n *
ngIf=
"pagination.totalItems === 0">
31 <div class=
"plugins" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
32 <ng-container *
ngFor=
"let plugin of plugins" >
33 <my-plugin-card [plugin]=
"plugin" [version]=
"plugin.latestVersion" [pluginType]=
"pluginType">
34 <div ngProjectAs=
"badges">
35 <span i18n *
ngIf=
"plugin.installed" class=
"pt-badge badge-success">Installed
</span>
37 <span *
ngIf=
"plugin.official" class=
"pt-badge badge-primary" i18n i18n-title
title=
"This plugin is developed by Framasoft">
42 <div ngProjectAs=
"buttons">
44 *
ngIf=
"plugin.installed === true && !isThemeSearch()" [routerLink]=
"getShowRouterLink(plugin)"
45 label=
"Settings" i18n-label [responsiveLabel]=
"true"
49 class=
"update-button" *
ngIf=
"plugin.installed === false" (click)=
"install(plugin)"
50 [loading]=
"isInstalling(plugin)" label=
"Install" [responsiveLabel]=
"true"
51 icon=
"cloud-download" [attr.disabled]=
"isInstalling(plugin)"