1
- < div data-ng-controller ="CustomPluginsController ">
2
-
1
+ < div class ="custom-plugins-gallery-view " data-ng-controller ="CustomPluginsController ">
3
2
< div id ="modal-info " class ="modal fade ">
4
3
< div class ="modal-dialog ">
5
4
< div class ="modal-content ">
8
7
< h4 class ="modal-title "> {{package.Title}}</ h4 >
9
8
</ div >
10
9
< div class ="modal-body ">
11
- < div class ="modal-theme-info ">
12
- < p ng-bind-html ="package.Description "> </ p >
13
- < hr />
14
- < div class ="form-horizontal ">
15
- < div class ="form-group ">
16
- < span class ="col-md-3 "> {{lbl.author}}</ span >
17
- < div class ="col-md-9 "> < span ng-bind-html ="package.Authors "> </ span > </ div >
18
- </ div >
19
- < div class ="form-group " ng-if ="package.Website ">
20
- < span class ="col-md-3 "> {{lbl.website}}</ span >
21
- < div class ="col-md-9 ">
22
- < a href ="{{package.Website}} " title ="Author website " target ="_blank "> {{package.Website}}</ a >
23
- </ div >
24
- </ div >
25
- < div class ="form-group " ng-if ="package.Tags ">
26
- < span class ="col-md-3 "> {{lbl.tags}}</ span >
27
- < div class ="col-md-9 ">
28
- < span ng-bind-html ="package.Tags "> </ span >
10
+ < div class ="modal-plugin-info ">
11
+ < div class ="row ">
12
+ < div class ="col-md-3 ">
13
+ < div class ="item-image ">
14
+ < img ng-if ="!package.PackageUrl " ng-src ="{{package.IconUrl}} " alt ="Package image " />
15
+ < a ng-if ="package.PackageUrl " href ="{{package.PackageUrl}} " target ="_blank "> < img class ="pkg-img " ng-src ="{{package.IconUrl}} " alt ="Package image " /> </ a >
29
16
</ div >
30
17
</ div >
31
- < div class ="form-group " ng-if ="package.LastUpdated ">
32
- < span class ="col-md-3 "> {{lbl.date}}</ span >
33
- < div class ="col-md-9 ">
34
- < span ng-bind-html ="package.LastUpdated "> </ span >
18
+ < div class ="col-md-9 ">
19
+ < p class ="item-desc " ng-bind-html ="package.Description "> </ p >
20
+ < div class ="form-horizontal ">
21
+ < div class ="form-group "> < span class ="col-md-3 "> {{lbl.author}}</ span > < div class ="col-md-9 "> < span ng-bind-html ="package.Authors "> </ span > </ div > </ div >
22
+ < div class ="form-group " ng-if ="package.Website "> < span class ="col-md-3 "> {{lbl.website}}</ span > < div class ="col-md-9 "> < a href ="{{package.Website}} " class ="text-ellipsis " title ="Author website " target ="_blank "> {{package.Website}}</ a > </ div > </ div >
23
+ < div class ="form-group " ng-if ="package.Tags "> < span class ="col-md-3 "> {{lbl.tags}}</ span > < div class ="col-md-9 "> < span ng-bind-html ="package.Tags "> </ span > </ div > </ div >
24
+ < div class ="form-group " ng-if ="package.LastUpdated "> < span class ="col-md-3 "> {{lbl.date}}</ span > < div class ="col-md-9 "> < span ng-bind-html ="package.LastUpdated "> </ span > </ div > </ div >
25
+ < div class ="form-group " ng-if ="package.DownloadCount "> < span class ="col-md-3 "> {{lbl.downloads}}</ span > < div class ="col-md-9 "> {{package.DownloadCount}}</ div > </ div >
35
26
</ div >
36
27
</ div >
37
- < div class ="form-group " ng-if ="package.DownloadCount ">
38
- < span class ="col-md-3 "> {{lbl.downloads}}</ span >
39
- < div class ="col-md-9 "> {{package.DownloadCount}}</ div >
40
- </ div >
41
28
</ div >
42
- < hr />
43
- < img ng-if ="!package.PackageUrl " ng-src ="{{package.IconUrl}} " alt ="Package image " title ="" />
44
- < a ng-if ="package.PackageUrl " href ="{{package.PackageUrl}} " target ="_blank ">
45
- < img class ="pkg-img " ng-src ="{{package.IconUrl}} " alt ="Package image " title ="" />
46
- </ a >
47
29
</ div >
48
30
</ div >
49
31
</ div >
50
32
</ div >
51
33
</ div >
52
-
53
34
< div class ="page-header clearfix ">
54
- < h2 class ="page-title pull-left ">
55
- {{lbl.gallery}}
56
- </ h2 >
35
+ < h2 class ="page-title pull-left "> {{lbl.gallery}}</ h2 >
57
36
< button type ="button " class ="btn btn-default btn-sm btn-hasicon pull-left " onclick ="window.history.back() "> < i class ="fa fa-angle-left "> </ i > Back</ button >
58
37
< button ng-click ="processChecked('install') " ng-disabled ="itemsChecked() === false " class ="btn btn-success btn-hasicon btn-sm pull-left "> < i class ="fa fa-check "> </ i > {{lbl.install}}</ button >
59
38
< div class ="search pull-right ">
60
39
< i class ="fa fa-search "> </ i >
61
40
< input type ="text " ng-model ="query " ng-change ="search() " placeholder ="{{lbl.search}}... " />
62
41
</ div >
63
42
< div class ="dropdown pull-right ">
64
- < button class ="btn btn-default btn-sm dropdown-toggle " type ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="true ">
65
- Most downloaded
66
- < i class ="fa fa-angle-down "> </ i >
67
- </ button >
43
+ < button class ="btn btn-default btn-sm dropdown-toggle " type ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="true "> Most downloaded< i class ="fa fa-angle-down "> </ i > </ button >
68
44
< ul class ="dropdown-menu dropdown-menu-filter ">
69
45
< li > < a id ="fltr-new " data-value ="New " ng-click ="sortBy('LastUpdated') "> Latest</ a > </ li >
70
46
< li > < a id ="fltr-dwn " data-value ="Downloads " ng-click ="sortBy('DownloadCount') "> Most downloaded</ a > </ li >
@@ -87,11 +63,6 @@ <h2 class="page-title pull-left">
87
63
< div class ="item-buttons ">
88
64
< a ng-click ="installPackage(item.Id) " class ="btn btn-sm btn-default btn-left " angular-tooltip tooltip ="lbl.download "> < i class ="fa fa-download "> </ i > </ a >
89
65
< a href ="" ng-click ="showPluginInfo(item.Id) " class ="btn btn-sm btn-default btn-right " angular-tooltip tooltip ="lbl.view "> < i class ="fa fa-info-circle "> </ i > </ a >
90
- <!--
91
- <a ng-if="pkgLinkType(item.LocalVersion, item.OnlineVersion) === 'download'" title="Install package" href="" ng-click="installPackage(item.Id)"><i class="fa fa-download"></i></a>
92
- <a ng-if="pkgLinkType(item.LocalVersion, item.OnlineVersion) === 'refresh'" title="Update package" href="" ng-click="installPackage(item.Id)"><i class="fa fa-refresh" style="color:red"></i></a>
93
- <span ng-if="pkgLinkType(item.LocalVersion, item.OnlineVersion) === 'installed'"><i class="fa fa-check" style="color:green"></i></span>
94
- -->
95
66
</ div >
96
67
</ div >
97
68
< div class ="item-details-right ">
@@ -114,16 +85,9 @@ <h2 class="page-title pull-left">
114
85
</ div >
115
86
</ div >
116
87
< ul class ="pagination " ng-if ="items.length > itemsPerPage ">
117
- < li data-ng-class ="{disabled: currentPage == 0} ">
118
- < a data-ng-click ="prevPage() " title ="{{lbl.prev}} "> < i class ="fa fa-angle-left "> </ i > </ a >
119
- </ li >
120
- < li data-ng-repeat ="n in range(pagedItems.length) " data-ng-class ="{active: n == currentPage} " data-ng-click ="setPage() ">
121
- < a data-ng-bind ="n + 1 "> 1</ a >
122
- </ li >
123
- < li data-ng-class ="{disabled: currentPage == pagedItems.length - 1} ">
124
- < a data-ng-click ="nextPage() " title ="{{lbl.next}} "> < i class ="fa fa-angle-right "> </ i > </ a >
125
- </ li >
88
+ < li data-ng-class ="{disabled: currentPage == 0} "> < a data-ng-click ="prevPage() " title ="{{lbl.prev}} "> < i class ="fa fa-angle-left "> </ i > </ a > </ li >
89
+ < li data-ng-repeat ="n in range(pagedItems.length) " data-ng-class ="{active: n == currentPage} " data-ng-click ="setPage() "> < a data-ng-bind ="n + 1 "> 1</ a > </ li >
90
+ < li data-ng-class ="{disabled: currentPage == pagedItems.length - 1} "> < a data-ng-click ="nextPage() " title ="{{lbl.next}} "> < i class ="fa fa-angle-right "> </ i > </ a > </ li >
126
91
</ ul >
127
92
</ div >
128
- </ div >
129
-
93
+ </ div >
0 commit comments