cms/app-client/app/components/visu-chrono.js
author nowmad@nowmads-macbook-pro.local
Tue, 15 Dec 2015 17:21:05 +0100
changeset 54 5b2b161dd4ce
parent 48 9ef0952033e0
child 72 9a7ea5349882
permissions -rw-r--r--
bind chono visu with query parameters
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
48
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
     1
import Ember from 'ember';
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
     2
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
     3
export default Ember.Component.extend({
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
     4
  didInsertElement: function(){
54
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
     5
    var _this = this;
48
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
     6
    var isMouseDown = false,
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
     7
      isHighlighted;
54
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
     8
    $("#our_table li").mousedown(function () {
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
     9
      isMouseDown = true;
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    10
      $(this).toggleClass("highlighted");
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    11
      isHighlighted = $(this).hasClass("highlighted");
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    12
      _this.sendUpdate();
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    13
      return false; // prevent text selection
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    14
    }).mouseover(function () {
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    15
      if (isMouseDown) {
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    16
        $(this).toggleClass("highlighted", isHighlighted);
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    17
        _this.sendUpdate();
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    18
      }
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    19
    }).bind("selectstart", function () {
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    20
      return false;
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    21
    })
48
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    22
54
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    23
    $(document).mouseup(function () {
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    24
      isMouseDown = false;
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    25
    });
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    26
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    27
    console.log('test: ', this);
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    28
    console.log(this.get('route'));
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    29
    console.log(this.get('router.queryParams'));
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    30
  },
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    31
  sendUpdate: function(){
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    32
    var dateQuery = $('.highlighted').map(function(index, elt) {
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    33
      return parseInt($(elt).parent().attr('id')) + parseInt($(elt).html());
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    34
    }).get().join(',');
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    35
    dateQuery = (dateQuery == "") ? null : dateQuery;
5b2b161dd4ce bind chono visu with query parameters
nowmad@nowmads-macbook-pro.local
parents: 48
diff changeset
    36
    this.sendAction('action', dateQuery);
48
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    37
  }
9ef0952033e0 add example of visualisation for "chonologie"
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    38
});