Using different tags in template

* using span instead of div for the component * using real buttons for the actions
Advertate · Apr 29, 2015 · ed8c9ab · ed8c9ab
1 parent 87dab01
commit ed8c9ab
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/addon/components/confirm-extension.js b/addon/components/confirm-extension.js
@@ -6,6 +6,9 @@ import layout from '../templates/components/confirm-extension';
 export default Ember.Component.extend({
   layout: layout,
 
+  tagName: 'span',
+  classNames: ['ece-container'],
+
   _setupClickHandler: function () {
     var closer = _clickHandlerFor(this);
     this.set('_closer', closer);

diff --git a/addon/templates/components/confirm-extension.hbs b/addon/templates/components/confirm-extension.hbs
@@ -3,8 +3,8 @@
   <div class="ece-bubble">
     <div class="ece-question">{{questionText}}</div>
     <div class="ece-buttons">
-      <span class="ece-confirm" {{action 'confirm'}}>{{confirmText}}</span>
-      <span class="ece-decline" {{action 'decline'}}>{{declineText}}</span>
+      <button class="ece-confirm" {{action 'confirm'}}>{{confirmText}}</button>
+      <button class="ece-decline" {{action 'decline'}}>{{declineText}}</button>
     </div>
   </div>
 {{/if}}