From a899c83d6ed78597b75e01c746d6be608ad3c7c4 Mon Sep 17 00:00:00 2001
From: BroodjeAap <david@broodjeaap.net>
Date: Sat, 4 Mar 2023 12:40:20 +0000
Subject: [PATCH] filter results can be clicked to view the long text

---
 todo.md            |  1 -
 web/static/edit.js | 42 +++++++++++++++++++++++++-----------------
 web/static/edit.ts |  7 ++++++-
 3 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/todo.md b/todo.md
index c73513b..9bb5c30 100644
--- a/todo.md
+++ b/todo.md
@@ -9,5 +9,4 @@
     - compose example
     - readme
 - list of urls on watch view page?
-- view long results
 - add types to readme code blocks
\ No newline at end of file
diff --git a/web/static/edit.js b/web/static/edit.js
index 87178df..3ba6bfd 100644
--- a/web/static/edit.js
+++ b/web/static/edit.js
@@ -879,26 +879,34 @@ function editNode(node) {
     }
     var filterModalFooter = document.getElementById("filterResultsDiv");
     filterModalFooter.innerHTML = "";
+    var _loop_2 = function (result) {
+        var cardDiv = document.createElement("div");
+        cardDiv.classList.add("card", "my-2");
+        var cardBody = document.createElement("div");
+        cardBody.classList.add("card-body", "text-center");
+        var pre = document.createElement("pre");
+        var code = document.createElement("code");
+        if (result.length > 1500) {
+            var showResultLink_1 = document.createElement("a");
+            showResultLink_1.href = "#";
+            showResultLink_1.onclick = function () { showResultLink_1.innerHTML = result; };
+            showResultLink_1.innerHTML = "String of length >1500";
+            code = showResultLink_1;
+            console.log("code");
+        }
+        else {
+            result = result.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+            code.innerHTML = "'" + result + "'";
+        }
+        cardDiv.appendChild(cardBody);
+        pre.appendChild(code);
+        cardBody.appendChild(pre);
+        filterModalFooter.appendChild(cardDiv);
+    };
     try {
         for (var _e = __values(node.results), _f = _e.next(); !_f.done; _f = _e.next()) {
             var result = _f.value;
-            var cardDiv = document.createElement("div");
-            cardDiv.classList.add("card", "my-2");
-            var cardBody = document.createElement("div");
-            cardBody.classList.add("card-body", "text-center");
-            var pre = document.createElement("pre");
-            var code = document.createElement("code");
-            if (result.length > 1500) {
-                code.innerHTML = "String of length >1500";
-            }
-            else {
-                result = result.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-                code.innerHTML = "'" + result + "'";
-            }
-            cardDiv.appendChild(cardBody);
-            pre.appendChild(code);
-            cardBody.appendChild(pre);
-            filterModalFooter.appendChild(cardDiv);
+            _loop_2(result);
         }
     }
     catch (e_5_1) { e_5 = { error: e_5_1 }; }
diff --git a/web/static/edit.ts b/web/static/edit.ts
index fd7fed8..ead1d61 100644
--- a/web/static/edit.ts
+++ b/web/static/edit.ts
@@ -1019,7 +1019,12 @@ function editNode(node: DiagramNode){
         let pre = document.createElement("pre");
         let code = document.createElement("code");
         if (result.length > 1500){
-            code.innerHTML = `String of length >1500`;
+            let showResultLink = document.createElement("a");
+            showResultLink.href = "#";
+            showResultLink.onclick = function() {showResultLink.innerHTML = result};
+            showResultLink.innerHTML = `String of length >1500`;
+            code = showResultLink;
+            console.log("code");
         } else {
             result = result.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
             code.innerHTML = `'${result}'`;