﻿function EditPost(id) {
    //var editField = document.getElementById("post-quick-" + id);
    //$("#post-quick-" + id).get(0).contentEditable = true;
    var editField = $("#post-quick-" + id);
    editField.get(0).contentEditable = true;
    editField.css({ 'background-color': '#FFE87F' });
    //editField.get(0).contentEditable = true;
    //editField.contentEditable = (editField.contentEditable != 'true');
    //var btnField = $("#edit-btn-field");
    var btnField = $("<div id='edit-btn-field-" + id + "'></div>");

    var editBtn = $("<button type='button' class='edit-button'>" + save + "</button>").bind("click", { id: id }, QuickPreUpdate).appendTo(btnField);
    var cancelBtn = $("<button type='button' class='edit-button'>" + cancel + "</button>").bind("click", { id: id }, Cancel).appendTo(btnField);
    btnField.insertAfter(editField);
}
function Cancel(event) {
    CancelQuickEdit(event.data.id);
}
function CancelQuickEdit(id) {
    document.getElementById("post-quick-" + id).contentEditable = false;
    $("#post-quick-" + id).css({ 'background-color': '' });
    var btnField = $("#edit-btn-field-" + id).html("");
}
function QuickPreUpdate(event) {
    QuickUpdate(event.data.id);
}
function QuickUpdate(id) {
    $.ajax({ type: "POST",
        url: url,
        data: "id=" + id + "&title=" + $("#post-quick-" + id).children().eq(0).html() + "&body=" + $("#post-body-" + id).html(),
        dataType: "json",
        success: function (response) {
            if (response != undefined) {
                if (response.Result == "ok") {
                    CancelQuickEdit(id);
                } else {//Message
                }
            }
        }
    });
}