From e7e886a0e66dd44a1aacaafa01acd2cf34ebf5ea Mon Sep 17 00:00:00 2001
From: SkyratBot <59378654+SkyratBot@users.noreply.github.com>
Date: Fri, 20 May 2022 13:09:26 +0200
Subject: [PATCH] [MIRROR] Add replace_html to tgwindows (for real this time)
 [MDB IGNORE] (#13740)

* Add replace_html to tgwindows (for real this time) (#67137)

adds the ability to realtime inject HTML into TGWindow instances, just as you can create TGWindow instances with inline_html at initialization.

Co-authored-by: Aleksej Komarov <stylemistake@ gmail.com>

* Add replace_html to tgwindows (for real this time)

Co-authored-by: magatsuchi <88991542+magatsuchi@users.noreply.github.com>
Co-authored-by: Aleksej Komarov <stylemistake@ gmail.com>
---
 code/modules/tgui/tgui_window.dm | 12 ++++++++++++
 tgui/public/tgui.html            | 22 ++++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/code/modules/tgui/tgui_window.dm b/code/modules/tgui/tgui_window.dm
index 40aef1b72ea..c437ce5817c 100644
--- a/code/modules/tgui/tgui_window.dm
+++ b/code/modules/tgui/tgui_window.dm
@@ -291,6 +291,18 @@
 			: "[id].browser:update")
 	message_queue = null
 
+/**
+ * public
+ *
+ * Replaces the inline HTML content.
+ *
+ * required inline_html string HTML to inject
+ */
+/datum/tgui_window/proc/replace_html(inline_html = "")
+	client << output(url_encode(inline_html), is_browser \
+		? "[id]:replaceHtml" \
+		: "[id].browser:replaceHtml")
+
 /**
  * private
  *
diff --git a/tgui/public/tgui.html b/tgui/public/tgui.html
index ecb3e11b9cc..d7c1b4b5d97 100644
--- a/tgui/public/tgui.html
+++ b/tgui/public/tgui.html
@@ -470,6 +470,26 @@ window.update.flushQueue = function (listener) {
   }
 };
 
+window.replaceHtml = function (inline_html) {
+  var children = document.body.childNodes;
+
+  for (var i = 0; i < children.length; i++) {
+    if (children[i].nodeValue == " tgui:inline-html-start ") {
+      while (children[i].nodeValue != " tgui:inline-html-end ") {
+        children[i].remove();
+      }
+      children[i].remove();
+    }
+  }
+
+  document.body.insertAdjacentHTML(
+    "afterbegin",
+    "<!-- tgui:inline-html-start -->"
+      + inline_html
+      + "<!-- tgui:inline-html-end -->"
+  );
+};
+
 // Signal tgui that we're ready to receive updates
 Byond.sendMessage('ready');
 </script>
@@ -577,7 +597,9 @@ blink {
 
 <!-- tgui:inline-polyfill -->
 <!-- tgui:assets -->
+<!-- tgui:inline-html-start -->
 <!-- tgui:inline-html -->
+<!-- tgui:inline-html-end -->
 <!-- tgui:inline-js -->
 
 <!-- Root element for tgui interfaces -->