From 70d87fc25e6d352fd20439a256f3711f311956ef Mon Sep 17 00:00:00 2001
From: Bofh <bofh@nogafam.es>
Date: Sun, 27 Nov 2022 21:20:18 +0100
Subject: [PATCH] Add basic UI fo /#instance views

---
 css/base.php       | 21 +++++++++++++++++++
 views/instance.php | 52 ++++++++++++++++++++++++++++++++++++----------
 2 files changed, 62 insertions(+), 11 deletions(-)

diff --git a/css/base.php b/css/base.php
index 1992302..bf026ce 100644
--- a/css/base.php
+++ b/css/base.php
@@ -84,6 +84,27 @@ a {
 	height: 2.5em;
 }
 
+#window-instance #tabs {
+	position: relative;
+	z-index: 10;
+}
+#window-instance #tabs .item {
+	float: left;
+}
+#window-instance #tabs .tab-content {
+	padding: 1em;
+}
+#window-instance #content {
+	display: flex;
+	width: 100vw;
+	background: #d7d7d7;
+	height: 100vh;
+}
+#window-instance #content #container {
+	margin: 0 auto;
+	padding-top: 1em;
+}
+
 #window-instance_config {
 	background: #d7d7d7;
 }
diff --git a/views/instance.php b/views/instance.php
index 31b3862..02020f2 100644
--- a/views/instance.php
+++ b/views/instance.php
@@ -1,4 +1,15 @@
-<div class="flex hmax">
+<div class="hmax">
+	<div id="tabs"></div>
+	<div id="tabs-item">
+		<a href="javascript:{action}">
+		<div class="tab-content">
+			<span>{title}</span>
+		</div>
+		</a>
+	</div>
+	<div id="content">
+		<div id="container"></div>
+	</div>
 </div>
 
 <script>
@@ -12,8 +23,30 @@ function load__instance(args) {
 	};
 
 	const _paint = function() {
-		console.log(window.vars['current_instance']);
-		console.log('TODO: handle UI and stuff here');
+		const menu = [
+			{
+				title: 'Filter users',
+				action: 'alert(&quot;hello&quot;)',
+			},
+			{
+				title: 'Filter posts',
+				action: 'alert(&quot;hello&quot;)',
+			},
+			{
+				title: 'New accounts',
+				action: 'alert(&quot;hello&quot;)',
+			},
+		];
+		E.template('tabs', function(TPL) {
+			var html = '';
+			for (var i = 0; i < menu.length; i++) {
+				var tpl = TPL;
+				tpl = tpl.replaceAll('{title}', menu[i]['title']);
+				tpl = tpl.replaceAll('{action}', menu[i]['action']);
+				html += tpl;
+			}
+			return html;
+		});
 	};
 
 	const _main = function() {
@@ -38,14 +71,11 @@ function load__instance(args) {
 
 		apcontrol_title(`Instance (${hargs['instance']})`);
 		const config = parse_ini_config(window.vars['current_instance']['config']);
-		if (hargs['software'] === 'mastodon')
-		{
-			const musthave = window.consts['instance_config']['mastodon']['musthave'];
-			for (var i = 0; i < musthave.length; i++) {
-				if (config[musthave[i]] === undefined) {
-					window.location.hash = window.location.hash.replace('#instance/','#instance_config/');
-					return false;
-				}
+		const musthave = window.consts['instance_config'][hargs['software']]['musthave'];
+		for (var i = 0; i < musthave.length; i++) {
+			if (config[musthave[i]] === undefined) {
+				window.location.hash = window.location.hash.replace('#instance/','#instance_config/');
+				return false;
 			}
 		}
 		return _paint();