var modals = { err_connect: undefined, change_conf: undefined, newDownload_modal: undefined }; var clear_dialogs = function() { modals.err_connect = $('#error_connect').modal('hide'); modals.change_conf = $('#change_conf').modal('hide'); modals.newDownload_modal = $('#newDownload_modal').modal('hide'); }; var server_conf = { host: 'localhost', port: 6800 }; var custom_aria2_connect = function() { modals.err_connect.modal('hide'); modals.change_conf.modal('show'); }; var update_server_conf = function() { server_conf.host = $('#input_host').val(); server_conf.port = $('#input_port').val(); clear_dialogs(); update_ui(); }; function param_encode(param) { if(param) { param = base64.btoa(JSON.stringify(param)); } return param; } var aria_syscall = function(conf, multicall) { $.ajax({ url: 'http://' + server_conf.host + ':' + server_conf.port + '/jsonrpc', timeout: 1000, data: { jsonrpc: 2.0, id: 'webui', method: multicall? conf.func:'aria2.' + conf.func, params: param_encode(conf.params) }, success: conf.sucess, error: conf.error, dataType: 'jsonp', jsonp: 'jsoncallback' }); } var update_ui = function() { updateDownloads(); }; $(function() { clear_dialogs(); update_ui(); $('#newDownload').click(function() { modals.newDownload_modal.modal('show'); }); $('#addNewDownload').click(newDownload); }); function addDownload(uris) { console.log("adding download:"); console.log(uris); aria_syscall({ func: 'addUri', params: uris, sucess: function() { clear_dialogs(); update_ui(); } }); } function newDownload() { var url = $('#newDownload_url').val(); addDownload([[url]]); } var d_files = { active: [], waiting: [], stopped: [] }; function updateActiveDownloads(data) { var down_template = $('#download_active_template').text(); $('#active_downloads').html(""); if(!data || (data && data.length === 0)) { $('#active_downloads').append('no active downloads!!!!'); } for(var i = 0; i < data.length; i++) { var percentage =(data[i].completedLength / data[i].totalLength)*100; percentage = Math.round(percentage*1000)/1000; ctx = { name: data[i].files[0].uris[0].uri.replace(/^.*[\\\/]/, ''), status: data[i].status, percentage:percentage, gid: data[i].gid }; var item = Mustache.render(down_template, ctx); $('#active_downloads').append(item); } $('.download_active_item .download_pause').click(function() { var gid = $(this).parents('.download_active_item').attr('data-gid'); aria_syscall({ func: 'pause', params: [gid], sucess: function() { update_ui(); }, error: function(err) { console.log("error pausing active download!!!"); console.log(err); } }); }); $('.download_active_item .download_remove').click(function() { var gid = $(this).parents('.download_active_item').attr('data-gid'); aria_syscall({ func: 'remove', params: [gid], sucess: function() { update_ui(); }, error: function(err) { console.log("error removing active download!!!"); console.log(err); } }); }); } function updateWaitingDownloads(data) { var down_template = $('#download_waiting_template').text(); $('#waiting_downloads').html(""); if(!data || (data && data.length === 0)) { $('#waiting_downloads').append('no waiting downloads!!!!'); } for(var i = 0; i < data.length; i++) { var percentage =(data[i].completedLength / data[i].totalLength)*100; percentage = Math.round(percentage*1000)/1000; ctx = { name: data[i].files[0].uris[0].uri.replace(/^.*[\\\/]/, ''), status: data[i].status, percentage:percentage, gid: data[i].gid }; var item = Mustache.render(down_template, ctx); $('#waiting_downloads').append(item); } $('.download_waiting_item .download_play').click(function() { var gid = $(this).parents('.download_waiting_item').attr('data-gid'); aria_syscall({ func: 'unpause', params: [gid], sucess: function(data) { update_ui(); }, error: function(err) { console.log("error playing waiting download yet!!!"); console.log(err); } }); }); $('.download_waiting_item .download_remove').click(function() { var gid = $(this).parents('.download_waiting_item').attr('data-gid'); aria_syscall({ func: 'remove', params: [gid], sucess: function() { update_ui(); }, error: function(err) { console.log("error removing waiting download!!!"); console.log(err); } }); }); } function updateStoppedDownloads(data) { var down_template = $('#download_stopped_template').text(); $('#stopped_downloads').html(""); if(!data || (data && data.length === 0)) { $('#stopped_downloads').append('no stopped downloads yet!!!!'); } for(var i = 0; i < data.length; i++) { var percentage =(data[i].completedLength / data[i].totalLength)*100; percentage = Math.round(percentage*1000)/1000; ctx = { name: data[i].files[0].uris[0].uri.replace(/^.*[\\\/]/, ''), status: data[i].status, percentage:percentage, gid: data[i].gid }; var item = Mustache.render(down_template, ctx); $('#stopped_downloads').append(item); } $('.download_stopped_item .download_remove').click(function() { var gid = $(this).parents('.download_stopped_item').attr('data-gid'); aria_syscall({ func: 'removeDownloadResult', params: [gid], sucess: function() { update_ui(); }, error: function(err) { console.log("error removing stopped download!!!"); console.log(err); } }); }); $('.download_stopped_item .download_restart').click(function() { var gid = $(this).parents('.download_stopped_item').attr('data-gid'); var files; var uris = []; for(var i = 0; i < d_files.stopped.length; i++) { if(d_files.stopped[i].gid === gid) { files = d_files.stopped[i].files; break; } } for(var i = 0; i < files.length; i++) { var tmp_uris = []; for(var j = 0; j < files[i].uris.length; j++) { tmp_uris.push(files[i].uris[j].uri); } uris.push(tmp_uris); } addDownload(uris); aria_syscall({ func: 'removeDownloadResult', params: [gid], sucess: function() { update_ui(); }, error: function(err) { console.log("error removing stopped download!!!"); console.log(err); } }); }); } function mergeDownloads(data) { d_files.active = data[0][0]; d_files.waiting = data[1][0]; d_files.stopped = data[2][0]; } function updateDownloads() { aria_syscall({ func: 'system.multicall', params:[[{ methodName: 'aria2.tellActive' }, { methodName: 'aria2.tellWaiting', params: [0,100] }, { methodName: 'aria2.tellStopped', params: [0, 100] }]], sucess: function(data) { mergeDownloads(data.result); updateActiveDownloads(d_files.active); updateWaitingDownloads(d_files.waiting); updateStoppedDownloads(d_files.stopped); }, error: function() { modals.err_connect.modal('show'); } }, true); } setInterval(update_ui, 1000);