--- a/cms/app-client/app/components/visu-langues.js Mon Sep 26 19:01:35 2016 +0200
+++ b/cms/app-client/app/components/visu-langues.js Mon Sep 26 19:52:44 2016 +0200
@@ -8,6 +8,11 @@
constants: Ember.inject.service(),
filter: Ember.inject.service(),
+ filterObserver: Ember.observer('filter.language', function() {
+ Ember.$('.node').removeClass("selected");
+ Ember.$('.node[data-id="' + this.get('filter').get('language') + '"]').addClass("selected");
+ }),
+
didInsertElement: function(){
var self = this;
var baseurl = ENV.rootURL.replace(/\/$/,"")+'/api/v1';
@@ -122,9 +127,10 @@
var node = nodes.selectAll()
.data(d._children)
.enter()
- .append("div");
+ .append("div")
+ .attr("data-id", function(d) { return d.id; });
- node.attr("class", "node")
+ node.attr("class", function(d) { return "node" + ( d.id === self.get('filter').get('language') ? " selected" : "" ); })
.call(position)
.on("click", selectHandler);
@@ -184,7 +190,6 @@
}
});
-
}
});
--- a/cms/app-client/app/styles/tabs/langues.scss Mon Sep 26 19:01:35 2016 +0200
+++ b/cms/app-client/app/styles/tabs/langues.scss Mon Sep 26 19:52:44 2016 +0200
@@ -48,10 +48,16 @@
position: absolute;
margin: 0;
padding: 0;
- border-right: 1px solid $dark-grey;
+ border-left: 1px solid $dark-grey;
border-bottom: 1px solid $dark-grey;
padding: 10px;
box-sizing: border-box;
+ background-color: $medium-white;
+}
+
+#tabs-langues .node.selected {
+ background-color: $medium-blue;
+ color: $light-blue;
}
#tabs-langues .node:hover {