From 4e223c3b56d2dccf772b799d06c49d1cbdd00ddf Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Tue, 31 Oct 2023 17:17:11 +0000
Subject: [PATCH] Add sites view

---
 src/App.svelte             |  2 ++
 src/views/SitesView.svelte | 21 +++++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 src/views/SitesView.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 2f07111..cbbcce7 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -4,6 +4,7 @@
   import RoutesView from "./views/RoutesView.svelte";
   import RedirectsView from "./views/RedirectsView.svelte";
   import CertificatesView from "./views/CertificatesView.svelte";
+  import SitesView from "./views/SitesView.svelte";
   import {loginStore, parseJwt, type LoginStore} from "./stores/login";
   import {openLoginPopup} from "./utils/login-popup";
   import {domainOption} from "./stores/domain-option";
@@ -13,6 +14,7 @@
     {name: "Routes", view: RoutesView},
     {name: "Redirects", view: RedirectsView},
     {name: "Certificates", view: CertificatesView},
+    {name: "Sites", view: SitesView},
   ];
   let sidebarSelection: {name: string; view: typeof SvelteComponent<{}>} = sidebarOptions[0];
 
diff --git a/src/views/SitesView.svelte b/src/views/SitesView.svelte
new file mode 100644
index 0000000..f148b04
--- /dev/null
+++ b/src/views/SitesView.svelte
@@ -0,0 +1,21 @@
+<script>
+  import {getBearer} from "../stores/login";
+</script>
+
+<div class="sites-panel">
+  <iframe src="https://sites.1f349.net/panel.php?token={getBearer()}" title="" />
+</div>
+
+<style lang="scss">
+  .sites-panel {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    iframe {
+      border: 0;
+      width: 100%;
+      height: 100%;
+    }
+  }
+</style>