From b6cc80b92c34e88080cfa1304a1ffdbcd64a3d52 Mon Sep 17 00:00:00 2001
From: Julien Acroute <julien.acroute@camptocamp.com>
Date: Tue, 19 Sep 2023 14:44:41 +0200
Subject: [PATCH] feat: display policy manifest

---
 builder.py           |  4 ++++
 templates/index.html | 24 ++++++++++++++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/builder.py b/builder.py
index 738a501..0ffbf29 100644
--- a/builder.py
+++ b/builder.py
@@ -431,4 +431,8 @@ def remove_policy():
   analyzers[ns].deletePolicy(wl)
   return redirect(url_for('home'))
 
+@app.route("/show_policy/<ns>/<wl>")
+def get_policy(ns, wl):
+  return yaml.dump(analyzers[ns].generatePolicy(wl))
+
 app.run(host="0.0.0.0", port=5000)
diff --git a/templates/index.html b/templates/index.html
index 58b4447..7361792 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -50,13 +50,13 @@ <h2 class="mt-4">Workload: {{ wl }}</h2>
 
 <!-- Modal to display TracingPolicies manifest -->
 <div class="modal fade" id="yamlPolicyModal" tabindex="-1" aria-labelledby="yamlPolicyModalLabel" aria-hidden="true">
-  <div class="modal-dialog">
+  <div class="modal-dialog modal-lg modal-dialog-scrollable">
     <div class="modal-content">
       <div class="modal-header">
         <h1 class="modal-title fs-5" id="yamlPolicyModalLabel">Policy Manifest</h1>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
-      <div class="modal-body">
+      <div class="modal-body p-0">
       <pre><code id="yamlPolicyModalBody" class="language-yaml"></code></pre>
       </div>
     </div>
@@ -94,12 +94,24 @@ <h1 class="modal-title fs-5" id="yamlPolicyModalLabel">Policy Manifest</h1>
     // Extract ns and wl
     const ns = button.getAttribute('data-bs-ns')
     const wl = button.getAttribute('data-bs-wl')
+    const yaml = document.getElementById('yamlPolicyModalBody');
+    yaml.textContent = "";
     // fetch yaml manifest
+    $.ajax({
+        type: "GET",
+        url: "/show_policy/" + ns + "/" + wl,
+        success: function (response) {
+            console.log("Response:", response);
+            // Inject yaml in the modal
+            yaml.textContent = response;
+            hljs.highlightAll();
+        },
+        error: function (error) {
+            console.error("Error:", error);
+        }
+    });
+
 
-    // Inject yaml in the modal
-    const yaml = document.getElementById('yamlPolicyModalBody');
-    yaml.textContent = ns + " " + wl;
-    hljs.highlightAll();
   })
 }
 {% endblock %}