mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-11-26 07:44:56 +01:00
removing unnecesaries js
This commit is contained in:
Ezequiel Bergamaschi
Ezequiel Bergamaschi
parent
434fb4c8f5
commit
f3cc90d9d0
@ -1,243 +0,0 @@
|
|||||||
$(function () {
|
|
||||||
// Creation buttons actions ...
|
|
||||||
$("#newBtn").click(
|
|
||||||
function () {
|
|
||||||
$("#new-dialog-modal").dialogForm({
|
|
||||||
redirect:"c/maps/{header.resourceId}/edit",
|
|
||||||
url:"c/restful/maps"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
$(document).on('click', '#createLabelBtn',
|
|
||||||
function () {
|
|
||||||
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
|
||||||
var url = mapIds.length == 0
|
|
||||||
? "c/restful/labels"
|
|
||||||
: "c/restful/labels/maps?ids=" + jQuery.makeArray(mapIds).join(',');
|
|
||||||
|
|
||||||
$("#new-folder-dialog-modal").dialogForm({
|
|
||||||
url: url,
|
|
||||||
postUpdate: function(data, id) {
|
|
||||||
createLabelItem(data, id);
|
|
||||||
tagMindmaps(data.id || id, data.title, data.color);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
$("#addLabelButton").click( function () {
|
|
||||||
var labels;
|
|
||||||
fetchLabels({
|
|
||||||
postUpdate: function(data) {
|
|
||||||
labels = data.labels;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (labels) {
|
|
||||||
prepareLabelList(labels);
|
|
||||||
|
|
||||||
$(document).one('click', '.chooseLabel',
|
|
||||||
function () {
|
|
||||||
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
|
||||||
if (mapIds.length > 0) {
|
|
||||||
var labelId = $(this).attr('value');
|
|
||||||
var labelName = $(this).text();
|
|
||||||
var labelColor = $(this).attr('color');
|
|
||||||
jQuery.ajax("c/restful/labels/maps?ids=" + jQuery.makeArray(mapIds).join(','), {
|
|
||||||
type:'POST',
|
|
||||||
//dataType: "json",
|
|
||||||
contentType:"application/json; charset=utf-8",
|
|
||||||
data: JSON.stringify({id: labelId}),
|
|
||||||
success: function() {
|
|
||||||
tagMindmaps(labelId, labelName, labelColor);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#duplicateBtn").click(function () {
|
|
||||||
// Map to be cloned ...
|
|
||||||
var tableElem = $('#mindmapListTable');
|
|
||||||
var rows = tableElem.dataTableExt.getSelectedRows();
|
|
||||||
if (rows.length > 0) {
|
|
||||||
|
|
||||||
// Obtain map name ...
|
|
||||||
var rowData = tableElem.dataTable().fnGetData(rows[0]);
|
|
||||||
$('#dupDialogTitle').text("Duplicate '" + rowData.title + "'");
|
|
||||||
|
|
||||||
// Obtains map id ...
|
|
||||||
var mapId = rowData.id;
|
|
||||||
|
|
||||||
// Initialize dialog ...
|
|
||||||
$("#duplicate-dialog-modal").dialogForm({
|
|
||||||
redirect:"c/maps/{header.resourceId}/edit",
|
|
||||||
url:"c/restful/maps/" + mapId
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#renameBtn").click(function () {
|
|
||||||
// Map to be cloned ...
|
|
||||||
var tableElem = $('#mindmapListTable');
|
|
||||||
var rows = tableElem.dataTableExt.getSelectedRows();
|
|
||||||
if (rows.length > 0) {
|
|
||||||
|
|
||||||
// Obtain map name ...
|
|
||||||
var dataTable = tableElem.dataTable();
|
|
||||||
var rowData = dataTable.fnGetData(rows[0]);
|
|
||||||
|
|
||||||
// Fill dialog with default values ...
|
|
||||||
var mapId = rowData.id;
|
|
||||||
$("#rename-dialog-modal input[name='title']").attr('value', rowData.title);
|
|
||||||
$("#rename-dialog-modal input[name='description']").attr('value', rowData.description);
|
|
||||||
|
|
||||||
// Set title ...
|
|
||||||
$('#renameDialogTitle').text("Rename '" + rowData.title + "'");
|
|
||||||
|
|
||||||
// Initialize dialog ...
|
|
||||||
$("#rename-dialog-modal").dialogForm({
|
|
||||||
type:'PUT',
|
|
||||||
clearForm:false,
|
|
||||||
postUpdate:function (reqBodyData) {
|
|
||||||
tableElem.dataTableExt.removeSelectedRows();
|
|
||||||
|
|
||||||
rowData.title = reqBodyData.title;
|
|
||||||
rowData.description = reqBodyData.description;
|
|
||||||
dataTable.fnAddData(JSON.parse(JSON.stringify(rowData)));
|
|
||||||
},
|
|
||||||
url:"c/restful/maps/" + mapId
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#deleteBtn").click(function () {
|
|
||||||
var tableUI = $('#mindmapListTable');
|
|
||||||
|
|
||||||
var mapIds = tableUI.dataTableExt.getSelectedMapsIds();
|
|
||||||
|
|
||||||
if (mapIds.length > 0) {
|
|
||||||
// Initialize dialog ...
|
|
||||||
$("#delete-dialog-modal").dialogForm({
|
|
||||||
type:'DELETE',
|
|
||||||
postUpdate:function () {
|
|
||||||
// Remove old entry ...
|
|
||||||
tableUI.dataTableExt.removeSelectedRows();
|
|
||||||
},
|
|
||||||
url:"c/restful/maps/batch?ids=" + jQuery.makeArray(mapIds).join(',')
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#printBtn").click(function () {
|
|
||||||
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
|
||||||
if (mapIds.length > 0) {
|
|
||||||
// Hack: IE ignore the base href tag ...
|
|
||||||
var baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf("c/maps/"));
|
|
||||||
window.open(baseUrl + 'c/maps/' + mapIds[0] + '/print');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#infoBtn").click(function () {
|
|
||||||
showEmbeddedDialog("c/maps/{mapId}/details", 'info-dialog-modal');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#historyBtn").click(function () {
|
|
||||||
showEmbeddedDialog("c/maps/{mapId}/history", 'history-dialog-modal');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#publishBtn").click(function () {
|
|
||||||
showEmbeddedDialog("c/maps/{mapId}/publish", "publish-dialog-modal");
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#exportBtn").click(function () {
|
|
||||||
showEmbeddedDialog("c/maps/{mapId}/export", 'export-dialog-modal');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#importBtn").click(function () {
|
|
||||||
showEmbeddedDialog("c/maps/import", 'import-dialog-modal', true);
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#shareBtn").click(function () {
|
|
||||||
showEmbeddedDialog("c/maps/{mapId}/share", 'share-dialog-modal', true);
|
|
||||||
});
|
|
||||||
|
|
||||||
var showEmbeddedDialog = function (urlTemplate, dialogElemId, ignore) {
|
|
||||||
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
|
||||||
if (mapIds.length > 0 || ignore) {
|
|
||||||
var mapId = mapIds[0];
|
|
||||||
$('#' + dialogElemId + ' .modal-body').load(urlTemplate.replace("{mapId}", mapId),
|
|
||||||
function () {
|
|
||||||
$('#' + dialogElemId + ' .btn-accept').unbind('click').click(function () {
|
|
||||||
submitDialogForm();
|
|
||||||
});
|
|
||||||
$('#' + dialogElemId).modal();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$(document).on('click', '#foldersContainer li', function (event) {
|
|
||||||
// Deselect previous option ...
|
|
||||||
$('#foldersContainer li').removeClass('active');
|
|
||||||
$('#foldersContainer i').removeClass('icon-white');
|
|
||||||
|
|
||||||
// Select the new item ...
|
|
||||||
var dataTable = $('#mindmapListTable').dataTable();
|
|
||||||
$(this).addClass('active');
|
|
||||||
$('#foldersContainer .active i').addClass('icon-white');
|
|
||||||
|
|
||||||
$('input:checkbox').prop('checked', false);
|
|
||||||
// Reload the table data ...
|
|
||||||
dataTable.fnReloadAjax("c/restful/maps/?q=" + $(this).attr('data-filter'), callbackOnTableInit, true);
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on('click', "#deleteLabelBtn", function() {
|
|
||||||
var me = $(this);
|
|
||||||
$("#delete-label-dialog-modal").dialogForm({
|
|
||||||
url: "c/restful/labels/" + me.attr('labelid'),
|
|
||||||
type: 'DELETE',
|
|
||||||
postUpdate: function() {
|
|
||||||
var dataTable = $('#mindmapListTable').dataTable();
|
|
||||||
//remove the selected tag...
|
|
||||||
$("#foldersContainer li.active").remove();
|
|
||||||
//find the second li... (all)
|
|
||||||
$("#foldersContainer li:nth-child(2)").addClass("active");
|
|
||||||
dataTable.fnReloadAjax("c/restful/maps/?q=all", callbackOnTableInit, true);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on('click', ".closeTag", function() {
|
|
||||||
var me = $(this);
|
|
||||||
var data = {
|
|
||||||
mindmapId: me.parents("td").find("a").attr("value"),
|
|
||||||
labelId: me.attr("value")
|
|
||||||
};
|
|
||||||
jQuery.ajax("c/restful/labels/maps", {
|
|
||||||
async:false,
|
|
||||||
//dataType:'json', comentado momentaneamente, problema con jquery 2.1.0
|
|
||||||
data:JSON.stringify(data),
|
|
||||||
type:'DELETE',
|
|
||||||
contentType:"application/json; charset=utf-8",
|
|
||||||
success: function() {
|
|
||||||
me.closest("table").remove();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
// add labels to filter list...
|
|
||||||
fetchLabels({
|
|
||||||
postUpdate: function(data) {
|
|
||||||
var labels = data.labels;
|
|
||||||
for (var i = 0; i < labels.length; i++) {
|
|
||||||
createLabelItem(labels[i], null)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
});
|
|
||||||
@ -1,91 +0,0 @@
|
|||||||
function createLabelItem(data, id) {
|
|
||||||
var labelId = data.id || id;
|
|
||||||
$("#foldersContainer").find("ul").append(
|
|
||||||
$("<li data-filter=\"" + data.title + "\">").append(
|
|
||||||
"<a href=\"#\"> " +
|
|
||||||
"<i class=\"icon-tag labelIcon\"></i>" +
|
|
||||||
"<div class='labelColor' style='background: " + data.color + "'></div>" +
|
|
||||||
"<div class='labelName labelNameList'>" + data.title + "</div>" +
|
|
||||||
"<button id='deleteLabelBtn' class='close closeLabel' labelid=\""+ labelId +"\">x</button>" +
|
|
||||||
"</a>"
|
|
||||||
)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function labelTagsAsHtml(labels) {
|
|
||||||
var result = "";
|
|
||||||
for (var i = 0; i<labels.length; i++) {
|
|
||||||
var label = labels[i];
|
|
||||||
result +=
|
|
||||||
"<table class='tableTag'>" +
|
|
||||||
"<tbody><tr>" +
|
|
||||||
"<td style='cursor: default; background-color:"+ label.color +"'>" +
|
|
||||||
"<div class='labelTag' >" +
|
|
||||||
label.title +
|
|
||||||
'</div>' +
|
|
||||||
"</td>" +
|
|
||||||
//"<td style='padding: 0; background-color: #d8d4d4'></td>" +
|
|
||||||
"<td class='closeTag' style='background-color:" + label.color +"' value='" + label.id + "' >" +
|
|
||||||
"<span style='top: -1px;position: relative;font-size: 11px' title='delete label'>x</span>"+
|
|
||||||
"</td>" +
|
|
||||||
"</tr></tbody>" +
|
|
||||||
"</table>"
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fetchLabels(options) {
|
|
||||||
jQuery.ajax("c/restful/labels/", {
|
|
||||||
async:false,
|
|
||||||
dataType:'json',
|
|
||||||
type:'GET',
|
|
||||||
success:function (data) {
|
|
||||||
if (options.postUpdate) {
|
|
||||||
options.postUpdate(data)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error:function (jqXHR, textStatus, errorThrown) {
|
|
||||||
$('#messagesPanel div').text(errorThrown).parent().show();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function tagMindmaps(id, labelName, labelColor) {
|
|
||||||
//tag selected mindmaps...
|
|
||||||
var rows = $('#mindmapListTable').dataTableExt.getSelectedRows();
|
|
||||||
for (var i = 0; i < rows.length; i++) {
|
|
||||||
if ($(rows[i]).find(".labelTag:contains('" + labelName + "')").length == 0) {
|
|
||||||
$(rows[i]).find('.mindmapName').parent().append(
|
|
||||||
labelTagsAsHtml([{
|
|
||||||
id: id,
|
|
||||||
title: labelName,
|
|
||||||
color: labelColor
|
|
||||||
}])
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function prepareLabelList(labels) {
|
|
||||||
var labelList = $("#labelList");
|
|
||||||
var defaultValue = labelList.find("li[id=\"createLabelBtn\"]");
|
|
||||||
|
|
||||||
//clear dropdown...
|
|
||||||
labelList.find('li').remove();
|
|
||||||
|
|
||||||
//append items to dropdown
|
|
||||||
$.each(labels, function(index, value) {
|
|
||||||
labelList.append(
|
|
||||||
$('<li class="chooseLabel"></li>').attr('value', value.id).attr('color', value.color)
|
|
||||||
.append(
|
|
||||||
'<a href="#" onclick="return false">' +
|
|
||||||
"<div class='labelColor' style='background: " + value.color + "'></div>" +
|
|
||||||
"<div class='labelName'>" + value.title + "</div>" +
|
|
||||||
'</a>')
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
//add the defaultValue
|
|
||||||
labelList.append('<li><div class="listSeparator"></div></li>')
|
|
||||||
labelList.append(defaultValue);
|
|
||||||
}
|
|
||||||
@ -1,3 +1,5 @@
|
|||||||
|
/*--------------------------------------------- Common actions --------------------------------------------------**/
|
||||||
|
|
||||||
$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, fnCallback, bStandingRedraw) {
|
$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, fnCallback, bStandingRedraw) {
|
||||||
if (typeof sNewSource != 'undefined' && sNewSource != null) {
|
if (typeof sNewSource != 'undefined' && sNewSource != null) {
|
||||||
oSettings.sAjaxSource = sNewSource;
|
oSettings.sAjaxSource = sNewSource;
|
||||||
@ -239,5 +241,341 @@ setTimeout(function () {
|
|||||||
jQuery("abbr.timeago").timeago()
|
jQuery("abbr.timeago").timeago()
|
||||||
}, 50000);
|
}, 50000);
|
||||||
|
|
||||||
|
/*--------------------------------------------- Button actions --------------------------------------------------**/
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
// Creation buttons actions ...
|
||||||
|
$("#newBtn").click(
|
||||||
|
function () {
|
||||||
|
$("#new-dialog-modal").dialogForm({
|
||||||
|
redirect:"c/maps/{header.resourceId}/edit",
|
||||||
|
url:"c/restful/maps"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$(document).on('click', '#createLabelBtn',
|
||||||
|
function () {
|
||||||
|
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
||||||
|
var url = mapIds.length == 0
|
||||||
|
? "c/restful/labels"
|
||||||
|
: "c/restful/labels/maps?ids=" + jQuery.makeArray(mapIds).join(',');
|
||||||
|
|
||||||
|
$("#new-folder-dialog-modal").dialogForm({
|
||||||
|
url: url,
|
||||||
|
postUpdate: function(data, id) {
|
||||||
|
createLabelItem(data, id);
|
||||||
|
tagMindmaps(data.id || id, data.title, data.color);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$("#addLabelButton").click( function () {
|
||||||
|
var labels;
|
||||||
|
fetchLabels({
|
||||||
|
postUpdate: function(data) {
|
||||||
|
labels = data.labels;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (labels) {
|
||||||
|
prepareLabelList(labels);
|
||||||
|
|
||||||
|
$(document).one('click', '.chooseLabel',
|
||||||
|
function () {
|
||||||
|
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
||||||
|
if (mapIds.length > 0) {
|
||||||
|
var labelId = $(this).attr('value');
|
||||||
|
var labelName = $(this).text();
|
||||||
|
var labelColor = $(this).attr('color');
|
||||||
|
jQuery.ajax("c/restful/labels/maps?ids=" + jQuery.makeArray(mapIds).join(','), {
|
||||||
|
type:'POST',
|
||||||
|
//dataType: "json",
|
||||||
|
contentType:"application/json; charset=utf-8",
|
||||||
|
data: JSON.stringify({id: labelId}),
|
||||||
|
success: function() {
|
||||||
|
tagMindmaps(labelId, labelName, labelColor);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#duplicateBtn").click(function () {
|
||||||
|
// Map to be cloned ...
|
||||||
|
var tableElem = $('#mindmapListTable');
|
||||||
|
var rows = tableElem.dataTableExt.getSelectedRows();
|
||||||
|
if (rows.length > 0) {
|
||||||
|
|
||||||
|
// Obtain map name ...
|
||||||
|
var rowData = tableElem.dataTable().fnGetData(rows[0]);
|
||||||
|
$('#dupDialogTitle').text("Duplicate '" + rowData.title + "'");
|
||||||
|
|
||||||
|
// Obtains map id ...
|
||||||
|
var mapId = rowData.id;
|
||||||
|
|
||||||
|
// Initialize dialog ...
|
||||||
|
$("#duplicate-dialog-modal").dialogForm({
|
||||||
|
redirect:"c/maps/{header.resourceId}/edit",
|
||||||
|
url:"c/restful/maps/" + mapId
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#renameBtn").click(function () {
|
||||||
|
// Map to be cloned ...
|
||||||
|
var tableElem = $('#mindmapListTable');
|
||||||
|
var rows = tableElem.dataTableExt.getSelectedRows();
|
||||||
|
if (rows.length > 0) {
|
||||||
|
|
||||||
|
// Obtain map name ...
|
||||||
|
var dataTable = tableElem.dataTable();
|
||||||
|
var rowData = dataTable.fnGetData(rows[0]);
|
||||||
|
|
||||||
|
// Fill dialog with default values ...
|
||||||
|
var mapId = rowData.id;
|
||||||
|
$("#rename-dialog-modal input[name='title']").attr('value', rowData.title);
|
||||||
|
$("#rename-dialog-modal input[name='description']").attr('value', rowData.description);
|
||||||
|
|
||||||
|
// Set title ...
|
||||||
|
$('#renameDialogTitle').text("Rename '" + rowData.title + "'");
|
||||||
|
|
||||||
|
// Initialize dialog ...
|
||||||
|
$("#rename-dialog-modal").dialogForm({
|
||||||
|
type:'PUT',
|
||||||
|
clearForm:false,
|
||||||
|
postUpdate:function (reqBodyData) {
|
||||||
|
tableElem.dataTableExt.removeSelectedRows();
|
||||||
|
|
||||||
|
rowData.title = reqBodyData.title;
|
||||||
|
rowData.description = reqBodyData.description;
|
||||||
|
dataTable.fnAddData(JSON.parse(JSON.stringify(rowData)));
|
||||||
|
},
|
||||||
|
url:"c/restful/maps/" + mapId
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#deleteBtn").click(function () {
|
||||||
|
var tableUI = $('#mindmapListTable');
|
||||||
|
|
||||||
|
var mapIds = tableUI.dataTableExt.getSelectedMapsIds();
|
||||||
|
|
||||||
|
if (mapIds.length > 0) {
|
||||||
|
// Initialize dialog ...
|
||||||
|
$("#delete-dialog-modal").dialogForm({
|
||||||
|
type:'DELETE',
|
||||||
|
postUpdate:function () {
|
||||||
|
// Remove old entry ...
|
||||||
|
tableUI.dataTableExt.removeSelectedRows();
|
||||||
|
},
|
||||||
|
url:"c/restful/maps/batch?ids=" + jQuery.makeArray(mapIds).join(',')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#printBtn").click(function () {
|
||||||
|
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
||||||
|
if (mapIds.length > 0) {
|
||||||
|
// Hack: IE ignore the base href tag ...
|
||||||
|
var baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf("c/maps/"));
|
||||||
|
window.open(baseUrl + 'c/maps/' + mapIds[0] + '/print');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#infoBtn").click(function () {
|
||||||
|
showEmbeddedDialog("c/maps/{mapId}/details", 'info-dialog-modal');
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#historyBtn").click(function () {
|
||||||
|
showEmbeddedDialog("c/maps/{mapId}/history", 'history-dialog-modal');
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#publishBtn").click(function () {
|
||||||
|
showEmbeddedDialog("c/maps/{mapId}/publish", "publish-dialog-modal");
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#exportBtn").click(function () {
|
||||||
|
showEmbeddedDialog("c/maps/{mapId}/export", 'export-dialog-modal');
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#importBtn").click(function () {
|
||||||
|
showEmbeddedDialog("c/maps/import", 'import-dialog-modal', true);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#shareBtn").click(function () {
|
||||||
|
showEmbeddedDialog("c/maps/{mapId}/share", 'share-dialog-modal', true);
|
||||||
|
});
|
||||||
|
|
||||||
|
var showEmbeddedDialog = function (urlTemplate, dialogElemId, ignore) {
|
||||||
|
var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
|
||||||
|
if (mapIds.length > 0 || ignore) {
|
||||||
|
var mapId = mapIds[0];
|
||||||
|
$('#' + dialogElemId + ' .modal-body').load(urlTemplate.replace("{mapId}", mapId),
|
||||||
|
function () {
|
||||||
|
$('#' + dialogElemId + ' .btn-accept').unbind('click').click(function () {
|
||||||
|
submitDialogForm();
|
||||||
|
});
|
||||||
|
$('#' + dialogElemId).modal();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$(document).on('click', '#foldersContainer li', function (event) {
|
||||||
|
// Deselect previous option ...
|
||||||
|
$('#foldersContainer li').removeClass('active');
|
||||||
|
$('#foldersContainer i').removeClass('icon-white');
|
||||||
|
|
||||||
|
// Select the new item ...
|
||||||
|
var dataTable = $('#mindmapListTable').dataTable();
|
||||||
|
$(this).addClass('active');
|
||||||
|
$('#foldersContainer .active i').addClass('icon-white');
|
||||||
|
|
||||||
|
$('input:checkbox').prop('checked', false);
|
||||||
|
// Reload the table data ...
|
||||||
|
dataTable.fnReloadAjax("c/restful/maps/?q=" + $(this).attr('data-filter'), callbackOnTableInit, true);
|
||||||
|
event.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on('click', "#deleteLabelBtn", function() {
|
||||||
|
var me = $(this);
|
||||||
|
$("#delete-label-dialog-modal").dialogForm({
|
||||||
|
url: "c/restful/labels/" + me.attr('labelid'),
|
||||||
|
type: 'DELETE',
|
||||||
|
postUpdate: function() {
|
||||||
|
var dataTable = $('#mindmapListTable').dataTable();
|
||||||
|
//remove the selected tag...
|
||||||
|
$("#foldersContainer li.active").remove();
|
||||||
|
//find the second li... (all)
|
||||||
|
$("#foldersContainer li:nth-child(2)").addClass("active");
|
||||||
|
dataTable.fnReloadAjax("c/restful/maps/?q=all", callbackOnTableInit, true);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on('click', ".closeTag", function() {
|
||||||
|
var me = $(this);
|
||||||
|
var data = {
|
||||||
|
mindmapId: me.parents("td").find("a").attr("value"),
|
||||||
|
labelId: me.attr("value")
|
||||||
|
};
|
||||||
|
jQuery.ajax("c/restful/labels/maps", {
|
||||||
|
async:false,
|
||||||
|
//dataType:'json', comentado momentaneamente, problema con jquery 2.1.0
|
||||||
|
data:JSON.stringify(data),
|
||||||
|
type:'DELETE',
|
||||||
|
contentType:"application/json; charset=utf-8",
|
||||||
|
success: function() {
|
||||||
|
me.closest("table").remove();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
// add labels to filter list...
|
||||||
|
fetchLabels({
|
||||||
|
postUpdate: function(data) {
|
||||||
|
var labels = data.labels;
|
||||||
|
for (var i = 0; i < labels.length; i++) {
|
||||||
|
createLabelItem(labels[i], null)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
/*--------------------------------------------- Label actions --------------------------------------------------**/
|
||||||
|
function createLabelItem(data, id) {
|
||||||
|
var labelId = data.id || id;
|
||||||
|
$("#foldersContainer").find("ul").append(
|
||||||
|
$("<li data-filter=\"" + data.title + "\">").append(
|
||||||
|
"<a href=\"#\"> " +
|
||||||
|
"<i class=\"icon-tag labelIcon\"></i>" +
|
||||||
|
"<div class='labelColor' style='background: " + data.color + "'></div>" +
|
||||||
|
"<div class='labelName labelNameList'>" + data.title + "</div>" +
|
||||||
|
"<button id='deleteLabelBtn' class='close closeLabel' labelid=\""+ labelId +"\">x</button>" +
|
||||||
|
"</a>"
|
||||||
|
)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function labelTagsAsHtml(labels) {
|
||||||
|
var result = "";
|
||||||
|
for (var i = 0; i<labels.length; i++) {
|
||||||
|
var label = labels[i];
|
||||||
|
result +=
|
||||||
|
"<table class='tableTag'>" +
|
||||||
|
"<tbody><tr>" +
|
||||||
|
"<td style='cursor: default; background-color:"+ label.color +"'>" +
|
||||||
|
"<div class='labelTag' >" +
|
||||||
|
label.title +
|
||||||
|
'</div>' +
|
||||||
|
"</td>" +
|
||||||
|
//"<td style='padding: 0; background-color: #d8d4d4'></td>" +
|
||||||
|
"<td class='closeTag' style='background-color:" + label.color +"' value='" + label.id + "' >" +
|
||||||
|
"<span style='top: -1px;position: relative;font-size: 11px' title='delete label'>x</span>"+
|
||||||
|
"</td>" +
|
||||||
|
"</tr></tbody>" +
|
||||||
|
"</table>"
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function fetchLabels(options) {
|
||||||
|
jQuery.ajax("c/restful/labels/", {
|
||||||
|
async:false,
|
||||||
|
dataType:'json',
|
||||||
|
type:'GET',
|
||||||
|
success:function (data) {
|
||||||
|
if (options.postUpdate) {
|
||||||
|
options.postUpdate(data)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error:function (jqXHR, textStatus, errorThrown) {
|
||||||
|
$('#messagesPanel div').text(errorThrown).parent().show();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function tagMindmaps(id, labelName, labelColor) {
|
||||||
|
//tag selected mindmaps...
|
||||||
|
var rows = $('#mindmapListTable').dataTableExt.getSelectedRows();
|
||||||
|
for (var i = 0; i < rows.length; i++) {
|
||||||
|
if ($(rows[i]).find(".labelTag:contains('" + labelName + "')").length == 0) {
|
||||||
|
$(rows[i]).find('.mindmapName').parent().append(
|
||||||
|
labelTagsAsHtml([{
|
||||||
|
id: id,
|
||||||
|
title: labelName,
|
||||||
|
color: labelColor
|
||||||
|
}])
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function prepareLabelList(labels) {
|
||||||
|
var labelList = $("#labelList");
|
||||||
|
var defaultValue = labelList.find("li[id=\"createLabelBtn\"]");
|
||||||
|
|
||||||
|
//clear dropdown...
|
||||||
|
labelList.find('li').remove();
|
||||||
|
|
||||||
|
//append items to dropdown
|
||||||
|
$.each(labels, function(index, value) {
|
||||||
|
labelList.append(
|
||||||
|
$('<li class="chooseLabel"></li>').attr('value', value.id).attr('color', value.color)
|
||||||
|
.append(
|
||||||
|
'<a href="#" onclick="return false">' +
|
||||||
|
"<div class='labelColor' style='background: " + value.color + "'></div>" +
|
||||||
|
"<div class='labelName'>" + value.title + "</div>" +
|
||||||
|
'</a>')
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
//add the defaultValue
|
||||||
|
labelList.append('<li><div class="listSeparator"></div></li>')
|
||||||
|
labelList.append(defaultValue);
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user