Revision as of 22:44, 7 December 2014 | | Revision as of 22:53, 7 December 2014 |
Line 304: | | Line 304: |
| modulesBlock(); | | | modulesBlock(); |
| }); | | | }); |
? | | | |
? | | | |
? | /* HASWELL'S BORED RANDOM CREATIONS FOR QUALITY OF LIFE */ | | |
? | | | |
? | function ModifySidebar( action, section, name, link ) { | | |
? | try { | | |
? | switch ( section ) { | | |
? | case 'languages': | | |
? | var target = 'p-lang'; | | |
? | break; | | |
? | case 'toolbox': | | |
? | var target = 'p-tb'; | | |
? | break; | | |
? | case 'navigation': | | |
? | var target = 'p-navigation'; | | |
? | break; | | |
? | default: | | |
? | var target = 'p-' + section; | | |
? | break; | | |
? | } | | |
? | | | |
? | if ( action == 'add' ) { | | |
? | var node = document.getElementById( target ) | | |
? | .getElementsByTagName( 'div' )[0] | | |
? | .getElementsByTagName( 'ul' )[0]; | | |
? | | | |
? | var aNode = document.createElement( 'a' ); | | |
? | var liNode = document.createElement( 'li' ); | | |
? | | | |
? | aNode.appendChild( document.createTextNode( name ) ); | | |
? | aNode.setAttribute( 'href', link ); | | |
? | liNode.appendChild( aNode ); | | |
? | liNode.className = 'plainlinks'; | | |
? | node.appendChild( liNode ); | | |
? | } | | |
? | | | |
? | if ( action == 'remove' ) { | | |
? | var list = document.getElementById( target ) | | |
? | .getElementsByTagName( 'div' )[0] | | |
? | .getElementsByTagName( 'ul' )[0]; | | |
? | | | |
? | var listelements = list.getElementsByTagName( 'li' ); | | |
? | | | |
? | for ( var i = 0; i < listelements.length; i++ ) { | | |
? | if ( | | |
? | listelements[i].getElementsByTagName( 'a' )[0].innerHTML == name || | | |
? | listelements[i].getElementsByTagName( 'a' )[0].href == link | | |
? | ) | | |
? | { | | |
? | list.removeChild( listelements[i] ); | | |
? | } | | |
? | } | | |
? | } | | |
? | | | |
? | } catch( e ) { | | |
? | // let's just ignore what's happened | | |
? | return; | | |
? | } | | |
? | } | | |
? | | | |
? | function CustomizeModificationsOfSidebar() { | | |
? | ModifySidebar( 'add', 'toolbox', 'CategoryTree', '[{{fullurl:{{FULLPAGENAME}}|action=purge}} Purge page]' ); | | |
? | } | | |
? | | | |
? | addOnloadHook( CustomizeModificationsOfSidebar ); | | |
? | | | |
? | /* QUALITY OF LIFE STOPS HERE */ | | |
Revision as of 22:53, 7 December 2014
/* Any JavaScript here will be loaded for all users on every page load. */
/* ----- BEGIN Jiri_Starrider's JS, please do not touch. Ask me first before editing.-----*/
function showModulesTree() {
$('.js-modules-tree').each(function(){
var $this = $(this), contentWidth, contentHeight, iframe, contentPadding;
$this.html('<div class="b-modulestree"><iframe frameborder="0" style="border-width: 0; width: 1000px; min-width: 100%; height: 695px;" src="https://armor.kiev.ua/wot/tanks/modulestree.php?l=en&vehicle=' + $.trim($(this).text()) + '"></iframe></div>');
iframe = $this.find('iframe');
contentWidth = iframe.width();
contentHeight = iframe.height();
contentPadding = parseInt(iframe.parent().css('padding-bottom'));
$this.height(contentHeight + contentPadding);
$this.data('jsp','').jScrollPane({showArrows:false, contentWidth: contentWidth, contentHeight: contentHeight});
$(window).resize(function(){
$this.data('jsp').reinitialise();
});
});
}
addOnloadHook(showModulesTree);
/* ----- END Jiri_Starrider's JS edits, feel free to edit below.-----*/
/* BEGIN n1sK's js, please leave it alone, if you really must edit it ask me first.*/
/* Collapsible tables js*/
var autoCollapse = 2;
var collapseCaption = "hide";
var expandCaption = "show";
function collapseTable( tableIndex )
{
var Button = document.getElementById( "collapseButton" + tableIndex );
var Table = document.getElementById( "collapsibleTable" + tableIndex );
if ( !Table || !Button ) {
return false;
}
var Rows = Table.rows;
if ( Button.firstChild.data == collapseCaption ) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = "none";
}
Button.firstChild.data = expandCaption;
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
}
Button.firstChild.data = collapseCaption;
}
}
function createCollapseButtons()
{
var tableIndex = 0;
var NavigationBoxes = new Object();
var Tables = document.getElementsByTagName( "table" );
for ( var i = 0; i < Tables.length; i++ ) {
if ( hasClass( Tables[i], "collapsible" ) ) {
var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
if (!HeaderRow) continue;
var Header = HeaderRow.getElementsByTagName( "th" )[0];
if (!Header) continue;
NavigationBoxes[ tableIndex ] = Tables[i];
Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
var Button = document.createElement( "span" );
var ButtonLink = document.createElement( "a" );
var ButtonText = document.createTextNode( collapseCaption );
Button.className = "collapseButton"; //Styles are declared in Common.css
ButtonLink.style.color = Header.style.color;
ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
ButtonLink.appendChild( ButtonText );
Button.appendChild( document.createTextNode( "[" ) );
Button.appendChild( ButtonLink );
Button.appendChild( document.createTextNode( "]" ) );
Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}
for ( var i = 0; i < tableIndex; i++ ) {
if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
collapseTable( i );
}
else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
var element = NavigationBoxes[i];
while (element = element.parentNode) {
if ( hasClass( element, "outercollapse" ) ) {
collapseTable ( i );
break;
}
}
}
}
}
addOnloadHook( createCollapseButtons );
var NavigationBarHide = collapseCaption;
var NavigationBarShow = expandCaption;
function toggleNavigationBar(indexNavigationBar)
{
var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
if (!NavFrame || !NavToggle) {
return false;
}
if (NavToggle.firstChild.data == NavigationBarHide) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
NavChild.style.display = 'none';
}
}
NavToggle.firstChild.data = NavigationBarShow;
} else if (NavToggle.firstChild.data == NavigationBarShow) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
NavChild.style.display = 'block';
}
}
NavToggle.firstChild.data = NavigationBarHide;
}
}
function createNavigationBarToggleButton()
{
var indexNavigationBar = 0;
var divs = document.getElementsByTagName("div");
for (var i = 0; NavFrame = divs[i]; i++) {
if (hasClass(NavFrame, "NavFrame")) {
indexNavigationBar++;
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
var isCollapsed = hasClass( NavFrame, "collapsed" );
for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
if ( NavChild.style.display == 'none' ) {
isCollapsed = true;
}
}
}
if (isCollapsed) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
NavChild.style.display = 'none';
}
}
}
var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
NavToggle.appendChild(NavToggleText);
for(var j=0; j < NavFrame.childNodes.length; j++) {
if (hasClass(NavFrame.childNodes[j], "NavHead")) {
NavFrame.childNodes[j].appendChild(NavToggle);
}
}
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
}
}
}
addOnloadHook( createNavigationBarToggleButton );
var hasClass = (function() {
var reCache = {};
return function( element, className ) {
return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
};
})();
/* END n1sK's js, feel free to edit below.*/
/* BEGIN SNIB's MAGIC */
function toggleSidebar() {
try {
if(document.getElementById('switcherTop').style.display == 'none')
{
var stock = document.getElementsByClassName('stock');
for (i=0;i<stock.length;i++) stock[i].style.display = 'none';
var top = document.getElementsByClassName('top');
for (i=0;i<top.length;i++) top[i].style.display = 'inline';
document.getElementById('switcherStock').style.display = 'none';
document.getElementById('switcherTop').style.display = '';
}
else
{
var stock = document.getElementsByClassName('stock');
for (i=0;i<stock.length;i++) stock[i].style.display = '';
var top = document.getElementsByClassName('top');
for (i=0;i<top.length;i++) top[i].style.display = 'none';
document.getElementById('switcherStock').style.display = '';
document.getElementById('switcherTop').style.display = 'none';
}
}catch(err){}
}
$(function() {
try{
$('#switcher').attr('onclick', 'toggleSidebar();');
}catch(err){}
});
$(function() {
var first;
first = $("#history").html();
if(first){
first = first.split(/\n/);
if(first.length == 0) {
first = null;
return;
}
for (var i = 0 ; i < first.length ; i++) {
if(first[i].substring(0,4) != '<div'){
first = first[i];
break;
}
}
if(first == null || first == '') return;
$("#history").hide();
$("#readMore").before('<div id="first">'+first+'</div>').show();
first = null;
$('#readMore').click(function(){
$("#first").remove();
$("#readMore").remove();
$("#history").show('slow');
});
}
});
var mwpanel = document.getElementById('mw-panel');
if(mwpanel) {
var appendContent = document.getElementById('appendContent');
if(appendContent) {
mwpanel.appendChild(appendContent);
}
}
/* END SNIB's MAGIC */
/* Modules tree */
function modulesBlock() {
var currentModulesBlock = 1;
var modulesBlock = [];
modulesBlock[1] = $('#modulesBlock').html();
modulesBlock[2] = false;
var vehicle = $('#codeValue').text();
$('#modulesBlockH2').append('<span id="modulesBlockChange"><div class="switcherCtrlBtn active" id="modulesBlockChange_1"><span>Tech List</span></div><div class="switcherCtrlBtn" id="modulesBlockChange_2"><span>Tech Tree</span></div></span>');
$('#modulesBlockChange .switcherCtrlBtn').click(function(){
if ($(this).hasClass('active')) return false;
currentModulesBlock = $(this).attr("id") == 'modulesBlockChange_1' ? 1 : 2;
if (modulesBlock[currentModulesBlock] == false ) {
modulesBlock[currentModulesBlock] = '<iframe frameborder="0" style="border-width: 0; width: 100%; min-width: 780px; height: 620px;" src="https://armor.kiev.ua/wot/tanks/modulestree.php?l=en&vehicle=' + vehicle + '"></iframe>';
}
$('#modulesBlock').html(modulesBlock[currentModulesBlock]);
$('#modulesBlockChange .switcherCtrlBtn').removeClass('active');
$(this).addClass('active');
return false;
});
$('.treeFrame').each(function(indx){
$(this).html('<iframe frameborder="0" style="border-width: 0; width: 100%; min-width: 1010px; height: 750px;" src="' + $(this).html() + '"></iframe>');
});
$('.modulesTreeFrame').each(function(indx){
$(this).html('<iframe frameborder="0" style="border-width: 0; width: 100%; min-width: 820px; height: 620px;" src="' + $(this).html() + '"></iframe>');
});
}
/* ready */
$(document).ready( function(){
modulesBlock();
});