import Ember from 'ember';
import _ from 'lodash/lodash';
import RSVP from 'rsvp';
import ENV from 'app-client/config/environment';
import URI from 'urijs';

export default Ember.Route.extend({

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

    model: Ember.observer('page', function(params) {
        var filterQueryArgs = _.clone(this.get('filter').get('queryParamsValues'));
        var promise = this.store.query('document', _.merge(filterQueryArgs, {
            page: params['page'],
            perpage: this.get('constants').DOCUMENTS_PAGINATION_PERPAGE
        }));
        return promise;
    }),

    /**
      Serializes value of the query parameter based on defaultValueType
      @method serializeQueryParam
      @param {Object} value
      @param {String} urlKey
      @param {String} defaultValueType
      @private
    */
    serializeQueryParam(value, urlKey, defaultValueType) {
        if(_.contains(this.get('filter').get('queryParams'), urlKey)) {
            return this.get('filter').serializeQueryParam(value, urlKey, defaultValueType);
        }
        return this._super(value, urlKey, defaultValueType);
    },

    /**
      Deserializes value of the query parameter based on defaultValueType
      @method deserializeQueryParam
      @param {Object} value
      @param {String} urlKey
      @param {String} defaultValueType
      @private
    */
    deserializeQueryParam(value, urlKey, defaultValueType) {
        if(_.contains(this.get('filter').get('queryParams'), urlKey)) {
            return this.get('filter').deserializeQueryParam(value, urlKey, defaultValueType);
        }
        return this._super(value, urlKey, defaultValueType);
    },

    beforeModel: function(transition) {
        new RSVP.Promise((resolve) => {
          // succeed
          this.get('filter').setProperties(transition['queryParams']);
          resolve();
        });
        return this._super(...arguments);
    },

    queryParams: Ember.computed('filter', function() {
        var res = this.get('filter').getRouteQueryParams();
        res['page'] = { refreshModel: true };
        res['notice'] = { refreshModel: false };
        return res;
    }),

    actions: {

        didTransition: function() {
            // Append body classname depending on the route
            Ember.$('body').removeClass((this.controller.get('currentPath') || '').replace(/\//g, '-').dasherize());
            Ember.run.once(this, function() {
                Ember.$('body').addClass((this.controller.get('currentPath') ||'').replace(/\//g, '-').dasherize());
            });
            // change external navigations links
            if(ENV.APP.navigationLinksSelector) {
                return new RSVP.Promise((resolve) => {
                  setTimeout(() => {
                    let hash = window.location.hash;
                    if(!hash) {
                        return true;
                    }
                    let uriHash = URI(hash.substr(1));
                    Ember.$(ENV.APP.navigationLinksSelector).each((i, l) => {
                        let uri = URI(Ember.$(l).prop('href'));
                        if(uri.fragment()) {
                          let urifragment = URI(uri.fragment()).search(uriHash.search());
                          Ember.$(l).prop('href', uri.fragment(urifragment.href()).href());
                        }
                    });
                    resolve(true);
                  }, 10);
                });
            }
            return true;
        }

    }

});