import Ember from 'ember';
import _ from 'lodash/lodash';

export default Ember.Controller.extend({

    player: Ember.inject.service(),
    filter: Ember.inject.service(),
    constants: Ember.inject.service(),

    isLoading: false,
    currentUrl: '',

    page: 1,
    limit: Ember.computed(function() {
      return this.get('constants').DOCUMENTS_PAGINATION_PERPAGE;
    }),

    playerVideoscreenObserver: Ember.observer('player.videoscreen', function() {
        Ember.$('body').toggleClass('videoscreen', this.get('player').get('videoscreen'));
    }),

    queryParams : Ember.computed('filter.queryParams', function() {
        var res = _.clone(this.get('filter').get('queryParams'));
        res.push('notice');
        res.push('page');
        return res;
    }),

    // this has to be done because queryParameters can not be computed properties...
    // Of course, we rather had computed properties.
    // c.f. : https://github.com/emberjs/ember.js/issues/11592
    date: null,
    discourse: null,
    language: null,
    location: null,
    theme: null,

    localObserver: Ember.observer('language', 'date', 'date.[]', 'discourse', 'discourse.[]', 'location', 'theme', 'theme.[]', function() {
        this.get('filter').setProperties(this.getProperties('language', 'date', 'discourse', 'theme', 'location'));
        // need to reset pagination
        this.set("page", 1);
    }),
    filterObserver: Ember.observer('filter', 'filter.language', 'filter.date', 'filter.date.[]', 'filter.discourse', 'filter.discourse.[]', 'filter.location', 'filter.theme', 'filter.theme.[]',function() {
        this.setProperties(this.get('filter').getProperties('language', 'date', 'discourse', 'theme', 'location'));
        // need to reset pagination
        this.set("page", 1);
    }),

    itemObserver: Ember.observer('player.item', function() {
        var self = this;
        this.store.findRecord('document', this.get('player').get('item'), { reload: true }).then(function(model){
            self.get('player').set('model', model);
            if (self.get('player').get('model').get('transcript')) {
                self.store.findRecord('transcript', self.get('player').get('item')).then(function(model) {
                    self.get('player').set('transcript', model);
                });
            } else {
                self.get('player').set('transcript', null);
            }
        });
    }),

    notice: null,
    noticeModel: null,

    noticeObserver: Ember.observer('notice', function() {
        var self = this;
        if (this.get('notice')) {
            this.store.findRecord('document', this.get('notice'), { reload: true }).then(function(model){
                self.set('noticeModel', model);
            });
        }
    }),
    noticeModelObserver: Ember.observer('noticeModel', function() {
        if (!this.get('noticeModel')) {
            this.set('notice', null);
        }
    }),

    targetUrlChanged: Ember.observer('target.url', function() {
        Ember.run.next(this, function() {
            this.set('currentUrl', window.location.href);
        });
    }),

    init: function() {
        this._super(...arguments);
        this.get('player');
        this.get('filter');
    },

    actions: {

        setPageQueryparams: function(type) {
            var page = this.get('page');
            if(type === 'previous') {
                page = page - 1;
            } else if(type === 'next') {
                page = page + 1;
            }
            this.propertyWillChange('page');
            this.set('page', page);
            this.propertyDidChange('page');
        },

        play: function(item){
            this.set("currentId", item.id);
        }

    }
});