未ログイン時にプロフィール画面を封印するように。

Author: GenbuHase

libraries/common/common.js

@@ -77,7 +77,7 @@ window.addEventListener("DOMContentLoaded", () => {
 				let result = true;
 
 				dialog.querySelectorAll('*[Required]').forEach(requiredField => {
-					if (requiredField.value.replace(/\s/g, "").length == 0) {
+					if (requiredField.value.replace(/\s/g, "").length == 0 || !requiredField.checkValidity()) {
 						result = false;
 						return;
 					}

profile/index.html

@@ -72,7 +72,7 @@
 				</Section>
 
 				<Footer Class = "mdc-dialog__footer">
-					<Button Class = "mdc-button mdc-dialog__action mdc-dialog__footer__button mdc-dialog__footer__button--accept" Data-Locales = "common.dialog_yes">はい</Button>
+					<Button Class = "mdc-button mdc-dialog__action mdc-dialog__footer__button mdc-dialog__footer__button--accept" Data-Locales = "common.dialog_yes" Disabled = "Disabled">はい</Button>
 					<Button Class = "mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel" Data-Locales = "common.dialog_no">いいえ</Button>
 				</Footer>
 			</Div>

profile/profile.js

@@ -1,18 +1,35 @@
 terminal.addEventListener("message", event => {
 	if (event.data.code == "Loaded") {
-		base.Database.get(base.Database.INTERVAL, `users/${base.user.uid}`, res => {
-			new DOM("#Profile-Info-Name").value = res.userName,
-			new DOM("#Profile-Info-Name").parentNode.querySelector("Label").classList.add("mdc-text-field__label--float-above");
+		if (base.user) {
+			base.Database.get(base.Database.INTERVAL, `users/${base.user.uid}`, res => {
+				new DOM("#Profile-Info-Name").value = res.userName,
+				new DOM("#Profile-Info-Name").parentNode.querySelector("Label").classList.add("mdc-text-field__label--float-above");
 
-			new DOM("#Profile-Info-Detail").value = res.detail,
-			new DOM("#Profile-Info-Detail").parentNode.querySelector("Label").classList.add("mdc-text-field__label--float-above");
-		});
+				new DOM("#Profile-Info-Detail").value = res.detail,
+				new DOM("#Profile-Info-Detail").parentNode.querySelector("Label").classList.add("mdc-text-field__label--float-above");
+			});
+		} else {
+			location.href = "/SimpleThread/";
+		}
 	}
 });
 
 window.addEventListener("DOMContentLoaded", () => {
 	new DOM("@.mdc-text-field").forEach(textField => new mdc.textField.MDCTextField(textField));
 
+	let deleteConfirmer = new mdc.dialog.MDCDialog(new DOM("#DeleteConfirmer"));
+		deleteConfirmer.listen("MDCDialog:accept", () => {
+			base.delete();
+		});
+
+	new DOM("#DeleteConfirmer-Email").addEventListener("input", event => {
+		if (event.target.value == base.user.email) {
+			deleteConfirmer.acceptButton_.removeAttribute("disabled");
+		} else {
+			deleteConfirmer.acceptButton_.setAttribute("disabled", "");
+		}
+	});
+
 	new DOM("#Profile-Save").addEventListener("click", () => {
 		base.Database.update("users/" + base.user.uid, {
 			userName: new DOM("#Profile-Info-Name").value,
@@ -23,6 +40,6 @@ window.addEventListener("DOMContentLoaded", () => {
 	});
 
 	new DOM("#Profile-Delete").addEventListener("click", () => {
-		new mdc.dialog.MDCDialog(new DOM("#DeleteConfirmer")).show();
+		deleteConfirmer.show();
 	})
 });