From 8b8c7a5d5f923690245dcd61607068b6f6c4874a Mon Sep 17 00:00:00 2001
From: Jerry Nummi <jerrynummi@me.com>
Date: Sun, 8 Sep 2019 11:30:23 -0700
Subject: [PATCH] Ui::SendToConsole

---
 app/templates/components/promise-item.hbs        |  2 +-
 app/templates/components/route-cell-objects.hbs  | 16 ++++++++--------
 app/templates/container-type-toolbar.hbs         |  2 +-
 app/templates/container-types/index-toolbar.hbs  |  4 +---
 lib/ui/addon/components/send-to-console.js       | 10 ++--------
 .../templates/components/send-to-console.hbs     |  8 +++++++-
 6 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/app/templates/components/promise-item.hbs b/app/templates/components/promise-item.hbs
index 1264dc2118..d478cb83f6 100644
--- 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
index 0d68a618f2..734b523b73 100644
--- 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
index 682bc9f078..ce2baa605f 100644
--- 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
index c37dd8387f..0db09466e6 100644
--- 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
index 29f2ac0d93..9c2c248a2d 100644
--- 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
index 80e872c102..5ecf568af4 100644
--- 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>