import Ember from 'ember';

import _ from 'lodash/lodash';

export default Ember.Controller.extend({

    player: Ember.inject.service(),

    filter: Ember.inject.service(),

    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');

        return res;

    }),

    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);

        }

    }),

    init: function() {

        this._super(...arguments);

        this.get('player');

    },

    actions: {

            }

        },

        play: function(item){

            this.set("currentId", item.id);

        }

    }

});