Show OPDB backglass images in machine details

app/assets/stylesheets/application.scss.erb

@@ -1555,6 +1555,8 @@ span.machine_year_man {
 
 .external_machine_link {
   margin: 10px;
+  display: flex;
+  align-items: center;
 }
 
 .external_machine_link_icon {
@@ -1564,6 +1566,24 @@ span.machine_year_man {
   filter: var(--filter);
 }
 
+.kineticist_icon {
+  width: 18px;
+  height: 18px;
+  margin-left: 6px;
+}
+
+.backglass_container {
+  display: flex;
+  justify-content: center;
+  padding: 5px 15px;
+}
+
+.backglass_img {
+  border-radius: 10px;
+  max-width: 100%;
+  height: auto;
+}
+
 /* ic_toggle */
 
 .ic_button {

app/views/location_machine_xrefs/_backglass.html.haml

@@ -0,0 +1,3 @@
+- if (!lmx.machine.opdb_img.blank?)
+  %div{:class => 'backglass_container'}
+    =image_tag( "#{lmx.machine.opdb_img}", :alt => "#{lmx.machine.name} backglass image",:class => 'backglass_img')

app/views/location_machine_xrefs/_ic_button.html.haml

@@ -1,22 +1,23 @@
-- if lmx.ic_enabled?
-  - has_text = "Has"
-- else
-  - has_text = "No"
-- if !user_signed_in?
-  = button_to new_user_session_path, :class => ["bold pointer ic_button", (lmx.ic_enabled == nil ? "ic_button_unknown_#{lmx.id} ic_unknown" : lmx.ic_enabled ? "ic_yes ic_button_#{lmx.id}" : "ic_no ic_button_#{lmx.id}")] do
-    Insider Connected
-- else
-  = button_to ic_toggle_location_machine_xref_path(lmx), method: :patch, remote: :true, :class => ["bold pointer ic_button", (lmx.ic_enabled == nil ? "ic_button_unknown_#{lmx.id} ic_unknown" : lmx.ic_enabled ? "ic_yes ic_button_#{lmx.id}" : "ic_no ic_button_#{lmx.id}")] do
-    Insider Connected
+- if lmx.machine.ic_eligible  
+  - if lmx.ic_enabled?
+    - has_text = "Has"
+  - else
+    - has_text = "No"
+  - if !user_signed_in?
+    = button_to new_user_session_path, :class => ["bold pointer ic_button", (lmx.ic_enabled == nil ? "ic_button_unknown_#{lmx.id} ic_unknown" : lmx.ic_enabled ? "ic_yes ic_button_#{lmx.id}" : "ic_no ic_button_#{lmx.id}")] do
+      Insider Connected
+  - else
+    = button_to ic_toggle_location_machine_xref_path(lmx), method: :patch, remote: :true, :class => ["bold pointer ic_button", (lmx.ic_enabled == nil ? "ic_button_unknown_#{lmx.id} ic_unknown" : lmx.ic_enabled ? "ic_yes ic_button_#{lmx.id}" : "ic_no ic_button_#{lmx.id}")] do
+      Insider Connected
 
-  :javascript
-    $(".ic_button_unknown_#{lmx.id}").click(function(event){
-      if (event.target.classList.contains('ic_unknown')) {
-        $(this).removeClass("ic_unknown").addClass("ic_yes");
-      } else {
-        $(this).toggleClass("ic_no ic_yes");
-      }
-    })
-    $(".ic_button_#{lmx.id}").click(function(){
-      $(".ic_button_#{lmx.id}").toggleClass('ic_yes ic_no');
-    });
+    :javascript
+      $(".ic_button_unknown_#{lmx.id}").click(function(event){
+        if (event.target.classList.contains('ic_unknown')) {
+          $(this).removeClass("ic_unknown").addClass("ic_yes");
+        } else {
+          $(this).toggleClass("ic_no ic_yes");
+        }
+      })
+      $(".ic_button_#{lmx.id}").click(function(){
+        $(".ic_button_#{lmx.id}").toggleClass('ic_yes ic_no');
+      });

app/views/location_machine_xrefs/_render_machine_tools.html.haml

@@ -1,5 +1,5 @@
-- if lmx.machine.ic_eligible
-  = render :partial => 'location_machine_xrefs/ic_button', :locals => {:lmx => lmx}
+= render :partial => 'location_machine_xrefs/backglass', :locals => {:lmx => lmx}
+= render :partial => 'location_machine_xrefs/ic_button', :locals => {:lmx => lmx}
 = render :partial => 'machine_conditions/show_machine_conditions', :locals => {:lmx => lmx}, cached: true
 = render :partial => 'location_machine_xrefs/update_machine_condition', :locals => {:lmx => lmx}
 = render :partial => 'machine_score_xrefs/add_high_score',  :locals => {:lmx => lmx}