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;
}
/**
* Binds listeners to sidebar
* that truncate long strings
*/
function initializeReportSidebartruncation() {
var target = document.getElementById("report-sidebar-tree");
var observer = new MutationObserver(
function() {
$.each($("a.report-nav-link"),
function(){
truncateLongString($(this),
<%= Constants::NAME_TRUNCATION_LENGTH %>);
});
}
);
var config = { childList: true };
observer.observe(target, config);
}
/**
* Initializes tutorial
*/
function initTutorial() {
var stepNum = parseInt(Cookies.get('current_tutorial_step'), 10);
if (stepNum >= 20 && stepNum <= 21) {
ignoreUnsavedWorkAlert = true;
var nextPage = $('.navbar-brand').attr('href');
var steps = [{
element: $('.new-element')[0],
intro: I18n.t('tutorial.new_report_html'),
position: 'left'
}, {
element: $('#team-link')[0],
intro: I18n.t('tutorial.new_report_click_team_html',
{ private_team: $('#team-link span').last().text() }),
position: 'left'
}];
initPageTutorialSteps(20, 21, nextPage, function() {}, function() {
ignoreUnsavedWorkAlert = false;
},
steps);
}
}
$(document).ready(function() {
// Check if we are actually at new report page
if ($(REPORT_CONTENT).length) {
init();
}
})
$(document).change(function(){
setTimeout(function(){
$(".report-nav-link").each( function(){
truncateLongString( $(this), <%= Constants::NAME_TRUNCATION_LENGTH %>);
});
}, 1000);
});