1 import Ember from 'ember'; |
1 import Ember from 'ember'; |
2 |
2 |
3 export default Ember.Controller.extend({ |
3 export default Ember.Controller.extend({ |
4 queryParams: ['location', 'langue', 'discours', 'date', 'thematique', 'detailId'], |
4 queryParams: ['location', 'langue', 'discours', 'date', 'thematique', 'detail'], |
5 location: null, |
5 location: null, |
6 langue: null, |
6 langue: null, |
7 discours: null, |
7 discours: null, |
8 date: [], |
8 date: [], |
9 thematique: null, |
9 thematique: null, |
10 detailId: null, |
10 detail: null, |
11 |
11 |
12 currentId: null, |
12 currentId: null, |
13 currentItem: Ember.computed('currentId', function() { |
13 currentItem: Ember.computed('currentId', function() { |
14 Ember.$(".result-item").toggleClass("playing", false); |
14 Ember.$(".result-item").toggleClass("playing", false); |
15 Ember.$("#"+this.get('currentId')).toggleClass("playing", true); |
15 Ember.$("#"+this.get('currentId')).toggleClass("playing", true); |
16 if (this.get('currentId') === null){ |
16 if (this.get('currentId') === null){ |
17 return null; |
17 return null; |
18 } |
18 } |
19 return this.store.findRecord('document', this.get('currentId')); |
19 return this.store.findRecord('document', this.get('currentId')); |
20 }), |
20 }), |
21 modalItem: Ember.computed('detailId', function() { |
21 modalItem: Ember.computed('detail', function() { |
22 return this.store.findRecord('document', this.get('detailId')); |
22 return this.store.findRecord('document', this.get('detail')); |
23 }), |
23 }), |
24 filteredDocuments: Ember.computed('location', 'langue', 'discours', 'date', 'thematique', 'model', function() { |
24 filteredDocuments: Ember.computed('location', 'langue', 'discours', 'date', 'thematique', 'model', function() { |
25 var location = this.get('location'); |
25 var location = this.get('location'); |
26 var langue = this.get('langue'); |
26 var langue = this.get('langue'); |
27 var discours = this.get('discours'); |
27 var discours = this.get('discours'); |
80 return this.set('currentId', this.get('filteredDocuments').get('firstObject').id); |
80 return this.set('currentId', this.get('filteredDocuments').get('firstObject').id); |
81 }, |
81 }, |
82 play: function(item){ |
82 play: function(item){ |
83 this.set("currentId", item.id); |
83 this.set("currentId", item.id); |
84 }, |
84 }, |
85 details: function(item){ |
85 showMore: function(item){ |
86 if (Ember.$("#"+item.id).hasClass("details")){ |
86 if (Ember.$("#"+item.id).hasClass("show-more")){ |
87 Ember.$("#"+item.id).toggleClass("details", false); |
87 Ember.$("#"+item.id).toggleClass("show-more", false); |
88 } else{ |
88 } else{ |
89 Ember.$(".result-item").toggleClass("details", false); |
89 Ember.$(".result-item").toggleClass("show-more", false); |
90 Ember.$("#"+item.id).toggleClass("details", true); |
90 Ember.$("#"+item.id).toggleClass("show-more", true); |
91 } |
91 } |
92 }, |
92 }, |
93 toggleModal: function(item){ |
93 toggleModal: function(item){ |
94 if (typeof(item) !== 'undefined'){ |
94 if (typeof(item) !== 'undefined'){ |
95 this.set("detailId", item.id); |
95 this.set("detail", item.id); |
|
96 } else { |
|
97 this.set("detail", null); |
96 } |
98 } |
97 this.set("detailId", null); |
|
98 } |
99 } |
99 } |
100 } |
100 }); |
101 }); |