From 0d4cb4698fde7fe1ae5e5b9dce66b1292c2584dc Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Fri, 27 Dec 2024 09:37:55 +1100
Subject: [PATCH] Improve frameless example

---
 v3/examples/frameless/assets/index.html | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/v3/examples/frameless/assets/index.html b/v3/examples/frameless/assets/index.html
index 184767368..8cc945d55 100644
--- a/v3/examples/frameless/assets/index.html
+++ b/v3/examples/frameless/assets/index.html
@@ -21,12 +21,27 @@
         }
     </style>
     <script type="module" src="/wails/runtime.js"></script>
+    <script type="module">
+        document.addEventListener('DOMContentLoaded', (event) => {
+            let minimiseButton = document.querySelector('#min');
+            minimiseButton.addEventListener('click', function(event) {
+                window.wails.Window.Minimise();
+                setTimeout(function() {
+                    window.wails.Window.UnMinimise();
+                }, 3000);
+            });
+            let closeButton = document.querySelector('#close');
+            closeButton.addEventListener('click', function(event) {
+                window.wails.Window.Close();
+            });
+        });
+    </script>
 </head>
 <body>
 <div class="container">
     <div class="quarter" style="background-color: lightblue; --wails-draggable: drag">Draggable</div>
-    <div class="quarter" style="background-color: lightgreen;">Not Draggable</div>
-    <div class="quarter" style="background-color: lightpink;">Not Draggable</div>
+    <div class="quarter" style="background-color: lightgreen;"><div>Not Draggable</div><button id="min">Minimise for 3s</button></div>
+    <div class="quarter" style="background-color: lightpink;"><div>Not Draggable</div><button id="close">Close</button></div>
     <div class="quarter" style="background-color: lightyellow; --wails-draggable: drag">Draggable</div>
 </div>
 </body>
