IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(plugins): added filter (type) tabs po plugin list view

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-03-14 09:10:32 +01:00
parent c504abb84d
commit 69c8bb1eb3
2 changed files with 47 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
public/app/features/plugins/partials/plugin_list.html
View File

@ -4,6 +4,26 @@
<div class="page-container">
<div class="page-header">
<h1>Plugins</h1>
<div class="page-header-tabs">
<ul class="gf-tabs">
<li class="gf-tabs-item">
<a class="gf-tabs-link" href="plugins?type=panel" ng-class="{active: ctrl.tabIndex === 0}">
Panels
</a>
</li>
<li class="gf-tabs-item">
<a class="gf-tabs-link" href="plugins?type=datasource" ng-class="{active: ctrl.tabIndex === 1}">
Data sources
</a>
</li>
<li class="gf-tabs-item">
<a class="gf-tabs-link" href="plugins?type=app" ng-class="{active: ctrl.tabIndex === 2}">
Apps
</a>
</li>
</ul>
</div>
</div>
<table class="filter-table">
@ -31,12 +51,12 @@
</td>
<td class="text-right">
<a href="plugins/{{plugin.id}}/edit" class="btn btn-inverse btn-small">
<i class="fa fa-edit"></i>
Edit
</a>
</td>
</tr>
</tbody>
</table>
</div>
<i class="fa fa-edit"></i>
Edit
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>

21
public/app/features/plugins/plugin_list_ctrl.ts
View File

@ -4,11 +4,28 @@ import angular from 'angular';
export class PluginListCtrl {
plugins: any[];
tabIndex: number;
/** @ngInject */
constructor(private backendSrv: any) {
constructor(private backendSrv: any, $location) {
this.tabIndex = 0;
this.backendSrv.get('api/plugins', {embedded: 0}).then(plugins => {
var pluginType = $location.search().type || 'panel';
switch (pluginType) {
case "datasource": {
this.tabIndex = 1;
break;
}
case "app": {
this.tabIndex = 2;
break;
}
case "panel":
default:
this.tabIndex = 0;
}
this.backendSrv.get('api/plugins', {embedded: 0, type: pluginType}).then(plugins => {
this.plugins = plugins;
});
}