import Ember from 'ember';

export default Ember.Controller.extend({
  queryParams: ['location', 'langue', 'discours', 'date', 'thematique'],
  location: null,
  langue: null,
  discours: null,
  date: null,
  thematique: null,
  currentItem: {title: "example", master: 'http://www.noiseaddicts.com/samples_1w72b820/3921.mp3'},
  filteredSounds: Ember.computed('location', 'langue', 'discours', 'date', 'thematique', 'model', function() {
    var location = this.get('location');
    var langue = this.get('langue');
    var discours = this.get('discours');
    var date = this.get('date');
    // var thematique = this.get('thematique');

    var sounds = this.get('model');

    if (location) {
      sounds = sounds.filterBy('spatial', location);
    }
    if (langue) {
      sounds = sounds.filterBy('language', langue);
    }
    if (discours) {
      sounds = sounds.filterBy('type', discours);
    }
    if (date) {
      sounds = sounds.filterBy('created', parseInt(date));
    }
    // if (thematique) {
    //   sounds = sounds.filterBy('thematique', thematique);
    // }

    return sounds;
  }),
  actions: {
    deleteTag: function(query){
      var queryParams = {};
      queryParams[query]  = null;
      this.transitionToRoute({queryParams: queryParams});
    },
    play: function(item){
      this.set("currentItem", item);
      $("#audio-player").load();
      $(".result-item").toggleClass("playing", false);
      $("#"+item.id).toggleClass("playing", true);
    },
    details: function(item){
      if ($("#"+item.id).hasClass("details")){
          $("#"+item.id).toggleClass("details", false);
      } else{
        $(".result-item").toggleClass("details", false);
        $("#"+item.id).toggleClass("details", true);
      }
    }
  }
});