Enhance all post and reply delete buttons.

diff --git a/src/main/resources/i18n/sone.en.properties b/src/main/resources/i18n/sone.en.properties
index 0f99640..bce5929 100644 (file)
--- a/src/main/resources/i18n/sone.en.properties
+++ b/src/main/resources/i18n/sone.en.properties
@@ -171,3 +171,5 @@ WebInterface.DefaultText.SoneRequestURI=Sone Request Key
 WebInterface.DefaultText.FirstName=First name
 WebInterface.DefaultText.MiddleName=Middle name(s)
 WebInterface.DefaultText.LastName=Last name
+WebInterface.Confirmation.DeletePostButton=Yes, delete!
+WebInterface.Confirmation.DeleteReplyButton=Yes, delete!

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index 1f8e785..503555e 100644 (file)
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -392,3 +392,8 @@ textarea {
        width: 130ex;;
        font-size: 75%;
 }
+
+#sone .confirm {
+       font-weight: bold !important;
+       color: red !important;
+}

diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js
index 3c5e6a7..45a678f 100644 (file)
--- a/src/main/resources/static/javascript/sone.js
+++ b/src/main/resources/static/javascript/sone.js
@@ -146,3 +146,89 @@ function watchSone(soneId) {
                }, 5000);
        })(soneId);
 }
+
+/**
+ * Enhances a “delete” button so that the confirmation is done on the same page.
+ *
+ * @param buttonId
+ *            The selector of the button
+ * @param translationKey
+ *            The translation key of the text to show on the button
+ * @param deleteCallback
+ *            The callback that actually deletes something
+ */
+function enhanceDeleteButton(buttonId, translationKey, deleteCallback) {
+       button = $(buttonId);
+       (function(button) {
+               getTranslation(translationKey, function(translation) {
+                       newButton = $("<button></button>").addClass("confirm").hide().text(translation).click(function() {
+                               $(this).fadeOut("slow");
+                               deleteCallback();
+                               return false;
+                       }).insertAfter(button);
+                       (function(button, newButton) {
+                               button.click(function() {
+                                       button.fadeOut("slow", function() {
+                                               newButton.fadeIn("slow");
+                                               $(document).one("click", function() {
+                                                       if (this != newButton.get(0)) {
+                                                               newButton.fadeOut(function() {
+                                                                       button.fadeIn();
+                                                               });
+                                                       }
+                                               });
+                                       });
+                                       return false;
+                               });
+                       })(button, newButton);
+               });
+       })(button);
+}
+
+/**
+ * Enhances a post’s “delete” button.
+ *
+ * @param buttonId
+ *            The selector of the button
+ * @param postId
+ *            The ID of the post to delete
+ */
+function enhanceDeletePostButton(buttonId, postId) {
+       enhanceDeleteButton(buttonId, "WebInterface.Confirmation.DeletePostButton", function() {
+               $.getJSON("ajax/deletePost.ajax", { "post": postId, "formPassword": $("#sone #formPassword").text() }, function(data, textStatus) {
+                       if (data.success) {
+                               $("#sone .post#" + postId).slideUp();
+                       } else if (data.error == "invalid-post-id") {
+                               alert("Invalid post ID given!");
+                       } else if (data.error == "auth-required") {
+                               alert("You need to be logged in.");
+                       } else if (data.error == "not-authorized") {
+                               alert("You are not allowed to delete this post.");
+                       }
+               });
+       });
+}
+
+/**
+ * Enhances a reply’s “delete” button.
+ *
+ * @param buttonId
+ *            The selector of the button
+ * @param replyId
+ *            The ID of the reply to delete
+ */
+function enhanceDeleteReplyButton(buttonId, replyId) {
+       enhanceDeleteButton(buttonId, "WebInterface.Confirmation.DeleteReplyButton", function() {
+               $.getJSON("ajax/deleteReply.ajax", { "reply": replyId, "formPassword": $("#sone #formPassword").text() }, function(data, textStatus) {
+                       if (data.success) {
+                               $("#sone .reply#" + replyId).slideUp();
+                       } else if (data.error == "invalid-reply-id") {
+                               alert("Invalid reply ID given!");
+                       } else if (data.error == "auth-required") {
+                               alert("You need to be logged in.");
+                       } else if (data.error == "not-authorized") {
+                               alert("You are not allowed to delete this reply.");
+                       }
+               });
+       });
+}

diff --git a/src/main/resources/templates/include/head.html b/src/main/resources/templates/include/head.html
index fb0f546..9528ecd 100644 (file)
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -29,6 +29,26 @@
                });
        </script>
 
+       <script language="javascript">
+               /* replace all “delete” buttons with javascript. */
+               $(document).ready(function() {
+                       $("#sone .post").each(function() {
+                               postId = $(this).attr("id");
+                               enhanceDeletePostButton("#sone .post#" + postId + " > .status-line .delete button", postId);
+                               (function(postId) {
+                                       $("#sone .post#" + postId + " .reply").each(function() {
+                                               replyId = $(this).attr("id");
+                                               (function(postId, reply, replyId) {
+                                                       reply.find(".delete button").each(function() {
+                                                               enhanceDeleteReplyButton("#sone .post#" + postId + " .reply#" + replyId + " .delete button", replyId);
+                                                       })
+                                               })(postId, $(this), replyId);
+                                       });
+                               })(postId);
+                       });
+               });
+       </script>
+
        <div id="main">
 
                <div id="profile" class="<%ifnull currentSone>offline<%else>online<%/if>">

diff --git a/src/main/resources/templates/include/viewPost.html b/src/main/resources/templates/include/viewPost.html
index 8b41fdb..5c9ef15 100644 (file)
--- a/src/main/resources/templates/include/viewPost.html
+++ b/src/main/resources/templates/include/viewPost.html
@@ -16,7 +16,7 @@
        </div>
        <div class="replies">
                <%foreach post.replies reply>
-                       <div class="reply">
+                       <div id="<% reply.id|html>" class="reply">
                                <div>
                                        <div class="author profile-link"><a href="viewSone.html?sone=<% reply.sone.id|html>"><% reply.sone.niceName|html></a></div>
                                        <div class="text"><% reply.text|html></div>