(.*?)<\/div><\/body>/im.exec(xHtmlDocument.documentElement.innerHTML);
return RegExp.$1;
}
// #endregion
var postId, isNew,
txtTitle, txtContent, txtMessage, txtImage, chkPublish,
btnNew, btnEdit, btnDelete, btnSave, btnCancel,
editPost = function () {
txtTitle.attr('contentEditable', true);
txtContent.wysiwyg({ hotKeys: {}, activeToolbarClass: "active" });
txtContent.css({ minHeight: "400px" });
txtContent.focus();
btnNew.attr("disabled", true);
btnEdit.attr("disabled", true);
btnSave.removeAttr("disabled");
btnCancel.removeAttr("disabled");
chkPublish.removeAttr("disabled");
showCategoriesForEditing();
toggleSourceView();
$("#tools").fadeIn().css("display", "inline-block");
},
cancelEdit = function () {
if (isNew) {
if (confirm("Do you want to leave this page?")) {
history.back();
}
} else {
txtTitle.removeAttr('contentEditable');
txtContent.removeAttr('contentEditable');
btnCancel.focus();
btnNew.removeAttr("disabled");
btnEdit.removeAttr("disabled");
btnSave.attr("disabled", true);
btnCancel.attr("disabled", true);
chkPublish.attr("disabled", true);
showCategoriesForDisplay();
$("#tools").fadeOut();
}
},
toggleSourceView = function () {
$(".source").bind("click", function () {
var self = $(this);
if (self.attr("data-cmd") === "source") {
self.attr("data-cmd", "design");
self.addClass("active");
txtContent.text(txtContent.html());
} else {
self.attr("data-cmd", "source");
self.removeClass("active");
txtContent.html(txtContent.text());
}
});
},
savePost = function (e) {
if ($(".source").attr("data-cmd") === "design") {
$(".source").click();
}
txtContent.cleanHtml();
var parsedDOM;
/* IE9 doesn't support text/html MimeType https://github.com/madskristensen/MiniBlog/issues/35
parsedDOM = new DOMParser().parseFromString(txtContent.html(), 'text/html');
parsedDOM = new XMLSerializer().serializeToString(parsedDOM);
/(.*)<\/body>/im.exec(parsedDOM);
parsedDOM = RegExp.$1;
*/
/* When its time to drop IE9 support toggle commented region with
the following statement and ConvertMarkupToXhtml function */
parsedDOM = ConvertMarkupToValidXhtml(txtContent.html());
$.post("/post.ashx?mode=save", {
id: postId,
isPublished: chkPublish[0].checked,
title: txtTitle.text().trim(),
content: parsedDOM,
categories: getPostCategories(),
token: document.querySelector("[data-token]").getAttribute("data-token")
})
.success(function (data) {
if (isNew) {
location.href = data;
return;
}
showMessage(true, "The post was saved successfully");
cancelEdit(e);
})
.fail(function (data) {
if (data.status === 409) {
showMessage(false, "The title is already in use");
} else {
showMessage(false, "Something bad happened. Server reported " + data.status + " " + data.statusText);
}
});
},
deletePost = function () {
if (confirm("Are you sure you want to delete this post?")) {
$.post("/post.ashx?mode=delete", { id: postId, token: document.querySelector("[data-token]").getAttribute("data-token") })
.success(function () { location.href = "/"; })
.fail(function () { showMessage(false, "Something went wrong. Please try again"); });
}
},
showMessage = function (success, message) {
var className = success ? "alert-success" : "alert-error";
txtMessage.addClass(className);
txtMessage.text(message);
txtMessage.parent().fadeIn();
setTimeout(function () {
txtMessage.parent().fadeOut("slow", function () {
txtMessage.removeClass(className);
});
}, 4000);
},
getPostCategories = function () {
var categories = '';
if ($("#txtCategories").length > 0) {
categories = $("#txtCategories").val();
} else {
$("ul.categories li a").each(function (index, item) {
if (categories.length > 0) {
categories += ",";
}
categories += $(item).html();
});
}
return categories;
},
showCategoriesForEditing = function () {
var firstItemPassed = false;
var categoriesString = getPostCategories();
$("ul.categories li").each(function (index, item) {
if (!firstItemPassed) {
firstItemPassed = true;
} else {
$(item).remove();
}
});
$("ul.categories").append("
");
$("#txtCategories").val(categoriesString);
},
showCategoriesForDisplay = function () {
if ($("#txtCategories").length > 0) {
var categoriesArray = $("#txtCategories").val().split(',');
$("#txtCategories").parent().remove();
$.each(categoriesArray, function (index, category) {
$("ul.categories").append('
' + category + ' ');
});
}
};
isNew = location.pathname.replace(/\//g, "") === "postnew";
postId = $("[itemprop~='blogPost']").attr("data-id");
txtTitle = $("[itemprop~='blogPost'] [itemprop~='name']");
txtContent = $("[itemprop~='articleBody']");
txtMessage = $("#admin .alert");
txtImage = $("#admin #txtImage");
btnNew = $("#btnNew");
btnEdit = $("#btnEdit").bind("click", editPost);
btnDelete = $("#btnDelete").bind("click", deletePost);
btnSave = $("#btnSave").bind("click", savePost);
btnCancel = $("#btnCancel").bind("click", cancelEdit);
chkPublish = $("#ispublished").find("input[type=checkbox]");
$(document).keyup(function (e) {
if (!document.activeElement.isContentEditable) {
if (e.keyCode === 46) { // Delete key
deletePost();
} else if (e.keyCode === 27) { // ESC key
cancelEdit();
}
}
});
$('.uploadimage').click(function (e) {
e.preventDefault();
$('#txtImage').click();
});
if (isNew) {
editPost();
$("#ispublished").fadeIn();
chkPublish[0].checked = true;
} else if (txtTitle !== null && txtTitle.length === 1 && location.pathname.length > 1) {
btnEdit.removeAttr("disabled");
btnDelete.removeAttr("disabled");
$("#ispublished").css({ "display": "inline" });
}
})(jQuery);