123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- var eq2 = {
- 'icons':{'items':[],'spells':[]}
-
- };
- /* ICOPICKER HANDLING & EVENTS */
- //Select icon.
- $(document).on('click', '.ico-picker-i', function() {
- var view = $('.edit-item-ico-ctn'),
- e = $('.item-edit-input[data-field="icon"]'),
- i = $(this).data('icon-id');
-
- $('.icon-picker-ctn').toggleClass('hidden');
- view.empty().append(''
- +'<img class="edit-item-ico vm" src="img/eq2/items/'+i+'.png"/>'
- +'<br>'
- +'<small><strong>Icon ID</strong>: '+i+'</small>');
- e.val(i);
- });
- //Toggle icon picker tools
- $(document).on('click', '.ico-picker-btn', function() {
- $('.icon-picker-ctn').toggleClass('hidden');
- });
- var icoLoader = [];
- $(document).on('click', '.icopicker-category, .ico-picker-page', function() {
- var c = $(this).data('category'),
- ctn = $('.ico-picker-list'),
- p = 1;
-
- if($(this).hasClass('ico-picker-page')) {
- p = $(this).data('page');
- $(this).empty().append('<i class="fad fa-spinner fa-spin fast-spin"></i>');
- $('.ico-picker-page.btn-success').switchClass('btn-success', 'btn-warning');
- } else {
- $(this).parent().find('.btn-success').switchClass('btn-success','btn-default');
- $(this).switchClass('btn-default', 'btn-success');
- }
- //ctn.empty().append('<h2 class="text-center">Fetching icons ...</h2>');
- if(icoLoader.length > 0) {
- $.each(icoLoader, function(k,v) {
- clearTimeout(icoLoader[k]);
- icoLoader.splice(k,1);
- });
- }
- $.post('autoload.php', {'get-item-icons': c, 'page':p}, function(data) {
- ctn.empty().append(data);
- var intv = 0;
- icoLoader = $.each($('.ico-unloaded'), function(k,v) {
- var iconid = $(this).data('icon-id');
- icoLoader[icoLoader.length+1] = setTimeout(function() {
- $('.ico-picker-i[data-icon-id="'+iconid+'"]').removeClass('ico-unloaded');
- $('.ico-picker-i[data-icon-id="'+iconid+'"]').empty().append('<img class="ico-picker-img animated zoomIn" src="img/eq2/items/'+iconid+'.png" />');
-
- },intv);
- intv = intv+5;
-
- });
-
- });
-
- });
- /* NAVIGATION HANDLING & EVENTS */
- $(document).on('click', '.eq-nav-link', function() {
- var m = $(this).data('module'),
- e = $(this),
- t = $(this).find('.nav-link-text').text();
- console.log(t);
- $(this).find('a').empty().append('<span class="inline animated fadeInLeft"><i class="fad fa-spinner-third fa-spin fast-spin"></i></span> <span class="nav-link-text">'+t+'</span>');
- $.post('autoload.php', {'set-navigation':m}, function(data) {
- location.reload();
- });
- });
- /* ITEM EDITOR FUNCTIONS & EVENTS */
- //Tier Range Slider Value Changes
- $(document).on('change', '.tier-range', function() {
- $('.tier-range-label').empty().append('Tier <strong class="text-success">'+$(this).val()+'</strong>');
- });
- //Item Editor Input Value Changes
- $(document).on('change', '.item-edit-input', function() {
- if(!$(this).hasClass('item-edit-changed')) {
- $(this).addClass('item-edit-changed');
- $(this).parent().find('.input-group-text').addClass('item-edit-changed-label');
- }
- });
- //Load Item Editor Pane
- $(document).on('click', '.quick-item-search-row', function() {
- var id = $(this).data('id'),
- l = $('#item-editor-header-label'),
- c = $('#item-editor-content');
-
- if(l.hasClass('hidden')) {
- l.removeClass('hidden').removeClass('animated').removeClass('fadeInRight');
- l.addClass('animated fadeInRight');
- l.empty().append('<i class="fad fa-caret-right"></i> Loading ...');
- }
-
- c.empty().append('<p class="text-center"><div class="spinner-grow spinner-grow-lg text-primary" role="status"><span class="sr-only">Loading...</span></div></p>');
- $.post('autoload.php', {'get-edit-item':id}, function(data) {
- setTimeout(function() {
-
- c.empty().append(data);
- },700);
- });
- });
- //Quick Search Handler
- var quicksearchtimer,
- quicksearchdata;
- $(document).on('keyup', '#item-quick-search', function() {
- var s = $(this).val(),
- i = $('#quick-item-search-icon'),
- l = $('#quick-item-list');
- console.log('Keyup Detected');
- if(quicksearchtimer) { clearTimeout(quicksearchtimer) } //Clear timeout between keystrokes
- i.empty().append('<i class="fad fa-circle-notch text-success fa-spin fast-spin fs-xl"></i>');
- l.empty().append('<div class="panel-content text-center"><div class="spinner-grow spinner-grow-sm" role="status"><span class="sr-only"></span></div> <div class="spinner-grow spinner-grow-sm" role="status"><span class="sr-only"></span></div> <div class="spinner-grow spinner-grow-sm" role="status"><span class="sr-only"></span></div></div>');
- quicksearchtimer = setTimeout(function() {
- $.post('autoload.php', {'quick-item-search':s}, function(data) {
- quicksearchdata = data;
- build_quicksearch_list(data);
- },'json');
- }, 800);
- });
- function build_quicksearch_list(d) {
- var i = $('#quick-item-search-icon'),
- l = $('#quick-item-list');
- i.empty().append('<span class="animated zoomIn inline"><i class="fad fa-search fa-info fs-xl"></i></span>')
- console.log(d);
- if(d.rows.length > 0) {
- l.empty().append('<p class="text-center"><small><span class="text-success">'+d.found+'</span> item(s) found - results limited to <span class="text-danger">'+d.count+'</span>.</small></p>');
- $.each(quicksearchdata.rows, function(k,v) {
- l.append(''
- +'<div class="row quick-item-search-row" data-id="'+v.id+'">'
- +' <div class="hidden-xs-down col-sm-3 col-md-3 col-xl-2 text-center"><img class="quick-search-item-ico vm" src="img/eq2/items/'+v.icon+'.png"/></div>'
- +' <div class="col-xs-12 col-sm-9 col-md-7 col-xl-8 text-left">'
- +' <a href="#" class="text-primary">'+v.name+'</a> '
- +' <small class="text-muted"><br><span class="badge badge-primary"><strong>ID</strong>: '+v.id+'</span> '+v.item_type+'</small>'
- +' </div>'
- +' <div class="hidden-sm-down col-md-1 col-xl-2 text-right text-primary" style="font-size:15pt;"><span class="vm"><i class="fad fa-angle-right vm"></i></span></div>'
- +'</div>');
- });
- } else {
- l.empty().append(''
- +'<div class="col-xs-12">'
- +' <h4 style="padding-top:50px;padding-bottom:50px;" class="text-center">'
- +' <span class="animated bounceInDown inline"><i class="fad fa-minus-hexagon text-danger"></i></span>'
- +' No items were found matching your search.'
- +' </h4>'
- +'</div>');
- }
- }
|