From: David ‘Bombe’ Roden <bombe@pterodactylus.net>
Date: Sat, 15 Jan 2011 14:39:16 +0000 (+0100)
Subject: Implement moving the profile fields with Javascript.
X-Git-Tag: 0.4^2~9^2
X-Git-Url: https://git.pterodactylus.net/?a=commitdiff_plain;ds=sidebyside;h=185de79a70043437bde82017e79ad9dbb816c554;p=Sone.git

Implement moving the profile fields with Javascript.
---

diff --git a/src/main/resources/templates/editProfile.html b/src/main/resources/templates/editProfile.html
index 12cbd74..8a1b7d7 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);
@@ -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>