From d8780211bea450da1f9f25c5558ca68314026dc3 Mon Sep 17 00:00:00 2001
From: Alexander_Kabui
Date: Wed, 21 Aug 2024 21:37:47 +0300
Subject: Add diff btn for navbar.

---
 gn2/wqflask/templates/gn_editor.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'gn2')

diff --git a/gn2/wqflask/templates/gn_editor.html b/gn2/wqflask/templates/gn_editor.html
index 2c0d8a36..9e4d4a98 100644
--- a/gn2/wqflask/templates/gn_editor.html
+++ b/gn2/wqflask/templates/gn_editor.html
@@ -1,6 +1,11 @@
 {% extends "base.html" %}
 {% block title %}Genenetwork Files Editor{% endblock %}
 {% block css %}
+    <style>
+  #diffBtn {
+      cursor:pointer
+  }
+    </style>
     <link rel="stylesheet"
           type="text/css"
           href="{{ url_for('css', filename='diff2html/diff2html.min.css') }}" />
@@ -26,6 +31,9 @@
                                    hx-trigger="click"
                                    hx-swap="innerHTML">Commit</a>
                             </li>
+                            <li>
+                                <a hx-trigger="click" id="diffBtn"  hx-swap="innerHTML">Diff</a>
+                            </li>
                             <li>
                                 <a href="#"
                                    hx-get="/editor/settings"
@@ -179,6 +187,17 @@
           }
 
       })
+
+      htmx.on("#diffBtn","click",function(event){
+          //dispatch your event here
+	  console.log("Clicked diff btn here")
+	  htmx.find("#output").dispatchEvent(
+          new CustomEvent("diffEvent", {
+              bubbles: true,
+              detail: {},
+          }),
+      );
+      })
       function updatePreview(){
           const {markedHighlight} = globalThis.markedHighlight;
 
-- 
cgit v1.2.3