MediaWiki:Common.js: Difference between revisions

From Vintage Story Wiki
No edit summary
No edit summary
Line 73: Line 73:
                     }
                     }
},
},
});
});                                                                                            
            /*var wait = setInterval(function () {
                if($cellContentWrappers.is(':animated') === false) {
                    clearInterval(wait);
                    if(typeof sR.thisCallArgs.callback == 'function') {
                        sR.thisCallArgs.callback.call(this);
                    }
                }
            }, 100);*/                                                                                               
             return $(this);
             return $(this);
         },
         },
Line 135: Line 127:
}
}
});
});
            /*var wait = setInterval(function () {
                if($cellContentWrappers.is(':animated') === false) {
                    clearInterval(wait);
                    if(typeof sR.thisCallArgs.callback == 'function') {
                        sR.thisCallArgs.callback.call(this);
                    }
                }
            }, 100);*/
             return $(this);
             return $(this);
         }
         }
Line 179: Line 162:


var item = {
var item = {
id: id,
                id: id,
                index: i,
level: 0,
level: 0,
parent: parent,
parent: parent,
Line 185: Line 169:
el: $el,
el: $el,
left: 0,
left: 0,
width: $el.width() + 12
                width: $el.width() + 12,
                opened: true,
                parentOpened() {
                    if (this.opened) {
                        this.el.show();
                    }
                    children.forEach(function (child) {
                        child.parentOpened();
                    });
                },
                parentClosed() {
                    this.el.hide();
                    children.forEach(function (child) {
                        child.parentClosed();
                    });
                },
                show() {
                    this.opened = true;
                    this.el.show();
                    children.forEach(function (child) {
                        child.parentOpened();
                    });
                },
                slideUp() {
                    this.opened = true;
                    this.el.show();
                    children.forEach(function (child) {
                        child.parentOpened();
                    });
                    var lineUpdateUp = setInterval(function () {
                        updateLines(item);
                    }, 1);
                    $("." + this.el.attr("data-tt-id")).slideRow("up", 400, function () { clearInterval(lineUpdateUp); updateLines(); });
                },
                hide() {
                    this.opened = false;
                    this.el.hide();
                    children.forEach(function (child) {
                        child.parentClosed();
                    });
                },
                slideDown() {
                    this.opened = false;
                    this.el.hide();
                    var lineUpdateDown = setInterval(function () {
                        updateLines(item);
                    }, 1);
                    $("." + this.el.attr("data-tt-id")).slideRow("down", 400, function () { clearInterval(lineUpdateDown); updateLines(); });
                }
};
};


Line 206: Line 238:
item.left = 0;
item.left = 0;
if (item.parent !== undefined) {
if (item.parent !== undefined) {
item.left = item.parent.left + Math.min(item.parent.width, 40);
                item.left = item.parent.left + item.parent.width;
}
}
});
});
Line 225: Line 257:
item.el.closest("tr").addClass("level" + item.level);
item.el.closest("tr").addClass("level" + item.level);
 
if(item.parent == undefined)
            if (item.index % 2 == 0)
item.el.closest("tr").addClass("odd");
                item.el.closest("tr").addClass("even");
            else
var odd = true;
                item.el.closest("tr").addClass("odd");
if (item.children.length > 0) {
if (item.children.length > 0) {
item.children.forEach(function (child) {
if(odd)
child.el.closest("tr").addClass("odd");
else
child.el.closest("tr").addClass("even");
odd = !odd;
});
item.el.addClass("tt-parent");
item.el.addClass("tt-parent");
item.showChildren = true;
var className = item.el.attr("data-tt-id");
var className = item.el.attr("data-tt-id");
//item.el.closest("tr").addClass(className);
                var children = item.children.slice();
 
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 275:
children.shift();
children.shift();
}
}
//$("." + className).wrapAll("<span id='children_group_" + item.el.attr("data-tt-id") + "'></col>");
}
}
});
});
Line 267: Line 285:
}
}
if(item.el.attr("data-invisible") == "true")
if(item.el.attr("data-invisible") == "true") {
{
                item.hide();
item.el.hide();
return ;
return ;
}
}
Line 290: Line 307:
});
});
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 333:
$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 $el = $(e.currentTarget).closest(".tt");
var $tr = $el.closest("tr");
var id = $el.data('tt-id');
var id = $el.data('tt-id');
var item = index[id];
var item = index[id];


if (item.showChildren === true) {
            if (item.opened === true) {
// hide all children
                // hide all children
item.showChildren = false;
                item.slideDown();
            } else {
                // show direct children
                item.slideUp();


/*function hide(parentId) {
                 window.location.hash = '#' + $el.attr("data-tt-id");
var item = index[parentId];
            }
item.children.forEach(function (child) {
if (child.showChildren !== undefined) {
child.showChildren = false;
}
 
$(child.el).closest("tr").addClass("tt-hide");
hide(child.id);
});
}
 
hide(id);*/
var lineUpdateUp = setInterval(function () {
updateLines(item);
                 }, 1);
$("." + $el.attr("data-tt-id")).slideRow("up", 400, function(){clearInterval(lineUpdateUp); updateLines();});
}
else {
// show direct children
item.showChildren = true;
/*item.children.forEach(function (child) {
$(child.el).closest("tr").removeClass("tt-hide");
});*/
window.location.hash = '#' + $el.attr("data-tt-id");
var lineUpdateDown = setInterval(function () {
updateLines(item);
                }, 1);
$("." + $el.attr("data-tt-id")).slideRow("down", 400, function(){clearInterval(lineUpdateDown); updateLines();});
}
updateLines();
updateLines();
});
});
Line 367: Line 357:
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")) {
//item.el.find(".content").click();
                    if (window.location.hash != "#" + item.el.attr("data-tt-id")) {
if(window.location.hash != "#" + item.el.attr("data-tt-id"))
                        item.hide();
{
                    } else {
item.showChildren = false;
                        item.show();
$("." + item.el.attr("data-tt-id")).hide();
                    }
}else{
item.showChildren = true;
$('html, body').animate({
scrollTop: item.el.offset().top-100
}, 200);
}
}
}
}
}