add about page to web ui

hrfee · Aug 31, 2020 · 8e8debd · 8e8debd
1 parent 1b0ca34
commit 8e8debd
Show file tree

Hide file tree

Showing 5 changed files with 314 additions and 283 deletions.
diff --git a/data/static/admin.js b/data/static/admin.js
@@ -100,6 +100,7 @@ var userDefaultsModal = createModal('userDefaults');
 var usersModal = createModal('users');
 var restartModal = createModal('restartModal');
 var refreshModal = createModal('refreshModal');
+var aboutModal = createModal('aboutModal');
 
 // Parsed invite: [<code>, <expires in _>, <1: Empty invite (no delete/link), 0: Actual invite>, <email address>, <remaining uses>, [<used-by>], <date created>, <notify on expiry>, <notify on creation>]
 function parseInvite(invite, empty = false) {
@@ -606,6 +607,11 @@ document.getElementById('loginForm').onsubmit = function() {
     return false;
 };
 
+document.getElementById('openAbout').onclick = function() {
+    settingsModal.hide();
+    aboutModal.show();
+};
+
 document.getElementById('openDefaultsWizard').onclick = function() {
     this.disabled = true
     this.innerHTML =

diff --git a/data/static/banner.svg b/data/static/banner.svg
diff --git a/data/templates/admin.html b/data/templates/admin.html
@@ -168,6 +168,9 @@ <h5 class="modal-title" id="settingsTitle">Settings</h5>
                     <div class="modal-body">
                         <ul class="list-group list-group-flush">
                             <p>Note: <sup class="text-danger">*</sup> Indicates required field, <sup class="text-danger">R</sup> Indicates changes require a restart.</p>
+                            <button type="button" class="list-group-item list-group-item-action" id="openAbout">
+                            About <i class="fa fa-info-circle"></i>
+                            </button>
                             <button type="button" class="list-group-item list-group-item-action" id="openUsers">
                             Users <i class="fa fa-user"></i>
                             </button>
@@ -256,6 +259,25 @@ <h5 class="modal-title">Settings applied.</h5>
                 </div>
             </div>
         </div>
+        <div class="modal fade" id="aboutModal" role="dialog" aria-labelledby="About jfa-go" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">About</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <img src="banner.svg" alt="jfa-go banner">
+                        <p><a href="https://github.com/hrfee/jfa-go"><i class="fa fa-github"></i> jfa-go</a></p>
+                        <p>Version <i>{{ .version }}</i></p>
+                        <p>Commit <i>{{ .commit }}</i></p>
+                        <p><a href="https://github.com/hrfee/jfa-go/blob/main/LICENSE">Available under the MIT License.</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="pageContainer">
             <h1>
                 Accounts admin

diff --git a/images/jfa-go-banner-wide.svg b/images/jfa-go-banner-wide.svg
diff --git a/images/jfa-go-banner-wide.svg b/images/jfa-go-banner-wide.svg
@@ -0,0 +1 @@
+../data/static/banner.svg
diff --git a/views.go b/views.go
@@ -16,6 +16,8 @@ func (app *appContext) AdminPage(gc *gin.Context) {
 		"contactMessage": "",
 		"email_enabled":  emailEnabled,
 		"notifications":  notificationsEnabled,
+		"version":        VERSION,
+		"commit":         COMMIT,
 	})
 }