Add machine image overlay

OpenBuilds · Apr 16, 2024 · f4aaf76 · f4aaf76
1 parent 92f821e
commit f4aaf76
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -295,6 +295,9 @@ <h1 style="position: fixed; top: 100px; left: 50%; transform: translateX(-50%);
  </div>
  </nav>
  <div id="renderArea">
+
+ <div style="position: absolute; top: 10px; right:10px; z-index: 1; max-width: 100px; max-width: 100px;" id="overlayimg"></div>
+
  <!-- #draganddrop -->
  <div id="draganddrop" style="display: none;">
  <div class="well">Drop File(s) Here!</div>

diff --git a/js/application-settings-controller.js b/js/application-settings-controller.js
@@ -422,6 +422,7 @@ function setMachineButton(type) {
  template = `<img src="images/mch/sphinx55.png"/> Select Machine`
  }
  $('#context_toggle2').html(template);
+ $('#overlayimg').html(`<img src="images/mch/` + type + `.png" style="max-width:100%; max-height:100%;"/>`)
 };
 
 $(document).ready(function() {