Checkbox filters

components--browse-filter-checkbox.js

import Ember from 'ember';

const { Component } = Ember;

export default Component.extend({
    value  : null,
    label  : null,
    title  : null,
    linkTo : null,
    icon   : Ember.computed('value', function() {
        return this.get('value')
            ? 'ion-android-checkbox-outline'
            : 'ion-android-checkbox-outline-blank'
        ;
    }),
});

helpers-query-params-dynamic.js

import Ember from 'ember';

export function queryParamsDynamic([key, value]) {
    let hash = {};
    hash[key] = value;

    let qp = Ember.Object.extend({
        isQueryParams: true,
        values: null,
    });

    return qp.create({
        values: Ember.assign({}, hash)
    });
}

export default Ember.Helper.helper(queryParamsDynamic);

templates-browse.hbs

{{-browse/filter-checkbox
  linkTo=routeName
  key='upgrades'
  value=upgrades
  label="Upgrades"
  title="Toggle inclusion of ship upgrades"
}}

templates-components--browse-filter-checkbox.hbs

{{#link-to linkTo (query-params-dynamic key (if value false true)) class="btn btn-outline-info" title=title}}
    <i class="{{ icon }}"></i> {{ label }}
{{/link-to}}