1 <div class=
"toggle-plugin-type">
2 <p-selectButton [options]=
"pluginTypeOptions" [(ngModel)]=
"pluginType" (ngModelChange)=
"reloadPlugins()"></p-selectButton>
5 <div class=
"search-bar">
6 <input type=
"text" (input)=
"onSearchChange($event)" i18n-placeholder
placeholder=
"Search..." myAutofocus
/>
9 <div class=
"alert alert-info" i18n *
ngIf=
"pluginInstalled">
10 To load your new installed plugins or themes, refresh the page.
13 <div class=
"result-title" *
ngIf=
"!isSearching">
14 <ng-container *
ngIf=
"!search">
15 <my-global-icon iconName=
"trending" aria-hidden=
"true"></my-global-icon>
16 <ng-container i18n
>Popular
</ng-container>
19 <ng-container *
ngIf=
"!!search">
20 <my-global-icon iconName=
"search"></my-global-icon>
23 {{ pagination.totalItems }} {pagination.totalItems, plural, =
1 {result} other {results}} for "{{ search }}"
28 <div class=
"no-results" i18n *
ngIf=
"pagination.totalItems === 0">
32 <div class=
"plugins" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
33 <ng-container *
ngFor=
"let plugin of plugins" >
34 <my-plugin-card [plugin]=
"plugin" [version]=
"plugin.latestVersion" [pluginType]=
"pluginType">
35 <div ngProjectAs=
"badges">
36 <span i18n *
ngIf=
"plugin.installed" class=
"badge badge-success">Installed
</span>
38 <span *
ngIf=
"plugin.official" class=
"badge badge-primary" i18n i18n-title
title=
"This plugin is developed by Framasoft">
43 <div ngProjectAs=
"buttons">
45 *
ngIf=
"plugin.installed === true && !isThemeSearch()" [routerLink]=
"getShowRouterLink(plugin)"
46 label=
"Settings" i18n-label [responsiveLabel]=
"true"
50 class=
"update-button" *
ngIf=
"plugin.installed === false" (click)=
"install(plugin)"
51 [loading]=
"isInstalling(plugin)" label=
"Install" [responsiveLabel]=
"true"
52 icon=
"cloud-download" [attr.disabled]=
"isInstalling(plugin)"