X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Ftemplates%2FeditProfile.html;h=fea58a8ee1ce1865726ea5f08a4456819ed3ce0f;hb=67c3d6cf09d8e7784d6cc5e0c4116b12fe15dd00;hp=12cbd74e076830607cd8cfff095865152f2c389a;hpb=bfd1b2e8caf931f4a27d414bce3fc7d688ccdef9;p=Sone.git

diff --git a/src/main/resources/templates/editProfile.html b/src/main/resources/templates/editProfile.html
index 12cbd74..fea58a8 100644
--- a/src/main/resources/templates/editProfile.html
+++ b/src/main/resources/templates/editProfile.html
@@ -1,6 +1,13 @@
 <%include include/head.html>
 
 	<script language="javascript">
+		function recheckMoveButtons() {
+			$("#sone .profile-field").each(function() {
+				$(".move-up-field", this).toggleClass("hidden", $(this).prev(".profile-field").length == 0);
+				$(".move-down-field", this).toggleClass("hidden", $(this).next(".profile-field").length == 0);
+			});
+		}
+
 		$(function() {
 			getTranslation("WebInterface.DefaultText.FirstName", function(firstNameDefaultText) {
 				registerInputTextareaSwap("#sone #edit-profile input[name=first-name]", firstNameDefaultText, "first-name", true, true);
@@ -21,7 +28,7 @@
 				registerInputTextareaSwap("#sone #edit-profile input[name=birth-year]", birthYearDefaultText, "birth-year", true, true);
 			});
 			getTranslation("WebInterface.DefaultText.FieldName", function(fieldNameDefaultText) {
-				registerInputTextareaSwap("#sone #add-profile-field input[name=field-name]", fieldNameDefaultText, "field-name", true, true);
+				registerInputTextareaSwap("#sone #add-profile-field input[name=field-name]", fieldNameDefaultText, "field-name", false, true);
 			});
 
 			<%foreach fields field>
@@ -55,6 +62,7 @@
 							buttonName = confirmButton.attr("name");
 							fieldId = buttonName.substring("delete-field-".length);
 							deleteProfileField(fieldId);
+							recheckMoveButtons();
 							return false;
 						});
 					})($(this), confirmButton);
@@ -109,6 +117,26 @@
 					});
 				})($(this), inputField, confirmButton, cancelButton, fieldNameElement);
 			});
+
+			/* ajaxify “move up” and “move down” buttons. */
+			$("#sone .profile-field .move-down-field button").click(function() {
+				profileField = $(this).parents(".profile-field");
+				moveProfileFieldDown(profileField.attr("id"), function() {
+					next = profileField.next();
+					current = profileField.insertAfter(next);
+					recheckMoveButtons();
+				});
+				return false;
+			});
+			$("#sone .profile-field .move-up-field button").click(function() {
+				profileField = $(this).parents(".profile-field");
+				moveProfileFieldUp(profileField.attr("id"), function() {
+					previous = profileField.prev();
+					current = profileField.insertBefore(previous);
+					recheckMoveButtons();
+				});
+				return false;
+			});
 		});
 	</script>
 
@@ -163,7 +191,7 @@
 		<%foreach fields field fieldLoop>
 			<div class="profile-field" id="<% field.id|html>">
 				<div class="name"><% field.name|html></div>
-				<input class="short hidden" type="text"><button class="confirm hidden" type="button">✔</button><button class="cancel hidden" type="button">✘</button>
+				<input class="short hidden" type="text"><button class="edit confirm hidden" type="button">✔</button><button class="cancel hidden" type="button">✘</button>
 				<div class="edit-field-name"><button type="submit" name="edit-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.Edit|l10n|html></button></div>
 				<div class="delete-field-name"><button type="submit" name="delete-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.Delete|l10n|html></button></div>
 				<div class="<%if fieldLoop.last>hidden <%/if>move-down-field"><button type="submit" name="move-down-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.MoveDown|l10n|html></button></div>