consul/ui-v2/app/controllers/dc/intentions/index.js

import Controller from '@ember/controller';
import { computed, get } from '@ember/object';
import WithFiltering from 'consul-ui/mixins/with-filtering';
import ucfirst from 'consul-ui/utils/ucfirst';
// TODO: DRY out in acls at least
const createCounter = function(prop) {
  return function(items, val) {
    return val === '' ? get(items, 'length') : items.filterBy(prop, val).length;
  };
};
const countAction = createCounter('Action');
export default Controller.extend(WithFiltering, {
  queryParams: {
    action: {
      as: 'action',
    },
    s: {
      as: 'filter',
      replace: true,
    },
  },
  actionFilters: computed('items', function() {
    const items = get(this, 'items');
    return ['', 'allow', 'deny'].map(function(item) {
      return {
        label: `${item === '' ? 'All' : ucfirst(item)} (${countAction(
          items,
          item
        ).toLocaleString()})`,
        value: item,
      };
    });
  }),
  filter: function(item, { s = '', action = '' }) {
    const source = get(item, 'SourceName').toLowerCase();
    const destination = get(item, 'DestinationName').toLowerCase();
    const sLower = s.toLowerCase();
    const allLabel = 'All Services (*)'.toLowerCase();
    return (
      (source.indexOf(sLower) !== -1 ||
        destination.indexOf(sLower) !== -1 ||
        (source === '*' && allLabel.indexOf(sLower) !== -1) ||
        (destination === '*' && allLabel.indexOf(sLower) !== -1)) &&
      (action === '' || get(item, 'Action') === action)
    );
  },
});