diff --git a/css/data-explorer.css b/css/data-explorer.css
index 62ec71dd..f18faa63 100644
--- a/css/data-explorer.css
+++ b/css/data-explorer.css
@@ -12,6 +12,13 @@
padding-left: 0;
}
+.data-explorer .header .menu-right {
+ float: right;
+ margin-left: 5px;
+ padding-left: 5px;
+ border-left: solid 2px #ddd;
+}
+
.header .recline-results-info {
line-height: 28px;
margin-left: 20px;
diff --git a/src/view.js b/src/view.js
index b5b059e5..20bf6311 100644
--- a/src/view.js
+++ b/src/view.js
@@ -66,6 +66,10 @@ my.DataExplorer = Backbone.View.extend({
\
Results found {{docCount}} \
\
+ \
\
\
\
@@ -78,6 +82,9 @@ my.DataExplorer = Backbone.View.extend({
\
\
',
+ events: {
+ 'click .menu-right a': 'onMenuClick'
+ },
initialize: function(options) {
var self = this;
@@ -174,10 +181,12 @@ my.DataExplorer = Backbone.View.extend({
var filterEditor = new my.FilterEditor({
model: this.model.queryState
});
+ this.$filterEditor = filterEditor.el;
this.el.find('.header').append(filterEditor.el);
var facetViewer = new my.FacetViewer({
model: this.model
});
+ this.$facetViewer = facetViewer.el;
this.el.find('.header').append(facetViewer.el);
},
@@ -208,6 +217,16 @@ my.DataExplorer = Backbone.View.extend({
view.view.el.hide();
}
});
+ },
+
+ onMenuClick: function(e) {
+ e.preventDefault();
+ var action = $(e.target).attr('data-action');
+ if (action === 'filters') {
+ this.$filterEditor.show();
+ } else if (action === 'facets') {
+ this.$facetViewer.show();
+ }
}
});
@@ -290,7 +309,8 @@ my.FilterEditor = Backbone.View.extend({
\
{{/termFilters}} \
\
- \
+
\
+
To add a filter use the column menu in the grid view.
\
\
\
\