title: How to make `execute` actions on semantic-ui modules with semantic-ui-ember?
body: <p>I've written a <a href="https://github.com/Semantic-Org/Semantic-UI-Ember/issues/169" rel="nofollow noreferrer">github issue</a> 2 weeks ago on <code>semantic-ui-ember</code>'s repo but I got no answer yet. That's the reason why I'm reposting it here, hoping for more answers.</p>
  
  <p>I'm trying to make a sample project out of the doc and can't get it working properly with all the docs I went through. I might be missing something really important. I'm actually able to get Semantic modules generated by ember but I get stuck when I try to interact with them and use actions on them.</p>
  
  <p>I tried many different things but the closer I got was by following <a href="http://semantic-org.github.io/Semantic-UI-Ember/#/modules/usage" rel="nofollow noreferrer">this guide</a>.</p>
  
  <h2>Details on what I did. To see the actual error, please go to the end of my explanation.</h2>
  
  <ol>
  <li>I first installed ember: <code>npm install -g ember-cli</code>.</li>
  <li>Then I created a new test project: <code>ember new testEmberSemantic</code></li>
  <li><p>Created the basic templates and a component for my future accordion test:</p>
  
  <p>ember generate template application
  ember generate template index
  ember generate component accordion-test</p></li>
  <li><p>Then I install <code>Semantic-UI-Ember</code> and generate it:</p>
  
  <p>ember install semantic-ui-ember
  ember generate semantic-ui-ember</p></li>
  <li><p>I then put the following in <code>templates/components/accordion-test.hbs</code>:</p>
  
  <pre><code>{{yield}}
  {{#ui-accordion as |execute|}}
    &lt;div class="title"&gt;
      Semantic UI
    &lt;/div&gt;
    &lt;div class="content"&gt;
      Be sure to check out &lt;div class="ui button"
      onclick="{{action (execute 'open' 1)}}"&gt;the example&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="title"&gt;
      Example
    &lt;/div&gt;
    &lt;div class="content"&gt;
      This is a great example!
    &lt;/div&gt;
  {{/ui-accordion}}
  </code></pre></li>
  <li><p>I added a simple <code>{{accordion-test}}</code> in <code>templates/index.hbs</code> and <code>{{outlet}}</code> in <code>templates/application.hbs</code>.</p></li>
  </ol>
  
  <h2>The error encountered.</h2>
  
  <ol start="7">
  <li><p>Then, if I try to run <code>ember server</code> and load the webpage at <code>localhost:4200</code>, I have the following error in the console with nothing rendered on it.</p>
  
  <pre><code>Assertion Failed: A helper named "execute" could not be found
  </code></pre></li>
  </ol>
  
  <p>If I try the same without the <code>execute</code> and <code>action</code> parts in <code>templates/components/accordion-test</code>, I get a normal page but, of course, without event handler on the button.</p>
  
  <p>I kinda guessed, from what I read from the docs than it implicitly calls a method on the ui-accordion component in the base mixin that is supposed to call the method on the semantic component but it's not clearly said.</p>
  
  <p>I even tried to add the following in <code>components/accordion-test</code>, just to make sure I wasn't required to create the "helper" myself.</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend( {
    actions: {
      execute( command, argumentOne ) {
        $( '.ui.accordion' ).accordion( command, argumentOne );
      }
    }
  } );
  </code></pre>
  
  <p>But that didn't help.
  I think the main problem probably comes from my usage of <code>Semantic-UI-Ember</code> but this is the closest I can get to something working based on what I can find in the docs. Maybe that needs to be updated, to make sure a newcomer can get to a working example easily.</p>
  
  <p>Also, I did all of this using <code>node v7.1.0</code> once and then tried it again (from scratch) with the <code>6.9.1</code> version and got the same results. So, it doesn't seem to be linked with the node version, here.</p>
  
  <p>Thank you for your patience while reading this. :)</p>
  
  <p><strong>PS</strong>: This post might require a new tag called <code>semantic-ui-ember</code> as it uses this framework but I don't have the reputation to do so. Please, feel free to create it and tag this post to it. Thank you.</p>