Popup.js: diferenças entre revisões
Sem resumo de edição |
|||
| Linha 241: | Linha 241: | ||
data: { | data: { | ||
dmg: { | dmg: { | ||
danolvl: '<p class="popup_dmg">+ #1 Dano#2</p>' | |||
}, | }, | ||
skills: { | skills: { | ||
Revisão das 20h16min de 13 de fevereiro de 2018
$('body').append('
');
$(document).on('mouseenter','.item_container',function(e){Popup.show(this);Popup.setPosition(e);}); $(document).on('mouseleave','.item_container',function(){Popup.hide();}); $(document).on('mousemove','.item_container', function(e){Popup.setPosition(e);});
$('.item_level').mousedown(function(e){ e.preventDefault(); }); $(document).on('click','.upgrade',function(){
var container = $(this).closest('.item_container');
var lvl = parseInt(container.attr('data-lvl'));
if (lvl!==5){
container.attr('data-lvl',lvl+1);
container.find('.level').html(lvl+1);
}
Popup.show(container[0]);
}); $(document).on('click','.downgrade',function(){
var container = $(this).closest('.item_container');
var lvl = parseInt(container.attr('data-lvl'));
if (lvl!==0){
container.attr('data-lvl',lvl-1);
container.find('.level').html(lvl-1);
}
Popup.show(container[0]);
});
if ($("#input_level").length == 1) {
var input_level = $('<input type="number" style="width:80px;" class="west" placeholder="Your level" min="0" max="150">').bind("propertychange keyup input paste", function() {
if (this.value > 150) {
this.value = 150;
} else if (this.value < 0) {
this.value = 0;
}
$(".calc").each(function() {
if (input_level.val() == 0) {
$(this).html(this.id);
$('.per_level_off').addClass('per_level').removeClass('per_level_off');
} else {
$(this).html(Math.ceil(Number(this.id) * input_level.val()));
$('.per_level').addClass('per_level_off').removeClass('per_level');
}
});
}).appendTo($("#input_level"));
}
//Search
if ($("#input_search").length == 1) {
var input_search = $('<input type="search" class="west" placeholder="Search">').bind("propertychange keyup input paste", function() {
var val = this.value.toLowerCase();
if (val == ) {
$('.item_container').show();
} else {
$('.item_container').hide();
$('.item_container').filter(function() {
return $(this).attr('data-popup').toLowerCase().indexOf(val) > -1;
}).show();
}
}).appendTo($("#input_search"));
}
//Switch weapons if ($("#switch").length == 1) {
$("#fire").hide();
$("#switch").on("click", function() {
$('#melee, #fire').toggle()
});
}
var Popup = {
content : "",
delay : 200,
active : false,
show: function(obj) {
Popup.content = Popup.createPopup($(obj).attr('data-popup'), $(obj).attr('data-cdn-cat'), $(obj).attr('data-cdn-img'), parseInt($(obj).attr('data-lvl')));
Popup.active = true;
Popup.setTimeout();
Popup.getContainer().html(Popup.content);
},
hide: function() {
Popup.getEl().css({
display: 'none',
top: 0,
left: 0
});
Popup.active = false;
Popup.clearTimeout();
},
setTimeout: function() {
Popup.clearTimeout();
Popup.timer = window.setTimeout(function() {
Popup.getEl().css('display', 'block');
}, Popup.delay);
},
clearTimeout : function() {
if (Popup.timer) window.clearTimeout(Popup.timer);
},
getEl : function() {
return $('#popup_window');
},
getContainer : function() {
return $('#popup_contents');
},
createPopup: function(data, cdn_cat, cdn_name, lvl) {
data = JSON.parse(data);
var html = '
' + data.name + '
' + data.type + '
';
var upgraded = false;
if ((lvl>=1)&&(lvl<=5)){
upgraded = true;
data.auc = false;
}
if (data.dmg_min&&data.dmg_max){
if (upgraded) {
data.dmg_min += Math.round(Math.max(1, data.dmg_min * 0.1 * lvl));
data.dmg_max += Math.round(Math.max(1, data.dmg_max * 0.1 * lvl));
}
html += '
'+data.dmg_min+'-'+data.dmg_max+' Damages
';
}
for (var cat in Popup.data) {
var cnt = 0;
for (var key in Popup.data[cat]) {
if (data.hasOwnProperty(key)) {
cnt++;
var per_level = "";
if (data[key] < 0) {
if ($('#input_level input').val() > 0) {
data[key] = Math.ceil($('#input_level input').val() * -data[key]);
if (upgraded){
data[key] += Math.round(Math.max(1, data[key] * 0.1 * lvl));
}
} else {
data[key] = -data[key];
per_level = " (por Nível)";
if (upgraded){
data[key] = Math.round(1e6 * (data[key] * 1 + Math.round(Math.max(1, data[key] * 1000 * lvl)) / 10000)) / 1e6;
}
}
} else if (upgraded) {
if (data[key]<1){ data[key] = Math.round(1e6 * (data[key] * 1 + Math.round(Math.max(1, data[key] * 1000 * lvl)) / 10000)) / 1e6; } else { data[key] += Math.round(Math.max(1, data[key] * 0.1 * lvl)); }
}
html += Popup.data[cat][key].replace('#1', data[key]).replace('#2', per_level);
}
}
if (cnt > 0) {
html += '
';
}
}
if (data.text){
for (var i = 0; i < data.text.length;i++){
html += '
'+data.text[i]+'
';
}
html+='
';
}
if (data.bonus){
for (var i = 0; i < data.bonus.length;i++){
html += '
'+data.bonus[i]+'
';
}
html+='
';
}
if (data.jobs){
html += '
for (var i =0; i<data.jobs.length;i++){
html += '';
}html += '
| <img src="https://westpt.innogamescdn.com/images/jobs/'+data.jobs[i][1]+'.png"/> | '+data.jobs[i][0]+' |
';
}
if (data.craft){
html += '
| <img src="https://westpt.innogamescdn.com/images/crafting/profsymbol_'+data.craft.id+'_small.png"/> | ';
for (var i = 0;i<data.craft.req.length;i++){
html += '';
}html += ''; for (var i = 0;i<data.craft.req.length;i++){ html += ''; }html += '
|
';
}
html += '
if (data.spd){
if (upgraded){ data.spd += Math.round(Math.max(1, data.spd * 0.1 * lvl)); }
html += 'Speed: +' + data.spd + '%
';
}
if (data.set) html += '<a class="popup_set" href="/wiki/'+data.set+'">' + data.set + '</a>
';
if (data.sp) {
html += '<img src="/images/5/57/Buy_price.png"/>' + data.bp + ' <img src="/images/f/fc/Sell_price.png"/> ' + data.sp + '
';
} else {
html += 'Não pode ser vendido
';
}
if (data.lvl) html += 'Level ' + data.lvl + '
';
if (data.sex) {
if (data.sex == 0) {
html += '<img src="/images/c/c5/Gender_m.png"/> ';
} else {
html += '<img src="/images/4/41/Gender_f.png"/> ';
}
}
if (data.auc == 1){
html += 'Leiloável
';
} else {
html += 'Não é leiloável
';
}
if (data.upg == 0) {
html += 'Não é possível melhorar o item
';
} else {
html += 'É possível melhorar o item
';
}
html += '[item=' + data.id + ']
';
return html;
},
setPosition : function (e) {
var window_width = $(window).width();
var window_height = $(window).height();
var popup_width = Popup.getEl().outerWidth();
var popup_height = Popup.getEl().outerHeight();
var pos_x = e.clientX;
var pos_y = e.clientY;
var top;
var left;
var margin_top = 20;
var margin_left = 20;
if (pos_x + popup_width + margin_left > window_width) {
left = pos_x - popup_width - margin_left + (e.pageX - e.clientX);
} else {
left = pos_x + margin_left + (e.pageX - e.clientX);
}
if (pos_y + popup_height + margin_top > window_height) {
top = window_height - popup_height + (e.pageY - e.clientY);
} else {
top = pos_y + margin_top + (e.pageY - e.clientY);
}
Popup.getEl().css({
top: top,
left: left
});
},
data: {
dmg: {
danolvl: '
+ #1 Dano#2
'
},
skills: {
for: '
+ #1 Força#2
', mob: '
+ #1 Mobilidade#2
', des: '
+ #1 Destreza#2
', car: '
+ #1 Carisma#2
', con: '
+ #1 Construção#2
', vig: '
+ #1 Vigor#2
', res: '
+ #1 Resistência#2
', tol: '
+ #1 Tolerância#2
', vid: '
+ #1 Pontos de vida#2
', cav: '
+ #1 Andar a cavalo#2
', ref: '
+ #1 Reflexos#2
', eva: '
+ #1 Evasão#2
', esc: '
+ #1 Esconder#2
', nad: '
+ #1 Nadar#2
', mir: '
+ #1 Mira#2
', tir: '
+ #1 Tiroteio#2
', arm: '
+ #1 Colocar armadilhas#2
', per: '
+ #1 Perícia#2
', rep: '
+ #1 Reparar#2
', lid: '
+ #1 Liderança#2
', tac: '
+ #1 Tática#2
', com: '
+ #1 Comércio#2
', ani: '
+ #1 Instinto animal#2
', apa: '
+ #1 Aparência#2
'
},
fb: {
fbdef: '
+ #1 Defense (Fort battle bonus)
', fboff: '
+ #1 Attack (Fort battle bonus)
', fbres: '
+ #1 Resistance (Fort battle bonus)
', fbdefs: '
+ #1 Defense (Fort battle sector bonus)
', fboffs: '
+ #1 Attack (Fort battle sector bonus)
', fbdmgs: '
+ #1 Damages (Fort battle sector bonus)
'
} }
};
if ((new RegExp(mw.config.get('wgFormattedNamespaces')[10]+'\:Item\_*').test(mw.config.get('wgPageName')))&&($('.item_container').length==1)){
$('#mw-content-text').append('
');
$('#popup_plain').hide();
$('#popup_plain_contents').append(Popup.createPopup($('.item_container').attr('data-popup'), $('.item_container').attr('data-cdn-cat'), $('.item_container').attr('data-cdn-img'),0))
$('#popup_plain').slideDown();
}
$('.item_container img').on('dblclick',function(){window.location='/wiki/'+mw.config.get('wgFormattedNamespaces')[10]+':Item_'+JSON.parse($(this).parent().attr('data-popup'))['id']/1000});