Ui::SendToConsole

emberjs · Sep 10, 2019 · 8b8c7a5 · 8b8c7a5
1 parent bf6d7d5
commit 8b8c7a5
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 22 deletions.
diff --git a/app/templates/components/promise-item.hbs b/app/templates/components/promise-item.hbs
@@ -63,7 +63,7 @@
           Stack Trace
         </button>
       {{else}}
-        {{ui/send-to-console action=sendValueToConsole param=model}}
+        <Ui::SendToConsole @action={{sendValueToConsole}} @param={{model}} />
       {{/if}}
     </div>
   {{else}}

diff --git a/app/templates/components/route-cell-objects.hbs b/app/templates/components/route-cell-objects.hbs
@@ -7,10 +7,10 @@
     Route
   </span>
 
-  {{ui/send-to-console
-    action=@sendRouteHandlerToConsole
-    param=@route.value.routeHandler.name
-  }}
+  <Ui::SendToConsole
+    @action={{@sendRouteHandlerToConsole}}
+    @param={{@route.value.routeHandler.name}}
+  />
 
   {{#if route.value.controller.exists}}
     <span
@@ -21,9 +21,9 @@
       Controller
     </span>
 
-    {{ui/send-to-console
-      action=@sendControllerToConsole
-      param=@route.value.controller.name
-    }}
+    <Ui::SendToConsole
+      @action={{@sendControllerToConsole}}
+      @param={{@route.value.controller.name}}
+    />
   {{/if}}
 </div>
diff --git a/app/templates/container-type-toolbar.hbs b/app/templates/container-type-toolbar.hbs
@@ -6,7 +6,7 @@
 
   <Ui::ToolbarDivider />
 
-  {{ui/send-to-console action=(action "sendContainerToConsole")}}
+  <Ui::SendToConsole @action={{action "sendContainerToConsole"}} />
 
   <Ui::ToolbarDivider />
 

diff --git a/app/templates/container-types/index-toolbar.hbs b/app/templates/container-types/index-toolbar.hbs
@@ -6,7 +6,5 @@
 
   <Ui::ToolbarDivider />
 
-  {{ui/send-to-console
-    action=(action "sendContainerToConsole")
-  }}
+  <Ui::SendToConsole @action={{action "sendContainerToConsole"}} />
 </div>
diff --git a/lib/ui/addon/components/send-to-console.js b/lib/ui/addon/components/send-to-console.js
@@ -3,12 +3,6 @@ import layout from '../templates/components/send-to-console';
 
 export default Component.extend({
   layout,
-  tagName: 'button',
-  classNames: ['send-to-console', 'js-send-to-console-btn'],
-  attributeBindings: ['title'],
-  title: 'Send to Console',
-  action: 'sendValueToConsole',
-  click() {
-    this.action(this.get('param'));
-  }
+  tagName: ''
 });
+
diff --git a/lib/ui/addon/templates/components/send-to-console.hbs b/lib/ui/addon/templates/components/send-to-console.hbs
@@ -1 +1,7 @@
-{{svg-jar "send-with-text" width="20px" height="10px"}}
+<button
+  class="send-to-console js-send-to-console-btn"
+  title="Send to Console"
+  {{on "click" (fn @action @param)}}
+>
+  {{svg-jar "send-with-text" width="20px" height="10px"}}
+</button>