was previously located. Also take
* care of everything else.
* @param newElToBeReplaced - The "new element" to be replaced.
* @param elements - A JSON array of elements to be injected.
*/
function addElements(newElToBeReplaced, elements) {
var parent;
// Remove event listener on the new element to be replaced
newElToBeReplaced.off("click");
parent = newElToBeReplaced.parent();
newElToBeReplaced.addClass("original-new-el");
var prevEl = newElToBeReplaced;
var lastChild, secLastChild;
var newElements = [];
for (var i = 0; i < elements.length; i++) {
var newEl = addElement(elements[i], prevEl);
prevEl = newEl;
newElements.push(newEl);
}
if (parent.length && parent.length > 0) {
// Remove a potential last new child element remaining
lastChild = parent.children().last();
if (lastChild.length && lastChild.length > 0) {
secLastChild = lastChild.prev();
if (secLastChild.length && secLastChild.length > 0) {
if (lastChild.hasClass("new-element") &&
secLastChild.hasClass("new-element")) {
// TODO Remove event listeners on existing element
lastChild.remove();
}
}
}
}
// Remove the temporary class from all
// added new elements
$(".new-element.added-new-element")
.removeClass("added-new-element");
// Remove the "replaced" element
newElToBeReplaced.remove();
// Initialize everything on all elements
_.each(newElements, function(element) {
initializeReportElements($(element));
// Update previous and next element controls
updateElementControls(element.prev())
updateElementControls(element.next())
});
}
/**
* Add a single element to the DOM after the
* previous element. This function is recursive.
* @param jsonEl - The JSON element to be inserted.
* @param prevEl - The jQuery element preceeding
* the newly injected element.
* @returns The newly created jQuery element.
*/
function addElement(jsonEl, prevEl) {
var el = $(jsonEl.html);
// If such an element already exists in the report, remove it
// (this only applies to report elements)
if (el.hasClass("report-element")) {
var existing = $(REPORT_CONTENT)
.find(
".report-element" +
"[data-type='" + el.attr("data-type") + "']" +
"[data-scroll-id='" + el.attr("data-scroll-id") + "']"
);
if (existing.length && existing.length > 0) {
// TODO Remove event listeners on existing element
// First, remove the "new element" before the existing one
var prevNewEl = existing.prev();
if (prevNewEl.hasClass("new-element") &&
!prevNewEl.hasClass("original-new-el") &&
!prevNewEl.hasClass("added-new-element")) {
// TODO Remove event listeners on existing element
prevNewEl.remove();
}
existing.remove();
}
} else if (el.hasClass("new-element")) {
el.addClass("added-new-element");
}
// Add the new element after the previous one
prevEl.after(el);
// If element has children, recursively add them to the element
var children = jsonEl.children;
var childrenContainer = el.find(".report-element-children");
var child, prevChild;
var lastChild, secLastChild;
if (!_.isUndefined(children) && children.length > 0) {
for (var i = 0; i < children.length; i++) {
if (i === 0) {
// Make a "dummy" child so following children
// can be added after it recursively
var tmpDiv = $("
");
childrenContainer.append(tmpDiv);
child = addElement(children[i], tmpDiv);
tmpDiv.remove();
} else {
child = addElement(children[i], prevChild);
}
prevChild = child;
}
// Remove a potential last new child element remaining
lastChild = childrenContainer.children().last();
if (lastChild.length && lastChild.length > 0) {
secLastChild = lastChild.prev();
if (secLastChild.length && secLastChild.length > 0) {
if (lastChild.hasClass("new-element") &&
secLastChild.hasClass("new-element")) {
// TODO Remove event listeners on existing element
lastChild.remove();
}
}
}
}
return el;
}
/**
* Construct the report contents JSON. This is used
* when saving/updating the report.
* @return The JSON representation of report contents.
*/
function constructReportContentsJson() {
var res = [];
var rootEls = $(REPORT_CONTENT).children(".report-element");
_.each(rootEls, function(el) {
res.push(constructElementContentsJson($(el)));
});
return res;
}
/**
* Recursive function to retrieve element JSON contents.
* @return The JSON representation of the element.
*/
function constructElementContentsJson(el) {
var jsonEl = {};
jsonEl["type_of"] = el.data("type");
jsonEl["id"] = el.data("id");
jsonEl["sort_order"] = null;
if (!_.isUndefined(el.data("order"))) {
jsonEl["sort_order"] = el.data("order");
}
var jsonChildren = [];
var childrenContainer = el.children(".report-element-children");
if (childrenContainer.length && childrenContainer.length == 1) {
var children = childrenContainer.children(".report-element");
_.each(children, function(child) {
jsonChildren.push(constructElementContentsJson($(child)));
});
}
jsonEl["children"] = jsonChildren;
return jsonEl;
}
// Check if we are actually at new report page
if ($(REPORT_CONTENT).length) {
init();
}
/** Convert Handsone table to normal table **/
function reportHandsonTableConverter() {
setTimeout(() => {
$.each($('.hot-table-container'), function(index, value) {
var table = $(value);
var header = table.find('.ht_master thead');
var body = table.find('.ht_master tbody');
table.next().append(header).append(body);
table.remove();
});
}, 0);
}