Popup.js

De Wiki The-West ES
Ir a la navegación.

$('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="Tu nivel" 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="Buscar">').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);

if(data.unic){

var html = '

<img src="https://westes.innogamescdn.com/images/items/' + data.cdn_cat + '/' + data.cdn_img + '.png' + '"/>

' + data.name + '

' + data.type + '

';

}

if(data.unic){

html += '

Único


';

} 

       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+' Daño

'; 

       }
       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 Nivel)";
                           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){

html+='

'; 
           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://westes.innogamescdn.com/images/jobs/'+data.jobs[i][1]+'.png"/>  '+data.jobs[i][0]+'

'; 

       }
       if (data.craft){

html += '

<img src="https://westes.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 += '
<img style="width:36px;height:36px;" src="https://westes.innogamescdn.com/images/items/yield/'+data.craft.req[i][0]+'.png"/>
x'+data.craft.req[i][1]+'

'; 

       }

html += '

'; 
       if (data.spd){

if (upgraded){ data.spd += Math.round(Math.max(1, data.spd * 0.1 * lvl)); }

html += '

Velocidad: +' + 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/56/Bp.png"/>' + data.bp + '    <img src="/images/c/ce/Sp.png"/> ' + data.sp + '

';
       } else {
           html += 'Invendible

';
       }
       if (data.lvl){
html += 'Requerido:
 -Nivel ' + data.lvl + '
';

} 

       if (data.sex) {
           if (data.sex == 0) {
               html += '-Sexo: Masculino <img src="/images/c/c5/Gender_m.png"/>
';
           } else {
               html += '-Sexo: Femenino <img src="/images/4/41/Gender_f.png"/>
';
           }
       }

       if (data.auc == 1){
           html += 'Subastable
';
       } else {
           html += 'No Subastable
';
       }
       if (data.upg == 0) {
           html += 'No mejorable
';
       } else {
           html += 'Mejorable
';
       }
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: {

dmglvl: '

+ #1 Daño#2

' 

       },
       skills: {

str: '

+ #1 Fuerza#2

', mob: '

+ #1 Movilidad#2

', dex: '

+ #1 Destreza#2

', cha: '

+ #1 Carisma#2

', con: '

+ #1 Construcción#2

', vig: '

+ #1 Vigor#2

', tou: '

+ #1 Tenacidad#2

', sta: '

+ #1 Condición#2

', hea: '

+ #1 Puntos de vida#2

', rid: '

+ #1 Montar a caballo#2

', ref: '

+ #1 Reflejos#2

', dod: '

+ #1 Eludir#2

', hid: '

+ #1 Esconder#2

', swi: '

+ #1 Nadar#2

', aim: '

+ #1 Apuntar#2

', sho: '

+ #1 Disparar#2

', pit: '

+ #1 Poner trampas#2

', fin: '

+ #1 Destreza de manos#2

', rep: '

+ #1 Reparar#2

', lea: '

+ #1 Liderazgo#2

', tac: '

+ #1 Táctica#2

', tra: '

+ #1 Comerciar#2

', ani: '

+ #1 Instinto animal#2

', app: '

+ #1 Apariencia#2

', luck: '

+ #1 % más posibilidades de ganar#2

', mon: '

+ #1 % Dinero de trabajo y duelos#2

', lp: '

+ #1 Puntos de trabajo#2

', speed: '

+ #1 % de Velocidad#2

', exp: '

+ #1 % Exp por trabajos, duelos y batallas de fuerte#2

', res: '

+ #1 Resistencia (Bonus de batalla)#2

', reg: '

+ #1 % de regeneración#2

' 

       },
       fb: {

fbdef: '

+ #1 Defensa (Bonus de batalla)

', fboff: '

+ #1 Ataque (Bonus de batalla)

', fbres: '

+ #1 Resistencia (Bonus de batalla)

', fbdefs: '

+ #1 Defensa (Bonus de sector de batalla )

', fboffs: '

+ #1 Ataque (Bonus de sector de batalla)

', fbdmgs: '

+ #1 Daño (Bonus de sector de batalla)

' 

       }
   }

};

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});

Obtenido de «https://wiki.the-west.es/index.php?title=Popup.js&oldid=45612»