From d2a6f0aa2003f5dbfc2b38c516865d17d7c40d15 Mon Sep 17 00:00:00 2001
From: bakito <github@bakito.ch>
Date: Mon, 9 Aug 2021 22:54:39 +0200
Subject: [PATCH] add some styling to api page

---
 pkg/sync/favicon.ico | Bin 0 -> 9662 bytes
 pkg/sync/http.go     |  18 ++++++++++++++++-
 pkg/sync/index.html  |  45 +++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 pkg/sync/favicon.ico
 create mode 100644 pkg/sync/index.html

diff --git a/pkg/sync/favicon.ico b/pkg/sync/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..abae2ee32190896315f067dec00cc1057c332d6a
GIT binary patch
literal 9662
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
DnL#Or

literal 0
HcmV?d00001

diff --git a/pkg/sync/http.go b/pkg/sync/http.go
index f57c4fe..9d43fc0 100644
--- a/pkg/sync/http.go
+++ b/pkg/sync/http.go
@@ -1,6 +1,8 @@
 package sync
 
 import (
+	_ "embed"
+
 	"context"
 	"fmt"
 	"net"
@@ -14,6 +16,13 @@ import (
 	"github.com/bakito/adguardhome-sync/pkg/log"
 )
 
+var (
+	//go:embed index.html
+	index []byte
+	//go:embed favicon.ico
+	favicon []byte
+)
+
 func (w *worker) handleSync(rw http.ResponseWriter, req *http.Request) {
 	switch req.Method {
 	case http.MethodPost:
@@ -25,7 +34,13 @@ func (w *worker) handleSync(rw http.ResponseWriter, req *http.Request) {
 }
 
 func (w *worker) handleRoot(rw http.ResponseWriter, _ *http.Request) {
-	_, _ = rw.Write([]byte("adguardhome-sync"))
+	rw.Header().Set("Content-Type", "text/html")
+	_, _ = rw.Write(index)
+}
+
+func (w *worker) handleFavicon(rw http.ResponseWriter, _ *http.Request) {
+	rw.Header().Set("Content-Type", "image/x-icon")
+	_, _ = rw.Write(favicon)
 }
 
 func (w *worker) handleLogs(rw http.ResponseWriter, _ *http.Request) {
@@ -78,6 +93,7 @@ func (w *worker) listenAndServe() {
 
 	mux.HandleFunc("/api/v1/sync", use(w.handleSync, mw...))
 	mux.HandleFunc("/api/v1/logs", use(w.handleLogs, mw...))
+	mux.HandleFunc("/favicon.ico", use(w.handleFavicon, mw...))
 	mux.HandleFunc("/", use(w.handleRoot, mw...))
 
 	go func() {
diff --git a/pkg/sync/index.html b/pkg/sync/index.html
new file mode 100644
index 0000000..e187c2c
--- /dev/null
+++ b/pkg/sync/index.html
@@ -0,0 +1,45 @@
+<html>
+<head>
+    <title>AdGuardHome sync</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
+    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js">
+    </script>
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $("#showLogs").click(function () {
+                $.get("/api/v1/logs", {}, function (data) {
+                        $('#logs').html(data);
+                    }
+                );
+            });
+            $("#sync").click(function () {
+                $.post("/api/v1/sync", {}, function (data) {
+                });
+            });
+            $("#showLogs").click()
+        });
+    </script>
+    <link rel="shortcut icon" href="/favicon.ico">
+</head>
+<body>
+<div class="container-fluid  px-4">
+    <div class="row">
+        <h1 class="display-4">AdGuardHome sync</h1>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="btn-group" role="group">
+                <input class="btn btn-success" type="button" id="sync" value="Synchronize"/>
+                <input class="btn btn-secondary" type="button" id="showLogs" value="Update Logs"/>
+            </div>
+        </div>
+    </div>
+    <div class="row  mt-3">
+        <div class="col-12">
+            <pre class="p-3 border"><code id="logs"></code></pre>
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file