$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, fnCallback, bStandingRedraw) { if (typeof sNewSource != 'undefined' && sNewSource != null) { oSettings.sAjaxSource = sNewSource; } this.oApi._fnProcessingDisplay(oSettings, true); var that = this; var iStart = oSettings._iDisplayStart; var aData = []; this.oApi._fnServerParams(oSettings, aData); oSettings.fnServerData(oSettings.sAjaxSource, aData, function (json) { /* Clear the old information from the table */ that.oApi._fnClearTable(oSettings); /* Got the data - add it to the table */ var aData = (oSettings.sAjaxDataProp !== "") ? that.oApi._fnGetObjectDataFn(oSettings.sAjaxDataProp)(json) : json; for (var i = 0; i < aData.length; i++) { that.oApi._fnAddData(oSettings, aData[i]); } oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); that.fnDraw(); if (typeof bStandingRedraw != 'undefined' && bStandingRedraw === true) { oSettings._iDisplayStart = iStart; that.fnDraw(false); } that.oApi._fnProcessingDisplay(oSettings, false); /* Callback user function - for event handlers etc */ if (typeof fnCallback == 'function' && fnCallback != null) { fnCallback(oSettings); } }, oSettings); }; jQuery.fn.dataTableExt.selectAllMaps = function () { var total = $('.select input:checkbox[id!="selectAll"]').size(); var selected = $('.select input:checked[id!="selectAll"]').size(); if (selected < total) { $('.select input:!checked[id!="selectAll"]').each(function () { $(this).prop("checked", true); }); } else { $('.select input:!checked[id!="selectAll"]').each(function () { $(this).prop("checked", false); }); } updateStatusToolbar(); }; jQuery.fn.dataTableExt.getSelectedMapsIds = function () { var selectedRows = $('#mindmapListTable').dataTableExt.getSelectedRows(); var dataTable = $('#mindmapListTable').dataTable(); return selectedRows.map(function () { return dataTable.fnGetData(this).id; }); }; jQuery.fn.dataTableExt.getSelectedRows = function (oSettings) { return $('.select input:checked[id!="selectAll"]').parent().parent(); }; jQuery.fn.dataTableExt.removeSelectedRows = function () { var trs = this.getSelectedRows(); trs.each(function () { $('#mindmapListTable').dataTable().fnDeleteRow(this); }); updateStatusToolbar(); }; jQuery.fn.dialogForm = function (options) { var containerId = this[0].id; var url = options.url; // Clear previous state ... $("#" + containerId).find('.errorMessage').text("").removeClass("alert alert-error"); $("#" + containerId).find('.control-group').removeClass('error'); // Clear form values ... if (options.clearForm == undefined || options.clearForm) { $("#" + containerId).find('input').attr('value', ''); } // Clear button "Saving..." state ... var acceptBtn = $('#' + containerId + ' .btn-accept'); acceptBtn.button('reset'); acceptBtn.one('click', function () { var formData = {}; $('#' + containerId + ' input').each(function (index, elem) { formData[elem.name] = elem.value; }); $(acceptBtn).button('loading'); var dialogElem = this; jQuery.ajax(url, { async:false, dataType:'json', data:JSON.stringify(formData), type:options.type ? options.type : 'POST', contentType:"application/json; charset=utf-8", success:function (data, textStatus, jqXHR) { if (options.redirect) { var resourceId = jqXHR.getResponseHeader("ResourceId"); var redirectUrl = options.redirect; redirectUrl = redirectUrl.replace("{header.resourceId}", resourceId); // Hack: IE ignore the base href tag ... var baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf("c/maps/")); window.open(baseUrl + redirectUrl, '_self'); } else if (options.postUpdate) { options.postUpdate(formData); } dialogElem.modal('hide'); }, error:function (jqXHR, textStatus, errorThrown) { if (jqXHR.status == 400) { var errors = JSON.parse(jqXHR.responseText); // Mark fields with errors ... var fieldErrors = errors.fieldErrors; if (fieldErrors) { for (var fieldName in fieldErrors) { // Mark the field with errors ... var message = fieldErrors[fieldName]; var inputField = $("#" + containerId + " input[name='" + fieldName + "']"); $("#" + containerId).find(".errorMessage").text(message).addClass("alert alert-error"); inputField.parent().addClass('error'); } } } else { console.log(errorThrown); console.log(jqXHR); dialogElem.modal('hide'); $('#messagesPanel div div').text(errorThrown); $('#messagesPanel').show() } var acceptBtn = $('#' + containerId + ' .btn-accept'); acceptBtn.button('reset'); } }); }.bind(this)); $('#' + containerId + ' .btn-cancel').click(function () { this.modal('hide'); }.bind(this)); // Open the modal dialog ... this.modal(); }; // Update toolbar events ... function updateStatusToolbar() { // Mark column row selection values ... $("#mindmapListTable tbody input:checked").parent().parent().addClass('row-selected'); $("#mindmapListTable tbody input:not(:checked)").parent().parent().removeClass('row-selected'); $('.buttonsToolbar').find('.act-single').hide().end().find('.act-multiple').hide(); var tableElem = $('#mindmapListTable'); var selectedRows = tableElem.dataTableExt.getSelectedRows(); if (selectedRows.length > 0) { if (selectedRows.length == 1) { $('.buttonsToolbar').find('.act-single').show().end().find('.act-multiple').show(); // Can be executed by the owner ? var rowData = tableElem.dataTable().fnGetData(selectedRows[0]); if ('owner' == rowData.role) { $(".buttonsToolbar").find('#publishBtn').show().end().find('#shareBtn').show().end().find('#renameBtn').show(); } else { $(".buttonsToolbar").find('#publishBtn').hide().end().find('#shareBtn').hide().end().find('#renameBtn').hide(); } } else { $(".buttonsToolbar .act-multiple").show(); } } } // Update toolbar events ... function updateStarred(spanElem) { $(spanElem).removeClass('starredOff'); $(spanElem).addClass('starredOn'); // Retrieve row data ... var tableElem = $('#mindmapListTable'); var trElem = $(spanElem).parent().parent(); var rowData = tableElem.dataTable().fnGetData(trElem[0]); // Update status ... var starred = !rowData.starred; var mapId = rowData.id; if (starred) { $(spanElem).removeClass('starredOff'); $(spanElem).addClass('starredOn'); } else { $(spanElem).removeClass('starredOn'); $(spanElem).addClass('starredOff'); } jQuery.ajax("c/restful/maps/" + mapId + "/starred", { async:false, dataType:'json', data:"" + starred, type:'PUT', contentType:"text/plain", success:function () { if (starred) { $(spanElem).removeClass('starredOff'); $(spanElem).addClass('starredOn'); } else { $(spanElem).removeClass('starredOn'); $(spanElem).addClass('starredOff'); } }, error:function (jqXHR, textStatus, errorThrown) { $('#messagesPanel div').text(errorThrown).parent().show(); } }); // Finally update st rowData.starred = starred; } function callbackOnTableInit() { // Register starred events ... $('#mindmapListTable .starredOff, #mindmapListTable .starredOn').click(function () { updateStarred(this); }); updateStatusToolbar(); } // Register time update functions .... setTimeout(function () { jQuery("abbr.timeago").timeago() }, 50000);