corpus_parole: cms/app-client/app/components/visu-chrono.js@21b30ee23191 (annotated)

Mercurial Mercurial > corpus_parole / annotate

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

cms/app-client/app/components/visu-chrono.js

author	Chloe Laisne <chloe.laisne@gmail.com>
	Tue, 14 Jun 2016 18:15:26 +0200
changeset 189	21b30ee23191
parent 120	e5e15547ffb1
child 195	9d083636bd99
permissions	-rw-r--r--

/langue endpoint: 1. Date interval 2. Delete date

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
120 e5e15547ffb1 correct deprecation warning ymh <ymh.work@gmail.com> parents: 98 diff changeset	3	const { getOwner } = Ember;
e5e15547ffb1 correct deprecation warning ymh <ymh.work@gmail.com> parents: 98 diff changeset	4
48 9ef0952033e0 add example of visualisation for "chonologie" nowmad@nowmads-macbook-pro.local parents: diff changeset	5	export default Ember.Component.extend({
189 21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	6
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	7	didInsertElement: function(){
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	8	var self = this;
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	9
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	10	if (getOwner(self).lookup('controller:application').date !== null){
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	11	this.highlightQuery(getOwner(self).lookup('controller:application').date);
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	12	}
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	13
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	14	var isMouseDown = false,
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	15	isHighlighted;
77 0889740f79c2 on page load, hilight the objects corresponding to the query params nowmad@23.1.168.192.in-addr.arpa parents: 72 diff changeset	16
189 21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	17	Ember.$("#chrono-table li").mousedown(function () {
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	18	isMouseDown = true;
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	19	Ember.$(this).toggleClass("highlighted");
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	20	isHighlighted = Ember.$(this).hasClass("highlighted");
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	21	self.sendUpdate();
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	22	return false; // prevent text selection
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	23	}).mouseover(function () {
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	24	if (isMouseDown) {
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	25	Ember.$(this).toggleClass("highlighted", isHighlighted);
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	26	self.sendUpdate();
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	27	}
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	28	}).bind("selectstart", function () {
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	29	return false;
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	30	});
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	31
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	32	Ember.$(document).mouseup(function () {
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	33	isMouseDown = false;
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	34	});
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	35	},
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	36
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	37	sendUpdate: function(){
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	38	var dateQuery = [];
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	39	Ember.$('.highlighted').map(function(index, elt) {
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	40	dateQuery.push(parseInt(Ember.$(elt).parent().attr('id')) + parseInt(Ember.$(elt).html()));
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	41	});
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	42	this.sendAction('action', dateQuery);
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	43	},
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	44
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	45	highlightQuery: function(list){
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	46	list.map(function(elt){
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	47	var year = Math.floor(parseInt(elt)/10)*10;
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	48	Ember.$("#"+year+" ."+(parseInt(elt)-year)).toggleClass("highlighted", true);
21b30ee23191 /langue endpoint: 1. Date interval 2. Delete date Chloe Laisne <chloe.laisne@gmail.com> parents: 120 diff changeset	49	});
77 0889740f79c2 on page load, hilight the objects corresponding to the query params nowmad@23.1.168.192.in-addr.arpa parents: 72 diff changeset	50	}
0889740f79c2 on page load, hilight the objects corresponding to the query params nowmad@23.1.168.192.in-addr.arpa parents: 72 diff changeset	51
48 9ef0952033e0 add example of visualisation for "chonologie" nowmad@nowmads-macbook-pro.local parents: diff changeset	52	});

corpus_parole