diff -r 30e7ac1ff04a -r 5b2b161dd4ce cms/app-client/app/components/visu-chrono.js --- a/cms/app-client/app/components/visu-chrono.js Tue Dec 15 17:20:27 2015 +0100 +++ b/cms/app-client/app/components/visu-chrono.js Tue Dec 15 17:21:05 2015 +0100 @@ -2,27 +2,37 @@ export default Ember.Component.extend({ didInsertElement: function(){ + var _this = this; var isMouseDown = false, isHighlighted; - $("#our_table li") - .mousedown(function () { - isMouseDown = true; - $(this).toggleClass("highlighted"); - isHighlighted = $(this).hasClass("highlighted"); - return false; // prevent text selection - }) - .mouseover(function () { - if (isMouseDown) { - $(this).toggleClass("highlighted", isHighlighted); - } - }) - .bind("selectstart", function () { - return false; - }) + $("#our_table li").mousedown(function () { + isMouseDown = true; + $(this).toggleClass("highlighted"); + isHighlighted = $(this).hasClass("highlighted"); + _this.sendUpdate(); + return false; // prevent text selection + }).mouseover(function () { + if (isMouseDown) { + $(this).toggleClass("highlighted", isHighlighted); + _this.sendUpdate(); + } + }).bind("selectstart", function () { + return false; + }) - $(document) - .mouseup(function () { - isMouseDown = false; - }); + $(document).mouseup(function () { + isMouseDown = false; + }); + + console.log('test: ', this); + console.log(this.get('route')); + console.log(this.get('router.queryParams')); + }, + sendUpdate: function(){ + var dateQuery = $('.highlighted').map(function(index, elt) { + return parseInt($(elt).parent().attr('id')) + parseInt($(elt).html()); + }).get().join(','); + dateQuery = (dateQuery == "") ? null : dateQuery; + this.sendAction('action', dateQuery); } });