corpus_parole: cms/app-client/app/components/transcript-component.js@ed05b89e3299 (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/transcript-component.js

author	Chloe Laisne <chloe.laisne@gmail.com>
	Wed, 17 Aug 2016 15:30:19 +0200
changeset 255	ed05b89e3299
parent 249	e4204b1a579a
child 257	eba9edbd8f46
permissions	-rw-r--r--

Add words to transcript

245 c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	1	import Ember from 'ember';
c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	2
c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	3	export default Ember.Component.extend({
c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	4
246 5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	5	classNames: ['transcript-component'],
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	6
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	7	player: Ember.inject.service(),
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	8
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	9	autoscroll: true,
247 7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	10	autoscrollElement : '.corpus-app-container',
7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	11	timeout: null,
246 5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	12
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	13	itemObserver: Ember.observer('player.item', function () {
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	14	this.set('autoscroll', true);
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	15	}),
245 c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	16
247 7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	17	didUpdate: function() {
246 5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	18	var self = this;
255 ed05b89e3299 Add words to transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 249 diff changeset	19	var target = Ember.$('.sentence.active');
ed05b89e3299 Add words to transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 249 diff changeset	20	if(this.get('autoscroll') && target.length) {
247 7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	21	Ember.$(this.get('autoscrollElement')).animate({
255 ed05b89e3299 Add words to transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 249 diff changeset	22	scrollTop: target.offset().top + Ember.$(this.get('autoscrollElement')).scrollTop() - Ember.$(this.get('autoscrollElement')).offset().top - 154
247 7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	23	}, 150);
7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	24	}
246 5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	25	},
5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	26
247 7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	27	actions: {
7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	28
7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	29	play: function(progress) {
249 e4204b1a579a Quickfix micro-cuts Chloe Laisne <chloe.laisne@gmail.com> parents: 248 diff changeset	30	this.get('player').trigger('progressupdate', progress);
248 256272c33349 Transcript sentence lick and play Chloe Laisne <chloe.laisne@gmail.com> parents: 247 diff changeset	31	this.get('player').set('playing', true);
246 5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	32	}
247 7a5d729992b8 Design and animate transcript Chloe Laisne <chloe.laisne@gmail.com> parents: 246 diff changeset	33
246 5b7ae96768be Bsic transcript-component design Chloe Laisne <chloe.laisne@gmail.com> parents: 245 diff changeset	34	}
245 c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	35
c9dd78a43b07 Transcript model and erializer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	36	});

corpus_parole