From 5ee924a770b04a7cbf786f31d60fba6b0e4d4771 Mon Sep 17 00:00:00 2001
From: Arik Fraimovich <arik@arikfr.com>
Date: Mon, 17 Mar 2014 20:20:49 +0200
Subject: [PATCH] Filters directive.

---
 rd_ui/app/scripts/visualizations/base.js    |  8 ++++++++
 rd_ui/app/views/grid_renderer.html          | 13 -------------
 rd_ui/app/views/visualizations/filters.html | 12 ++++++++++++
 3 files changed, 20 insertions(+), 13 deletions(-)
 create mode 100644 rd_ui/app/views/visualizations/filters.html

diff --git a/rd_ui/app/scripts/visualizations/base.js b/rd_ui/app/scripts/visualizations/base.js
index d940edbe..2d6061c7 100644
--- a/rd_ui/app/scripts/visualizations/base.js
+++ b/rd_ui/app/scripts/visualizations/base.js
@@ -77,6 +77,13 @@
         }
     };
 
+    var Filters = function() {
+        return {
+            restrict: 'E',
+            templateUrl: '/views/visualizations/filters.html'
+        }
+    }
+
     var EditVisualizationForm = function(Visualization, growl) {
         return {
             restrict: 'E',
@@ -145,5 +152,6 @@
         .provider('Visualization', VisualizationProvider)
         .directive('visualizationRenderer', ['Visualization', VisualizationRenderer])
         .directive('visualizationOptionsEditor', ['Visualization', VisualizationOptionsEditor])
+        .directive('filters', Filters)
         .directive('editVisulatizationForm', ['Visualization', 'growl', EditVisualizationForm])
 })();
diff --git a/rd_ui/app/views/grid_renderer.html b/rd_ui/app/views/grid_renderer.html
index 3524c833..148e9c8f 100644
--- a/rd_ui/app/views/grid_renderer.html
+++ b/rd_ui/app/views/grid_renderer.html
@@ -1,17 +1,4 @@
 <div>
-    <div class="btn-group pull-right" ng-repeat="filter in filters">
-        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            {{filter.friendlyName}}: {{filter.current}}<span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu" role="menu">
-            <li ng-repeat="value in filter.values">
-                <a href="#" ng-click="filter.current = value">{{value}}</a>
-            </li>
-            <li class="divider"></li>
-            <li><a href="#" ng-click="filter.current = 'All'">All</a></li>
-        </ul>
-    </div>
-
     <smart-table rows="gridData" columns="gridColumns"
                  config="gridConfig"
                  class="table table-condensed table-hover"></smart-table>
diff --git a/rd_ui/app/views/visualizations/filters.html b/rd_ui/app/views/visualizations/filters.html
new file mode 100644
index 00000000..3d718a94
--- /dev/null
+++ b/rd_ui/app/views/visualizations/filters.html
@@ -0,0 +1,12 @@
+<div class="well well-sm" ng-show="filters">
+    <div class="btn-group" ng-repeat="filter in filters">
+        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+            {{filter.friendlyName}}: {{filter.current}}<span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu" role="menu">
+            <li ng-repeat="value in filter.values">
+                <a href="" ng-click="filter.current = value">{{value}}</a>
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file