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

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

@ -4,6 +4,26 @@
<div class="page-container"> <div class="page-container">
<div class="page-header"> <div class="page-header">
<h1>Plugins</h1> <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> </div>
<table class="filter-table"> <table class="filter-table">

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

@ -4,11 +4,28 @@ import angular from 'angular';
export class PluginListCtrl { export class PluginListCtrl {
plugins: any[]; plugins: any[];
tabIndex: number;
/** @ngInject */ /** @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; this.plugins = plugins;
}); });
} }