function _quotaBarMB(usage, limit, default_limit){
var int_usage = parseInt(usage, 10);
var int_limit = _quotaIntLimit(limit, default_limit);
info_str = Humanize.size(int_usage * 1024)+' / ' +
((int_limit >= 0) ? Humanize.size(int_limit * 1024) : '-');
return ProgressBar.html(int_usage, int_limit, info_str);
}
function _elementArray(element_json) {
var element = element_json[XML_ROOT];
this.usedLeases = this.usedLeases + parseInt(element.USED_LEASES);
this.totalVNets++;
var total_size = 0;
var arList = Utils.getARList(element);
$.each(arList, function(){
total_size += parseInt(this.SIZE);
});
var clusters = '-';
if (element.CLUSTERS.ID != undefined){
clusters = $.isArray(element.CLUSTERS.ID) ? element.CLUSTERS.ID.join(",") : element.CLUSTERS.ID;
}
var parent_net = "";
if(element.PARENT_NETWORK_ID.length > 0){
parent_net = OpenNebulaNetwork.getName(element.PARENT_NETWORK_ID);
}
var search = {
NAME: element.NAME,
UNAME: element.UNAME,
GNAME: element.GNAME,
VLAN_ID: (element.VLAN_ID.length ? element.VLAN_ID : ""),
PARENT_NETWORK: parent_net
}
var color_html = Status.state_lock_to_color("VNET",false, element_json[XML_ROOT]["LOCK"]);
return [
'<input class="check_item" type="checkbox" '+
'style="vertical-align: inherit;" id="'+this.resource.toLowerCase()+'_' +
element.ID + '" name="selected_items" value="' +
element.ID + '"/>'+color_html,
element.ID,
element.NAME,
element.UNAME,
element.GNAME,
element.PARENT_NETWORK_ID.length ? Locale.tr("Yes") : Locale.tr("No"),
clusters,
element.BRIDGE,
ProgressBar.html(element.USED_LEASES, total_size),
element.VLAN_ID.length ? element.VLAN_ID : "-",
(LabelsUtils.labelsStr(element[TEMPLATE_ATTR])||''),
btoa(unescape(encodeURIComponent(JSON.stringify(search))))
];
}
var _html = function(host, hostShareFlag) {
var hostShare = hostShareFlag ? host : host.HOST_SHARE;
var maxMem = parseInt(hostShare.MAX_MEM);
var infoStr = "";
var allocatedMemBar;
if (hostShare.MEM_USAGE) {
var allocatedMem = parseInt(hostShare.MEM_USAGE);
if (maxMem > 0) {
var ratioAllocatedMem = Math.round((allocatedMem / maxMem) * 100);
infoStr = Humanize.size(allocatedMem) + ' / ' + Humanize.size(maxMem) + ' (' + ratioAllocatedMem + '%)';
} else {
infoStr = Humanize.size(allocatedMem) + ' / -';
}
allocatedMemBar = ProgressBar.html(allocatedMem, maxMem, infoStr);
}
var realMemBar;
if (hostShare.USED_MEM) {
var realMem = parseInt(hostShare.USED_MEM);
if (maxMem > 0) {
var ratioRealMem = Math.round((realMem / maxMem) * 100);
infoStr = Humanize.size(realMem) + ' / ' + Humanize.size(maxMem) + ' (' + ratioRealMem + '%)';
} else {
infoStr = Humanize.size(realMem) + ' / -';
}
realMemBar = ProgressBar.html(realMem, maxMem, infoStr);
}
return {
real: realMemBar,
allocated: allocatedMemBar
}
}
var _html = function(host, hostShareFlag) {
var hostShare = hostShareFlag ? host : host.HOST_SHARE;
var maxCPU = parseInt(hostShare.MAX_CPU);
var infoStr;
var allocatedCPUBar
if (hostShare.CPU_USAGE) {
var allocatedCPU = parseInt(hostShare.CPU_USAGE);
if (maxCPU > 0) {
var ratioAllocatedCPU = Math.round((allocatedCPU / maxCPU) * 100);
infoStr = allocatedCPU + ' / ' + maxCPU + ' (' + ratioAllocatedCPU + '%)';
} else {
infoStr = "";
}
allocatedCPUBar = ProgressBar.html(allocatedCPU, maxCPU, infoStr);
}
var realCPUBar
if (hostShare.USED_CPU) {
var realCPU = parseInt(hostShare.USED_CPU);
if (maxCPU > 0) {
var ratioRealCPU = Math.round((realCPU / maxCPU) * 100);
infoStr = realCPU + ' / ' + maxCPU + ' (' + ratioRealCPU + '%)';
} else {
infoStr = "";
}
realCPUBar = ProgressBar.html(realCPU, maxCPU, infoStr);
}
return {
real: realCPUBar,
allocated: allocatedCPUBar
}
}
function _elementArray(element_json) {
var element = element_json[XML_ROOT];
this.usedLeases = this.usedLeases + parseInt(element.USED_LEASES);
this.totalVNets++;
var total_size = 0;
var arList = Utils.getARList(element);
$.each(arList, function(){
total_size += parseInt(this.SIZE);
});
var clusters = '-';
if (element.CLUSTERS.ID != undefined){
clusters = $.isArray(element.CLUSTERS.ID) ? element.CLUSTERS.ID.join(",") : element.CLUSTERS.ID;
}
var parent_net = "";
if(element.PARENT_NETWORK_ID.length > 0){
parent_net = OpenNebulaNetwork.getName(element.PARENT_NETWORK_ID);
}
var search = {
NAME: element.NAME,
UNAME: element.UNAME,
GNAME: element.GNAME,
VLAN_ID: (element.VLAN_ID.length ? element.VLAN_ID : ""),
PARENT_NETWORK: parent_net
}
return [
'<input class="check_item" type="checkbox" id="' + RESOURCE.toLowerCase() + '_' +
element.ID + '" name="selected_items" value="' +
element.ID + '"/>',
element.ID,
element.UNAME,
element.GNAME,
element.NAME,
element.PARENT_NETWORK_ID.length ? Locale.tr("Yes") : Locale.tr("No"),
clusters,
element.BRIDGE,
ProgressBar.html(element.USED_LEASES, total_size),
element.VLAN_ID.length ? element.VLAN_ID : "-",
(LabelsUtils.labelsStr(element[TEMPLATE_ATTR])||''),
btoa(JSON.stringify(search))
];
}
uploader.on('uploadStart', function() {
$(".upload_support_file_form_button", context).attr("disabled", "disabled");
$('.support_upload_progress_bars', tabContext).append(
'<div id="'+fileName+'progressBar" class="row" style="margin-bottom:10px">\
<div id="'+fileName+'-info" class="medium-2 columns">\
Uploading...\
</div>\
<div class="medium-10 columns">\
<div class="progressbar">'+
ProgressBar.html(0, 1, fileName) + '\
</div>\
</div>\
</div>');
});
that.uploader.on('progress', function() {
var time = new Date().getTime();
var size = this.getSize() * this.progress();
if(time - last_time > 2000){
size = size - old_size;
var speed = size / ((time - last_time));
document.getElementById( 'speed' ).textContent = 'speed: ' + Humanize.size(speed) +'s';
last_time = time;
old_size = size;
}
document.getElementById( 'percent_progress' ).textContent = 'Completed: ' + (this.progress().toFixed(3)*100).toFixed(1) +'%';
$('div.progressbar', $('div[id="' + fileName + 'progressBar"]')).html(
ProgressBar.html(this.progress(), 1, fileName) );
});
var _html = function(info) {
var total = parseInt(info.TOTAL_MB);
var used = total - parseInt(info.FREE_MB);
if (total > 0) {
var ratio = Math.round((used / total) * 100);
info_str = Humanize.sizeFromMB(used) + ' / ' + Humanize.sizeFromMB(total) + ' (' + ratio + '%)';
} else {
if (info.TYPE == 1) {
info_str = '- / -';
} else {
info_str = Humanize.size(used) + ' / -';
}
}
return ProgressBar.html(used, total, info_str);
}
function _html() {
var arList = Utils.getARList(this.element);
var processedARList = [];
for (var i=0; i<arList.length; i++){
var ar = arList[i];
var id = ar.AR_ID;
var type = (ar.TYPE ? ar.TYPE : "--");
var start = "";
if(ar.TYPE == "IP4" || ar.TYPE == "IP4_6"){
start = (ar.IP ? ar.IP : "--");
} else {
start = (ar.MAC ? ar.MAC : "--");
}
var prefix = "";
if(ar.GLOBAL_PREFIX && ar.ULA_PREFIX){
prefix += ar.GLOBAL_PREFIX + "<br>" + ar.ULA_PREFIX;
} else if (ar.GLOBAL_PREFIX){
prefix += ar.GLOBAL_PREFIX;
} else if (ar.ULA_PREFIX){
prefix += ar.ULA_PREFIX;
} else {
prefix = "--";
}
var leases = ProgressBar.html(ar.USED_LEASES, ar.SIZE);
processedARList.push({
"id" : id,
"type" : type,
"start" : start,
"prefixHTML" : prefix,
"leasesHTML" : leases
});
}
return TemplateAR({
'element': this.element,
'arList' : processedARList
});
}
that.uploader.on('uploadStart', function() {
last_time = new Date().getTime();
old_size = 0;
var myThis = this;
if(!(myThis.progress() > 0)){
var element = $('#upload_progress_bars').append(
'<div id="' + fileName + 'progressBar" class="row" style="margin-bottom:10px">\
<div id="' + fileName + '-info" class="medium-2 columns">\
' + Locale.tr("Uploading...") + '\
</div>\
<div class="medium-10 columns">\
<div class="progressbar">'+
ProgressBar.html(0, 1, fileName) + '\
</div>\
<div>\
<button id="close_upload_image" class="fa fa-times-circle fa fa-lg close_upload_image"> </button>\
<button id="pause_upload_image" class="fa fa-pause fa fa-lg pause_upload_image"> </button>\
<button id="play_upload_image" class="fa fa-play fa fa-lg play_upload_image" hidden="true"> </button>\
</div>\
</div>\
<div class="medium-2 columns">\
<div id="speed">speed: </div>\
<div id="percent_progress">Completed: </div>\
</div>\
</div>');
}
$(".close_upload_image").on('click', function(){
myThis.cancel();
show=0;
if(element)
element.remove();
});
$(".pause_upload_image").on('click', function(){
myThis.pause();
$(".pause_upload_image").hide();
$(".play_upload_image").show();
});
$(".play_upload_image").on('click', function(){
myThis.upload();
$(".play_upload_image").hide();
$(".pause_upload_image").show();
});
});
$.each(ar_list, function(){
var ar = this;
var id = ar.AR_ID;
var divider = "<br>";
var startips = [];
var endips = [];
(ar.IP ? startips.push("IP: "+ar.IP+divider) : null);
(ar.IP_END ? endips.push("IP: "+ar.IP_END+divider) : null);
(ar.IP6 ? startips.push("IP6: "+ar.IP6+divider) : null);
(ar.IP6_END ? endips.push("IP6: "+ar.IP6_END+divider) : null);
(ar.MAC ? startips.push("MAC: "+ar.MAC+divider) : null);
(ar.MAC_END ? endips.push("MAC: "+ar.MAC_END+divider) : null);
ar_list_array.push([
null,
id,
(ar.TYPE ? ar.TYPE : "--"),
startips,
endips,
ProgressBar.html(ar.USED_LEASES, ar.SIZE)
]);
});
uploader.on('progress', function() {
$('div.progressbar', $('div[id="' + fileName + 'progressBar"]', tabContext)).html(
ProgressBar.html(this.progress(), 1, fileName) );
});
function _quotaBarFloat(usage, limit, default_limit){
var float_usage = parseFloat(usage, 10);
var float_limit = _quotaFloatLimit(limit, default_limit);
return ProgressBar.html(float_usage, float_limit, null);
}
function _quotaBar(usage, limit, default_limit){
var int_usage = parseInt(usage, 10);
var int_limit = _quotaIntLimit(limit, default_limit);
return ProgressBar.html(int_usage, int_limit, null);
}
/*
* opts.is_float : true to parse quota_limit and default_limit as floats instead of int
* opts.mb : true if the quota is in MB
* opts.quota_name : string to identify the quota widget
*/
function _editableQuotaBar(usage, quota_limit, default_limit, opts){
if (!opts) opts = {};
if (!opts.quota_name) opts.quota_name = "";
var limit;
if (opts.is_float){
usage = parseFloat(usage, 10);
limit = _quotaFloatLimit(quota_limit, default_limit);
} else {
usage = parseInt(usage, 10);
limit = _quotaIntLimit(quota_limit, default_limit);
}
percentage = 0;
if (limit > 0){
percentage = Math.floor((usage / limit) * 100);
if (percentage > 100){
percentage = 100;
}
} else if (limit == 0 && usage > 0){
percentage = 100;
}
var info_str;
if (opts.mb){
info_str = Humanize.size(usage * 1024)+' / '
+((limit >= 0) ? Humanize.size(limit * 1024) : '-')
} else {
info_str = usage+' / '+((limit >= 0) ? limit : '-');
}
html =
'<div class="quotabar_container" quota_name="'+opts.quota_name+'">\
<div class="row collapse editable_quota" style="font-size: 12px; display: none">\
<div class="small-2 columns">\
<label style="font-size: 12px; margin: 0px" class="inline right">'+ usage + ' / </label>\
</div>';
if (opts.mb){
html +=
'<div class="small-4 columns">';
}else{
html +=
'<div class="small-5 columns">';
}
html +=
'<input type="text" style="font-size: 12px; margin: 0px" quota_mode="edit" quota_limit="'+quota_limit+'" quota_default="'+default_limit+'" value="'+quota_limit+'"/>\
</div>';
if (opts.mb){
html +=
'<div class="small-1 columns">\
<span style="font-size: 12px; height: 2.0625rem !important; line-height: 2.0625rem !important;" class="postfix">MB</span>\
</div>';
}
html +=
'<div class="small-5 columns">\
<div class="button-group">\
<a class="button tiny secondary quotabar_edit_btn"><span class="fa fa-pencil"></span></a>\
<a class="button tiny secondary quotabar_default_btn"><span class="fa fa-file-o"></span></a>\
<a class="button tiny secondary quotabar_unlimited_btn"><strong>∞</strong></a>\
</div>\
</div>\
</div>\
<div class="row collapse non_editable_quota">\
<div class="large-12 columns">'+
ProgressBar.html(usage, limit, info_str)+
'</div>\
</div>\
</div>';
return html;
}