init(web): add settings page

2025-01-07 13:25:25 +03:00
parent 3d35de3234
commit 14a7104c5f
5 changed files with 164 additions and 0 deletions
@@ -0,0 +1,58 @@
+$(window).on("load", function (e) {
+	$.ajax({
+		url: "/api/auth",
+		type: "GET",
+		dataType: "json",
+		success: function (resp) {
+			$("#input-name").val(resp.name);
+			$("#input-login").val(resp.login);
+			$("#input-tgid").val(resp.telegram_id);
+		},
+		error: function (err) {
+			$("#error-message").text(err.responseJSON.error);
+			$("#error").removeClass("hidden");
+		},
+	});
+});
+
+$(document).on("click", "#btn-logout", function (e) {
+	$.ajax({
+		url: "/api/auth",
+		type: "DELETE",
+		success: function () {
+			location.reload();
+		},
+		error: function (err) {
+			$("#error-message").text(err.responseJSON.error);
+			$("#error").removeClass("hidden");
+		},
+	});
+});
+
+$(document).on("submit", "#user-update", function (e) {
+	e.preventDefault();
+	formdata = $("#user-update").serializeArray();
+	data = {};
+	$(formdata).each(function (index, obj) {
+		data[obj.name] = obj.value;
+	});
+	console.log(data);
+	$.ajax({
+		url: "/api/auth",
+		type: "PATCH",
+		contentType: "application/json",
+		data: JSON.stringify(data),
+		processData: false,
+		dataType: "json",
+		success: function () {
+			$("#error").addClass("hidden");
+			$("#success").removeClass("hidden");
+            $("#input-password").val("");
+		},
+		error: function (err) {
+			$("#success").addClass("hidden");
+			$("#error-message").text(err.responseJSON.error);
+			$("#error").removeClass("hidden");
+		},
+	});
+});