compued.js

import Ember from 'ember';
import InfinityRoute from "ember-infinity/mixins/route";
import computed from 'ember-computed-decorators';
import observes from 'ember-computed-decorators';

export default Ember.Route.extend(InfinityRoute, {
	slug: null,
	selected: [],
	model() {
		var slug = this.modelFor('event').params.slug;
		this.set('slug', slug);
		return Ember.run(() => {
			return Ember.RSVP.hash({
				eventInstance: this.store.query('eventInstance', {
					slug: slug
				}),
				lineup: this.infinityModel("lineup", { perPage: 24, startingPage: 0, slug: slug, sort: 'familiarity desc', currentUserAttending: false, locations: this.get('locations'), listingevent: this.get('listingEvents') })
			});
		});
	},
	_modelPath: 'currentModel.lineup',
	setupController(controller, models) {
		controller.set('eventInstance', models.eventInstance.get('firstObject'));
		controller.set('lineup', models.lineup);
	},
	@computed('selected', 'selected.[]')
	locations(selected){
		var locationsString = '';
		if (selected !== null) {
			for (var i = 0; i < selected.length; i++) {
				var filter = selected[i];
				switch (filter.model_type) {
					case 'location':
						if (locationsString === '') {
							locationsString = filter.name;
						}else {
							locationsString += ',' + filter.name;
						}
						break;
					default:
				}
			}
		}
		return locationsString;
	},
	listingEvents: null,
	/* jshint ignore:start */
		@computed('selected', 'selected.[]')
	/* jshint ignore:end */
		listingEventsObserver(selected){
			var listingEventsString = '';
			if (selected !== null) {
				for (var i = 0; i < selected.length; i++) {
					var filter = selected[i];
					switch (filter.model_type) {
						case 'listingevent':
							if (listingEventsString === '') {
								listingEventsString = filter.name;
							}else {
								listingEventsString += ',' + filter.name;
							}
							break;
						default:
					}
				}
			}
			return listingEventsString;
		},
	actions:{
		filtersChanged(selected){
			this.set('selected', selected);
		}
	}
});