From ef4a6b0ba3def752541a4622c39674a0ed830dec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Tue, 20 Jun 2023 08:13:32 +0200
Subject: [PATCH] Added logout

---
 main.go               |  2 +-
 static/css/main.css   |  4 ++++
 static/js/node.mjs    | 17 ++++++++++++-----
 static/less/main.less |  5 +++++
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/main.go b/main.go
index 4dc9c1d..84235cc 100644
--- a/main.go
+++ b/main.go
@@ -15,7 +15,7 @@ import (
 	_ "embed"
 )
 
-const VERSION = "v0.1.1";
+const VERSION = "v0.1.2";
 const LISTEN_HOST = "0.0.0.0";
 const DB_SCHEMA = 2
 
diff --git a/static/css/main.css b/static/css/main.css
index c01758e..0f4662d 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -55,8 +55,12 @@ h1 {
   padding: 16px;
   border-bottom: 1px solid #aaa;
   user-select: none;
+  font-size: 0.85em;
   -webkit-tap-highlight-color: transparent;
 }
+#menu .item.separator {
+  border-bottom: 3px solid #000;
+}
 #menu .item:hover {
   background: #ddd;
 }
diff --git a/static/js/node.mjs b/static/js/node.mjs
index d273939..7f19e91 100644
--- a/static/js/node.mjs
+++ b/static/js/node.mjs
@@ -53,13 +53,14 @@ export class NodeUI extends Component {
 			<div id="menu-blackout" class="${this.menu.value ? 'show' : ''}" onclick=${()=>this.menu.value = false}></div>
 			<div id="menu" class="${this.menu.value ? 'show' : ''}">
 				<div class="item" onclick=${()=>this.renameNode()}>Rename</div>
-				<div class="item" onclick=${()=>this.deleteNode()}>Delete</div>
+				<div class="item separator" onclick=${()=>this.deleteNode()}>Delete</div>
+				<div class="item" onclick=${()=>this.logout()}>Log out</div>
 			</div>
 
 			<header class="${modified}" onclick=${()=>this.saveNode()}>
 				<div class="name">Notes</div>
-				<div class="add" onclick=${()=>this.createNode()}>+</div>
-				<div class="menu" onclick=${()=>this.showMenu()}>☰</div>
+				<div class="add" onclick=${evt=>this.createNode(evt)}>+</div>
+				<div class="menu" onclick=${evt=>this.showMenu(evt)}>☰</div>
 			</header>
 
 			<div class="crumbs">${crumbs}</crumbs>
@@ -110,9 +111,14 @@ export class NodeUI extends Component {
 			evt.stopPropagation()
 		}
 	}//}}}
-	showMenu() {//{{{
+	showMenu(evt) {//{{{
+		evt.stopPropagation()
 		this.menu.value = true
 	}//}}}
+	logout() {//{{{
+		window.localStorage.removeItem('session.UUID')
+		location.href = '/'
+	}//}}}
 
 	goToNode(nodeID, dontPush) {//{{{
 		if(this.props.app.nodeModified.value) {
@@ -128,7 +134,8 @@ export class NodeUI extends Component {
 			this.node.value = node
 		})
 	}//}}}
-	createNode() {//{{{
+	createNode(evt) {//{{{
+		evt.stopPropagation()
 		let name = prompt("Name")
 		if(!name)
 			return
diff --git a/static/less/main.less b/static/less/main.less
index 404ceb8..2e7ed22 100644
--- a/static/less/main.less
+++ b/static/less/main.less
@@ -64,8 +64,13 @@ h1 {
 		padding: 16px;
 		border-bottom: 1px solid #aaa;
 		user-select: none;
+		font-size: 0.85em;
 		-webkit-tap-highlight-color: transparent;
 
+		&.separator {
+			border-bottom: 3px solid #000;
+		}
+
 		&:hover {
 			background: #ddd;
 		}