diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js index 66d47554..5058c889 100644 --- a/resources/assets/js/app.js +++ b/resources/assets/js/app.js @@ -1,150 +1,145 @@ -$.when( $.ready ).then(function() { - - if($('.message-container').length) { - setTimeout( - function() - { - $('.message-container').fadeOut(); - }, 3500); - } - - if($('.livestats-container').length) { - $('.livestats-container').each(function(index){ - var id = $(this).data('id'); - var dataonly = $(this).data('dataonly'); - var increaseby = (dataonly == 1) ? 20000 : 1000; - var container = $(this); - var max_timer = 30000; - var timer = 5000; - (function worker() { - $.ajax({ - url: '/get_stats/'+id, - dataType: 'json', - success: function(data) { - container.html(data.html); - if(data.status == 'active') timer = increaseby; - else { - if(timer < max_timer) timer += 2000; - } - }, - complete: function() { - // Schedule the next request when the current one's complete - setTimeout(worker, timer); - } - }); - })(); - }); - - } - - function readURL(input) { - - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function(e) { - $('#appimage img').attr('src', e.target.result); - }; - - reader.readAsDataURL(input.files[0]); - } +/* global $ */ + +$.when($.ready).then(function () { + if ($('.message-container').length) { + setTimeout(function () { + $('.message-container').fadeOut() + }, 3500) + } + + if ($('.livestats-container').length) { + $('.livestats-container').each(function (index) { + var id = $(this).data('id') + var dataonly = $(this).data('dataonly') + var increaseby = dataonly == 1 ? 20000 : 1000 + var container = $(this) + var maxTimer = 30000 + var timer = 5000 + ;(function worker () { + $.ajax({ + url: '/get_stats/' + id, + dataType: 'json', + success: function (data) { + container.html(data.html) + if (data.status == 'active') timer = increaseby + else { + if (timer < maxTimer) timer += 2000 + } + }, + complete: function () { + // Schedule the next request when the current one's complete + setTimeout(worker, timer) + } + }) + })() + }) + } + + function readURL (input) { + if (input.files && input.files[0]) { + var reader = new window.FileReader() + + reader.onload = function (e) { + $('#appimage img').attr('src', e.target.result) + } + + reader.readAsDataURL(input.files[0]) } - - $('#upload').change(function() { - readURL(this); - }); - /*$(".droppable").droppable({ - tolerance: "intersect", - drop: function( event, ui ) { - var tag = $( this ).data('id'); - var item = $( ui.draggable ).data('id'); - - $.get('tag/add/'+tag+'/'+item, function(data) { - if(data == 1) { - $( ui.draggable ).remove(); - } else { - alert('not added'); - } - }); - - } - });*/ - - $( '#sortable' ).sortable({ - stop: function (event, ui) { - var idsInOrder = $('#sortable').sortable('toArray', { - attribute: 'data-id' - }); - $.post( - '/order', - { order:idsInOrder } - ); - } - - }); - $('#sortable').sortable('disable'); - - - - $('#app').on('click', '#config-button', function(e) { - e.preventDefault(); - var app = $('#app'); - var active = (app.hasClass('header')); - app.toggleClass('header'); - if(active) { - $('.add-item').hide(); - $('.item-edit').hide(); - $('#app').removeClass('sidebar'); - $('#sortable').sortable('disable'); + } + + $('#upload').change(function () { + readURL(this) + }) + + /* + $('.droppable').droppable({ + tolerance: 'intersect', + drop: function (event, ui) { + var tag = $(this).data('id') + var item = $(ui.draggable).data('id') + + $.get('tag/add/' + tag + '/' + item, function (data) { + if (data == 1) { + $(ui.draggable).remove() } else { - $('#sortable').sortable('enable'); - setTimeout(function() { - $('.add-item').fadeIn(); - $('.item-edit').fadeIn(); - }, 350); - + window.alert('not added') } - }).on('click', '#add-item, #pin-item', function(e) { - e.preventDefault(); - var app = $('#app'); - var active = (app.hasClass('sidebar')); - app.toggleClass('sidebar'); - - }).on('click', '.close-sidenav', function(e) { - e.preventDefault(); - var app = $('#app'); - app.removeClass('sidebar'); - - }).on('click', '#test_config', function(e) { - e.preventDefault(); - var apiurl = $('#create input[name=url]').val(); - - var override_url = $('#create input[name="config[override_url]"]').val(); - if(override_url.length && override_url != '') { - apiurl = override_url; - } - - var data = {}; - data['url'] = apiurl; - $('input.config-item').each(function(index){ - var config = $(this).data('config'); - data[config] = $(this).val(); - }); - - $.post('/test_config', { data: data }, function(data) { - alert(data); - }); - - }); - $('#pinlist').on('click', 'a', function(e) { - e.preventDefault(); - var current = $(this); - var id = current.data('id'); - $.get('items/pintoggle/'+id+'/true', function(data) { - var inner = $(data).filter('#sortable').html(); - $('#sortable').html(inner); - current.toggleClass('active'); - }); - }); - -}); + }) + } + }) + */ + + $('#sortable').sortable({ + stop: function (event, ui) { + var idsInOrder = $('#sortable').sortable('toArray', { + attribute: 'data-id' + }) + $.post('/order', { order: idsInOrder }) + } + }) + + $('#sortable').sortable('disable') + + $('#app') + .on('click', '#config-button', function (e) { + e.preventDefault() + var app = $('#app') + var active = app.hasClass('header') + app.toggleClass('header') + if (active) { + $('.add-item').hide() + $('.item-edit').hide() + $('#app').removeClass('sidebar') + $('#sortable').sortable('disable') + } else { + $('#sortable').sortable('enable') + setTimeout(function () { + $('.add-item').fadeIn() + $('.item-edit').fadeIn() + }, 350) + } + }) + .on('click', '#add-item, #pin-item', function (e) { + e.preventDefault() + var app = $('#app') + app.toggleClass('sidebar') + }) + .on('click', '.close-sidenav', function (e) { + e.preventDefault() + var app = $('#app') + app.removeClass('sidebar') + }) + .on('click', '#test_config', function (e) { + e.preventDefault() + var apiurl = $('#create input[name=url]').val() + + var overrideUrl = $('#create input[name="config[override_url]"]').val() + if (overrideUrl.length && overrideUrl != '') { + apiurl = overrideUrl + } + + var data = {} + data['url'] = apiurl + $('input.config-item').each(function (index) { + var config = $(this).data('config') + data[config] = $(this).val() + }) + + $.post('/test_config', { data: data }, function (data) { + window.alert(data) + }) + }) + + $('#pinlist').on('click', 'a', function (e) { + e.preventDefault() + var current = $(this) + var id = current.data('id') + $.get('items/pintoggle/' + id + '/true', function (data) { + var inner = $(data) + .filter('#sortable') + .html() + $('#sortable').html(inner) + current.toggleClass('active') + }) + }) +})