Difference between revisions of "MediaWiki:Common.js"

m
m
Line 70: Line 70:
 
  * Import more specific scripts.
 
  * Import more specific scripts.
 
  */
 
  */
importScript('MediaWiki:Common.js/Collapsible.js');
+
function hasCollapsibleTables() {
 
+
    var collapsibleTables = document.getElementsByClassName(document, 'table', 'collapsible');
if (wgAction == 'edit' || wgAction == 'submit')
+
    if (collapsibleTables) {
{
+
        importScript('MediaWiki:Common.js/Collapsible.js');
    importScript('MediaWiki:Common.js/Editbar.js');
+
        for (var i = 0; i < collapsibleTables.length; i++) {
}
+
            var headerRow = collapsibleTables[i].getElementsByTagName('tr')[0];
 
+
            if (headerRow) {
/**
+
                var header = headerRow.getElementsByTagName('th')[0];
* Code for calculators.
+
                 if (header) {
*/
+
                     new CollapseButton(collapsibleTables[i], header);
var Calculator = Class.extend({
+
    init: function(content, id, title, columns) {
+
        var location = document.getElementById(id);
+
 
+
        var table = document.createElement('table');
+
        table.className = 'uoguidetable open';
+
 
+
        var calcTableBody = document.createElement('tbody');
+
        table.appendChild(calcTableBody);
+
 
+
        var calcTableRow = document.createElement('tr');
+
        calcTableBody.appendChild(calcTableRow);
+
 
+
        var calcTableHeader = document.createElement('th');
+
        calcTableHeader.colSpan = columns;
+
        calcTableHeader.appendChild(document.createTextNode(title));
+
        calcTableRow.appendChild(calcTableHeader);
+
 
+
        calcTableRow = content;
+
        calcTableBody.appendChild(calcTableRow);
+
 
+
        location.appendChild(table);
+
    }
+
});
+
 
+
/**
+
* Calculator that calculates your percentage chance for more and better loot given a specified Luck value.
+
*/
+
var LuckToChanceCalculator = Calculator.extend({
+
    init: function() {
+
        var calculate = function(input, label) {
+
            if (input.value) {
+
                 if (isNumeric(input.value)) {
+
                     var percentChance = Math.pow(input.value, (5 / 9));
+
                    if (percentChance > 100) {
+
                        percentChance = 100;
+
                    }
+
                    percentChance = percentChance.toFixed(3);
+
                    removeChildren(label);
+
                    label.appendChild(document.createTextNode(percentChance + '% Chance'));
+
 
                 }
 
                 }
 
             }
 
             }
         };
+
         }
        var calcTableRow = document.createElement('tr');
+
        var calcTableCell = document.createElement('td');
+
        var luckInput = document.createElement('input');
+
        var calculateButton = document.createElement('input');
+
        var percentChanceLabel = document.createElement('div');
+
 
+
        calcTableCell.style.textAlign = 'right';
+
        calcTableCell.appendChild(document.createTextNode('Luck:'));
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        luckInput.id = 'luckInput';
+
        luckInput.maxLength = '4';
+
        luckInput.type = 'text';
+
        luckInput.style.width = '35px';
+
        luckInput.onkeyup = function(keyEvent) {
+
            var keyID = window.event ? event.keyCode : keyEvent.keyCode;
+
            if (keyID == 13)
+
                calculate(luckInput, percentChanceLabel);
+
        };
+
calcTableCell = document.createElement('td');
+
        calcTableCell.appendChild(luckInput);
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        calculateButton.type = 'button';
+
        calculateButton.value = 'Calculate >>';
+
        calculateButton.onclick = function() {
+
            calculate(luckInput, percentChanceLabel);
+
        };
+
calcTableCell = document.createElement('td');
+
        calcTableCell.appendChild(calculateButton);
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        percentChanceLabel.appendChild(document.createTextNode('0.000% Chance'));
+
        percentChanceLabel.style.textAlign = 'right';
+
        percentChanceLabel.style.width = '110px';
+
calcTableCell = document.createElement('td');
+
        calcTableCell.appendChild(percentChanceLabel);
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        this._super(calcTableRow, 'LuckToChance', 'Luck to Chance', 4);
+
 
     }
 
     }
});
+
}
 +
addOnloadHook(hasCollapsibleTables);
  
