MediaWiki:Common.js
From Tanki Online Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Konqueror: Click Reload or press F5
- Opera: Clear the cache in Tools → Preferences
/* Simple polyfill */
if (!Object.keys) Object.keys = function(o) {
if (o !== Object(o))
throw new TypeError('Object.keys called on a non-object');
var k = [], p;
for (p in o) if (Object.prototype.hasOwnProperty.call(o, p)) k.push(p);
return k;
}
function getRandomKey(obj){
var keys = Object.keys(obj);
return keys[Math.floor(Math.random()*keys.length)];
};
function getRandomVal(obj){
return obj[getRandomKey(obj)];
};
function getSplitNumber(num) {
return num.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ');
}
function getSelectedText() {
if (window.getSelection) {
return window.getSelection().toString();
} else if (document.getSelection) {
return document.getSelection().toString();
} else if (document.selection) {
return document.selection.createRange().text;
} else {
return false;
}
}
function isNotEmpty(_var){
return !( _var == "" || new RegExp(/^\s+$/).test(_var) || _var == null || _var == [] || _var == {} );
}
/*============================================================================================*/
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
define(factory);
} else if (typeof exports === 'object') {
module.exports = factory();
} else {
root.tingle = factory();
}
}
(this, function () {
function Modal(options) {
var defaults = {
onClose: null,
onOpen: null,
beforeOpen: null,
beforeClose: null,
closeMethods: ['overlay', 'button', 'escape'],
cssClass: []
};
this.opts = extend({}, defaults, options);
this.init();
}
Modal.prototype.init = function () {
if (this.modal) {
return;
}
_build.call(this);
_bindEvents.call(this);
document.body.appendChild(this.modal);
};
Modal.prototype.destroy = function () {
if (this.modal === null) {
return;
}
_unbindEvents.call(this);
this.modal.parentNode.removeChild(this.modal);
this.modal = null;
};
Modal.prototype.open = function () {
var self = this;
if (typeof self.opts.beforeOpen === 'function') {
self.opts.beforeOpen();
}
if (this.modal.style.removeProperty) {
this.modal.style.removeProperty('display');
} else {
this.modal.style.removeAttribute('display');
}
_addClass(document.body, 'tingle-enabled');
_addClass(this.modal, 'tingle-modal--visible');
if (typeof self.opts.onOpen === 'function') {
self.opts.onOpen.call(self);
}
this.checkOverflow();
};
Modal.prototype.isOpen = function () {
return this.modal ? _hasClass(this.modal, "tingle-modal--visible") : false;
};
Modal.prototype.close = function () {
if (typeof this.opts.beforeClose === "function") {
var close = this.opts.beforeClose.call(this);
if (!close) {
return;
}
}
var self = this;
jQuery(this.modal).fadeOut(200, function(){
_removeClass(document.body, 'tingle-enabled');
_removeClass(this, 'tingle-modal--visible');
self.modal.style.display = 'none';
if (typeof self.opts.onClose === "function") {
self.opts.onClose.call(this);
}
self.destroy();
});
};
Modal.prototype.setContent = function (content) {
if (typeof content === 'string') {
this.modalBoxContent.innerHTML = content;
} else {
this.modalBoxContent.innerHTML = "";
this.modalBoxContent.appendChild(content);
}
};
Modal.prototype.getContent = function () {
return this.modalBoxContent;
};
Modal.prototype.isOverflow = function () {
return this.modalBox.clientHeight >= window.innerHeight;
};
Modal.prototype.checkOverflow = function () {
if (_hasClass(this.modal, 'tingle-modal--visible')) {
if (this.isOverflow()) {
_addClass(this.modal, 'tingle-modal--overflow');
} else {
_removeClass(this.modal, 'tingle-modal--overflow');
}
}
}
function _build() {
this.modal = document.createElement('div');
_addClass(this.modal, 'tingle-modal');
this.modal.style.display = 'none';
this.opts.cssClass.forEach(function (item) {
if (typeof item === 'string') {
_addClass(this.modal, item);
}
}, this);
this.modalCloseBtnIcon = document.createElement('button');
_addClass(this.modalCloseBtnIcon, 'tingle-modal__closeIcon');
_addClass(this.modalCloseBtnIcon, 'tingle-modal__close');
//this.modalCloseBtnIcon.innerHTML = '×';
this.modalBox = document.createElement('div');
_addClass(this.modalBox, 'tingle-modal-box');
this.modalBoxContent = document.createElement('div');
_addClass(this.modalBoxContent, 'tingle-modal-box__content');
this.modalBox.appendChild(this.modalBoxContent);
//this.modalBox.appendChild(this.modalCloseBtnIcon);
this.modal.appendChild(this.modalCloseBtnIcon);
this.modal.appendChild(this.modalBox);
}
function _bindEvents() {
this._events = {
clickCloseBtn: this.close.bind(this),
clickOverlay: _handleClickOutside.bind(this),
resize: this.checkOverflow.bind(this),
keyboardNav: _handleKeyboardNav.bind(this)
};
this.modalCloseBtnIcon.addEventListener('click', this._events.clickCloseBtn);
this.modal.addEventListener('mousedown', this._events.clickOverlay);
window.addEventListener('resize', this._events.resize);
document.addEventListener("keydown", this._events.keyboardNav);
}
function _handleKeyboardNav(event) {
if (event.which === 27 && this.isOpen()) {
this.close();
}
}
function _handleClickOutside(event) {
if (this.opts.closeMethods.indexOf('overlay') !== -1 && !_findAncestor(event.target, 'tingle-modal') && event.clientX < this.modal.clientWidth) {
this.close();
}
}
function _findAncestor(el, cls) {
while ((el = el.parentElement) && !_hasClass(el, cls));
return el;
}
function _unbindEvents() {
this.modalCloseBtnIcon.removeEventListener('click', this._events.clickCloseBtn);
this.modal.removeEventListener('mousedown', this._events.clickOverlay);
window.removeEventListener('resize', this._events.resize);
document.removeEventListener("keydown", this._events.keyboardNav);
}
function _cleanClassName(target) {
target.className = target.className.replace(/[\n\t]/g, " ").trim();
}
function _hasClass(target, classname) {
_cleanClassName(target);
return !!((" " + target.className + " ").indexOf(" " + classname.trim() + " ") > -1);
}
function _addClass(target, classname) {
if (!_hasClass(target, classname)) {
target.className += ' ' + classname.trim();
}
}
function _removeClass(target, classname) {
if (_hasClass(target, classname)) {
var regexp = new RegExp('(\\s|^)' + classname.trim() + '(\\s|$)');
target.className = target.className.replace(regexp, ' ').trim();
}
}
function extend() {
for (var i = 1; i < arguments.length; i++) {
for (var key in arguments[i]) {
if (arguments[i].hasOwnProperty(key)) {
arguments[0][key] = arguments[i][key];
}
}
}
return arguments[0];
}
return {
modal: Modal
};
}));
/*============================================================================================*/
/*============================================================================================*/
/*============================================================================================*/
/*Using jQuery from here*/
jQuery.noConflict();
jQuery(document).ready(function($) {
/*============================================================================================*/
//TOP button
$(window).scroll(function() {
if($(this).scrollTop() > 667) {
$('#toTop-button').fadeIn(300);
} else {
$('#toTop-button').fadeOut(100);
}
});
$('#toTop-button').click(function() {
$('body,html').animate({ scrollTop:0 }, 400);
});
/*====================================================================================*/
//Homepage turrets/hulls dropdown lists
if($("#HomepageDropdowns").length){
var ddl = $(".drop-down-list");
$(document).on('click', '.drop-down-block', function() {
for(var i = 0; i < ddl.length; i++)
{
if(ddl[i] == ($(this).next().find('.drop-down-list'))[0])
{
$(ddl[i]).parent().prev().toggleClass("rotate180");
$(ddl[i]).slideToggle();
}
else
{
$(ddl[i]).parent().prev().toggleClass("rotate180", false);
$(ddl[i]).hide();
}
}
});
$(document).click(function(event){
if(!$(event.target).hasClass('drop-down-list') && !$(event.target).parent().hasClass('drop-down-list') && !$(event.target).parent().parent().hasClass('drop-down-list') && !$(event.target).parent().hasClass('drop-down-block') && !$(event.target).hasClass('drop-down-block') && !$(event.target).hasClass('drop-down-list-wrapper'))
{
for(var j = 0; j < ddl.length; j++)
{
if($(ddl[j]).is(":visible"))
{
$(ddl[j]).parent().prev().toggleClass("rotate180", false);
$(ddl[j]).slideUp("fast");
}
}
}
});
}
/*============================================================================================*/
/*============================================================================================*/
if ($(".mapScreenshotsCarousel").length) {
$('.mapScreenshotsCarousel .carouselContainer').remove();
$.each($(".mapScreenshotsCarousel .open"), function(k,v) {
$($(v).children()).detach().insertAfter($(v));
});
}
/*============================================================================================*/
/* Tank Preview */
if($('.showPaint').length){
var parts_url = 'images/6/66/Tank_parts_resources.json';
var paints_url = 'images/6/6d/Paints_textures.json';
var swfobject_url = 'https://ratings.tankionline.com/js/swfobject.js';
var Viewer = {
currentPaint: null,
data: {},
emptyTank: function(){
return {
"hull": {
"type": null,
"model": null
},
"turret": {
"type": null,
"model": null
},
"paint": {
"type": null,
"model": null
}
};
},
getRandomTank: function(){
var tank = this.emptyTank();
if(isNotEmpty(this.data)){
tank.hull.type = getRandomKey(this.data.hulls);
tank.turret.type = getRandomKey(this.data.turrets);
tank.hull.model = getRandomKey(this.data.hulls[tank.hull.type]);
tank.turret.model = getRandomKey(this.data.turrets[tank.turret.type]);
return tank;
} else {
return false;
}
},
appendViewer: function(tank, target_id){
if(swfobject){
var viewer_swf = 'images/2/24/Tank_viewer.swf';
/*var url_part = 'https://en.tankiwiki.com/';*/
var items = {
"hull": this.data.hulls[tank.hull.type][tank.hull.model],
"turret": this.data.turrets[tank.turret.type][tank.turret.model],
"paint": this.data.paints[tank.paint.type][tank.paint.model]
};
var flashvars = {
"itemsXml":
"<response>" +
"<hull_model>" + items.hull.model + "</hull_model>" +
"<hull_details>" + items.hull.details + "</hull_details>" +
"<hull_details_alpha>" + items.hull.alpha + "</hull_details_alpha>" +
"<hull_lightmap>" + items.hull.lightmap + "</hull_lightmap>" +
"<turret_model>" + items.turret.model + "</turret_model>" +
"<turret_details>" + items.turret.details + "</turret_details>" +
"<turret_details_alpha>" + items.turret.alpha + "</turret_details_alpha>" +
"<turret_lightmap>" + items.turret.lightmap + "</turret_lightmap>" +
"<paint_texture>" + items.paint + "</paint_texture>" +
"</response>"
};
var params = {
"menu": false,
"seamlesstabbing": false,
"wmode": "transparent"
}
swfobject.embedSWF(viewer_swf, target_id, "600", "400", "11", false, flashvars, params, false);
} else {
return false;
}
}
};
$.when(
$.getJSON(parts_url, function(json){
Viewer.data.hulls = json.hulls;
Viewer.data.turrets = json.turrets;
}),
$.getJSON(paints_url, function(json){
Viewer.data.paints = json;
}),
$.getScript(swfobject_url)
).done(function(){
var templateMenu = [
'<div id="TankPreview__wrapper">',
' <div id="TankPreview__viewer"><div id="TankPreview"></div></div>',
' <div id="TankPreview__controls">',
' <div class="wrapper">',
' Hull:',
' <select class="tanki-control" size="1" id="hullType" name="hullType" data-category="hulls" data-child="hullModel">',
' <option selected hidden disabled value="title">Model</option>',
' </select>',
' <select class="tanki-control" disabled size="1" id="hullModel" name="hullModel" data-parent="hullType">',
' <option selected hidden disabled value="title">Grade</option>',
' </select>',,
' </div>',
' <div class="wrapper">',
' Turret:',
' <select class="tanki-control" size="1" id="turretType" name="turretType" data-category="turrets" data-child="turretModel">',
' <option selected hidden disabled value="title">Model</option>',
' </select>',
' <select class="tanki-control" disabled size="1" id="turretModel" name="turretModel" data-parent="turretType">',
' <option selected hidden disabled value="title">Grade</option>',
' </select>',
' </div>',
' <button class="tanki-control" id="showTank" disabled>Show</button>',
' </div>',
'</div>'
].join('\n');
var modal = null;
var embedded_id = 'TankPreview';
function fillDropdown(id, isParent){
var _select = $("#" + id);
_select.empty();
var $keys;
if(isParent){
_select.append($('<option selected hidden disabled value="title">Model</option>'));
$keys = $(Object.keys(Viewer.data[_select.data("category")]));
} else {
_select.append($('<option selected hidden disabled value="title">Grade</option>'));
var _parent = $("#" + _select.data("parent"));
var key = _parent.find("option:selected").val();
$keys = $(Object.keys(Viewer.data[_parent.data("category")][key]));
}
$keys.each(function(k, v) {
_select.append($('<option value="' + v + '">' + v + '</option>'));
});
}
function onTypeChanged(){
var childId = $(this).data("child");
fillDropdown(childId, false);
$("#" + childId).removeAttr("disabled");
}
function onSelectedChanged(){
var flag = false;
$("#TankPreview__controls select").each(function(i, el){
flag = flag || ($(el).children(":selected").val() == "title");
});
if(flag){
$("#showTank").attr("disabled", "disabled");
} else {
$("#showTank").removeAttr("disabled");
}
}
function showTank(){
var tank = Viewer.emptyTank();
tank.hull.type = $("#hullType option:selected").val();
tank.turret.type = $("#turretType option:selected").val();
tank.hull.model = $("#hullModel option:selected").val();
tank.turret.model = $("#turretModel option:selected").val();
tank.paint.type = Viewer.currentPaint.type;
tank.paint.model = Viewer.currentPaint.model;
$("#TankPreview__viewer").empty().append('<div id="' + embedded_id + '"></div>');
Viewer.appendViewer(tank, embedded_id);
}
function showTankPreviewModal(tank){
modal = new tingle.modal({
closeMethods: ['button', 'escape', 'overlay'],
onOpen: function(){
fillDropdown("hullType", true);
fillDropdown("turretType", true);
$("#hullType, #turretType").change(onTypeChanged);
$("#TankPreview__controls select").change(onSelectedChanged);
$("#showTank").click(showTank);
},
beforeClose: function(){
$("#hullType, #turretType").off('change');
$("#TankPreview__controls select").off('change');
$("#showTank").off('click');
return true;
}
});
modal.setContent(templateMenu);
modal.open();
Viewer.appendViewer(tank, embedded_id);
}
$('.showPaint').click(function() {
Viewer.currentPaint = {
"type": $(this).data('paintType'),
"model": $(this).data('paintModel')
};
var tank = Viewer.getRandomTank();
tank.paint.type = Viewer.currentPaint.type;
tank.paint.model = Viewer.currentPaint.model;
showTankPreviewModal(tank);
});
});
}
/*============================================================================================*/
//PrettySpoiler
if($(".pretty-spoiler").length) {
var texts = { OPEN: "Reveal hidden contents", CLOSE: "Hide contents" };
$('.pretty-spoiler > .title').click(function() {
var content = $(this).next('div');
changeTitleState($(this), content.is(":visible"));
content.slideToggle(300);
});
function changeTitleState(elem, state) {
if(state){
elem.css("background-color", "rgba(255,255,255,0.1)");
elem.prop('title', texts.OPEN);
} else {
elem.css("background-color", "rgba(255,255,255,0.3)");
elem.prop('title', texts.CLOSE);
}
elem.children('.title-arrow').toggleClass('rotate180');
}
}
/*============================================================================================*/
/*Upgrades calculator*/
if($('.item-upgrades-block').length){
var isMouseDown = false;
$('.item-upgrades-block').each(function(k,v){
$(this).append('<span class="calc-mode bg-dark"><input id="calc-cb_' + k + '" type="checkbox"><label for="calc-cb_' + k + '">Calculator mode</label><span class="discounts hidden"><label for="calc-discount-step_' + k + '"> Upgrade discount: </label><input type="number" pattern="[0-9]{1,2}" value="0" min="0" max="95" step="5" class="step" id="calc-discount-step_' + k + '" ">% <label for="calc-discount-speed_' + k + '"> Speed-up discount: </label><input type="number" pattern="[0-9]{1,2}" value="0" min="0" max="95" step="5" class="speed" id="calc-discount-speed_' + k + '" ">% <button class="wiki-control grey-gradient reset" >Reset</button></span></span>');
setInitial($(this).find('.item-upgrades-table'));
});
$(".item-upgrades-block input[type='checkbox']").change(function() {
var parent = $(this).parents('.item-upgrades-block');
var table = parent.find('.item-upgrades-table');
var inputs = parent.find('input[type="number"], input[type="text"]');
if(this.checked) {
parent.find('.discounts').show();
parent.find('.reset').on('click', function(){ reset(parent, table, 'soft'); });
inputs.on('change keyup input', function(){
$(this).focus();
applyDiscount(this, parent);
$(this).focus();
});
table.find('.sum').show();
$(['speed','delay','step']).each(function(k,v){
var n = k + 1;
table.find("tr:not(.nocalc) td:nth-last-child(" + n + ")").on('mousedown', function(event){
if(event.which == 1 || event.which == undefined) calculate(this, parent, v);
if(event.which == 1) isMouseDown = true;
return false;
}).trigger('mousedown').on('mouseover', function(){
if(isMouseDown) calculate(this, parent, v);
return false;
});
});
refreshSumAll(table);
} else {
parent.find('.reset').off('click');
inputs.off('change');
reset(parent, table, 'hard');
table.find('.sum').hide();
parent.find('.discounts').hide();
}
});
function calculate(_this, parent, type) {
var $this = $(_this);
$this.toggleClass("highlighted");
switch(type){
case 'step':
var value = parseInt($this.text());
var td = parent.find('td.step');
if ($this.hasClass("highlighted")) { td.text(parseInt(td.text()) + value); }
else { td.text(parseInt(td.text()) - value); }
refreshSumAll(parent);
break;
case 'speed':
var value = parseInt($this.text());
var td = parent.find('td.speed');
if ($this.hasClass("highlighted")) { td.text(parseInt(td.text()) + value); }
else { td.text(parseInt(td.text()) - value); }
refreshSumAll(parent);
break;
case 'delay':
var td = parent.find('td.delay');
if ($this.hasClass("highlighted")) {
td.text(getDelay(getMinutes(td.text()) + getMinutes($this.text())));
} else {
td.text(getDelay(getMinutes(td.text()) - getMinutes($this.text())));
}
break;
}
return false;
};
function applyDiscount(_this, parent) {
var $this = $(_this);
var _val = $this.val();
if(parseInt(_val) > 95) $this.val(95);
if(parseInt(_val.split('')[0]) == 0 && _val.length > 1) $this.val(_val.split('')[1]);
if(parseInt(_val) < 0 || isNaN(parseInt(_val))) $this.val(0);
$this.prop('disabled', true);
var type, tdSum;
if ($this.hasClass('step')) {
type = 3;
tdSum = parent.find('td.step');
} else if ($this.hasClass('speed')) {
type = 1;
tdSum = parent.find('td.speed');
} else return;
var cells = parent.find('tr:not(.nocalc) td:nth-last-child(' + type + ')');
var discount = parseFloat(((100 - parseInt($this.val())) / 100).toFixed(2));
var sum = 0;
cells.each(function(){
var cur = $(this);
var initialValue = parseInt(cur.data('initial'));
var newValue = Math.floor(initialValue * discount);
cur.text(newValue);
if(cur.hasClass('highlighted')) sum += newValue;
});
tdSum.text(sum);
refreshSumAll(parent);
$this.prop('disabled', false);
}
function reset(parent, table, type){
var cells = getCells(table);
if(type == 'hard'){
cells.off('mousedown mouseover');
}
parent.find('.discounts input[type="number"]').val('0').text('');
table.find('td.step').text('0');
table.find('td.delay').text('0');
table.find('td.speed').text('0');
table.find('td.sumAll').text('0');
cells.each(function(){
$(this).removeClass('highlighted');
$(this).text($(this).data('initial'));
});
}
function getCells(table){
return table.find("tr:not(.nocalc) td:nth-last-child(3),"
+ "tr:not(.nocalc) td:nth-last-child(2), "
+ "tr:not(.nocalc) td:nth-last-child(1)"
);
}
function setInitial(table){
getCells(table).each(function(){
$(this).data('initial', $(this).text());
});
}
function refreshSumAll(table){
table.find('td.sumAll').html(
parseInt(table.find('td.step').text()) +
parseInt(table.find('td.speed').text())
);
}
function getMinutes(s){
var res = 0;
$(s.split(' ')).each(function(){
if(this.indexOf('d') != -1) {
res += 24 * 60 * parseInt(this);
}
if(this.indexOf('h') != -1) {
res += 60 * parseInt(this);
}
if(this.indexOf('m') != -1) {
res += parseInt(this);
}
});
return res;
}
function getDelay(time){
if(time == 0) {
return 0;
}
if(time < 60) {
return time + 'm';
}
if (time >= 60 && time < 1440) {
var minutes = time % 60;
var hours = (time - minutes) / 60;
if (minutes != 0) {
return hours + 'h ' + minutes + 'm';
} else {
return hours + 'h';
}
}
if (time >= 1440) {
var minutes = time % 60;
var t = (time - minutes) / 60;
var hours = t % 24;
var days = (t - hours) / 24;
if (minutes != 0 && hours != 0) {
return days + 'd ' + hours + 'h ' + minutes + 'm';
}
if (minutes != 0 && hours == 0) {
return days + 'd ' + minutes + 'm';
}
if (minutes == 0 && hours != 0) {
return days + 'd ' + hours + 'h';
}
if (minutes == 0 && hours == 0) {
return days + 'd';
}
}
}
$(document).mouseup(function () {
isMouseDown = false;
});
}
/***********************************************************************************************/
if($(".customReport").length){
var formTemplate = [
'<form id="custom-report-form" enctype="multipart/form-data">',
' <div class="custom-report-nickname">',
' <div class="field-description">Your nickname <span class="red-asterisk"></span></div>',
' <input class="tanki-control" type="text" id="field-nickname" autocomplete="off" autofocus maxlength="20" name="nickname">',
' <div class="error"></div>',
' </div>',
' <div class="custom-report-pageurl">',
' <div class="field-description">Link to page <span class="red-asterisk"></span></div>',
' <div class="field-description more">We already filled this field in for you, but if it\'s incorrect, please copy the link to the correct page from the address bar in your browser and paste it here.</div>',
' <input class="tanki-control" type="text" id="field-pageurl" autocomplete="off" name="pageurl">',
' <div class="error"></div>',
' </div>',
' <div class="custom-report-message">',
' <div class="field-description">Your message <span class="red-asterisk"></span></div>',
' <div class="field-description more">Tell us what you would like to see changed on this page, or point out the mistake or outdated info. You may insert links to screenshots.</div>',
' <textarea class="tanki-control" id="field-message" name="message" maxlength="1000"></textarea>',
' <div class="error"></div>',
' </div>',
' <div id="recaptcha-wrapper">',
' <div class="error"></div>',
' </div>',
' <div class="custom-report-submit">',
' <input class="tanki-control" type="submit" id="button-submit" name="submit" value="Send">',
' </div>',
' <img id="spinner" src="loading.gif">',
' <span class="custom-report-result"></span>',
'</form>'
].join('\n');
function isNicknameValid(nickname){
return (
typeof nickname == 'string' &&
new RegExp(/^[a-zA-Z0-9\-\_\.]{1,20}$/).test(nickname) &&
new RegExp(/^[^\.\-\_](.*[^\.\-\_])?$/).test(nickname) &&
!new RegExp(/(.)\1{5,}/g).test(nickname) &&
_checkRepeated(nickname)
);
function _checkRepeated(nick){
var reg = new RegExp(/[\-\_\.]{2,}/g);
var matches = nick.match(reg) || [];
return matches.length > 0 ? (matches.length == 1 && matches[0].length==2 && nick.search(reg)==1) : true;
}
}
function printError(_for, _message){
$("#field-" + _for + " + .error").append(_message);
}
function getInputValues(){
return {
"nickname": $("#field-nickname").val(),
"pageurl": $("#field-pageurl").val(),
"message": $("#field-message").val(),
"captcha": $("#g-recaptcha-response").val()
}
}
function validateForm(type, obj){
if(!(type === 'client' || type === 'server')) return false;
$(".error").empty();
if(type == 'server' && obj.status) return true;
var regex;
if(type == 'client') regex = new RegExp(/^(https?\:\/\/)?(ru|en|de|pl|br|es)\.tankiwiki\.com\/.*$/);
var result = true;
if((type == 'client' && !isNotEmpty(obj.captcha)) || (type == 'server' && obj.errors.indexOf(-1) > -1)){
$("#recaptcha-wrapper > .error").html("This field is required");
result = false;
}
if((type == 'client' && isNotEmpty(obj.nickname)) || (type == 'server' && obj.errors.indexOf(10) == -1)){
if((type == 'client' && !isNicknameValid(obj.nickname)) || (type == 'server' && obj.errors.indexOf(11) > -1)){
printError("nickname", "Incorrect nickname");
result = false;
}
} else {
printError("nickname", "This field is required");
result = false;
}
if((type == 'client' && isNotEmpty(obj.pageurl)) || (type == 'server' && obj.errors.indexOf(20) == -1)){
if((type == 'client' && !regex.test(obj.pageurl)) || (type == 'server' && obj.errors.indexOf(21) > -1)){
printError("pageurl", "Incorrect Wiki page link");
result = false;
}
} else {
printError("pageurl", "This field is required");
result = false;
}
if((type == 'client' && isNotEmpty(obj.message)) || (type == 'server' && obj.errors.indexOf(30) == -1)){
if((type == 'client' && obj["message"].length > 1000) || (type == 'server' && obj.errors.indexOf(31) > -1)){
printError("message", "The length of the message cannot exceed 1000 symbols");
result = false;
}
} else {
printError("message", "This field is required");
result = false;
}
return result;
}
function onFormSubmit(e){
e.preventDefault();
if(validateForm('client', getInputValues())){
$(".custom-report-submit").hide();
$("#spinner").css('display', 'inline-block');
$(".custom-report-result").html("Sending...");
$.post("custom/wiki_report.php", $("#custom-report-form").serialize(), function(response){
if(validateForm('server', response)){
$("#spinner").hide();
$(".custom-report-result").html("Thank you, we have received your report! We will review and act upon it as soon as possible!");
setTimeout(closeModal, 2000);
} else {
$("#spinner").hide();
$(".custom-report-submit").show();
}
});
}
}
var modal = null;
var Recaptcha = {
id: null,
container: $('<div id="recaptcha"></div>')[0],
create: function(){
if(null == Recaptcha.id) {
Recaptcha.id = grecaptcha.render(Recaptcha.container, {
'sitekey' : '6LdZ6D4UAAAAAEnOOpR4RhNNCbgxVnXVacWPQBaS',
'theme': 'dark'
});
} else {
grecaptcha.reset();
}
return Recaptcha.container;
}
}
function showCustomReportForm(selection){
modal = new tingle.modal({
closeMethods: ['button', 'escape'],
onOpen: function(){
$("#custom-report-form").submit(onFormSubmit);
$("#field-pageurl").val(decodeURIComponent(location.href));
if(typeof selection === 'string'){
$("#field-message").val('"'+selection+'":\n');
}
},
beforeClose: function(){
$("#custom-report-form").off('submit');
return true;
}
});
modal.setContent(formTemplate);
modal.open();
$("#recaptcha-wrapper").prepend(Recaptcha.create());
}
function closeModal(){
modal.close();
}
$(".customReport").click(showCustomReportForm);
$(document).on('keydown', function (e) {
var text = getSelectedText();
if(text && (e.metaKey || e.ctrlKey) && e.which === 13 && (!modal || !modal.isOpen())) {
showCustomReportForm(text);
}
});
}
/*====================================================================================*/
//RndTxt Template
if ($('#RandomTextContainer').length) {
var facts = $('#RandomTextContainer > div').toArray();
$(getRandomVal(facts)).show();
$('#RandomTextRefresher').click(function () {
$(facts).hide();
$(getRandomVal(facts)).show();
})
}
/*====================================================================================*/
//Rank limits embedded iframe
if($("#RankLimits").length){
$("#RankLimits").append("<iframe frameborder='0' style='width:844px;height:758px;' scrolling='no' src='https://docs.google.com/spreadsheets/d/1YK7-kS6MpvT23HDycI79zdFn3lCphG8iwrl-w_HPosY/pubhtml?gid=1621919985&single=true&widget=false&chrome=false&headers=false'></iframe>");
}
/*============================================================================================*/
$(".linkElem").on('click', function(){ window.open($(this).data("url"),"_blank"); });
/*jQuery(document).ready() ends here*/
});
