ui/app/pods/cio-insights

gistfile1.js

// ui/app/pods/cio-insights/component.js
import Ember from 'ember';
import FlyPanelComponent from 'fly-components/components/fly-panel';
import { computedReads, notEmpty } from 'cio/utils/ember-helpers';

export default FlyPanelComponent.extend({
  classNames: ['cio-insight'],

  event: null,
  filter: null,
  results: null,
  series: null,

  hasEvent: notEmpty('event'),

  query: computedReads('event', function() {
    //do some stuff
  }),

  actions: { /* Some awesome actions */ }
});

// ui/app/pods/cio-insights/template.hbs
{{#fly-panel-header}}
  <h1 class="fly-panel-title">
    "{{event}}" event
  </h1>
{{/fly-panel-header}}
{{cio-insights-results
  event=event
  filter=filter
  results=results
  series=series}}