/**
+
importScript('MediaWiki:Common.js/Calculator.js');
* Calculator that calculates the amount of Luck required to achieve a specified percentage chance for more and better loot.
+
*/
+
var ChanceToLuckCalculator = Calculator.extend({
+
    init: function() {
+
        var calculate = function(input, label) {
+
            if (input.value) {
+
                if (input.value > 100) {
+
                    input.value = '100';
+
                }
+
                if (isNumeric(input.value)) {
+
                    var luckAmount = Math.ceil(Math.pow(input.value, (9 / 5)));
+
                    removeChildren(label);
+
                    label.appendChild(document.createTextNode(luckAmount + ' Luck'));
+
                }
+
            }
+
        };
+
        var calcTableRow = document.createElement('tr');
+
        var calcTableCell = document.createElement('td');
+
        var chanceInput = document.createElement('input');
+
        var calculateButton = document.createElement('input');
+
        var luckAmountLabel = document.createElement('div');
+
  
        calcTableCell.style.textAlign = 'right';
+
if (wgAction == 'edit' || wgAction == 'submit')
        calcTableCell.appendChild(document.createTextNode('Chance:'));
+
{
        calcTableRow.appendChild(calcTableCell);
+
     importScript('MediaWiki:Common.js/Editbar.js');
 
+
        chanceInput.id = 'chanceInput';
+
        chanceInput.maxLength = '3';
+
        chanceInput.type = 'text';
+
        chanceInput.style.width = '25px';
+
        chanceInput.onkeyup = function(keyEvent) {
+
            var keyID = window.event ? event.keyCode : keyEvent.keyCode;
+
            if (keyID == 13)
+
                calculate(chanceInput, luckAmountLabel);
+
        };
+
calcTableCell = document.createElement('td');
+
        calcTableCell.appendChild(chanceInput);
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        calculateButton.type = 'button';
+
        calculateButton.value = 'Calculate >>';
+
        calculateButton.onclick = function() {
+
            calculate(chanceInput, luckAmountLabel);
+
        };
+
calcTableCell = document.createElement('td');
+
        calcTableCell.appendChild(calculateButton);
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        luckAmountLabel.appendChild(document.createTextNode('0 Luck'));
+
        luckAmountLabel.style.textAlign = 'right';
+
        luckAmountLabel.style.width = '60px';
+
calcTableCell = document.createElement('td');
+
        calcTableCell.appendChild(luckAmountLabel);
+
        calcTableRow.appendChild(calcTableCell);
+
 
+
        this._super(calcTableRow, 'ChanceToLuck', 'Chance to Luck', 4);
+
    }
+
});
+
 
+
function searchForCalculators() {
+
     var calculators = document.getElementsByTagName('div');
+
 
+
    for (var i in calculators) {
+
        if (calculators[i].id == 'LuckToChance') {
+
            new LuckToChanceCalculator();
+
        } else if (calculators[i].id == 'ChanceToLuck') {
+
            new ChanceToLuckCalculator();
+
        }
+
    }
+
 
}
 
}
addOnloadHook(searchForCalculators);
 

Revision as of 12:11, 29 April 2010

/* Any JavaScript here will be loaded for all users on every page load. */

/**
 * Determines if a particular element possesses a class.
 */
var hasClass = (function () {
    var reCache = {};
    return function (element, className) {
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp('(?:\\s|^)' + className + '(?:\\s|$)'))).test(element.className);
    };
})();

/**
 * Determines if a given value is a number.
 */
function isNumeric(value) {
    return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value);
}

/**
 * Removes all children from an element.
 */
function removeChildren(element) {
    while (element.hasChildNodes()) {
        element.removeChild(element.firstChild);
    }
}

/**
 * Implementation of classical inheritance for Objects.
 */
(function(){
    var initializing = false, fnTest = /xyz/.test(function() { xyz; }) ? /\b_super\b/ : /.*/;

    this.Class = function() { };
 
    Class.extend = function(prop) {
        var _super = this.prototype;

        initializing = true;
        var prototype = new this();
        initializing = false;

        for (var name in prop) {
            prototype[name] = typeof prop[name] == "function" && typeof _super[name] == "function" && fnTest.test(prop[name]) ? (function(name, fn) {
                return function() {
                    var tmp = this._super;
                    this._super = _super[name];
                    var ret = fn.apply(this, arguments);       
                    this._super = tmp;
                    return ret;
                };
            })(name, prop[name]) : prop[name];
        }

        function Class() {
            if (!initializing && this.init)
                this.init.apply(this, arguments);
        }

        Class.prototype = prototype;
        Class.constructor = Class;
        Class.extend = arguments.callee;

        return Class;
    };
})();

/**
 * Import more specific scripts.
 */
function hasCollapsibleTables() {
    var collapsibleTables = document.getElementsByClassName(document, 'table', 'collapsible');
    if (collapsibleTables) {
        importScript('MediaWiki:Common.js/Collapsible.js');
        for (var i = 0; i < collapsibleTables.length; i++) {
            var headerRow = collapsibleTables[i].getElementsByTagName('tr')[0];
            if (headerRow) {
                var header = headerRow.getElementsByTagName('th')[0];
                if (header) {
                    new CollapseButton(collapsibleTables[i], header);
                }
            }
        }
    }
}
addOnloadHook(hasCollapsibleTables);

importScript('MediaWiki:Common.js/Calculator.js');

if (wgAction == 'edit' || wgAction == 'submit')
{
    importScript('MediaWiki:Common.js/Editbar.js');
}