Component to Route action

components.display-search-results.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['col-md-3'],
  actions: {
    createEvent(concert) {
      console.log(concert, "display-search-results comp");
      this.sendAction('createEvent', concert);
    }
  }
});

components.thumbnail-for-search-results.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['thumbnail'],
  // concert: this.get('store').find('eventful-event'),
  actions: {
    createEvent() { 
      console.log(this.get('event'), "thumb comp")
      this.sendAction('createEvent', this.get('event'));
    }
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    let event = { 
      						'title' :'ember twiddle',
                	'image_url': 'http://dummyimage.com/300/09f/fff.png',
    							'venue_name': 'Anant Arcade',
      						'city_name': 'Mangalore',
      						'region_name': 'Karnataka',
      						'country_name': 'India',
      						'start_time': '10:30 AM'
                }
    return event;
  },
  //store: this.get('store'),
  actions: {
    createEvent (concert) {
      //debugger;
      console.log('comes here:::', concert, 'events route');
     // console.log(this.get('store'));
      //let events = this.get('store').createRecord(concert);
      //return events.save();
    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{thumbnail-for-search-results event=model createEvent="createEvent"}}
<br>

templates.components.display-search-results.hbs

{{yield}}

templates.components.thumbnail-for-search-results.hbs

<img class='event-pic' src={{event.image_url}} onError="this.src='http://i.imgur.com/r7UiMQr.png';">
      <div class="caption">
        <h3 class="thumb-title">{{event.title}}</h3>
        <p class="event-description">
           {{event.venue_name}} <br> {{event.start_time}} <br> <br>{{event.city_name}} <br>
           {{event.region_name}} <br>{{event.country_name}}
        </p>
        <p><a class="btn btn-primary" style="border: 2px solid green;cursor: pointer;" role="button"{{action "createEvent" concert on="click"}}>>Add Event</a></p>
     </div>

twiddle.json

{
  "version": "0.8.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.5.1",
    "ember-data": "2.5.2",
    "ember-template-compiler": "2.5.1"
  }
}