From b3ab0538eb41d608236aadcd613efde9bcf04ffb Mon Sep 17 00:00:00 2001
From: Keith Irwin <git@ki9.us>
Date: Sun, 6 Nov 2022 15:50:48 -0700
Subject: [PATCH] Added loading to dashboard and fixed sri hash

---
 checklist.md         | 3 ++-
 front/dashboard.html | 9 ++++++---
 front/dashboard.js   | 3 +++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/checklist.md b/checklist.md
index b37e35e..c4acbf3 100644
--- a/checklist.md
+++ b/checklist.md
@@ -16,4 +16,5 @@
 [ ] Let users download ssl certs
 [ ] Show QR code with new config
 [ ] Clean up bash file headings
-[ ] Deploy on GF4
\ No newline at end of file
+[ ] Deploy on GF4
+[ ] Write tests
diff --git a/front/dashboard.html b/front/dashboard.html
index c760dbe..1645a4f 100644
--- a/front/dashboard.html
+++ b/front/dashboard.html
@@ -6,7 +6,8 @@
 	<p>Use this console to edit your network-connected devices.  </p>
 
 	<h2>Your peers</h2>
-	<table>
+	<p data-bind="visible:!isLoaded">Loading...</p>
+	<table data-bind="visible:isLoaded">
 		<thead><tr>
 			<th>Host</th><th></th>
 		</tr></thead>
@@ -18,7 +19,8 @@
 
 	<h2>Add a peer</h2>
 	<p>To add a new peer, type in a hostname and click add.  The hostname must be 3-10 lowercase letters and numbers <code>/[a-z0-9]{3,10}/</code>.  Keep it short for your own sake!</p>
-	<div>
+	<p data-bind="visible:!isLoaded">Loading...</p>
+	<div data-bind="visible:isLoaded">
 		<input type="text" data-bind="textInput:newPeerName,event:{keypress:addKeyPress}" placeholder="mypc1"></input>
 		<button data-bind="click:addPeer,disable:isAdding,text:addText">Add</button>
 	</div>
@@ -26,7 +28,8 @@
 	<hr>
 	<pre data-bind="text:newConfigText"></pre>
 
-	<script src="/knockout.min.js" integrity="sha512-2AL/VEauKkZqQU9BHgnv48OhXcJPx9vdzxN1JrKDVc4FPU/MEE/BZ6d9l0mP7VmvLsjtYwqiYQpDskK9dG8KBA=="></script>
+	<script src="/knockout.min.js" integrity="sha512-vs7+jbztHoMto5Yd/yinM4/y2DOkPLt0fATcN+j+G4ANY2z4faIzZIOMkpBmWdcxt+596FemCh9M18NUJTZwvw==
+"></script>
 	<script src="/dashboard.js"></script>
 </body>
 </html>
diff --git a/front/dashboard.js b/front/dashboard.js
index c58937f..e782ea3 100644
--- a/front/dashboard.js
+++ b/front/dashboard.js
@@ -16,6 +16,7 @@ function PeerList() {
 	self.newConfigText = ko.observable('')
 	self.isAdding = ko.observable(false)
 	self.addText = ko.computed(() => self.isAdding()?'Adding...':'Add')
+	self.isLoaded = ko.observable(false)
 
 	// Initial loading
 	self.getUser = async () => {
@@ -40,6 +41,8 @@ function PeerList() {
 				.map( (i)=>new Peer(i))
 			)
 			self.token = user.token
+		} finally {
+			self.isLoaded(true)
 		}
 	}