').css({'vertical-align':'bottom'}).append(self.buttonElement()).appendTo(tbl);
$(targetElm).attr({'name':self.name}).addClass('vboxToolbarSmall vboxButtonMenu vboxEnablerTrigger').bind('disable',self.disable).bind('enable',self.enable).append(tbl);
// Generate and attach menu
var m = self.mediaMenu.menuElement();
self.getButtonElm().contextMenu({
menu: self.mediaMenu.menu_id(),
mode:'menu',
button: 0
},self.mediaMenu.menuCallback);
}
self.menuUpdateRemoveMedia = function(enabled) {
self.mediaMenu.menuUpdateRemoveMedia(enabled);
}
}
/*
* Button media menu object
*/
function vboxMediaMenu(type,callback,mediumPath) {
var self = this;
this.type = type;
this.callback = callback;
this.mediumPath = mediumPath;
this.storage = new vboxStorage();
this.removeEnabled = true;
// Generate menu element ID
self.menu_id = function(){
return 'vboxMediaListMenu'+this.type;
}
// Generate menu element
self.menuElement = function() {
// Pointer already held
if(self._menu) return self._menu;
var id = self.menu_id();
var elm = $('#'+id);
if(!elm.attr('id')) {
$('#vboxIndex').append($('
').attr({'id':id,'class':'contextMenu','style':'display: none'}));
elm = $('#'+id);
} else {
elm.children().remove();
}
// Hold pointer
self.menuAddDefaults(elm);
self.menuUpdateRecent();
self._menu = elm;
return elm;
}
// Add host drives to menu
self.menuAddDrives = function(ul) {
// Add host drives
var meds = self.storage.mediumsForAttachmentType(self.type);
for(var i =0; i < meds.length; i++) {
if(!meds[i].hostDrive) continue;
$('').html(""+self.storage.getMediumName(meds[i])+"").appendTo(ul);
}
}
// Add defaults to menu
self.menuAddDefaults = function (ul) {
switch(this.type) {
// HardDisk defaults
case 'HardDisk':
$('').html(""+trans('Create a new hard disk...')+"").appendTo(ul);
$('').html(""+trans('Choose a virtual hard disk file...')+"").appendTo(ul);
// Add VMM?
if($('#vboxIndex').data('vboxConfig').enableAdvancedConfig) {
$('').html(""+trans('Virtual Media Manager')+"").appendTo(ul);
}
// Hidden elm
$('').addClass('vboxMediumRecentBefore').css('display','none').appendTo(ul);
break;
// CD/DVD Defaults
case 'DVD':
$('').html(""+trans('Choose a virtual CD/DVD disk file...')+"").appendTo(ul);
// Add VMM?
if($('#vboxIndex').data('vboxConfig').enableAdvancedConfig) {
$('').html(""+trans('Virtual Media Manager')+"").appendTo(ul);
}
// Add host drives
self.menuAddDrives(ul);
// Add remove drive
var li = $('');
if(!self.removeEnabled) {
$(li).addClass('disabled');
}
$(li).html(""+trans('Remove disk from virtual drive')+"").addClass('separator').addClass('vboxMediumRecentBefore').appendTo(ul);
break;
// Floppy defaults
default:
$('').html(""+trans('Choose a virtual floppy disk file...')+"").appendTo(ul);
// Add VMM?
if($('#vboxIndex').data('vboxConfig').enableAdvancedConfig) {
$('').html(""+trans('Virtual Media Manager')+"").appendTo(ul);
}
// Add host drives
self.menuAddDrives(ul);
// Add remove drive
var li = $('');
if(!self.removeEnabled) {
$(li).addClass('disabled');
}
$(li).html(""+trans('Remove disk from virtual drive')+"").addClass('separator').addClass('vboxMediumRecentBefore').appendTo(ul);
break;
}
}
// Update "recent" media list
this.menuUpdateRecent = function() {
var elm = $('#'+self.menu_id());
var list = $('#vboxIndex').data('vboxRecentMediums')[self.type];
elm.children('li.vboxMediumRecent').remove();
var ins = elm.children('li.vboxMediumRecentBefore').last();
for(var i = 0; i < list.length; i++) {
if(!list[i]) continue;
if(!self.storage.getMediumByLocation(list[i])) continue;
$('').attr({'class':'vboxMediumRecent'}).html(""+vboxBasename(list[i])+"").insertBefore(ins);
}
}
// Update "remove image from disk" menu item
self.menuUpdateRemoveMedia = function(enabled) {
var menu = $('#'+self.menu_id());
self.removeEnabled = enabled;
if(enabled) {
menu.enableContextMenuItems('#removeD');
menu.find('a[href=#removeD]').css('background-image','url(images/vbox/'+(self.type == 'DVD' ? 'cd' : 'fd')+'_unmount_16px.png)');
} else {
menu.disableContextMenuItems('#removeD');
menu.find('a[href=#removeD]').css('background-image','url(images/vbox/'+(self.type == 'DVD' ? 'cd' : 'fd')+'_unmount_dis_16px.png)');
}
}
// Update recent media menu and global recent media list
this.updateRecent = function(m) {
// Only valid media that is not a host drive or iSCSI
if(!m || !m.location || m.hostDrive || m.format == 'iSCSI') return;
var changed = vboxAddRecentMedium(m.location, $('#vboxIndex').data('vboxRecentMediums')[self.type]);
if(changed) {
// Update menu
self.menuUpdateRecent();
// Update Recent Mediums in background
vboxAjaxRequest('mediumRecentUpdate',{'type':m.deviceType,'list':$('#vboxIndex').data('vboxRecentMediums')[m.deviceType]},function(){});
}
}
// Called when menu item is selected
self.menuCallback = function(action,el,pos) {
switch(action) {
// Create hard disk
case 'createD':
vboxWizardNewHDInit(function(res,id){
if(!id) return;
var l = new vboxLoader();
l.add('Mediums',function(d){$('#vboxIndex').data('vboxMediums',d);});
l.onLoad = function() {
var med = self.storage.getMediumById(id);
self.callback(med);
self.updateRecent(med);
};
l.run();
},{'path':self.mediumPath+$('#vboxIndex').data('vboxConfig').DSEP});
break;
// VMM
case 'vmm':
// vboxVMMDialogInit(callback,type,hideDiff,attached,vmPath)
vboxVMMDialogInit(function(m){
if(m && m.id) {
var med = self.storage.getMediumById(m.id);
self.callback(med);
self.updateRecent(med);
}
},self.type,false,{},self.mediumPath);
break;
// Choose medium file
case 'chooseD':
vboxFileBrowser(self.mediumPath,function(f){
if(!f) return;
var med = self.storage.getMediumByLocation(f);
if(med && med.deviceType == self.type) {
self.callback(med);
self.updateRecent(med);
return;
} else if(med) {
return;
}
var ml = new vboxLoader();
ml.mode='save';
ml.add('mediumAdd',function(ret){
var l = new vboxLoader();
if(ret && ret.id) {
var med = self.storage.getMediumById(ret.id);
// Not registered yet. Refresh mediums.
if(!med)
l.add('Mediums',function(data){$('#vboxIndex').data('vboxMediums',data);});
}
l.onLoad = function() {
if(ret && ret.id) {
var med = self.storage.getMediumById(ret.id);
if(med && med.deviceType == self.type) {
self.callback(med);
self.updateRecent(med);
return;
}
}
}
l.run();
},{'path':f,'type':self.type});
ml.run();
});
break;
// Existing medium was selected
default:
if(action.indexOf('path:') == 0) {
var path = action.substring(5);
var med = self.storage.getMediumByLocation(path);
if(med && med.deviceType == self.type) {
self.callback(med);
self.updateRecent(med);
}
return;
}
var med = self.storage.getMediumById(action);
self.callback(med);
self.updateRecent(med);
}
}
}
/*
* Data Mediator Object
*
* Queues data requests so that multiple requests for the
* same data do not generate multiple server requests.
* Safeguard against users who may pound on buttons and
* slow server response.
*
*/
function vboxDataMediator() {
this._data = {};
this._inProgress = {};
var self = this;
this.get = function(type,id,callback) {
// Data exists
if(id == null && this._data[type]) {
callback(this._data[type]);
return;
} else if(id != null && this._data[type] && this._data[type][id]) {
callback(this._data[type][id]);
return;
}
// Data does not exist. Request in progress?
// UUID was not passed
if(id == null) {
// In progress. Add callback to list
if(this._inProgress[type]) {
this._inProgress[type][this._inProgress[type].length] = callback;
this._inProgress[type] = $.unique(this._inProgress[type]);
// Not in progress, create list && get data
} else {
this._inProgress[type] = [callback];
vboxAjaxRequest('get' + type, {}, this._ajaxhandler,{'type':type});
}
// UUID was passed
} else {
// In progress. Add callback to list
if(this._inProgress[type] && this._inProgress[type][id]) {
this._inProgress[type][id][this._inProgress[type][id].length] = callback;
this._inProgress[type][id] = $.unique(this._inProgress[type][id]);
// Not in progress, create list && get data
} else {
if(!this._inProgress[type]) this._inProgress[type] = new Array();
this._inProgress[type][id] = [callback];
vboxAjaxRequest('get' + type, {'vm':id}, this._ajaxhandler,{'type':type,'id':id});
}
}
}
// Handle returned ajax data
this._ajaxhandler = function(data, keys) {
// First set data and release queued callbacks
if(keys['id']) {
if(!self._data[keys['type']]) self._data[keys['type']] = new Array();
self._data[keys['type']][keys['id']] = data
callbacks = self._inProgress[keys['type']][keys['id']];
delete self._inProgress[keys['type']][keys['id']];
} else {
self._data[keys['type']] = data;
callbacks = self._inProgress[keys['type']];
delete self._inProgress[keys['type']];
}
for(var i = 0; i < callbacks.length; i++)
self.get(keys['type'],keys['id'],callbacks[i])
if(keys['id']) { delete self._data[keys['type']][keys['id']]; }
else { delete self._data[keys['type']]; }
}
}
/*
*
* Top Menu Bar
*
* Works in harmony with heavily modified contextMenu jquery plugin
*
*/
function vboxMenuBar(name) {
var self = this;
this.name = name;
this.menus = new Array();
this.menuClick = {};
this.iconStringDisabled = '_dis';
/* Add menu to object */
self.addMenu = function(m) {
self.menus[self.menus.length] = m;
var ul = $('
').attr({'id':m.name+'Menu','class':'','style':'display: none;'});
for(var i in m.menu) {
if(typeof i == 'function') continue;
// 16px icon?
if(m.menu[i].icon_16) m.menu[i].icon = m.menu[i].icon_16;
$('').attr({'id':m.menu[i].name,'href':'#'+m.menu[i].name}).html(trans(m.menu[i].label)).attr({
'style' : (m.menu[i].icon_absolute ? 'background-image: url('+m.menu[i].icon+')' : 'background-image: url(images/vbox/'+m.menu[i].icon+'_16px.png)')
}).appendTo($('').addClass((m.menu[i].separator ? 'separator' : '')).appendTo(ul));
this.menuClick[m.menu[i].name] = m.menu[i].click;
}
$('#vboxIndex').append(ul);
}
/* add floating link or text */
self.addFloat = function (f) {
$('#'+self.name+'MenuBar').append($('').attr({'class':'vboxFloatText'}).css({'float':'right'}).html(f));
}
/* Create and add menu bar */
self.addMenuBar = function(id) {
$('#'+id).prepend($('').attr({'class':'vboxMenuBar','id':self.name+'MenuBar'}));
for(var i = 0; i < self.menus.length; i++) {
$('#'+self.name+'MenuBar').append(''+trans(self.menus[i].label)+'');
$('#'+self.menus[i].name).contextMenu({
menu: self.menus[i].name+'Menu',
button: 0,
mode: 'menu'
},
self.click
).hover(
function(){
$(this).addClass('vboxBordered');
},
function(){
$(this).removeClass('vboxBordered');
}
);
}
self.update();
}
/* Update Menu items */
self.update = function(e,item) {
for(var i = 0; i < self.menus.length; i++) {
for(var a = 0; a < self.menus[i].menu.length; a++) {
var icon = self.menus[i].menu[a].icon;
if(self.menus[i].menu[a].enabled && !self.menus[i].menu[a].enabled(item)) {
if(self.menus[i].menu[a].icon_disabled) icon = self.menus[i].menu[a].icon_disabled;
else icon += self.iconStringDisabled;
$('#'+self.menus[i].menu[a].name).parent().addClass('disabled');
} else {
$('#'+self.menus[i].menu[a].name).parent().removeClass('disabled');
}
if(self.menus[i].menu[a].enabled)
$('#'+self.menus[i].menu[a].name).css({'background-image':'url(images/vbox/'+icon+'_16px.png)'});
}
}
}
/* Pass click on to menu item */
self.click = function(fn) { self.menuClick[fn]();}
}
/*
*
* Displays "Loading ..." screen until all data items
* have completed loading
*
*/
function vboxLoader() {
var self = this;
this._load = [];
this.onLoad = null;
this._loadStarted = {};
this.hideRoot = false;
this.noLoadingScreen = false;
this.mode = 'get';
/* Add item to list of items to load */
this.add = function(dataType, callback, params) {
if (params === undefined) params = {};
this._load[this._load.length] = {
'dataType' : dataType,
'type' : 'data',
'callback' : callback,
'params' : params
};
}
/* Add file to list of items to load */
this.addFile = function(file,callback,params) {
if (params === undefined) params = {};
this._load[this._load.length] = {
'type' : 'file',
'callback' : callback,
'file' : file,
'params' : params
};
}
/* Add a script to the list of items to load */
this.addScript = function(file,callback,params) {
if (params === undefined) params = {};
this._load[this._load.length] = {
'type' : 'script',
'callback' : callback,
'file' : file,
'params' : params
};
}
/* Load data and present "Loading..." screen */
this.run = function() {
this._loadStarted = {'data':false,'files':false,'scripts':false};
if(!self.noLoadingScreen) {
var div = $('').attr({'id':'vboxLoaderDialog','title':'','style':'display: none;','class':'vboxDialogContent'});
var tbl = $('
' : '') + self.title});
self.displayStep(1);
};
l.run();
}
self.close = function() {
$('#'+self.name+'Dialog').trigger('close').empty().remove();
}
self.displayStep = function(step) {
self._curStep = step;
for(var i = 0; i < self.steps; i++) {
$('#'+self.name+'Step'+(i+1)).css({'display':'none'});
}
/* update buttons */
if(step == 1) {
$('#'+self.name+'Dialog').parent().find('span:contains("< '+trans('Back')+'")').parent().addClass('disabled').blur();
$('#'+self.name+'Dialog').parent().find('span:contains("'+trans('Finish')+'")').html($('').text(trans('Next')+' >').html());
} else {
$('#'+self.name+'Dialog').parent().find('span:contains("< '+trans('Back')+'")').parent().removeClass('disabled');
if(step == self.steps) {
$('#'+self.name+'Dialog').parent().find('span:contains("'+trans('Next')+' >")').html($('').text(trans('Finish')).html());
} else {
$('#'+self.name+'Dialog').parent().find('span:contains("'+trans('Finish')+'")').html($('').text(trans('Next')+' >').html());
}
}
$('#'+self.name+'Title').html(trans($('#'+self.name+'Step'+step).attr('title')));
$('#'+self.name+'Step'+step).css({'display':''});
// Opera hidden select box bug
////////////////////////////////
if($.browser.opera) {
$('#'+self.name+'Step'+step).find('select').trigger('show');
}
$('#'+self.name+'Step'+step).trigger('show',self);
}
self.displayPrev = function() {
if(self._curStep <= 1) return;
self.displayStep(self._curStep - 1);
}
self.displayNext = function() {
if(self._curStep >= self.steps) {
self.onFinish(self,$('#'+self.name+'Dialog'));
return;
}
self.displayStep(self._curStep + 1);
}
}
/*
* Common toolbar
*/
function vboxToolbar(buttons) {
var self = this;
self.buttons = buttons;
self.size = 22;
self.addHeight = 24;
self.lastItem = null;
self.id = null;
self.buttonStyle = '';
// Called on list item selection change
self.update = function(target,item) {
// Event target or manually passed item
self.lastItem = (item||target);
for(var i = 0; i < self.buttons.length; i++) {
if(self.buttons[i].enabled && !self.buttons[i].enabled(self.lastItem)) {
self.disableButton(self.buttons[i]);
} else {
self.enableButton(self.buttons[i]);
}
}
}
self.enable = function() {
self.update(self.lastItem);
}
self.disable = function() {
for(var i = 0; i < self.buttons.length; i++) {
self.disableButton(self.buttons[i]);
}
}
self.enableButton = function(b) {
$('#vboxToolbarButton-'+self.id+'-'+b.name).addClass('vboxEnabled').removeClass('vboxDisabled').children('img.vboxToolbarImg').attr('src','images/vbox/'+b.icon+'_'+self.size+'px.png');
}
self.disableButton = function(b) {
$('#vboxToolbarButton-'+self.id+'-'+b.name).addClass('vboxDisabled').removeClass('vboxEnabled').children('img.vboxToolbarImg').attr('src','images/vbox/'+b.icon+'_disabled_'+self.size+'px.png');
}
// Generate HTML element for button
self.buttonElement = function(b) {
// Pre-load disabled version of icon if enabled function exists
if(b.enabled) {
var a = new Image();
a.src = "images/vbox/"+b.icon+"_disabled_"+self.size+"px.png";
}
// TD
var td = $('
').hover(
function(){if(!$(this).hasClass('vboxDisabled')){$(this).addClass('vboxToolbarSmallButtonHover');}},
function(){$(this).removeClass('vboxToolbarSmallButtonHover');}
);
}
// Return a jquery object containing button element.
self.getButtonElm = function () {
return $('#vboxButtonMenuButton-' + self.id + '-' + self.button.name);
}
// Add button to element with id
self.addButton = function(id) {
self.id = id;
var targetElm = $('#'+id);
if(!self.buttonStyle)
self.buttonStyle = 'height: ' + (self.size + ($.browser.msie || $.browser.webkit ? 3 : 7)) + 'px; width: ' + (self.size+10) + 'px; ';
var tbl = $('
').appendTo(tr);
$('