Git-Mirrors/RetroShare
1
0
Fork 0
mirror of https://github.com/RetroShare/RetroShare.git synced 2025-01-27 07:47:03 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

webui: download prototype

Browse Source
This commit is contained in:
zeners 2016-01-07 21:00:57 +01:00
parent a5aa997947
commit b430cba806
3 changed files with 89 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
libresapi/src/webui-src/app/downloads.js Normal file
View File

@ -0,0 +1,83 @@
var m = require("mithril");
var rs = require("retroshare");
function makeFriendlyUnit(bytes)
{
if(bytes < 1e3)
return bytes.toFixed(1) + "B";
if(bytes < 1e6)
return (bytes/1e3).toFixed(1) + "kB";
if(bytes < 1e9)
return (bytes/1e6).toFixed(1) + "MB";
if(bytes < 1e12)
return (bytes/1e9).toFixed(1) + "GB";
return (bytes/1e12).toFixed(1) + "TB";
}
function progressBar(file){
return m("div[style=border:5px solid lime;"
+ 'border-radius:3mm;'
+ 'padding:2mm;'
+ 'height:5mm'
+ "]", [
m("div[style="
+ 'background-color:lime;'
+ 'height:100%;'
+ 'width:' + (file.transfered / file.size * 100)+'%'
+ ']'
,"")
]);
};
function cntrlBtn(file, act) {
return(
m("button",{
onclick: function(){
rs.request("transfers/control_download",{action: act, id: file.id});
}
},
act)
)
}
module.exports = {
view: function(){
var paths = rs("transfers/downloads");
if (paths === undefined) {
return m("div", "Downloads ... please wait ...");
}
return m("div", [
m("div","Downloads (" + paths.length +")"),
m("hr[style=color:silver]"),
m('table[cellspacing=2][style=padding:2px !important;margin:2px !important;border-spacing: 2px]', [
m("tr[style=font-weight:bold]",[
m("th[style=padding:2px]","name"),
m("th[style=padding:2px]","size"),
m("th[style=padding:2px]","progress"),
m("th[style=padding:2px]","transfer rate"),
m("th[style=padding:2px]","status"),
m("th[style=padding:2px]","progress"),
m("th[style=padding:2px]","action")
]),
paths.map(function (file){
var ctrlBtn = m("div","");
var progress = file.transfered / file.size * 100;
return m("tr",[
m("td[style=padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", file.name),
m("td[style=padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", makeFriendlyUnit(file.size)),
m("td[style=text-align:right;padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", progress.toPrecision(3) + "%"),
m("td[style=text-align:right;padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", makeFriendlyUnit(file.transfer_rate*1e3)+"/s"),
m("td[style=padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", file.download_status),
m("td[style=padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", progressBar(file)),
m("td[style=padding:2px;style=padding: 0.3em;border-style: solid;border-width: 0.1em;border-color: #0F0]", [
cntrlBtn(file, file.download_status==="paused"?"start":"pause"),
m("span"," "),
cntrlBtn(file, "cancel")]
)
])
})
])
]);
}
};

4
libresapi/src/webui-src/app/main.js
View File

@ -21,7 +21,7 @@ function Page(content, runst){
this.view = function(){
var runstate = rs("control/runstate");
var needpasswd = rs("control/password");
console.log("runstate: " + (runstate === undefined ? runstate : runstate.runstate));
//console.log("runstate: " + (runstate === undefined ? runstate : runstate.runstate));
if(runstate === undefined){
return m("div", "waiting_server ... ");
} else if (runstate.runstate == null){
@ -78,7 +78,7 @@ me.init = function(main){
}
});
m.route.mode = "hash";
m.route(main,"/chat",maps);
m.route(main,"/",maps);
console.log("init done.");
};

4
libresapi/src/webui-src/app/menudef.js
View File

@ -12,6 +12,10 @@ module.exports = { nodes: [
name: "peers",
runstate: "running_ok.*",
},
{
name: "downloads",
runstate: "running_ok.*",
},
{
name: "chat",
runstate: "running_ok.*",