From d7b15a6dc283c5229b385eee5bc2df248bf9f47a Mon Sep 17 00:00:00 2001
From: superengine <contact@superengine.tech>
Date: Wed, 23 Apr 2025 19:28:58 +0000
Subject: [PATCH] Add embedded_ui files

---
 embedded_ui/about.html        |  8 ++++++++
 embedded_ui/overview.html.hbs | 29 +++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 embedded_ui/about.html
 create mode 100644 embedded_ui/overview.html.hbs

diff --git a/embedded_ui/about.html b/embedded_ui/about.html
new file mode 100644
index 0000000..789474d
--- /dev/null
+++ b/embedded_ui/about.html
@@ -0,0 +1,8 @@
+<section class="section">
+    <div class="container">
+        <h2 class="title is-4">MySQL Port for Superengine</h2>
+        <p>Copyright 2025 Superengine.</p>
+        <p>License: <a href="https://www.superengine.tech/legal/software-license-agreement-for-ports" target="_blank">Software License Agreement for Ports</a>.</p>
+        <p class="mt-5">This port uses the mysql image with the tag 9.3.0 from Docker Hub, a third-party software with a different copyright owner and license.</p>
+    </div>
+</section>
diff --git a/embedded_ui/overview.html.hbs b/embedded_ui/overview.html.hbs
new file mode 100644
index 0000000..f7a7fd1
--- /dev/null
+++ b/embedded_ui/overview.html.hbs
@@ -0,0 +1,29 @@
+<section class="section">
+    <div class="container">
+        <h2 class="title is-4">Connection details</h2>
+        <table class="table">
+            <tbody>
+                <tr>
+                    <th>Port</th>
+                    <td>{{entitlements.port-number}}</td>
+                </tr>
+                <tr>
+                    <th>User</th>
+                    <td>{{entitlements.db-user}}</td>
+                </tr>
+                <tr>
+                    <th>Password</th>
+                    <td>{{entitlements.db-password}}</td>
+                </tr>
+                <tr>
+                    <th>Root password</th>
+                    <td>{{entitlements.db-root-password}}</td>
+                </tr>
+                <tr>
+                    <th>Database name</th>
+                    <td>{{entitlements.db-name}}</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</section>