' + 'Komentarz
', preConfirm: function() { return new Promise(function(resolve) { resolve([ $('#swal-input1').val(), $('#swal-input2').val() ]); }); } }).then(function(result) { state[parentIndex][type][zasobIndex]["ID_PRZYPADEK"] = result[0]; state[parentIndex][type][zasobIndex]["OPIS_ZASOB"] = result[1]; state[parentIndex][type][zasobIndex]["changed"] = true; updateAll(); }).catch(function(e) {}) }); //Buttony i ich zadania $(document).on('click', '.step', function() { newSteps--; var main = false; var temp = {}; if ($(this).parents(".drop").data("id") === mainProces_id) main = true; $(this).parents(".drop").after(""); temp["ID"] = newSteps; temp["DESC"] = ""; temp["OPIS"] = ""; var index = getIndexById($(this).parents(".drop").data("id")); temp["_step"] = 0; temp["_prof"] = new Array(); temp["_res"] = new Array(); temp["_C-desc"] = true; temp["_C-opis"] = true; temp["IF_TRUE_GOTO_FLAG"] = ""; temp["IF_TRUE_GOTO"] = 0; temp["_stepDesc"] = ""; if (!main) { temp["PARENT_ID"] = state[index]["PARENT_ID"]; temp["_depth"] = state[index]["_depth"]; } else { temp["PARENT_ID"] = mainProces_id; temp["_depth"] = 1; } state.splice(index + 1, 0, temp); stepsGenerator(); updateAll(); }); $(document).on('keyup', '#sProcesy', function() { if ($(this).val() != lastSearch) { lastSearch = $(this).val(); clearTimeout(sProcesy); sProcesy = setTimeout(function() { if (lastSearch == "") procesy(); else searchProc(); }, 300); } }); $(document).on('keyup', '#sZasoby', function() { if ($(this).val() != lastSearch) { lastSearch = $(this).val(); clearTimeout(sZasoby); sZasoby = setTimeout(function() { if (filtr === 0 && lastSearch == "") zasoby(); else searchRes(); }, 300); } }); function arraymove(arr, fromIndex, toIndex) { var element = []; var element = arr[fromIndex]; arr.splice(fromIndex, 1); arr.splice(toIndex, 0, element); } $(document).on('click', '.uArrowRes', function() { var parent = getIndexById(($(this).parents(".drop").data("id"))); if ($(this).closest(".professions").length > 0) type = "_prof"; else type = "_res"; var id = getResById(parent, $(this).closest("li").data("id"), type); arraymove(state[parent][type], id, id - 1); updateAll(); }); $(document).on('click', '.dArrowRes', function() { var parent = getIndexById(($(this).parents(".drop").data("id"))); if ($(this).closest(".professions").length > 0) type = "_prof"; else type = "_res"; var id = getResById(parent, $(this).closest("li").data("id"), type); arraymove(state[parent][type], id, id + 1); updateAll(); }); $(document).on('click', '.uArrow', function() { var id = $(this).parents(".drop").data("id"); var index = getIndexById(id); arraymove(state, index, index - 1); updateAll(); }); $(document).on('click', '.dArrow', function() { var id = $(this).parents(".drop").data("id"); var index = getIndexById(id); arraymove(state, index, index + 1); updateAll(); }); $(document).on('click', '.rArrow', function() { var id = $(this).parents(".drop").data("id"); state[getIndexById(id)]["_depth"]++; //var depthWidth = 20 * $(node).data("_depth"); // $(node).css("padding-left", depthWidth + "px"); updateAll(); }); $(document).on('click', '.lArrow', function() { var id = $(this).parents(".drop").data("id"); state[getIndexById(id)]["_depth"]--; //var depthWidth = 20 * $(node).data("_depth"); // $(node).css("padding-left", depthWidth + "px"); updateAll(); }); $(document).on('click', '#btnZasoby', function(e) { e.preventDefault(); $(".lButton").removeClass("btn-primary"); if (dialog == 0) { zasoby(); $(this).addClass("btn-primary"); $("#wrapper").removeClass("toggled"); dialog = 1; } else if (dialog == 1) { $("#wrapper").addClass("toggled"); dialog = 0; } else { $("#wrapper").addClass("toggled"); $(this).addClass("btn-primary"); setTimeout(function() { zasoby(); $("#wrapper").removeClass("toggled"); }, 500); dialog = 1; } }); $(document).on('click', '#btnPhotos', function(e) { e.preventDefault(); $(".lButton").removeClass("btn-primary"); if (dialog == 0) { photos(); $(this).addClass("btn-primary"); $("#wrapper").removeClass("toggled"); dialog = 3; } else if (dialog == 3) { $("#wrapper").addClass("toggled"); dialog = 0; } else { $("#wrapper").addClass("toggled"); $(this).addClass("btn-primary"); setTimeout(function() { photos(); $("#wrapper").removeClass("toggled"); }, 500); dialog = 3; } }); $(document).on('click', '#btnProcesy', function(e) { e.preventDefault(); $(".lButton").removeClass("btn-primary"); if (dialog == 0) { procesy(); $("#wrapper").removeClass("toggled"); $(this).addClass("btn-primary"); dialog = 2; } else if (dialog == 2) { $("#wrapper").addClass("toggled"); dialog = 0; } else { $("#wrapper").addClass("toggled"); $(this).addClass("btn-primary"); setTimeout(function() { procesy(); $("#wrapper").removeClass("toggled"); }, 500); dialog = 2; } }); $(document).on('click', 'body', function() { if (selectedArea != false) { var content = $(selectedArea).val(); var id = (selectedArea).parents(".drop").data("id"); if ($(selectedArea).parent().hasClass("hdesc")) { if (getIndexById(id) == 0) { showPath(state[0]["PARENT_ID"]); } state[getIndexById(id)]["DESC"] = content; state[getIndexById(id)]["_C-desc"] = true; } if ($(selectedArea).parent().hasClass("sdesc")) { state[getIndexById(id)]["OPIS"] = content; state[getIndexById(id)]["_C-opis"] = true; } selectedArea = false; updateAll(); } }); $(document).on('click', '.hdesc', function() { if ($(this).find("textarea").is(selectedArea)) return false; }); $(document).on('click', '.sdesc', function() { if ($(this).find("textarea").is(selectedArea)) return false; }); $(document).on('dblclick', '.sdesc', function() { if (selectedArea) return; if ($(this).find("textarea").length == 0) { var content = $(this).html(); $(this).empty(); $(this).append(""); selectedArea = $(this).find("textarea"); } }); $(document).on('click', '.sDescAdd', function() { if (selectedArea) return; var action = $(this).parents(".drop").find(".sdesc"); if ($(action).find("textarea").length == 0) { $(action).html(""); selectedArea = $(action).find("textarea"); return false; } }); $(document).on('click', '.hDescAdd', function() { if (selectedArea) return; var action = $(this).parents(".drop").find(".hdesc"); if ($(action).find("textarea").length == 0) { $(action).html(""); selectedArea = $(action).find("textarea"); return false; } }); $(document).on('dblclick', '.hdesc', function() { if ($(this).find("textarea").length == 0) { var content = $(this).html(); $(this).empty(); $(this).append(""); selectedArea = $(this).find("textarea"); } }); $(document).on('click', '.del', function() { var id = $(this).parents(".drop").data("id"); var index = getIndexById(id); swal({ title: 'Usuwanie kroku', text: "Czy napewno chcesz usunąć ten krok?", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelButtonText: "Anuluj", confirmButtonText: 'Tak, usuń ten krok' }).then(function() { state.splice(index, 1); deletedId.push(id); updateAll(); //Parent_id = -1, }).catch(function(e) {}) }); $(document).on('click', '.delGoto', function() { //var parent = $(this).parents(".drop"); var id = $(this).parents("li").data("id"); var parent = getIndexById($(this).parents(".drop").data("id")); swal({ title: 'Usuwanie bramki', text: "Czy napewno chcesz usunąć tę bramkę?", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelButtonText: "Anuluj", confirmButtonText: 'Tak, usuń tę bramkę' }).then(function() { state[parent]["IF_TRUE_GOTO_FLAG"] = "" state[parent]["IF_TRUE_GOTO"] = "" updateAll(); //Parent_id = -1, }).catch(function(e) {}) }); $(document).on('click', '.delRes', function() { //var parent = $(this).parents(".drop"); var id = $(this).parents("li").data("id"); var parent = getIndexById($(this).parents(".drop").data("id")); var type; if ($(this).closest(".professions").length > 0) type = "_prof"; else type = "_res"; var index = getResById(parent, id, type); swal({ title: 'Usuwanie wskaźnika', text: "Czy napewno chcesz usunąć ten wskaźnik?", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelButtonText: "Anuluj", confirmButtonText: 'Tak, usuń ten wskaźnik' }).then(function() { deletedRes.push(id); state[parent][type].splice(index, 1); updateAll(); //Parent_id = -1, }).catch(function(e) {}) }); $(document).on('click', '.fbutton', function(e) { e.preventDefault(); $(".fbutton").removeClass("btn-success"); if ($(this).data("type") == filtr) { filtr = 0; } else { filtr = $(this).data("type"); $(this).addClass("btn-success"); } if (filtr === 0) $("#xBtn").prop("disabled", true); else $("#xBtn").prop("disabled", false); if (filtr === 0) { zasoby(); } else searchRes(); }); $(document).on('click', '.showMore', function() { var target = $(this).parent().find(".more"); var id = $(this).data("id"); if ($(target).parent().hasClass("resSelected")) { $(".more").empty(); $(target).parent().removeClass("resSelected"); $(target).parent().find(".gIco").addClass("glyphicon-chevron-down"); $(target).parent().find(".gIco").removeClass("glyphicon-chevron-up"); } else { $(".more").parent().removeClass("resSelected"); $(".more").parent().find(".gIco").addClass("glyphicon-chevron-down"); $(".more").parent().find(".gIco").removeClass("glyphicon-chevron-up"); $(".more").empty(); $(target).parent().addClass("resSelected"); $(target).parent().find(".gIco").removeClass("glyphicon-chevron-down"); $(target).parent().find(".gIco").addClass("glyphicon-chevron-up"); var link = BASE_URL + "index.php?_route=UrlAction_ProcesEditor&_task=getResByParentAjax&parent_id=" + id; $.get(link, function(data) { $.each(data, function(i, e) { if (e["ID"] != 0) { var type = 0; $(target).append("
" +
e["DESC"] +
" [" +
e["ID"] + "]
");
for (var i = 3; i > 0; i--) {
if (e["p" + i + "_ID"] != null) {
var temp = {};
temp["ID"] = e["p" + i + "_ID"];
temp["DESC"] = e["p" + i + "_DESC"];
zasobTree[e["ID"]] = [];
zasobTree[e["ID"]].push(temp);
}
}
updateDropZones();
}
});
});
}
});
function searchProc() {
var id = lastSearch;
var link;
//link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_PROCES&SRSNAME=EPSG:3003&Filter= " +
xml["DESC"] +
" [" +
xml["ID"] +
"]
");
updateDropZones();
});
}).catch(function(e) {
console.log('Error', e)
})
}
function searchRes() {
var id = lastSearch;
var link;
link = BASE_URL + "index.php?_route=UrlAction_ProcesEditor&_task=getResAjax&word=" + id + "&filter=" + filtr;
$.get(link, function(data) {
var side = $("#side");
$(side).find("#ulcon").empty();
if (data.length == 0)
$(side).find("#ulcon").append("" + tree + "
" + e["DESC"] + " [" + e["ID"] + "]
#
" + e["DESC"] + " [" + e["ID"] + "]
");
}
});
updateDropZones();
});
}
$(document).on('click', '.liProc', function() {
$(this).parents(".singleAdv").nextAll(".singleAdv").remove();
$(this).parents(".singleAdv").find(".active").removeClass("active");
$(this).find(".glyphicon").removeClass("glyphicon-triangle-right");
$(this).find(".glyphicon").addClass("glyphicon-refresh");
$(this).find(".glyphicon").addClass("anim-refresh");
$(this).addClass("active");
var parent = this;
var parent_id = $(this).data("id");
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_PROCES&SRSNAME=EPSG:3003&Filter=" + tree + "
" + e["DESC"] + " [" + e["ID"] + "]
# " +
xml["DESC"] +
"
[" +
xml["ID"] +
"]
';
result += '';
result += '
'
}
$("#depth" + depth).html(result);
updateDropZones();
$(parent).find(".glyphicon").addClass("glyphicon-triangle-right");
$(parent).find(".glyphicon").removeClass("glyphicon-refresh");
$(parent).find(".glyphicon").removeClass("anim-refresh");
$("#ulproc").scrollLeft(depth * 290 + 290);
$("#ulproc").scrollTop(0);
}).catch(function(e) {
console.log('Error', e)
})
});
function procesy() {
var side = $("#side");
$(side).empty();
//$(side).append("[' + $(parent).data('ID') + '] ' + $(parent).data("DESC") + '
';
result += 'Opis: ' + $(parent).data("OPIS");
result += '
';
result += 'Zarządzaj zasobami");
$(side).append("");
$(side).append("");
$(side).find("#procCon").append("");
$(side).find("#procCon").append("");
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_PROCES&SRSNAME=EPSG:3003&Filter=PARENT_ID 0 PARENT_ID 0 PARENT_ID ' + parent_id + ' PARENT_ID ' + parent_id + ' [' + $(parent).data('ID') + '] ' + $(parent).data("DESC") + '
';
result += '';
result += 'Opis: ' + $(parent).data("OPIS");
result += '
Typ: ' + $(parent).data("typename");
result += '';
result += ''
}
$("#depth" + depth).html(result);
updateDropZones();
$(parent).find(".glyphicon").addClass("glyphicon-triangle-right");
$(parent).find(".glyphicon").removeClass("glyphicon-refresh");
$("#ulcon").scrollLeft(depth * 290 + 290);
$("#ulcon").scrollTop(0);
});
});
function getImg(el) {
var name = el.files[0].name;
var size = el.files[0].size;
var type = el.files[0].type;
var link = BASE_URL + "wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&SRSNAME=EPSG:3003";
var FR = new FileReader();
FR.onload = function(e) {
var content = e.target.result;
var image = new Image();
image.src = content;
image.onload = function() {
var width = el.width;
var height = el.height;
var xml =
`
` + name + `
` + content + `
` + type + `
` + size + `
` + width + `
` + height + `
ADMIN_USERS
` + USER_ID + `
`;
$.ajax({
url: link,
data: xml,
type: 'POST',
contentType: "text/xml",
dataType: "xml",
success: function(data) {
if ($(data).find("ServiceException").text() != "") {
$.notify($(data).find("ServiceException").text(), "error");
} else {
photos();
}
}
});
}
};
FR.readAsDataURL(el.files[0]);
}
function humanFileSize(bytes) {
var thresh = 1024;
if (Math.abs(bytes) < thresh) {
return bytes + ' B';
}
var units = ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
var u = -1;
do {
bytes /= thresh;
++u;
} while (Math.abs(bytes) >= thresh && u < units.length - 1);
return bytes.toFixed(1) + ' ' + units[u];
}
function uploadForm() {
var form = '' +
"" +
""
return form;
}
function photos() {
var side = $("#side");
$(side).empty();
$(side).append(uploadForm());
$('#upload_progress').css(
'opacity',
0
);
$('#fileupload').fileupload({
dataType: 'html',
add: function(e, data) {
$("#upload_button").off('click').on('click', function() {
data.submit();
});
var html = ''
html += '' +
'' +
''
$("#upload_info").html(html);
},
done: function(e, data) {
$('#upload_progress').css(
'opacity',
0
);
//console.log("result")
//console.log(data);
//console.log(e)
loadClipboard();
},
progressall: function(e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#upload_progress').find(".progress-bar").css(
'width',
progress + '%'
);
var remaining = Math.ceil((data.total - data.loaded) * 8 / data.bitrate);
$('#upload_progress').find(".progress-bar").find("span").text(progress + '%');
var total = humanFileSize(data.total);
var bitrate = humanFileSize(data.bitrate / 10)
var loaded = humanFileSize(data.loaded);
$('#upload_info').find(".upload_status").text(loaded + "/" + total + " - pozostało " + remaining + " sekund [" + bitrate + "/s]");
}
});
var schowek = '';
schowek += '';
$(side).append(schowek);
loadClipboard();
}
function showVideo(data) {
var el = ""
return el;
}
function showMediaElement(data, type, args) {
args = args || {}
width = args.width || "165px"
height = args.height || "165px"
classes = args.classes || "";
if (type == "video") {
start = args.start || true
end = args.end || true
}
var el = ""
if (!data) return '';
if ('video' === type && undefined === data['VIDEO_ID']) return '';
if ('_IMG' === type && undefined === data['IMAGE']) return '';
//console.log("ps")
//console.log(data)
//console.log("data")
//console.log(type)
if (type == "video") {
//el += "X"
el += ""
el += data["NAME"]
el += ""
el += ""
el += ""
el += "![](" + "data:" + (data["THUMBNAIL"]["IMAGE"]) + ")
"
el += ""
el += ""
el += ""
} else if (type == "_IMG") {
el += ""
el += ""
el += ""
el += data["NAME"] + ""
el += "![](" + data["IMAGE"] + ")
"
el += ""
}
return el;
}
function updateDropZones() {
$('.attImg:not(.no-draggable),.attVid:not(.no-draggable)').draggable({
appendTo: 'body',
//revert: true,
zIndex: 100,
helper: "clone",
stack: "div",
distance: 0,
handle: '.imgTitle',
scroll: true,
start: function(event, ui) {
$(this).data("startingScrollTop", $(this).parent().scrollTop());
$(".imageDropper").addClass("imagesDrop")
},
drag: function(event, ui) {
var st = parseInt($(this).data("startingScrollTop"));
ui.position.top -= $(document).scrollTop() - st;
ui.helper.css('z-index', 1000);
},
stop: function(event, ui) {
$(".imageDropper").removeClass("imagesDrop")
}
});
$('.drag').draggable({
appendTo: 'body',
helper: 'clone',
stack: "div",
distance: 0,
cursor: "copy",
scroll: true,
start: function(event, ui) {
$(this).data("startingScrollTop", $(this).parent().scrollTop());
},
drag: function(event, ui) {
var st = parseInt($(this).data("startingScrollTop"));
ui.position.top -= $(document).scrollTop() - st;
ui.helper.css('z-index', 1000);
}
});
$(".drop").droppable({
tolerance: 'pointer',
accept: '.drag',
zIndex: 0,
hoverClass: "activeDrop",
drop: function(event, ui) {
if (ui.draggable.data("droptype") == 1)
addProces(ui, this);
else
addResource(ui, this);
}
});
$(".imageDropper").droppable({
tolerance: 'pointer',
accept: '.attImg, .attVid',
zIndex: 0,
hoverClass: "activeDrop",
drop: function(event, ui) {
if ($(ui.draggable).hasClass("attVid"))
dropVid(ui, this);
else if ($(ui.draggable).hasClass("attImg"))
dropImg(ui, this);
}
});
}
function loadClipboard() {
$("#clipboard").empty();
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_IMAGE&SRSNAME=EPSG:3003&Filter=REMOTE_ID ' + USER_ID + ' REMOTE_TABLE ADMIN_USERS PARENT_ID 0 Przycinanie
" +
"
" +
"" +
"" +
'' +
'' +
'' +
'' +
'' +
"" +
"" +
'' +
'' +
'' +
'' +
"" +
''
+
"" +
"" +
""
$(wind).html(el)
p5VideoPlayer_init($(wind).find(".p5VideoPlayer").find(".img"))
}
function dropVid(ui, target) {
elementVid = ui.draggable
targetVid = target
p5BModalDisplay("Edytor video", videoEditor, {
"ui": ui,
"target": target
})
}
function getDomLocalization(e) {
//console.log("getDomLocalization(e)")
var obj = {}
obj.type = null;
obj.typeName = null;
if ($(e).closest(".drop").length != 0) {
obj.idProces = $(e).closest(".drop").data("id");
obj.type = "CRM_PROCES";
obj.procesObj = state[getIndexById(obj.idProces)];
}
if ($(e).closest(".professions").length) {
obj.id = $(e).closest("li").data("id");
obj.type = "CRM_WSKAZNIK";
obj.typeName = "_prof";
obj.wskObj = obj.procesObj[obj.typeName][getIndexById(obj.id, obj.procesObj[obj.typeName])]
} else if ($(e).closest(".resources").length) {
obj.id = $(e).closest("li").data("id");
obj.type = "CRM_WSKAZNIK";
obj.typeName = "_res";
obj.wskObj = obj.procesObj[obj.typeName][getIndexById(obj.id, obj.procesObj[obj.typeName])]
}
//console.log(obj)
return obj;
}
function dropImg(ui, target) {
var targetInfo = getDomLocalization(target)
var objInfo = getDomLocalization(ui.draggable)
//console.log("dropImg()")
//console.log(targetInfo)
//console.log(objInfo)
var temp = {};
temp["src"] = $(ui.draggable).find("img").attr("src");
temp["title"] = $(ui.draggable).find(".imgTitle").text();
temp["ID"] = $(ui.draggable).data("id");
var id;
if (targetInfo.type == "CRM_PROCES") {
if (!targetInfo.procesObj._IMG) targetInfo.procesObj._IMG = [];
targetInfo.procesObj._IMG.push(temp);
id = targetInfo.idProces;
} else if (targetInfo.type == "CRM_WSKAZNIK") {
if (!targetInfo.wskObj._IMG) targetInfo.wskObj._IMG = [];
targetInfo.wskObj._IMG.push(temp);
id = targetInfo.id;
}
usedImg[temp["ID"]] = {
type: targetInfo.type,
targetID: id,
action: "ATTACH"
};
$(ui.draggable).remove();
updateAll();
}
function addProces(ui, target) {
var id = $(target).data("id");
var gotoOpt = "";
$.each(gotoType, function(key, value) {
gotoOpt += "";
})
swal({
showCancelButton: true,
cancelButtonText: "Anuluj",
title: 'Typ łącza',
html: (
state[getIndexById(id)]["IF_TRUE_GOTO"] != false ?
'Uwaga! Nowe łącze nadpisze już istniejące łącze.
' :
""
) + '
',
preConfirm: function() {
return new Promise(function(resolve) {
resolve([
$('#swal-input1').val()
]);
});
}
}).then(function(result) {
newRes--;
state[getIndexById(id)]["IF_TRUE_GOTO"] = ui.draggable.data("id");
state[getIndexById(id)]["IF_TRUE_GOTO_FLAG"] = result[0];
updateAll();
}).catch(function(e) {})
}
function addResource(ui, target) {
var permsOpt = "";
$.each(perms, function(key, value) {
permsOpt = permsOpt + "";
})
swal({
showCancelButton: true,
cancelButtonText: "Anuluj",
title: 'Uprawnienia',
html: 'Uprawnienia
' +
'Komentarz
',
preConfirm: function() {
return new Promise(function(resolve) {
resolve([
$('#swal-input1').val(),
$('#swal-input2').val()
]);
});
}
}).then(function(result) {
newRes--;
var temp = {};
temp["ID_ZASOB"] = ui.draggable.data("id");
temp["ID"] = newRes;
temp["ID_PRZYPADEK"] = result[0];
temp["OPIS_ZASOB"] = result[1];
temp["changed"] = true;
temp["OPIS"] = ui.draggable.data("opis");
temp["DESC"] = ui.draggable.data("desc");
temp["_TREE"] = zasobTree[temp["ID_ZASOB"]];
var id = $(target).data("id");
if (ui.draggable.data("type") == 1) {
state[getIndexById(id)]["_prof"].push(temp);
} else {
state[getIndexById(id)]["_res"].push(temp);
}
updateAll();
}).catch(function(e) {})
}
//Najwazniejsza funkcja odpalana po kazdej zmianie. Sprawdza, czy wszystkie funkcje maja rodzica,
//jezeli nie to przesuwa w lewo obiekt
//Odpowiada tez za ukrywanie guzikow i wywowalanie funkcji generacji krokow
function updateAll() {
$.each(state, function(i, e) {
var pid = getParentNode(e["ID"]);
if (pid != "NONE" && pid != false && pid != e["PARENT_ID"]) {
e["PARENT_ID"] = pid;
} else if (pid === false) {
e["_depth"]--;
updateAll();
return;
}
});
changes = true;
$("#clearBtn").show();
/*
localStorage.setItem("state" + mainProces_id, JSON.stringify(state));
localStorage.setItem("newStep" + mainProces_id, newSteps);
localStorage.setItem("newRes" + mainProces_id, newRes);
localStorage.setItem("deletedId" + mainProces_id, JSON.stringify(deletedId));
localStorage.setItem("deletedRes" + mainProces_id, JSON.stringify(deletedRes));
localStorage.setItem("date" + mainProces_id, moment().format("YYYY-MM-DD HH:mm:ss"));
*/
render(state, $("#main"));
}
//Generuje kroki, sprawdza tez czy kolejnosc krokow w danym rodzicow zostala zmieniona
//Jezeli tak to mozna wyslac ajaxem zmiane kolejnosci dla sort_prio
function stepsGenerator() {
$.each(state, function(i, e) {
e["_step"] = 0;
if (i == 0)
e["_stepDesc"] = "";
else {
var iParent = getIndexById(e["PARENT_ID"]);
state[iParent]["_step"] += 1;
e["SORT_PRIO"] = state[iParent]["_step"];
e["_stepDesc"] = state[iParent]["_stepDesc"] + state[iParent]["_step"] + ". ";
}
});
}
//Na potrzeby guzikow dorobilem funkcje sprawdzajaca id rodzica po przesunieciu (przewidywanie).
//Jezeli nie znajdzie zwraca false, a wtedy blokuje sie odpowiednia strzalka
function checkParentNode(id, check) {
var x = getIndexById(id);
var y = x;
var result = false;
while (x > 0) {
x--;
if (check == "right")
if (state[x]["_depth"] == state[y]["_depth"]) {
result = state[x]["ID"];
break;
}
if (check == "left")
if (state[x]["_depth"] == state[y]["_depth"] - 2) {
result = state[x]["ID"];
break;
}
if (check == "right" && state[x]["_depth"] < state[y]["_depth"])
break;
}
return result;
}
//Zwraca id rodzica, jezeli nie ma zwraca false
function getParentNode(id) {
var x = getIndexById(id);
var y = x;
if (x == 0)
return "NONE";
var result = false;
while (x > 0) {
x--;
if (state[x]["_depth"] == state[y]["_depth"] - 1) {
result = state[x]["ID"];
break;
}
if (state[x]["_depth"] - state[y]["_depth"] == -2)
break;
}
return result;
}
function getResById(index, id, type) {
var result = state[index][type].length - 1;
$.each(state[index][type], function(i, e) {
if (e["ID"] == id) {
result = i;
return false;
}
});
return result;
}
function getIndexById(id, arr, label) {
var arr = arr || state
var label = label || "ID"
var result = arr.length - 1;
if (label == "ID")
result = -1;
$.each(arr, function(i, e) {
if (e[label] == id) {
result = i;
return false;
}
});
return result;
}
$(document).on('click', ".remImg", function() {
//console.log(1);
obj = getDomLocalization($(this));
id = $(this).closest(".attImg").data('id');
if (obj.type == "CRM_PROCES") {
var index = getIndexById(id, obj.procesObj._IMG, "ID")
obj.procesObj._IMG.splice(index, 1);
} else if (obj.type == "CRM_WSKAZNIK") {
var index = getIndexById(id, obj.wskObj._IMG, "ID")
obj.wskObj._IMG.splice(index, 1);
}
usedImg[id] = {
type: "",
targetID: -1,
action: "DELETED"
};
updateAll();
return false;
});
$(document).on('click', '.stateOff', function() {
$(this).closest(".mx").prev(".tree").show();
$(this).closest(".mx").remove();
});
$(document).on('click', '.tree', function() {
var type;
if ($(this).closest("ul").hasClass("resources")) {
type = "_res";
} else {
type = "_prof"
}
var id = getIndexById($(this).closest(".drop").data("id"));
var resId = getResById(id, $(this).closest(".liRes").data("id"), type);
$(this).hide();
showTree(state[id][type][resId]["_TREE"], $(this));
});
function showTree(arr, target) {
result = "";
$.each(arr, function(i, x) {
result += " " + x["DESC"] + " ";
});
$(target).after(" " + result + "
");
}
function render(arr, target) {
//console.log("STATE")
//console.log(arr)
//console.log("USEDIMG")
//console.log(usedImg)
stepsGenerator();
var result = "";
$.each(arr, function(i, e) {
result += "";
result += "";
result += "" +
e["_stepDesc"] +
"" +
e["DESC"] +
" {" +
(e["ID"] >= 0 ? e["ID"] : "?") +
"}
" +
e["OPIS"] +
"";
// }
// if ($(this).find("OPIS").text() == "") {
// $("#proc" + $(this).find("ID").text()).find(".sdesc").after("Dodaj opis");
// }
result += "";
if (typeof e["_IMG"] !== "undefined") {
//console.log(e["_IMG"])
$.each(e["_IMG"], function(key, eImg) {
var img = showMediaElement({
"ID": eImg["ID"],
"IMAGE": eImg["src"],
"NAME": eImg["title"],
}, "_IMG", {
classes: "no-draggable"
})
result += img;
})
}
if (typeof e["vid"] !== "undefined") {
//console.log(e["_IMG"])
$.each(e["vid"], function(key, eVid) {
var vid = showMediaElement(eVid, "video", {
"start": eVid["START"],
"end": eVid["END"],
classes: "no-draggable"
})
result += vid;
})
}
result += "
";
var anyProf = false;
$.each(e["_prof"], function(i2, e2) {
if (!anyProf) {
result += "Stanowiska";
anyProf = true;
}
result += "- ";
result += "";
if (i2 != 0)
result += "";
if (i2 != e["_prof"].length - 1)
result += "";
result += "";
result += "";
result += "" + e2["DESC"] + " " + e2["OPIS"] + " [" + e2["ID_ZASOB"] + "]
";
if (typeof e2["_TREE"] !== "undefined" && e2["_TREE"].length > 0) { //TO DO DOWNLOAD TREE WHEN NOT EXISTS
result += " ";
$.each(e2["_TREE"], function(i, x) {
result += x["DESC"] + (i < e2["_TREE"].length - 1 ? " " : "");
});
}
result += "";
result += "";
if (typeof e2["_IMG"] !== "undefined") {
//console.log(e["_IMG"])
$.each(e2["_IMG"], function(key, eImg) {
var img = showMediaElement({
"ID": eImg["ID"],
"IMAGE": eImg["src"],
"NAME": eImg["title"]
}, "_IMG", {
classes: "no-draggable"
})
result += img;
})
}
result += "";
result += " ";
});
if (anyProf) {
result += "
";
}
var anyRes = false;
$.each(e["_res"], function(i2, e2) {
if (!anyRes) {
result += "Użyte zasoby";
anyRes = true;
}
result += "- ";
result += "";
if (i2 != 0)
result += "";
if (i2 != e["_res"].length - 1)
result += "";
result += "";
result += "";
result += "" + e2["DESC"] + " " + e2["OPIS"] + " [" + e2["ID_ZASOB"] + "]
";
if (typeof e2["_TREE"] !== "undefined" && e2["_TREE"].length > 0) { //TO DO DOWNLOAD TREE WHEN NOT EXISTS
result += " ";
$.each(e2["_TREE"], function(i, x) {
result += x["DESC"] + (i < e2["_TREE"].length - 1 ? " " : "");
});
}
result += "";
result += "";
if (typeof e2["_IMG"] !== "undefined") {
$.each(e2["_IMG"], function(key, eImg) {
var img = showMediaElement({
"ID": eImg["ID"],
"IMAGE": eImg["src"],
"NAME": eImg["title"]
}, "_IMG", {
classes: "no-draggable"
})
result += img;
})
}
result += "";
result += " ";
});
if (anyRes) {
result += "
";
}
if (e["IF_TRUE_GOTO"] != false) {
var name;
switch (e["IF_TRUE_GOTO_FLAG"]) {
case "GOTO":
name = "Przejdź do procesu " + e["IF_TRUE_GOTO"] + ".";
break;
case "GOTO_AND_RETURN":
name = "Przejdź do procesu " + e["IF_TRUE_GOTO"] + ", a następnie wróć.";
break;
case "FORK":
name = "— FORK" + e["IF_TRUE_GOTO"];
break;
default:
name = e["IF_TRUE_GOTO"];
}
result += "— " + name + " ";
}
result += "
Dodaj nowy krok";
result += ""
result += "";
});
$(target).html(result);
updateDropZones()
}
function genTree(parent_id) {
return p5WFS_GetFeature('p5_default_db:CRM_PROCES', {
'Filter': '' + "PARENT_ID" + ' ' + parent_id + ' Synchronizowanie danych z serwerem. ");
render(state, $("#main"));
var id = mainProces_id;
p5WFS_GetFeature('p5_default_db:CRM_PROCES', {
'featureID': 'CRM_PROCES.' + id,
}).then(function(features) {
if (!features) throw "Nie odnaleziono rekordu id = " + id
if (!features.length) throw "Nie odnaleziono rekordu id = " + id
if (1 !== features.length) throw "Bład: API zwróciło za dużo rekordów"
return features[0]
//console.log('fetched features', features)
}).then(function(feature) {
var temp = {};
temp["ID"] = mainProces_id;
temp["_depth"] = 0;
temp["PARENT_ID"] = feature["PARENT_ID"] || ''
temp["_step"] = 0;
temp["IF_TRUE_GOTO"] = feature["IF_TRUE_GOTO"] || ''
temp["IF_TRUE_GOTO_FLAG"] = feature["IF_TRUE_GOTO_FLAG"] || ''
temp["_stepDesc"] = "";
temp["_prof"] = Array();
temp["_res"] = Array();
temp["DESC"] = feature["DESC"] || ''
temp["OPIS"] = feature["OPIS"] || ''
state[0] = temp;
genTree(mainProces_id).then(function() {
loadResources();
});
}).catch(function(e) {
console.log('Error', e)
})
actSite = "preview";
}
}
});
function unloadPage() {
if (changes)
return "";
}
window.onbeforeunload = unloadPage;
");
$(side).find("#procCon").append("");
$(side).find("#procCon").append("");
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_PROCES&SRSNAME=EPSG:3003&Filter=
";
result += "
";
});
$("#depth0").html(result);
updateDropZones();
});
}
$(document).on('click', '.liAdv', function() {
$(this).find(".glyphicon").removeClass("glyphicon-triangle-right");
$(this).find(".glyphicon").addClass("glyphicon-refresh");
$(this).parents(".singleAdv").nextAll(".singleAdv").remove();
$(this).parents(".singleAdv").find(".active").removeClass("active");
$(this).addClass("active");
var parent = this;
var parent_id = $(this).data("id");
var result = "";
var depth = $(this).parents(".singleAdv").data("_depth") + 1;
$("#advCon").css("width", depth * 290 + 290);
$(this).parents(".singleAdv").after("");
var childs = true;
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_LISTA_ZASOBOW&SRSNAME=EPSG:3003&Filter= # ";
result += (xml["DESC"] || "")
result += "
[" + (xml["ID"] || "") + "]
";
result += " # " +
xml["DESC"] + "
";
result += "";
result += "[" + xml["ID"] + "] " + xml["TYPE"] + "
';
result += '';
result += '
'
}
$("#depth" + depth).html(result);
updateDropZones();
$(parent).find(".glyphicon").addClass("glyphicon-triangle-right");
$(parent).find(".glyphicon").removeClass("glyphicon-refresh");
$("#ulcon").scrollLeft(depth * 290 + 290);
$("#ulcon").scrollTop(0);
});
});
function getImg(el) {
var name = el.files[0].name;
var size = el.files[0].size;
var type = el.files[0].type;
var link = BASE_URL + "wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&SRSNAME=EPSG:3003";
var FR = new FileReader();
FR.onload = function(e) {
var content = e.target.result;
var image = new Image();
image.src = content;
image.onload = function() {
var width = el.width;
var height = el.height;
var xml =
`
[' + $(parent).data('ID') + '] ' + $(parent).data("DESC") + '
';
result += 'Opis: ' + $(parent).data("OPIS");
result += '
Typ: ' + $(parent).data("typename"); result += '
';
result += 'Typ: ' + $(parent).data("typename"); result += '
' +
'' +
'
'
$("#upload_info").html(html);
},
done: function(e, data) {
$('#upload_progress').css(
'opacity',
0
);
//console.log("result")
//console.log(data);
//console.log(e)
loadClipboard();
},
progressall: function(e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#upload_progress').find(".progress-bar").css(
'width',
progress + '%'
);
var remaining = Math.ceil((data.total - data.loaded) * 8 / data.bitrate);
$('#upload_progress').find(".progress-bar").find("span").text(progress + '%');
var total = humanFileSize(data.total);
var bitrate = humanFileSize(data.bitrate / 10)
var loaded = humanFileSize(data.loaded);
$('#upload_info').find(".upload_status").text(loaded + "/" + total + " - pozostało " + remaining + " sekund [" + bitrate + "/s]");
}
});
var schowek = '';
schowek += '
';
$(side).append(schowek);
loadClipboard();
}
function showVideo(data) {
var el = ""
return el;
}
function showMediaElement(data, type, args) {
args = args || {}
width = args.width || "165px"
height = args.height || "165px"
classes = args.classes || "";
if (type == "video") {
start = args.start || true
end = args.end || true
}
var el = ""
if (!data) return '';
if ('video' === type && undefined === data['VIDEO_ID']) return '';
if ('_IMG' === type && undefined === data['IMAGE']) return '';
//console.log("ps")
//console.log(data)
//console.log("data")
//console.log(type)
if (type == "video") {
//el += "X
"
el += ""
el += data["NAME"]
el += "
"
el += ""
el += "
"
el += ""
el += ""
el += "
"
el += ""
el += "
"
}
return el;
}
function updateDropZones() {
$('.attImg:not(.no-draggable),.attVid:not(.no-draggable)').draggable({
appendTo: 'body',
//revert: true,
zIndex: 100,
helper: "clone",
stack: "div",
distance: 0,
handle: '.imgTitle',
scroll: true,
start: function(event, ui) {
$(this).data("startingScrollTop", $(this).parent().scrollTop());
$(".imageDropper").addClass("imagesDrop")
},
drag: function(event, ui) {
var st = parseInt($(this).data("startingScrollTop"));
ui.position.top -= $(document).scrollTop() - st;
ui.helper.css('z-index', 1000);
},
stop: function(event, ui) {
$(".imageDropper").removeClass("imagesDrop")
}
});
$('.drag').draggable({
appendTo: 'body',
helper: 'clone',
stack: "div",
distance: 0,
cursor: "copy",
scroll: true,
start: function(event, ui) {
$(this).data("startingScrollTop", $(this).parent().scrollTop());
},
drag: function(event, ui) {
var st = parseInt($(this).data("startingScrollTop"));
ui.position.top -= $(document).scrollTop() - st;
ui.helper.css('z-index', 1000);
}
});
$(".drop").droppable({
tolerance: 'pointer',
accept: '.drag',
zIndex: 0,
hoverClass: "activeDrop",
drop: function(event, ui) {
if (ui.draggable.data("droptype") == 1)
addProces(ui, this);
else
addResource(ui, this);
}
});
$(".imageDropper").droppable({
tolerance: 'pointer',
accept: '.attImg, .attVid',
zIndex: 0,
hoverClass: "activeDrop",
drop: function(event, ui) {
if ($(ui.draggable).hasClass("attVid"))
dropVid(ui, this);
else if ($(ui.draggable).hasClass("attImg"))
dropImg(ui, this);
}
});
}
function loadClipboard() {
$("#clipboard").empty();
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_IMAGE&SRSNAME=EPSG:3003&Filter="
el += ""
el += data["NAME"] + "
"
el += ""
el += "
");
$(side).find("#advCon").append("");
$(side).find("#advCon").append("");
//var link = BASE_URL + 'wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_LISTA_ZASOBOW&SRSNAME=EPSG:3003&Filter=
"
result += "
";
});
$("#depth0").html(result);
updateDropZones();
}).catch(function(e) {
console.log('Error', e)
})
}
function removeImg(content, id) {
$.each(content, function(i, e) {
if (e["ID"] == id) {
content.splice(i, 1);
return;
}
})
}
$(document).on('focus click', '#startInput, #endInput', function() {
focusedInput = this;
$("#startInputCheckbox, #endInputCheckbox").hide();
$(this).closest(".form-group").find("#startInputCheckbox, #endInputCheckbox").show()
$("#startInput, #endInput").removeClass("focused");
$(this).addClass("focused")
return false;
});
$(document).on("click", "#videoEditorModal .attVid", function() {
return false;
})
$(document).on("click", "#videoEditorModal", function() {
focusedInput = false;
$("#startInput, #endInput").removeClass("focused");
})
$(document).on("click", "#startInputCheckbox, #endInputCheckbox", function() {
focusedInput = $(this).closest(".form-group").find("#startInput, #endInput");
$("#startInputCheckbox, #endInputCheckbox").hide();
$(this).show()
$("#startInput, #endInput").removeClass("focused");
$(this).closest(".form-group").find("#startInput, #endInput").addClass("focused")
e.stopPropagation();
})
$(document).on("click", ".form-group", function() {
focusedInput = $(this).find("#startInput, #endInput");
$("#startInputCheckbox, #endInputCheckbox").hide();
$(this).find("#startInputCheckbox, #endInputCheckbox").show()
$("#startInput, #endInput").removeClass("focused");
$(this).find("#startInput, #endInput").addClass("focused")
return false;
})
$(document).on("videoProgress", "#videoEditorModal .p5VideoPlayer", function() {
//console.log($(focusedInput).closest(".form-group").find("#startInputCheckbox, #endInputCheckbox").is(':checked'));
if ($(focusedInput).closest(".form-group").find("#startInputCheckbox, #endInputCheckbox").is(':checked')) {
var time = Math.floor($(this).find('.p5VideoPlayer_vid')[0].currentTime);
var parsedTime = secondsToTime(time);
$(focusedInput).val(parsedTime);
$(focusedInput).trigger("valueUpdated");
}
})
$(document).on("keyup valueUpdated", "#startInput, #endInput", function() {
var val = $(this).val()
var patternIsTime = /^([0-9][0-9]*):([0-5][0-9]):([0-5][0-9])$/
var patternIsInt = /^([0-9]*)$/
//var patternIsIntOrTime = /^(([0-9]*)|([0-9][0-9]*):([0-5][0-9]):([0-5][0-9]))$/
//sprawdza czy format HH:MM:SS i zamienia na int
if (patternIsTime.test(val)) {
var a = val.split(':');
val = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]);
}
if (!val) val = 0;
//Sprawdza poprawność czasu
if (patternIsInt.test(val)) {
$(this).removeClass("incorrect");
if ($(this).is("#startInput")) {
startInputVal = val;
} else if ($(this).is("#endInput")) {
endInputVal = val;
}
} else {
$(this).addClass("incorrect");
}
//console.log("startInputVal: ", startInputVal)
//console.log("endInputVal: ", endInputVal)
})
$(document).on("click", "#cutAndSave", function() {
var id = $(targetVid).closest(".drop").data("id");
var proces = id;
var idBefore = $(elementVid).closest(".drop").data("id");
var procesBefore = idBefore;
var type = "CRM_PROCES";
var typeName = "proces";
var typeNameBefore = "proces";
if ($(targetVid).closest(".professions").length) {
id = $(targetVid).closest("li").data("id");
type = "CRM_WSKAZNIK";
typeName = "_prof";
} else if ($(targetVid).closest(".resources").length) {
id = $(targetVid).closest("li").data("id");
typeNameBefore = "_res";
type = "CRM_WSKAZNIK";
typeName = "_res";
}
if ($(elementVid).closest(".professions").length) {
typeNameBefore = "_prof";
idBefore = $(elementVid).closest("li").data("id");
} else if ($(elementVid).closest(".resources").length) {
typeNameBefore = "_res";
idBefore = $(elementVid).closest("li").data("id");
}
var temp = {};
temp["THUMBNAIL"] = {};
temp["THUMBNAIL"]["IMAGE"] = $(elementVid).find("img").attr("src");
temp["NAME"] = $(elementVid).find(".imgTitle").text();
temp["START"] = startInputVal
temp["END"] = endInputVal
temp["VIDEO_ID"] = $(elementVid).find(".p5VideoPlayer").data("videoid");
tempUsed = {
video_id: temp["VIDEO_ID"],
type: type,
targetID: id,
action: "CLONE",
start: temp["start"],
end: temp["end"]
};
usedVid.push(tempUsed);
if (typeName != "proces" && typeof state[getIndexById(proces)][typeName][
[getResById(getIndexById(proces), $(targetVid).closest("li").data("id"), typeName)]
]["vid"] == "undefined") {
state[getIndexById(proces)][typeName][getResById(getIndexById(proces), $(targetVid).closest("li").data("id"), typeName)]["vid"] = Array();
} else if (typeName == "proces" && typeof state[getIndexById(id)]["_IMG"] == "undefined") {
state[getIndexById(proces)]["vid"] = Array();
}
if (typeof idBefore != "undefined")
if (typeNameBefore == "proces") {
removeImg(state[getIndexById(procesBefore)]["vid"], temp["ID"]);
} else {
removeImg(state[getIndexById(procesBefore)][typeNameBefore][getResById(getIndexById(procesBefore), $(elementVid).closest("li").data("id"), typeNameBefore)]["_IMG"], temp["ID"]);
}
if (typeName == "proces") {
state[getIndexById(id)]["vid"].push(temp);
} else {
state[getIndexById(proces)][typeName][getResById(getIndexById(proces), $(targetVid).closest("li").data("id"), typeName)]["_IMG"].push(temp);
}
$(elementVid).remove();
hideModal($(this).closest(".p5BModalModal"));
updateAll();
//console.log(usedVid)
})
function videoEditor(wind, args) {
//console.log(args)
var ui = args.ui
var target = args.target
var temp = {};
temp["THUMBNAIL"] = {};
temp["THUMBNAIL"]["IMAGE"] = $(ui.draggable).find("img").attr("src");
temp["NAME"] = $(ui.draggable).find(".imgTitle").text();
temp["VIDEO_ID"] = $(ui.draggable).find(".p5VideoPlayer").data("videoid");
//console.log("temp")
//console.log(temp);
var el = ""
result += " # " +
(xml["DESC"] || "") + "
"
result += ""
result += ""
result += "[" +
(xml["ID"] || "") + "] " +
(xml["TYPE"] || "") + "
"
result += "" +
"
"
$(wind).html(el)
p5VideoPlayer_init($(wind).find(".p5VideoPlayer").find(".img"))
}
function dropVid(ui, target) {
elementVid = ui.draggable
targetVid = target
p5BModalDisplay("Edytor video", videoEditor, {
"ui": ui,
"target": target
})
}
function getDomLocalization(e) {
//console.log("getDomLocalization(e)")
var obj = {}
obj.type = null;
obj.typeName = null;
if ($(e).closest(".drop").length != 0) {
obj.idProces = $(e).closest(".drop").data("id");
obj.type = "CRM_PROCES";
obj.procesObj = state[getIndexById(obj.idProces)];
}
if ($(e).closest(".professions").length) {
obj.id = $(e).closest("li").data("id");
obj.type = "CRM_WSKAZNIK";
obj.typeName = "_prof";
obj.wskObj = obj.procesObj[obj.typeName][getIndexById(obj.id, obj.procesObj[obj.typeName])]
} else if ($(e).closest(".resources").length) {
obj.id = $(e).closest("li").data("id");
obj.type = "CRM_WSKAZNIK";
obj.typeName = "_res";
obj.wskObj = obj.procesObj[obj.typeName][getIndexById(obj.id, obj.procesObj[obj.typeName])]
}
//console.log(obj)
return obj;
}
function dropImg(ui, target) {
var targetInfo = getDomLocalization(target)
var objInfo = getDomLocalization(ui.draggable)
//console.log("dropImg()")
//console.log(targetInfo)
//console.log(objInfo)
var temp = {};
temp["src"] = $(ui.draggable).find("img").attr("src");
temp["title"] = $(ui.draggable).find(".imgTitle").text();
temp["ID"] = $(ui.draggable).data("id");
var id;
if (targetInfo.type == "CRM_PROCES") {
if (!targetInfo.procesObj._IMG) targetInfo.procesObj._IMG = [];
targetInfo.procesObj._IMG.push(temp);
id = targetInfo.idProces;
} else if (targetInfo.type == "CRM_WSKAZNIK") {
if (!targetInfo.wskObj._IMG) targetInfo.wskObj._IMG = [];
targetInfo.wskObj._IMG.push(temp);
id = targetInfo.id;
}
usedImg[temp["ID"]] = {
type: targetInfo.type,
targetID: id,
action: "ATTACH"
};
$(ui.draggable).remove();
updateAll();
}
function addProces(ui, target) {
var id = $(target).data("id");
var gotoOpt = "";
$.each(gotoType, function(key, value) {
gotoOpt += "";
})
swal({
showCancelButton: true,
cancelButtonText: "Anuluj",
title: 'Typ łącza',
html: (
state[getIndexById(id)]["IF_TRUE_GOTO"] != false ?
'Uwaga! Nowe łącze nadpisze już istniejące łącze." +
"
" +
"" +
showMediaElement(temp, "video", {
width: "100%",
height: "300px",
classes: "no-draggable"
}) +
"
" +
""
+
"
" + "
" +
"Przycinanie
" + "" + "
" +
"" +
'
' +
"' +
'' +
'' +
'
' +
'" +
"" +
'
" +
''
+
"' +
'' +
'' +
'
' +
"' : "" ) + '
', preConfirm: function() { return new Promise(function(resolve) { resolve([ $('#swal-input1').val() ]); }); } }).then(function(result) { newRes--; state[getIndexById(id)]["IF_TRUE_GOTO"] = ui.draggable.data("id"); state[getIndexById(id)]["IF_TRUE_GOTO_FLAG"] = result[0]; updateAll(); }).catch(function(e) {}) } function addResource(ui, target) { var permsOpt = ""; $.each(perms, function(key, value) { permsOpt = permsOpt + ""; }) swal({ showCancelButton: true, cancelButtonText: "Anuluj", title: 'Uprawnienia', html: 'Uprawnienia
' + 'Komentarz
', preConfirm: function() { return new Promise(function(resolve) { resolve([ $('#swal-input1').val(), $('#swal-input2').val() ]); }); } }).then(function(result) { newRes--; var temp = {}; temp["ID_ZASOB"] = ui.draggable.data("id"); temp["ID"] = newRes; temp["ID_PRZYPADEK"] = result[0]; temp["OPIS_ZASOB"] = result[1]; temp["changed"] = true; temp["OPIS"] = ui.draggable.data("opis"); temp["DESC"] = ui.draggable.data("desc"); temp["_TREE"] = zasobTree[temp["ID_ZASOB"]]; var id = $(target).data("id"); if (ui.draggable.data("type") == 1) { state[getIndexById(id)]["_prof"].push(temp); } else { state[getIndexById(id)]["_res"].push(temp); } updateAll(); }).catch(function(e) {}) } //Najwazniejsza funkcja odpalana po kazdej zmianie. Sprawdza, czy wszystkie funkcje maja rodzica, //jezeli nie to przesuwa w lewo obiekt //Odpowiada tez za ukrywanie guzikow i wywowalanie funkcji generacji krokow function updateAll() { $.each(state, function(i, e) { var pid = getParentNode(e["ID"]); if (pid != "NONE" && pid != false && pid != e["PARENT_ID"]) { e["PARENT_ID"] = pid; } else if (pid === false) { e["_depth"]--; updateAll(); return; } }); changes = true; $("#clearBtn").show(); /* localStorage.setItem("state" + mainProces_id, JSON.stringify(state)); localStorage.setItem("newStep" + mainProces_id, newSteps); localStorage.setItem("newRes" + mainProces_id, newRes); localStorage.setItem("deletedId" + mainProces_id, JSON.stringify(deletedId)); localStorage.setItem("deletedRes" + mainProces_id, JSON.stringify(deletedRes)); localStorage.setItem("date" + mainProces_id, moment().format("YYYY-MM-DD HH:mm:ss")); */ render(state, $("#main")); } //Generuje kroki, sprawdza tez czy kolejnosc krokow w danym rodzicow zostala zmieniona //Jezeli tak to mozna wyslac ajaxem zmiane kolejnosci dla sort_prio function stepsGenerator() { $.each(state, function(i, e) { e["_step"] = 0; if (i == 0) e["_stepDesc"] = ""; else { var iParent = getIndexById(e["PARENT_ID"]); state[iParent]["_step"] += 1; e["SORT_PRIO"] = state[iParent]["_step"]; e["_stepDesc"] = state[iParent]["_stepDesc"] + state[iParent]["_step"] + ". "; } }); } //Na potrzeby guzikow dorobilem funkcje sprawdzajaca id rodzica po przesunieciu (przewidywanie). //Jezeli nie znajdzie zwraca false, a wtedy blokuje sie odpowiednia strzalka function checkParentNode(id, check) { var x = getIndexById(id); var y = x; var result = false; while (x > 0) { x--; if (check == "right") if (state[x]["_depth"] == state[y]["_depth"]) { result = state[x]["ID"]; break; } if (check == "left") if (state[x]["_depth"] == state[y]["_depth"] - 2) { result = state[x]["ID"]; break; } if (check == "right" && state[x]["_depth"] < state[y]["_depth"]) break; } return result; } //Zwraca id rodzica, jezeli nie ma zwraca false function getParentNode(id) { var x = getIndexById(id); var y = x; if (x == 0) return "NONE"; var result = false; while (x > 0) { x--; if (state[x]["_depth"] == state[y]["_depth"] - 1) { result = state[x]["ID"]; break; } if (state[x]["_depth"] - state[y]["_depth"] == -2) break; } return result; } function getResById(index, id, type) { var result = state[index][type].length - 1; $.each(state[index][type], function(i, e) { if (e["ID"] == id) { result = i; return false; } }); return result; } function getIndexById(id, arr, label) { var arr = arr || state var label = label || "ID" var result = arr.length - 1; if (label == "ID") result = -1; $.each(arr, function(i, e) { if (e[label] == id) { result = i; return false; } }); return result; } $(document).on('click', ".remImg", function() { //console.log(1); obj = getDomLocalization($(this)); id = $(this).closest(".attImg").data('id'); if (obj.type == "CRM_PROCES") { var index = getIndexById(id, obj.procesObj._IMG, "ID") obj.procesObj._IMG.splice(index, 1); } else if (obj.type == "CRM_WSKAZNIK") { var index = getIndexById(id, obj.wskObj._IMG, "ID") obj.wskObj._IMG.splice(index, 1); } usedImg[id] = { type: "", targetID: -1, action: "DELETED" }; updateAll(); return false; }); $(document).on('click', '.stateOff', function() { $(this).closest(".mx").prev(".tree").show(); $(this).closest(".mx").remove(); }); $(document).on('click', '.tree', function() { var type; if ($(this).closest("ul").hasClass("resources")) { type = "_res"; } else { type = "_prof" } var id = getIndexById($(this).closest(".drop").data("id")); var resId = getResById(id, $(this).closest(".liRes").data("id"), type); $(this).hide(); showTree(state[id][type][resId]["_TREE"], $(this)); }); function showTree(arr, target) { result = ""; $.each(arr, function(i, x) { result += "
- " + result + "
";
result += "";
result += "
"; var anyProf = false; $.each(e["_prof"], function(i2, e2) { if (!anyProf) { result += "
Dodaj nowy krok"; result += ""
result += "
";
});
$(target).html(result);
updateDropZones()
}
function genTree(parent_id) {
return p5WFS_GetFeature('p5_default_db:CRM_PROCES', {
'Filter': '" + e["_stepDesc"] + "" + e["DESC"] + " {" + (e["ID"] >= 0 ? e["ID"] : "?") + "}
" + e["OPIS"] + ""; // } // if ($(this).find("OPIS").text() == "") { // $("#proc" + $(this).find("ID").text()).find(".sdesc").after("Dodaj opis"); // } result += "";
if (typeof e["_IMG"] !== "undefined") {
//console.log(e["_IMG"])
$.each(e["_IMG"], function(key, eImg) {
var img = showMediaElement({
"ID": eImg["ID"],
"IMAGE": eImg["src"],
"NAME": eImg["title"],
}, "_IMG", {
classes: "no-draggable"
})
result += img;
})
}
if (typeof e["vid"] !== "undefined") {
//console.log(e["_IMG"])
$.each(e["vid"], function(key, eVid) {
var vid = showMediaElement(eVid, "video", {
"start": eVid["START"],
"end": eVid["END"],
classes: "no-draggable"
})
result += vid;
})
}
result += "
"; var anyProf = false; $.each(e["_prof"], function(i2, e2) { if (!anyProf) { result += "
Stanowiska
- ";
anyProf = true;
}
result += "
- "; result += ""; if (i2 != 0) result += ""; if (i2 != e["_prof"].length - 1) result += ""; result += ""; result += ""; result += "" + e2["DESC"] + " " + e2["OPIS"] + " [" + e2["ID_ZASOB"] + "]"; result += "
"; if (typeof e2["_TREE"] !== "undefined" && e2["_TREE"].length > 0) { //TO DO DOWNLOAD TREE WHEN NOT EXISTS result += " "; $.each(e2["_TREE"], function(i, x) { result += x["DESC"] + (i < e2["_TREE"].length - 1 ? " " : ""); }); } result += ""; result += ""; if (typeof e2["_IMG"] !== "undefined") { //console.log(e["_IMG"]) $.each(e2["_IMG"], function(key, eImg) { var img = showMediaElement({ "ID": eImg["ID"], "IMAGE": eImg["src"], "NAME": eImg["title"] }, "_IMG", { classes: "no-draggable" }) result += img; }) } result += "";
});
if (anyProf) {
result += "
Użyte zasoby
- ";
anyRes = true;
}
result += "
- "; result += ""; if (i2 != 0) result += ""; if (i2 != e["_res"].length - 1) result += ""; result += ""; result += ""; result += "" + e2["DESC"] + " " + e2["OPIS"] + " [" + e2["ID_ZASOB"] + "]"; result += "
"; if (typeof e2["_TREE"] !== "undefined" && e2["_TREE"].length > 0) { //TO DO DOWNLOAD TREE WHEN NOT EXISTS result += " "; $.each(e2["_TREE"], function(i, x) { result += x["DESC"] + (i < e2["_TREE"].length - 1 ? " " : ""); }); } result += ""; result += ""; if (typeof e2["_IMG"] !== "undefined") { $.each(e2["_IMG"], function(key, eImg) { var img = showMediaElement({ "ID": eImg["ID"], "IMAGE": eImg["src"], "NAME": eImg["title"] }, "_IMG", { classes: "no-draggable" }) result += img; }) } result += "";
});
if (anyRes) {
result += "
Dodaj nowy krok"; result += "