X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=1d6f0f8acac103a4c7320f1f2ff54aebe1acef0c;hb=aa5d1c27e9ed5a3d0b06c313e2669d2625c338f4;hp=7fbdab9250f1eb1f97515434657ff758da10c287;hpb=6b129595c94a1d65cd7949066963289badfd71c1;p=Sone.git diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js index 7fbdab9..1d6f0f8 100644 --- a/src/main/resources/static/javascript/sone.js +++ b/src/main/resources/static/javascript/sone.js @@ -1,25 +1,43 @@ /* Sone JavaScript functions. */ -function registerInputTextareaSwap(inputSelector, defaultText) { - (function(inputSelector, defaultText) { - $(inputSelector).focus(function() { - if ($(this).hasClass("default")) { - $(this).removeClass("default").val(""); - } - }).blur(function() { - alert($(this).val()); +function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, optional) { + $(inputSelector).each(function() { + textarea = $("").blur(function() { if ($(this).val() == "") { - alert("setting default"); - $(this).val(defaultText).addClass("default"); + $(this).hide(); + inputField = $(this).data("inputField"); + inputField.show().removeAttr("disabled").addClass("default"); + (function(inputField) { + getTranslation(defaultText, function(translation) { + inputField.val(translation); + }); + })(inputField); } - }).addClass("default").val(defaultText); - $($(inputSelector).get(0).form).submit(function() { - if ($(inputSelector).hasClass("default")) { - $(inputSelector).val(""); + }).hide().data("inputField", $(this)).val($(this).val()); + $(this).after(textarea); + (function(inputField, textarea) { + inputField.focus(function() { + $(this).hide().attr("disabled", "disabled"); + textarea.show().focus(); + }); + if (inputField.val() == "") { + inputField.addClass("default"); + (function(inputField) { + getTranslation(defaultText, function(translation) { + inputField.val(translation); + }); + })(inputField); + } else { + inputField.hide().attr("disabled", "disabled"); + textarea.show(); } - alert(($(inputSelector).hasClass("default") ? "def: ": "ok: ") + $(inputSelector).val()); - }); - })(inputSelector, defaultText); + $(inputField.get(0).form).submit(function() { + if (!optional && (textarea.val() == "")) { + return false; + } + }); + })($(this), textarea); + }); } /* hide all the “create reply” forms until a link is clicked. */ @@ -27,7 +45,7 @@ function addCommentLinks() { $("#sone .post").each(function() { postId = $(this).attr("id"); commentElement = (function(postId) { - var commentElement = $("
Comment
").addClass("show-reply-form").click(function() { + var commentElement = $("
Comment
").addClass("show-reply-form").click(function() { replyElement = $("#sone .post#" + postId + " .create-reply"); replyElement.removeClass("hidden"); replyElement.removeClass("light"); @@ -50,3 +68,83 @@ function addCommentLinks() { }); }); } + +/** + * Retrieves the translation for the given key and calls the callback function. + * The callback function takes a single parameter, the translated string. + * + * @param key + * The key of the translation string + * @param callback + * The callback function + */ +function getTranslation(key, callback) { + $.getJSON("ajax/getTranslation.ajax", {"key": key}, function(data, textStatus) { + callback(data.value); + }); +} + +/** + * Fires off an AJAX request to retrieve the current status of a Sone. + * + * @param soneId + * The ID of the Sone + */ +function getSoneStatus(soneId) { + $.getJSON("ajax/getSoneStatus.ajax", {"sone": soneId}, function(data, textStatus) { + updateSoneStatus(soneId, data.status, data.modified, data.lastUpdated); + /* seconds! */ + updateInterval = 60; + if (data.age < 600) { + updateInterval = 5; + } else if (data.age < 86400) { + updateInterval = 30; + } + setTimeout(function() { + getSoneStatus(soneId); + }, updateInterval * 1000); + }); +} + +/** + * Updates the status of the given Sone. + * + * @param soneId + * The ID of the Sone to update + * @param status + * The status of the Sone (“idle”, “unknown”, “inserting”, + * “downloading”) + * @param modified + * Whether the Sone is modified + * @param lastUpdated + * The date and time of the last update (formatted for display) + */ +function updateSoneStatus(soneId, status, modified, lastUpdated) { + $("#sone .sone." + soneId). + toggleClass("unknown", status == "unknown"). + toggleClass("idle", status == "idle"). + toggleClass("inserting", status == "inserting"). + toggleClass("downloading", status == "downloading"). + toggleClass("modified", modified); + $("#sone .sone." + soneId + " .last-update span.time").text(lastUpdated); +} + +var watchedSones = {}; + +/** + * Watches this Sone for updates to its status. + * + * @param soneId + * The ID of the Sone to watch + */ +function watchSone(soneId) { + if (watchedSones[soneId]) { + return; + } + watchedSones[soneId] = true; + (function(soneId) { + setTimeout(function() { + getSoneStatus(soneId); + }, 5000); + })(soneId); +}