From f80a44ccd7f28b90aed3315f7ad0a5f90dd3c60c Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Mon, 26 Aug 2024 12:24:36 -0400
Subject: [PATCH] Title case settings names in the admin app.

---
 apps/admin.json      |  2 +-
 apps/admin/script.js | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/admin.json b/apps/admin.json
index 771a6d60..0f8f069f 100644
--- a/apps/admin.json
+++ b/apps/admin.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🎛",
-	"previous": "&cv8SAWUlFEc4rpJVAdySG4wF8Jjv3CdxLmoFfx/wqzw=.sha256"
+	"previous": "&2pviG1KjMF1Q3yCsJJpEMDJG3AI0qG8enuUso0Z42Aw=.sha256"
 }
diff --git a/apps/admin/script.js b/apps/admin/script.js
index e7c8bb24..24d196b4 100644
--- a/apps/admin/script.js
+++ b/apps/admin/script.js
@@ -27,13 +27,17 @@ function global_settings_set(key, value) {
 		});
 }
 
+function title_case(name) {
+	return name.split('_').map(x => x.charAt(0).toUpperCase() + x.substring(1)).join(' ');
+}
+
 window.addEventListener('load', function () {
 	const permission_template = (permission) => html` <code>${permission}</code>`;
 	function input_template(key, description) {
 		if (description.type === 'boolean') {
 			return html`
 				<li class="w3-row">
-					<label class="w3-quarter" for=${'gs_' + key} style="font-weight: bold">${key}</label>
+					<label class="w3-quarter" for=${'gs_' + key} style="font-weight: bold">${title_case(key)}</label>
 					<div class="w3-quarter w3-padding">${description.description}</div>
 					<div class="w3-quarter w3-padding w3-center"><input class="w3-check" type="checkbox" ?checked=${description.value} id=${'gs_' + key}></input></div>
 					<button class="w3-quarter w3-button w3-theme-action" @click=${(e) => global_settings_set(key, e.srcElement.previousElementSibling.checked)}>Set</button>
@@ -43,7 +47,7 @@ window.addEventListener('load', function () {
 			return html`
 				<li class="w3-row">
 					<label class="w3-quarter" for=${'gs_' + key} style="font-weight: bold"
-						>${key}</label
+						>${title_case(key)}</label
 					>
 					<div class="w3-rest w3-padding">${description.description}</div>
 					<textarea
@@ -68,7 +72,7 @@ ${description.value}</textarea
 		} else {
 			return html`
 				<li class="w3-row">
-					<label class="w3-quarter" for=${'gs_' + key} style="font-weight: bold">${key}</label>
+					<label class="w3-quarter" for=${'gs_' + key} style="font-weight: bold">${title_case(key)}</label>
 					<div class="w3-quarter w3-padding">${description.description}</div>
 					<input class="w3-input w3-quarter" type="text" value="${description.value}" id=${'gs_' + key}></input>
 					<button class="w3-button w3-quarter w3-theme-action" @click=${(e) => global_settings_set(key, e.srcElement.previousElementSibling.value)}>Set</button>