Confirmedusers, editor, Administrators
886
edits
CreativeMD (talk | contribs) No edit summary |
CreativeMD (talk | contribs) No edit summary |
||
(16 intermediate revisions by the same user not shown) | |||
Line 53: | Line 53: | ||
var currentPadding = $cells.css('padding'); | var currentPadding = $cells.css('padding'); | ||
$cellContentWrappers = $(this).find('.slideRowUp'); | $cellContentWrappers = $(this).find('.slideRowUp'); | ||
var wrappersCounterTicking = 0; | |||
var wrappersCounter = 0; | |||
$cellContentWrappers.slideUp({ | $cellContentWrappers.slideUp({ | ||
duration: sR.thisCallArgs.slideSpeed, | duration: sR.thisCallArgs.slideSpeed, | ||
easing: sR.thisCallArgs.easing, | easing: sR.thisCallArgs.easing, | ||
progress: function(ani, num, rem){ | progress: function(ani, num, rem){ | ||
if(typeof sR.thisCallArgs.callback_ticking == "function"){ | wrappersCounterTicking++; | ||
if(wrappersCounterTicking == $cellContentWrappers.length) | |||
wrappersCounterTicking = 0; | |||
if(wrappersCounterTicking == $cellContentWrappers.length-1 && typeof sR.thisCallArgs.callback_ticking == "function"){ | |||
sR.thisCallArgs.callback_ticking.call(this); | sR.thisCallArgs.callback_ticking.call(this); | ||
} | } | ||
Line 69: | Line 74: | ||
$(this).parent().css({'display':'none'}); | $(this).parent().css({'display':'none'}); | ||
$(this).css({'padding': currentPadding}); | $(this).css({'padding': currentPadding}); | ||
if(typeof sR.thisCallArgs.callback == 'function') { | wrappersCounter++; | ||
if(wrappersCounter == $cellContentWrappers.length-1 && typeof sR.thisCallArgs.callback == 'function') { | |||
sR.thisCallArgs.callback.call(this); | sR.thisCallArgs.callback.call(this); | ||
} | } | ||
}, | }, | ||
}); | }); | ||
return $(this); | return $(this); | ||
}, | }, | ||
Line 119: | Line 117: | ||
$cells.wrapInner('<div class="slideRowDown" style="display:none;" />'); | $cells.wrapInner('<div class="slideRowDown" style="display:none;" />'); | ||
$cellContentWrappers = $cells.find('.slideRowDown'); | $cellContentWrappers = $cells.find('.slideRowDown'); | ||
var wrappersCounterTicking = 0; | |||
var wrappersCounter = 0; | |||
$(this).show(); | $(this).show(); | ||
$cellContentWrappers.slideDown({ | $cellContentWrappers.slideDown({ | ||
Line 124: | Line 124: | ||
easing: sR.thisCallArgs.easing, | easing: sR.thisCallArgs.easing, | ||
complete: function() { | complete: function() { | ||
$(this).replaceWith( $(this).contents()); | $(this).replaceWith( $(this).contents()); | ||
if(typeof sR.thisCallArgs.callback == 'function') { | wrappersCounter++; | ||
if(wrappersCounter == $cellContentWrappers.length-1 && typeof sR.thisCallArgs.callback == 'function') { | |||
sR.thisCallArgs.callback.call(this); | sR.thisCallArgs.callback.call(this); | ||
} | } | ||
}, | }, | ||
progress: function(ani, num, rem){ | progress: function(ani, num, rem){ | ||
if(typeof sR.thisCallArgs.callback_ticking == "function"){ | wrappersCounterTicking++; | ||
if(wrappersCounterTicking == $cellContentWrappers.length) | |||
wrappersCounterTicking = 0; | |||
if(wrappersCounterTicking == $cellContentWrappers.length-1 && typeof sR.thisCallArgs.callback_ticking == "function"){ | |||
sR.thisCallArgs.callback_ticking.call(this); | sR.thisCallArgs.callback_ticking.call(this); | ||
} | } | ||
} | } | ||
}); | }); | ||
return $(this); | return $(this); | ||
} | } | ||
Line 179: | Line 175: | ||
var item = { | var item = { | ||
id: id, | |||
number: i, | |||
level: 0, | level: 0, | ||
parent: parent, | parent: parent, | ||
Line 185: | Line 182: | ||
el: $el, | el: $el, | ||
left: 0, | left: 0, | ||
width: $el.width() + 12, | |||
opened: true, | |||
parentOpened: function() { | |||
this.opened = true; | |||
this.children.forEach(function (child) { | |||
child.parentOpened(); | |||
}); | |||
}, | |||
slideUp: function() { | |||
this.opened = false; | |||
var lineUpdateUp = setInterval(function () { | |||
updateLines(item); | |||
}, 1); | |||
$("." + this.el.attr("data-tt-id")).slideRow("up", 400, function () { clearInterval(lineUpdateUp); updateLines(); }); | |||
}, | |||
slideDown: function() { | |||
this.opened = true; | |||
this.children.forEach(function (child) { | |||
child.parentOpened(); | |||
}); | |||
var lineUpdateDown = setInterval(function () { | |||
updateLines(item); | |||
}, 1); | |||
$("." + this.el.attr("data-tt-id")).slideRow("down", 400, function () { clearInterval(lineUpdateDown); updateLines(); }); | |||
} | |||
}; | }; | ||
Line 206: | Line 228: | ||
item.left = 0; | item.left = 0; | ||
if (item.parent !== undefined) { | if (item.parent !== undefined) { | ||
item.left = item.parent.left + Math.min(item.level > 1 ? 30 : 60, item.parent.width); | |||
} | } | ||
}); | }); | ||
Line 225: | Line 247: | ||
item.el.closest("tr").addClass("level" + item.level); | item.el.closest("tr").addClass("level" + item.level); | ||
var odd = true; | |||
if (item.children.length > 0) { | if (item.children.length > 0) { | ||
item.children.forEach(function (child) { | item.children.forEach(function (child) { | ||
if(odd) | if(odd) | ||
Line 240: | Line 260: | ||
}); | }); | ||
item.opened = true; | |||
item.el.addClass("tt-parent"); | item.el.addClass("tt-parent"); | ||
var className = item.el.attr("data-tt-id"); | var className = item.el.attr("data-tt-id"); | ||
var children = item.children.slice(); | |||
while(children.length > 0) { | |||
while(children.length > 0) | |||
children[0].el.closest("tr").addClass(className); | children[0].el.closest("tr").addClass(className); | ||
if(children[0].children.length > 0) | if(children[0].children.length > 0) | ||
Line 255: | Line 272: | ||
children.shift(); | children.shift(); | ||
} | } | ||
} | } | ||
}); | }); | ||
Line 267: | Line 282: | ||
} | } | ||
if(item.el.attr("data-invisible") == "true") | if(item.el.attr("data-invisible") == "true") { | ||
item.el.hide(); | |||
return ; | return ; | ||
} | } | ||
Line 278: | Line 292: | ||
var parentPos = parent.el.position(); | var parentPos = parent.el.position(); | ||
var height = childPos.top - parentPos.top; | var height = childPos.top - parentPos.top; | ||
var width = item.left - parent.left - | var parentConnectionPosX = Math.min(item.level > 1 ? 15 : 30, parent.width/2); | ||
var left = parent.left - item.left + ( | var width = item.left - parent.left - parentConnectionPosX; | ||
var left = parent.left - item.left + (parentConnectionPosX); | |||
var $tail = $('<div class="tail"></div>').css({ | var $tail = $('<div class="tail"></div>').css({ | ||
Line 290: | Line 305: | ||
}); | }); | ||
function updateLines(limited) | function updateLines(limited) { | ||
//Update height of all items | //Update height of all items | ||
items.forEach(function (item) { | items.forEach(function (item) { | ||
Line 317: | Line 331: | ||
$table.on("click", "div.tt div.content", function (e) { | $table.on("click", "div.tt div.content", function (e) { | ||
var $el = $(e.currentTarget).closest(".tt"); | |||
var id = $el.data('tt-id'); | var id = $el.data('tt-id'); | ||
var item = index[id]; | var item = index[id]; | ||
if (item.opened === true) { | |||
// hide all children | |||
item. | item.slideUp(); | ||
} else { | |||
// show direct children | |||
item.slideDown(); | |||
window.location.hash = '#' + $el.attr("data-tt-id"); | |||
} | |||
updateLines(); | updateLines(); | ||
}); | }); | ||
Line 367: | Line 355: | ||
if(item.children.length > 0) { | if(item.children.length > 0) { | ||
if (item.el.attr("data-hide") == "true" || (item.parent != undefined && item.el.attr("data-hide") != "false")) { | if (item.el.attr("data-hide") == "true" || (item.parent != undefined && item.el.attr("data-hide") != "false")) { | ||
if (window.location.hash != "#" + item.el.attr("data-tt-id") && (item.parent != undefined && window.location.hash != "#" + item.parent.el.attr("data-tt-id"))) { | |||
item.opened = false; | |||
//item.el.hide(); | |||
item. | |||
$("." + item.el.attr("data-tt-id")).hide(); | $("." + item.el.attr("data-tt-id")).hide(); | ||
} else { | |||
item.opened = true; | |||
$('html, body').animate({ | $('html, body').animate({ | ||
scrollTop: item.el.offset().top-100 | scrollTop: item.el.offset().top-100 | ||
}, 200); | }, 200); | ||
//item.el.show(); | |||
} | |||
} | } | ||
} | } |