1705 lines
57 KiB
HTML
1705 lines
57 KiB
HTML
<!--
|
|
|
|
VM Storage Settings
|
|
Copyright (C) 2010-2015 Ian Moore (imoore76 at yahoo dot com)
|
|
|
|
$Id: settingsStorage.html 599 2015-07-27 10:40:37Z imoore76 $
|
|
|
|
-->
|
|
<table style='width: 100%;' id='vboxSettingsStorageTableWrapper'>
|
|
<tr style='height: 100%'>
|
|
<td width='50%' style='padding: 6px;'>
|
|
<div id='vboxStoragePaneLeft'>
|
|
<table class='vboxSettingsHeadingLine'
|
|
style='width: 100%; border-spacing: 0; border: 0px; margin: 0px; padding: 0px;'>
|
|
<tr style='vertical-align: middle'>
|
|
<td style='white-space: nowrap; width: auto;'><span
|
|
class='translate vboxRunningEnabled'>Storage Tree</span></td>
|
|
<td style='width: 100%'>
|
|
<hr style='width: 100%;' class='vboxSeparatorLine'/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<!-- Storage Controllers -->
|
|
<div id='vboxSettingsStorageTree' style='height: 290px; outline: none;' class='vboxBordered' tabindex='0'>
|
|
<ul class='vboxHover vboxHoverBorderless'>
|
|
<li>Storage Thingy</li>
|
|
<li>
|
|
<ul>
|
|
<li>Attachment Thingy</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Controller Toolbar -->
|
|
<div id='vboxSettingsControllersButtons' style='text-align: right'></div>
|
|
|
|
|
|
</div>
|
|
</td>
|
|
|
|
<!-- Resize Bar -->
|
|
<td style='height: 100%; width:3px; padding:0px; margin:0px;'>
|
|
<div style='margin:0px; margin-top: 2px; padding:0px; width: 3px; height: 99%; background:#aaa;' id='vboxStorageResizeBar' ></div>
|
|
</td>
|
|
|
|
<td width='50%' style='padding: 6px;'>
|
|
<div id='vboxStoragePaneRight'>
|
|
<table class='vboxSettingsHeadingLine'
|
|
style='width: 100%; border-spacing: 0; border: 0px; margin: 0px; padding: 0px;'>
|
|
<tr style='vertical-align: middle'>
|
|
<td style='white-space: nowrap; width: auto;'><span
|
|
class='translate vboxRunningEnabled'>Attributes</span></td>
|
|
<td style='width: 100%; white-space: nowrap;'><hr style='width: 100%;' class='vboxSeparatorLine'/></td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<!-- Controller Settings -->
|
|
<div id='vboxSettingsController' style='width: 100%; display: none;'>
|
|
<table style='width: 100%' class='vboxVertical'>
|
|
<tr>
|
|
<th><span class='translate'>Name:</span></th>
|
|
<td style='width: 100%'><input type='text' class='vboxText'
|
|
name='vboxSettingsStorageItemName' style='width: 99%' /></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate'>Type:</span></th>
|
|
<td><select name='vboxSettingsStorageControllerType'
|
|
style='width: 100%'>
|
|
<option value='ICH6'>ICH6</option>
|
|
</select></td>
|
|
</tr>
|
|
<tr id='vboxSettingsControllerPortCountRow' style='display: none'>
|
|
<th><span class='translate'>Port Count:</span></th>
|
|
<td>
|
|
<select name='vboxSettingsControllerPortCount'>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th></th>
|
|
<td style='width: 100%'>
|
|
<label><input type='checkbox' class='vboxCheckbox'
|
|
name='vboxSettingsStorageHostCache'/> <span class='translate'>Use Host I/O Cache</span></label></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Attachment Settings -->
|
|
<div id='vboxSettingsStorageAttachment' style='display: none'>
|
|
<table class='vboxVertical'>
|
|
<tr style='vertical-align: middle;'>
|
|
<th><span class='translate vboxRunningEnabled' id='vboxSettingsControllerSlotLabel'>HardDisk</span></th>
|
|
<td style='width: 100%'>
|
|
<table class='vboxInvisible' style='width: 100%'>
|
|
<tr style='vertical-align: middle'>
|
|
<td style='width: 100%'>
|
|
<select name='vboxSettingsControllerSlot' style='width: 100%'></select>
|
|
</td>
|
|
<td>
|
|
<div id='vboxSettingsAddAttachmentsMenuHDDiv' style='display: none'></div>
|
|
<div id='vboxSettingsAddAttachmentsMenuFDDiv' style='display: none'></div>
|
|
<div id='vboxSettingsAddAttachmentsMenuCDDiv' style='display: none'></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Selected Media Info -->
|
|
<div id='vboxSettingsMediaInfo' style='display: none'>
|
|
<table class='vboxSettingsHeadingLine'
|
|
style='width: 100%; border-spacing: 0; border: 0px; margin: 0px; padding: 0px;'>
|
|
<tr style='vertical-align: middle'>
|
|
<td style='white-space: nowrap; width: auto;'><span
|
|
class='translate vboxRunningEnabled'>Information</span></td>
|
|
<td style='width: 100%'>
|
|
<hr style='width: 100%; ' class='vboxSeparatorLine'/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<!-- HardDisk Media -->
|
|
<div id='vboxSettingsHDInfo'>
|
|
<table class='vboxVertical'>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Type (Format):</span></th>
|
|
<td><span id='vboxSettingsHDtype' class='vboxRunningEnabled'>Image</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Virtual Size:</span></th>
|
|
<td><span id='vboxSettingsHDvsize' class='vboxRunningEnabled'>30 GB</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Actual Size:</span></th>
|
|
<td><span id='vboxSettingsHDasize' class='vboxRunningEnabled'>30 GB</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Details:</span></th>
|
|
<td><span id='vboxSettingsHDDetails' class='vboxRunningEnabled'>Dynamic</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Location:</span></th>
|
|
<td><span id='vboxSettingsHDlocation' class='vboxRunningEnabled'>/usr/local/blah/etc..</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Attached to:</span></th>
|
|
<td><span id='vboxSettingsHDattached' class='vboxRunningEnabled'>Some Virtual
|
|
Machine Name</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Encrypted with key:</span></th>
|
|
<td><span id='vboxSettingsHDEncrypted' class='vboxRunningEnabled'>--</span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- DVD/CD Media and Floppy -->
|
|
<div id='vboxSettingsImageInfo'>
|
|
<table class='vboxVertical'>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Type:</span></th>
|
|
<td><span id='vboxSettingsImageType' class='vboxRunningEnabled'>Image</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Size:</span></th>
|
|
<td><span id='vboxSettingsImageSize' class='vboxRunningEnabled'>30 GB</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Location:</span></th>
|
|
<td><span id='vboxSettingsImageLocation' class='vboxRunningEnabled'>/usr/local/blah/etc..</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class='translate vboxRunningEnabled'>Attached to:</span></th>
|
|
<td><span id='vboxSettingsImageAttached' class='vboxRunningEnabled'>Some Virtual
|
|
Machine Name</span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<script type='text/javascript'>
|
|
|
|
/*
|
|
*
|
|
* Storage controller helper object
|
|
*
|
|
*
|
|
*/
|
|
var vboxSettingsStorageObj = function() {
|
|
|
|
this.busTypes = vboxStorage.getBusTypes();
|
|
|
|
this.attachedDirectMedia = {};
|
|
this.attachedIndirectMedia = {};
|
|
|
|
/* Return slots available on controller, including incl (device currently on slot) */
|
|
this.availableSlots = function(conElm,incl) {
|
|
|
|
var bus = $(conElm).children('table').first().data('controller').bus;
|
|
var slots = vboxStorage[bus].slots();
|
|
|
|
var atts = $(conElm).find('table.vboxSettingsStorageAttachment');
|
|
|
|
for(var i = 0; i < atts.length; i++) {
|
|
slot = $(atts[i]).data('attachment').port+'-'+$(atts[i]).data('attachment').device;
|
|
if(incl && (incl == slot)) continue;
|
|
delete slots[slot];
|
|
}
|
|
return slots;
|
|
};
|
|
|
|
this.addAttached = function(m) {
|
|
if(!m || !m.id) return;
|
|
var medium = vboxMedia.getMediumById(m.id);
|
|
|
|
// SafeGuard
|
|
if(!medium) {
|
|
alert('A medium listed as attached to this machine was not found in the media registry. phpVirtualBox will now reload.');
|
|
location.reload(true);
|
|
}
|
|
|
|
this.attachedDirectMedia[medium.id] = medium;
|
|
if(medium.base) {
|
|
this.attachedIndirectMedia[medium.base] = medium;
|
|
}
|
|
};
|
|
|
|
this.isAttached = function(m,directOnly) {
|
|
if(!m || !m.id) return false;
|
|
if(this.attachedDirectMedia[m.id]) return this.attachedDirectMedia[m.id];
|
|
if(!directOnly) {
|
|
return (m.base ? this.attachedIndirectMedia[m.base] : null);
|
|
}
|
|
return false;
|
|
};
|
|
|
|
this.isAttachedDirect = function(m) { return this.attachedDirectMedia[m.id]; };
|
|
this.isAttachedIndirect = function(m) { return (m.base ? this.attachedIndirectMedia[m.base] : null); };
|
|
};
|
|
|
|
/*
|
|
*
|
|
*
|
|
* Initialization logic
|
|
*
|
|
*
|
|
*/
|
|
|
|
/* Storage Obj */
|
|
var vboxSettingsStorageBusses = new vboxSettingsStorageObj(); // defined below
|
|
|
|
/* Setup SATA port count */
|
|
var sel = document.forms['frmVboxSettings'].vboxSettingsControllerPortCount;
|
|
for(var i = 1; i <= vboxStorage.SATA.maxPortCount; i++) {
|
|
sel.options[sel.options.length] = new Option(i,i);
|
|
}
|
|
$(sel).change(function(){
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().data('controller').portCount = $(this).val();
|
|
});
|
|
|
|
|
|
|
|
/* Pre-load storage images */
|
|
var imgs = new Array();
|
|
for(var i=0;i<vboxSettingsStorageBusses.busTypes.length;i++){
|
|
var imgName = vboxStorage.getBusIconName(vboxSettingsStorageBusses.busTypes[i]);
|
|
imgs[i] = new Array();
|
|
imgs[i][0] = new Image();
|
|
imgs[i][0].src = 'images/vbox/'+imgName+'_expand_16px.png';
|
|
imgs[i][1] = new Image();
|
|
imgs[i][1].src = 'images/vbox/'+imgName+'_collapse_16px.png';
|
|
imgs[i][2] = new Image();
|
|
imgs[i][2].src = 'images/vbox/'+imgName+'_add_16px.png';
|
|
imgs[i][3] = new Image();
|
|
imgs[i][3].src = 'images/vbox/'+imgName+'_add_disabled_16px.png';
|
|
}
|
|
|
|
var imgs2 = new Array();
|
|
var imgsToLoad = ['fd','hd','cd'];
|
|
for(var i=0;i<imgsToLoad.length;i++){
|
|
imgs2[i] = new Image();
|
|
imgs2[i].src = 'images/vbox/'+imgsToLoad[i]+'_16px.png';
|
|
}
|
|
|
|
/*
|
|
*
|
|
* Init Storage Controller menus and toolbar
|
|
*
|
|
*/
|
|
|
|
/* Menu for adding controllers */
|
|
var vboxSettingsCMenu = new vboxMenu({id: 'vboxSettingsAddControllerMenu',
|
|
language_context: 'UIMachineSettingsStorage'});
|
|
var vboxSettingsCMenuItems = [];
|
|
var bustypes = vboxStorage.getBusTypes();
|
|
for(var i = 0; i < bustypes.length; i++) {
|
|
var bt = bustypes[i];
|
|
var icon = vboxStorage.getBusIconName(bt);
|
|
vboxSettingsCMenuItems[vboxSettingsCMenuItems.length] = {'name':'add'+bt,'icon':icon+"_add",'label':'Add '+bt+' Controller'};
|
|
}
|
|
vboxSettingsCMenu.addMenu(vboxSettingsCMenuItems);
|
|
|
|
|
|
/* Storage tree context menu to add controllers */
|
|
$('#vboxSettingsStorageTree').contextMenu({
|
|
menu: vboxSettingsCMenu.menuId()
|
|
},
|
|
function(action, el, pos) {
|
|
|
|
var bus = action.substring(3);
|
|
var c = {'bus':bus,'mediumAttachments':[],'controllerType':vboxStorage[bus].types[0],'useHostIOCache':1,
|
|
'maxPortCount':vboxStorage[bus]['maxPortCount'],'maxDevicesPerPortCount':vboxStorage[bus]['maxDevicesPerPortCount']};
|
|
|
|
|
|
vboxSettingsAddController(c, $('#vboxSettingsStorageTree').children('ul').first());
|
|
|
|
$('#vboxSettingsStorageTree').trigger('itemselect',$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first());
|
|
}
|
|
);
|
|
|
|
/* Storage tree tool bar */
|
|
var vboxSettingsStorageButtons = new Array(
|
|
{
|
|
/* Add Attachment Button */
|
|
'name' : 'addattach',
|
|
'label' : 'Add Attachment',
|
|
'icon' : 'attachment_add',
|
|
'enabled' : function (item) {
|
|
|
|
if(!$(item).data('controller')) return false;
|
|
|
|
// Determine how max and how many are used
|
|
if(!($(item).data('controller').maxPortCount && ($(item).parent().find('ul').children('li').length < ($(item).data('controller').maxPortCount * $(item).data('controller').maxDevicesPerPortCount))))
|
|
return false;
|
|
|
|
// Enable / Disable CD/DVD menu
|
|
var c = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first();
|
|
if(jQuery.inArray('dvd', vboxStorage[$(c).data('controller').bus].driveTypes) > -1) {
|
|
scToolbar.getButtonElement("addattach").data('busType',$(c).data('controller').bus);
|
|
scToolbar.getButtonElement("addattach").enableContextMenu();
|
|
} else {
|
|
scToolbar.getButtonElement("addattach").disableContextMenu();
|
|
}
|
|
return true;
|
|
|
|
},
|
|
'click' : function (item) {
|
|
// Let context menu handle IDE and Sata
|
|
var c = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first();
|
|
if(vboxStorage[$(c).data('controller').bus].driveTypes.length > 1) {
|
|
return;
|
|
}
|
|
vboxSettingsStorageAddMedium($(c).parent(),($(c).data('controller').bus == 'Floppy' ? 'Floppy' : 'HardDisk'));
|
|
}
|
|
},
|
|
|
|
{
|
|
/* Remove Attachment Button */
|
|
'name' : 'removeattach',
|
|
'label' : 'Remove Attachment',
|
|
'icon' : 'attachment_remove',
|
|
'enabled' : function (item) { return (item && $(item).data('attachment')); },
|
|
'click' : function () {
|
|
|
|
// Set previous item to last?
|
|
var cur = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent();
|
|
|
|
if($(cur).hasClass('last')) {
|
|
$(cur).prev().addClass('last');
|
|
}
|
|
|
|
var next = $(cur).next().find('table.vboxListItem').first();
|
|
if(!$(next).html()) {
|
|
var con = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().data('controller');
|
|
if(con) next = $('#vboxSettingsController'+con.bus).find('table.vboxListItem').first();
|
|
}
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent().remove();
|
|
if(!$(next).trigger('click').html()) $('#vboxSettingsStorageTree').trigger('itemselect',null);
|
|
}
|
|
},
|
|
|
|
{
|
|
/* Add Controller Button */
|
|
'name' : 'addcontroller',
|
|
'label' : 'Add Controller',
|
|
'icon' : 'controller_add',
|
|
'enabled' : function (item) {
|
|
|
|
// Draw menu items
|
|
var cons = $('#vboxSettingsStorageTree').find('table.vboxSettingsController');
|
|
var avail = vboxStorage.getBusTypes();
|
|
var used = {};
|
|
for(var i = 0; i < avail.length; i++) {
|
|
used[avail[i]] = false;
|
|
}
|
|
|
|
for(var i = 0; i < cons.length; i++) {
|
|
used[$(cons[i]).data('controller').bus] = true;
|
|
}
|
|
|
|
var oneEnabled = false;
|
|
for(var i in used) {
|
|
|
|
if(used[i]) { // && vboxStorage[i].limitOneInstance) {
|
|
vboxSettingsCMenu.disableItem('add'+i);
|
|
} else {
|
|
vboxSettingsCMenu.enableItem('add'+i);
|
|
oneEnabled = true;
|
|
}
|
|
}
|
|
|
|
// If at least one item is enabled
|
|
return oneEnabled;
|
|
|
|
|
|
},
|
|
'click' : function (item) { return true; }
|
|
},
|
|
|
|
{
|
|
/* Remove Controller Button */
|
|
'name' : 'removecontroller',
|
|
'label' : 'Remove Controller',
|
|
'icon' : 'controller_remove',
|
|
'enabled' : function (item) { if(item && $(item).data('controller')) return true; },
|
|
'click' : function () {
|
|
var next = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent().next().find('table.vboxListItem').first();
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent().remove();
|
|
if(!$(next).html()) {next = $('#vboxSettingsStorageTree').find('table.vboxListItem').first();}
|
|
if(!$(next).trigger('click').html()) $('#vboxSettingsStorageTree').trigger('itemselect',null);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
);
|
|
var scToolbar = new vboxToolbarSmall({buttons: vboxSettingsStorageButtons,
|
|
language_context: 'UIMachineSettingsStorage', renderTo: 'vboxSettingsControllersButtons'});
|
|
|
|
|
|
/* Add controller button menu initialization */
|
|
scToolbar.getButtonElement("addcontroller").contextMenu({
|
|
menu: vboxSettingsCMenu.menuId(),
|
|
mode:'menu',
|
|
button: 0
|
|
},
|
|
function(action, el, pos) {
|
|
|
|
var bus = action.substring(3);
|
|
var c = {'bus':bus,'mediumAttachments':[],'controllerType':vboxStorage[bus].types[0],'useHostIOCache':1,
|
|
'maxPortCount':vboxStorage[bus]['maxPortCount'],'maxDevicesPerPortCount':vboxStorage[bus]['maxDevicesPerPortCount']};
|
|
|
|
vboxSettingsAddController(c, $('#vboxSettingsStorageTree').children('ul').first());
|
|
|
|
$('#vboxSettingsStorageTree').trigger('itemselect',$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first());
|
|
}
|
|
);
|
|
|
|
/* Menu for adding attachment */
|
|
var mAttachMenu = new vboxMenu({id: 'vboxSettingsAddAttachmentsMenu',
|
|
language_context: 'UIMachineSettingsStorage',
|
|
menuItems: [{name: 'addCD', icon: 'cd_add', label: 'Add Optical Drive'},
|
|
{name: 'addHD', icon: 'hd_add', label: 'Add Hard Disk'}]});
|
|
|
|
|
|
/* Add attachment button menu initialization */
|
|
scToolbar.getButtonElement("addattach").contextMenu({
|
|
menu: mAttachMenu.menuId(),
|
|
mode:'menu',
|
|
button: 0
|
|
},
|
|
function(action, el, pos) {
|
|
vboxSettingsStorageAddMedium($('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent(),(action == 'addCD' ? 'DVD' : 'HardDisk'));
|
|
}
|
|
);
|
|
|
|
|
|
|
|
$('#vboxSettingsStorageTree').on('itemselect',function(e,el) {scToolbar.update(el); });
|
|
|
|
|
|
/* Medium attachment context menu */
|
|
var vboxSettingsMAMenu = new vboxMenu({'name':'vboxSettingsMAMenuL',
|
|
'menuItems': [vboxSettingsStorageButtons[1]],
|
|
'language_context': 'UIMachineSettingsStorage'});
|
|
|
|
/*
|
|
* Medium menu buttons
|
|
*/
|
|
var mAttachToolbarHD = new vboxButtonMediaMenu('HardDisk',vboxSettingsControllerAttach);
|
|
mAttachToolbarHD.renderTo('vboxSettingsAddAttachmentsMenuHDDiv');
|
|
|
|
var mAttachToolbarCD = new vboxButtonMediaMenu('DVD',vboxSettingsControllerAttach);
|
|
mAttachToolbarCD.renderTo('vboxSettingsAddAttachmentsMenuCDDiv');
|
|
|
|
var mAttachToolbarFD = new vboxButtonMediaMenu('Floppy',vboxSettingsControllerAttach);
|
|
mAttachToolbarFD.renderTo('vboxSettingsAddAttachmentsMenuFDDiv');
|
|
|
|
/*
|
|
* Controller actions and menus for each bus type
|
|
*/
|
|
var vboxStorageBusTypes = vboxStorage.getBusTypes();
|
|
var vboxStorageAttachmentMenus = new Array();
|
|
for(var i = 0; i < vboxStorageBusTypes.length; i++) {
|
|
var btype = vboxStorageBusTypes[i];
|
|
var menuItems = [];
|
|
for(var a = 0; a < vboxStorage[btype].driveTypes.length; a++) {
|
|
switch(vboxStorage[btype].driveTypes[a]) {
|
|
case 'dvd':
|
|
b = {
|
|
'name' : btype+'addcd',
|
|
'label' : 'Add Optical Drive',
|
|
'icon' : 'cd_add',
|
|
'click' : function () {
|
|
vboxSettingsStorageAddMedium($('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent(),'DVD');
|
|
}
|
|
};
|
|
break;
|
|
case 'disk':
|
|
b = {
|
|
'name' : btype+'adddrive',
|
|
'label' : 'Add Hard Disk',
|
|
'icon' : 'hd_add',
|
|
'click' : function (item) {
|
|
vboxSettingsStorageAddMedium($('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent());
|
|
}
|
|
};
|
|
break;
|
|
case 'floppy':
|
|
b = {
|
|
'name' : btype + 'addfloppy',
|
|
'label':trans('Add Floppy Drive','UIMachineSettingsStorage'),
|
|
'icon' : 'fd_add',
|
|
'click' : function (item) {
|
|
vboxSettingsStorageAddMedium($('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent(),'Floppy'); }
|
|
};
|
|
break;
|
|
}
|
|
b['enabled'] = function(a) {
|
|
return ($('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent().find('li').length < (vboxStorage[a].maxPortCount * vboxStorage[a].maxDevicesPerPortCount));
|
|
};
|
|
menuItems[menuItems.length] = b;
|
|
}
|
|
|
|
// Add seperator and "remove controller"
|
|
menuItems[menuItems.length] = $.extend(true, {}, vboxSettingsStorageButtons[3]); // "Remove"
|
|
menuItems[(menuItems.length-1)].separator = true;
|
|
menuItems[(menuItems.length-1)].enabled = null; // always enabled
|
|
|
|
vboxStorageAttachmentMenus[btype] = new vboxMenu({name: 'vboxSettingsController'+btype+'AttachmentsMenu',
|
|
language_context: 'UIMachineSettingsStorage',
|
|
'menuItems': menuItems});
|
|
|
|
}
|
|
|
|
$('#vboxSettingsStorageTree').on('itemselect',function(e,item){
|
|
for(var i = 0; i < vboxStorageBusTypes.length; i++)
|
|
vboxStorageAttachmentMenus[vboxStorageBusTypes[i]].update(vboxStorageBusTypes[i]);
|
|
});
|
|
/*
|
|
*
|
|
* Form helper functions that listen for form change events
|
|
*
|
|
*
|
|
*/
|
|
|
|
/*
|
|
* Changing the slot changes the object
|
|
*/
|
|
document.forms['frmVboxSettings'].vboxSettingsControllerSlot.onchange = function(){
|
|
|
|
// change port / device
|
|
var pd = this.value.split('-');
|
|
var attachment = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first();
|
|
$(attachment).data('attachment').port = pd[0];
|
|
$(attachment).data('attachment').device = pd[1];
|
|
|
|
};
|
|
|
|
|
|
|
|
/*
|
|
*
|
|
* Controller form elements
|
|
*
|
|
*/
|
|
|
|
/* onChange of controller type */
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageControllerType).change(function(){
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().data('controller').controllerType = $(this).val();
|
|
});
|
|
|
|
/* change storage controller label on keydown in text box */
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).keyup(function(){
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().find('span.vboxSettingsControllerTitle').first().text(this.value);
|
|
});
|
|
|
|
/* Set storage controller name on blur of textbox */
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).on('blur',function(e){
|
|
|
|
var bus = $('#vboxSettingsStorageTree').find('.vboxListItemSelected').first();
|
|
|
|
if(!$(bus).data('controller')) return;
|
|
|
|
var newName = $(this).val();
|
|
|
|
// no change?
|
|
if(newName == $(bus).data('controller').name) return true;
|
|
|
|
if(jQuery.trim($(this).val().toString()).length < 1) {
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).val($(bus).data('controller').name);
|
|
|
|
} else {
|
|
|
|
$('#vboxSettingsStorageTree').find('table.vboxSettingsController').each(function(idx,elm) {
|
|
if($(elm).data('controller').name == newName) {
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).val($(bus).data('controller').name);
|
|
conflictFound = true;
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
$(bus).data('controller').name = $(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).val();
|
|
$(bus).find('span.vboxSettingsControllerTitle').first().text($(bus).data('controller').name);
|
|
|
|
}).keyup(function(){
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().find('span.vboxSettingsControllerTitle').text(this.value);
|
|
});
|
|
|
|
/* Change host cache value onClick of checkbox */
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageHostCache).click(function(){
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().data('controller').useHostIOCache = this.checked;
|
|
});
|
|
|
|
|
|
|
|
|
|
/*
|
|
* Update menu items on select and display
|
|
*/
|
|
$('#vboxSettingsStorageTree').on('itemselect',function(e,item){
|
|
|
|
$('#vboxSettingsAddAttachmentsMenuCDDiv').hide();
|
|
$('#vboxSettingsAddAttachmentsMenuHDDiv').hide();
|
|
$('#vboxSettingsAddAttachmentsMenuFDDiv').hide();
|
|
|
|
// Null selection hides everything
|
|
if(!item) {
|
|
$('#vboxSettingsController').css('display','none');
|
|
$('#vboxSettingsMediaInfo').css('display','none');
|
|
$('#vboxSettingsStorageAttachment').css('display','none');
|
|
// Update label widths
|
|
vboxStorageResizeTreeItemLabels();
|
|
return;
|
|
}
|
|
|
|
if(!$(item).data('attachment')) {
|
|
// Update label widths
|
|
vboxStorageResizeTreeItemLabels();
|
|
return;
|
|
}
|
|
|
|
switch($(item).data('attachment').type) {
|
|
case 'HardDisk':
|
|
$('#vboxSettingsAddAttachmentsMenuHDDiv').show();
|
|
break;
|
|
case 'Floppy':
|
|
// Update media menu...
|
|
mAttachToolbarFD.menuUpdateMedia($(item).data('attachment').medium);
|
|
$('#vboxSettingsAddAttachmentsMenuFDDiv').show();
|
|
break;
|
|
default:
|
|
// Update media menu...
|
|
mAttachToolbarCD.menuUpdateMedia($(item).data('attachment').medium);
|
|
$('#vboxSettingsAddAttachmentsMenuCDDiv').show();
|
|
}
|
|
|
|
// Update label widths
|
|
vboxStorageResizeTreeItemLabels();
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/*
|
|
*
|
|
* OnSave and OnShow for dialog
|
|
*
|
|
*
|
|
*/
|
|
|
|
/* Change settings onSave() */
|
|
$('#vboxSettingsDialog').on('save',function(){
|
|
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).trigger('blur');
|
|
|
|
$('#vboxSettingsDialog').data('vboxMachineData').storageControllers = new Array();
|
|
|
|
var storageList = $('#vboxSettingsStorageTree').children('ul').first();
|
|
|
|
$(storageList).find('table.vboxSettingsController').each(function(i,con){
|
|
|
|
|
|
var attachments = new Array();
|
|
|
|
$(con).parent().find('table.vboxSettingsStorageAttachment').each(function(i,elm) {
|
|
|
|
var attch = $(elm).data('attachment');
|
|
|
|
if(attch.medium && attch.medium.id) {
|
|
var med = vboxMedia.getMediumById(attch.medium.id);
|
|
attch.medium = {'id':med.id,'hostDrive':med.hostDrive,'location':med.location};
|
|
}
|
|
|
|
attachments[attachments.length] = attch;
|
|
|
|
});
|
|
|
|
var curCon = $('#vboxSettingsDialog').data('vboxMachineData').storageControllers.length;
|
|
|
|
$('#vboxSettingsDialog').data('vboxMachineData').storageControllers[curCon] = $(this).data('controller');
|
|
$('#vboxSettingsDialog').data('vboxMachineData').storageControllers[curCon]['mediumAttachments'] = attachments;
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
/* WHen data is loaded */
|
|
$('#vboxSettingsDialog').on('dataLoaded',function(){
|
|
|
|
/*
|
|
*
|
|
* Fill form and storage list items
|
|
*
|
|
*/
|
|
|
|
/* Fill List by calling helper functions for each controller */
|
|
var storageList = $('#vboxSettingsStorageTree').children('ul').first();
|
|
$(storageList).children().remove();
|
|
|
|
var cons = $('#vboxSettingsDialog').data('vboxMachineData').storageControllers;
|
|
for(var a = 0; a < cons.length; a++) {
|
|
|
|
var attch = cons[a].mediumAttachments;
|
|
|
|
var conElm = vboxSettingsAddController(cons[a], $(storageList));
|
|
|
|
for(var b = 0; b < cons[a].mediumAttachments.length; b++) {
|
|
vboxSettingsStorageBusses.addAttached(cons[a].mediumAttachments[b].medium);
|
|
vboxSettingsAddAttachment(cons[a].mediumAttachments[b], conElm);
|
|
}
|
|
}
|
|
|
|
//Select first item in storage tree list
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItem').first().trigger('click').html();
|
|
|
|
/* Disable non-editable items when VM is running */
|
|
var p = $('#vboxSettingsStorageTableWrapper');
|
|
if(!$('#vboxSettingsDialog').data('vboxFullEdit')) {
|
|
|
|
scToolbar.disable();
|
|
$('#vboxSettingsStorageTree').disableContextMenu()
|
|
|
|
p.find('span:not(.vboxRunningEnabled)').addClass('disabled');
|
|
p.find('input:not(.vboxRunningEnabled),select,textarea').prop('disabled',true);
|
|
|
|
// Storage tree toolbars
|
|
$('#vboxSettingsStorageTree').find('.vboxControllerAttachmentButton').trigger('disable');
|
|
|
|
// Hard Disk Media menu button
|
|
$('#vboxSettingsAddAttachmentsMenuHDDiv').trigger('disable');
|
|
|
|
} else {
|
|
|
|
$('#vboxSettingsStorageTree').enableContextMenu();
|
|
|
|
p.find('span:not(.vboxRunningEnabled)').removeClass('disabled');
|
|
p.find('input:not(.vboxRunningEnabled),select,textarea').prop('disabled',false);
|
|
|
|
// Storage tree toolbars
|
|
$('#vboxSettingsStorageTree').find('.vboxControllerAttachmentButton').trigger('enable');
|
|
|
|
// Hard Disk Media menu button
|
|
$('#vboxSettingsAddAttachmentsMenuHDDiv').trigger('enable');
|
|
|
|
// initial toolbar update
|
|
scToolbar.enable();
|
|
scToolbar.update();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
/* Respond to UP / Down arrow events */
|
|
$('#vboxSettingsStorageTree').click(function(){$(this).focus();}).keydown(function(e){
|
|
|
|
var keynum = 0;
|
|
|
|
if(e.keyCode)
|
|
keynum = e.keyCode;
|
|
else if(e.which)
|
|
keynum = e.which;
|
|
|
|
switch(keynum) {
|
|
|
|
// up
|
|
case 38:
|
|
|
|
var cur = $(this).find('table.vboxListItemSelected').parent();
|
|
|
|
// Try previous med attachment
|
|
if($(cur).prev('li.vboxSettingsMediumAttachment').children('table.vboxListItem').trigger('click')[0]) {
|
|
return;
|
|
}
|
|
|
|
// If we're a medium, click our parent controller
|
|
if($(cur).hasClass('vboxSettingsMediumAttachment')) {
|
|
$(cur).parent().parent('li.vboxSettingsController').children('table.vboxListItem').trigger('click');
|
|
return;
|
|
}
|
|
|
|
// Must be a controller, try previous controller's last medium attachment
|
|
if($(cur).prev().children('ul:not([class~="vboxHidden"])').find('table.vboxListItem:last').trigger('click')[0])
|
|
return;
|
|
|
|
// No med attachment, try previous controller
|
|
$(cur).prev('li.vboxSettingsController').children('table.vboxListItem').trigger('click');
|
|
break;
|
|
|
|
// right / expand
|
|
case 39:
|
|
var tbl = $(this).find('table.vboxListItemSelected');
|
|
var con = $(tbl).data('controller');
|
|
if(!con) return;
|
|
$(tbl).find('td.vboxSettingsController' + con.bus).click();
|
|
break;
|
|
|
|
// left / contract
|
|
case 37:
|
|
var tbl = $(this).find('table.vboxListItemSelected');
|
|
var con = $(tbl).data('controller');
|
|
if(!con) return;
|
|
$(tbl).find('td.vboxSettingsController' + con.bus + 'Expanded').click();
|
|
break;
|
|
|
|
// down
|
|
case 40:
|
|
|
|
var cur = $(this).find('table.vboxListItemSelected').parent();
|
|
|
|
// Try next med attachment
|
|
if($(cur).next('li.vboxSettingsMediumAttachment').children('table.vboxListItem').trigger('click')[0]) {
|
|
return;
|
|
}
|
|
|
|
// Select first medium of current controller?
|
|
if($(cur).children('ul:not([class~="vboxHidden"])').find('table.vboxListItem:first').trigger('click')[0])
|
|
return;
|
|
|
|
// Try next controller
|
|
$(cur).closest('li.vboxSettingsController').next('li.vboxSettingsController').children('table.vboxListItem').trigger('click');
|
|
|
|
break;
|
|
}
|
|
|
|
}).css('outline','none');;
|
|
|
|
/*
|
|
*
|
|
* Change media attachment helper function
|
|
*
|
|
*/
|
|
function vboxSettingsControllerAttach(m) {
|
|
|
|
var tbl = $('#vboxSettingsStorageTree').find('table.vboxListItemSelected');
|
|
$(tbl).data('attachment').medium = m;
|
|
$(tbl).parent().tipped({'source':vboxSettingsMediumTip(m),'position':'mouse','delay':1000});
|
|
|
|
// Re-select attachment to update display info
|
|
vboxSettingsSelectAttachment(tbl);
|
|
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
*
|
|
* Called when controller is selected helper function
|
|
*
|
|
*/
|
|
function vboxSettingsSelectController(tbl) {
|
|
|
|
// Null selection?
|
|
if(!tbl) {
|
|
$('#vboxSettingsController').css('display','none');
|
|
$('#vboxSettingsMediaInfo').css('display','none');
|
|
$('#vboxSettingsStorageAttachment').css('display','none');
|
|
return;
|
|
}
|
|
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).trigger('blur');
|
|
|
|
/* set classes for selected / unselected */
|
|
$('#vboxSettingsStorageTree').find('table[class]').removeClass('vboxListItemSelected').addClass('vboxListItem');
|
|
$(tbl).removeClass('vboxListItem').addClass('vboxListItemSelected');
|
|
|
|
/* set name text box value */
|
|
document.forms['frmVboxSettings'].vboxSettingsStorageItemName.value = $(tbl).data('controller').name;
|
|
|
|
/* Set host cache checkbox */
|
|
document.forms['frmVboxSettings'].vboxSettingsStorageHostCache.checked = $(tbl).data('controller').useHostIOCache ? 'checked' : '';
|
|
|
|
var busType = $(tbl).data('controller').bus;
|
|
|
|
/* controller type */
|
|
document.forms['frmVboxSettings'].vboxSettingsStorageControllerType.options.length = 0;
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageControllerType).children().remove();
|
|
for(var i = 0; i < vboxStorage[busType].types.length; i++) {
|
|
document.forms['frmVboxSettings'].vboxSettingsStorageControllerType.options[i] = new Option(trans(vboxStorageControllerType(vboxStorage[busType].types[i]),'VBoxGlobal'),vboxStorage[busType].types[i]);
|
|
}
|
|
|
|
/* Set default type */
|
|
document.forms['frmVboxSettings'].vboxSettingsStorageControllerType.value = $(tbl).data('controller').controllerType;
|
|
|
|
$('#vboxSettingsController').css('display','block');
|
|
$('#vboxSettingsStorageAttachment').css('display','none');
|
|
$('#vboxSettingsMediaInfo').css('display','none');
|
|
$('#vboxSettingsHDInfo').css('display','none');
|
|
|
|
// Show SATA port count
|
|
if((busType == 'SATA')||(busType == 'PCIe')) {
|
|
$(document.forms['frmVboxSettings'].vboxSettingsControllerPortCount).val($(tbl).data('controller').portCount);
|
|
$('#vboxSettingsControllerPortCountRow').css('display','');
|
|
} else {
|
|
$('#vboxSettingsControllerPortCountRow').css('display','none');
|
|
}
|
|
|
|
/* Enable / disable buttons */
|
|
if($(tbl).parent().find('ul').children('li').length < ($(tbl).data('controller').maxPortCount * $(tbl).data('controller').maxDevicesPerPortCount)) {
|
|
|
|
if($('#vboxSettingsDialog').data('vboxFullEdit')) {
|
|
$(tbl).find('.vboxToolbarSmall').trigger('enable', [true]);
|
|
}
|
|
|
|
} else {
|
|
$(tbl).find('.vboxToolbarSmall').trigger('disable');
|
|
}
|
|
|
|
/* Trigger Event */
|
|
$('#vboxSettingsStorageTree').trigger('itemselect',tbl);
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
* Generate tooltip for medium helper function
|
|
*/
|
|
function vboxSettingsMediumTip(m) {
|
|
|
|
if(!m || !m.id) return trans('Empty','VBoxGlobal');
|
|
if(m.hostDrive) return vboxMedia.getName(m);
|
|
|
|
// DVD / Floppy images
|
|
if(m.deviceType != 'HardDisk') {
|
|
return '<b>'+m.location+'</b><p>'+trans('Attached to:','UIMachineSettingsStorage')+' '+vboxMedia.attachedTo(m)+'</p>';
|
|
}
|
|
|
|
var mbase = m;
|
|
if(m.base != m.id) {
|
|
mbase = vboxMedia.getMediumById(m.base);
|
|
}
|
|
var tip = '<b>'+mbase.location+'</b><p>'+trans('Type (Format):','UIMachineSettingsStorage')+' '+vboxMedia.getType(mbase)+' ('+mbase.format+')</p><p>'+trans('Attached to:','UIMachineSettingsStorage')+' '+vboxMedia.attachedTo(mbase)+'</p>';
|
|
|
|
// Is this a medium that is attached indirectly
|
|
if(vboxSettingsStorageBusses.isAttachedIndirect(m) && m.base != m.id) {
|
|
var p = vboxSettingsStorageBusses.isAttached(m);
|
|
tip += '<hr />'+trans('This base hard disk is indirectly attached using the following differencing hard disk:','VBoxGlobal')+'<br /><b>'+p.location+'</b></p><p>'+trans('Type (Format):','UIMachineSettingsStorage')+' '+vboxMedia.getType(p) + ' (' + p.format + ')'+'</p><p>'+trans('Attached to:','UIMachineSettingsStorage')+' '+vboxMedia.attachedTo(p)+'</p>';
|
|
} else if(m.readOnly) {
|
|
tip += '<hr />'+trans('Attaching this hard disk will be performed indirectly using a newly created differencing hard disk.','VBoxGlobal');
|
|
}
|
|
|
|
return tip;
|
|
|
|
}
|
|
|
|
/*
|
|
*
|
|
* Add disk medium to bus helper function
|
|
*
|
|
*/
|
|
function vboxSettingsStorageAddMedium(conElm, type) {
|
|
|
|
// get controller name
|
|
var controller = $(conElm).find('span.vboxSettingsControllerTitle').first().text();
|
|
|
|
if(!type) type = 'HardDisk';
|
|
|
|
// Find first target slot (vboxSettingsStorageBusses created above)
|
|
var slots = vboxSettingsStorageBusses.availableSlots(conElm);
|
|
var slot = null;
|
|
for(var i in slots) {
|
|
if(typeof i == 'function') continue;
|
|
slot = i;
|
|
break;
|
|
}
|
|
if(slot === null) return;
|
|
slot = slot.split('-');
|
|
var port = slot[0];
|
|
var device = slot[1];
|
|
|
|
// Add new attachment dialog
|
|
////////////////////////////
|
|
var buttons = {};
|
|
|
|
var msg = '';
|
|
|
|
// Hard Disk buttons
|
|
if (type == 'HardDisk') {
|
|
|
|
buttons[trans('Create new disk','UIMessageCenter')] = function() {
|
|
|
|
$.when(new vboxWizardNewHDDialog({'path':vboxDirname($('#vboxSettingsDialog').data('vboxMachineData').settingsFilePath)+$('#vboxPane').data('vboxConfig').DSEP,vmName:$('#vboxSettingsDialog').data('vboxMachineData').name}).run())
|
|
.done(function(id){
|
|
if(!id) return;
|
|
mAttachToolbarHD.mediaMenu.menuUpdateRecent();
|
|
vboxSettingsAddAttachment({'controller':controller,'port':port,'device':device,'type':type,'medium':vboxMedia.getMediumById(id),'ignoreFlush':1}, conElm);
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click();
|
|
});
|
|
|
|
$(this).remove();
|
|
|
|
};
|
|
buttons[trans('Choose existing disk','UIMessageCenter')] = function() {
|
|
var dlg = $(this);
|
|
vboxMedia.actions.choose(null,'HardDisk',function(med){
|
|
if(med) {
|
|
mAttachToolbarHD.mediaMenu.menuUpdateRecent();
|
|
vboxSettingsAddAttachment({'controller':controller,'port':port,'device':device,'type':type,'medium':med,'ignoreFlush':1}, conElm);
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click();
|
|
}
|
|
$(dlg).remove();
|
|
});
|
|
};
|
|
|
|
msg = trans('<p>You are about to add a virtual hard disk to controller <b>%1</b>.</p><p>Would you like to create a new, empty file to hold the disk contents or select an existing one?</p>','UIMessageCenter').replace('%1',controller);
|
|
|
|
// Floppy buttons
|
|
} else if(type == 'Floppy') {
|
|
|
|
buttons[trans('Choose disk','UIMessageCenter')] = function() {
|
|
var dlg = $(this);
|
|
vboxMedia.actions.choose(null,'Floppy',function(med){
|
|
if(med) {
|
|
mAttachToolbarFD.mediaMenu.menuUpdateRecent();
|
|
vboxSettingsAddAttachment({'controller':controller,'port':port,'device':device,'type':type,'medium':med}, conElm);
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click();
|
|
}
|
|
$(dlg).remove();
|
|
});
|
|
|
|
};
|
|
|
|
buttons[trans('Leave empty','UIMessageCenter')] = function() {
|
|
vboxSettingsAddAttachment({'controller':controller,'port':port,'device':device,'type':type,'medium':null}, conElm);
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click();
|
|
$(this).remove();
|
|
};
|
|
|
|
msg = trans('<p>You are about to add a new floppy drive to controller <b>%1</b>.</p><p>Would you like to choose a virtual floppy disk to put in the drive or to leave it empty for now?</p>','UIMessageCenter').replace('%1',controller);
|
|
|
|
// CD/DVD buttons
|
|
} else {
|
|
|
|
buttons[trans('Choose disk','UIMessageCenter')] = function() {
|
|
var dlg = $(this);
|
|
vboxMedia.actions.choose(null,'DVD',function(med){
|
|
if(med) {
|
|
mAttachToolbarCD.mediaMenu.menuUpdateRecent();
|
|
vboxSettingsAddAttachment({'controller':controller,'port':port,'device':device,'type':type,'medium':med}, conElm);
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click();
|
|
}
|
|
$(dlg).remove();
|
|
});
|
|
|
|
};
|
|
|
|
buttons[trans('Leave empty','UIMessageCenter')] = function() {
|
|
vboxSettingsAddAttachment({'controller':controller,'port':port,'device':device,'type':type,'medium':null}, conElm);
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click();
|
|
$(this).remove();
|
|
};
|
|
|
|
msg = trans('<p>You are about to add a new CD/DVD drive to controller <b>%1</b>.</p><p>Would you like to choose a virtual CD/DVD disk to put in the drive or to leave it empty for now?</p>','UIMessageCenter').replace('%1',controller);
|
|
|
|
}
|
|
|
|
buttons[trans('Cancel','QIMessageBox')] = function() {
|
|
$(this).remove();
|
|
};
|
|
$('<div />').attr({'id':'vboxSettingsStorageUnavailable','style':'display: none'}).html(
|
|
'<div><img src="images/50px-Question_icon.svg.png" style="float: left; padding: 10px; " />'+msg+'</div>'
|
|
).dialog({'closeOnEscape':false,'width':600,'height':200,'buttons':buttons,'modal':true,'autoOpen':true,'dialogClass':'vboxDialogContent','title':'<img src="images/vbox/OSE/about_16px.png" class="vboxDialogTitleIcon" /> phpVirtualBox'});
|
|
|
|
|
|
}
|
|
|
|
/*
|
|
*
|
|
* Add controller to list helper function
|
|
*
|
|
*/
|
|
|
|
function vboxSettingsAddController(con,list) {
|
|
|
|
// Elect name if none exists
|
|
if(!con.name) {
|
|
var count = $(list).children('li.vboxSettingsController'+con.bus).length + 1;
|
|
var name = trans(con.bus,'UIMachineSettingsStorage');
|
|
if(count == 1) {
|
|
con.name = name;
|
|
} else {
|
|
|
|
var electedName = name + ' ' + count;
|
|
var conflictFound = false;
|
|
do {
|
|
conflictFound = false;
|
|
$(list).children('li.vboxSettingsController'+con.bus).each(function(idx,elm) {
|
|
if($(elm).children('table').first().data('controller').name == electedName) {
|
|
conflictFound = true;
|
|
electedName = name + ' ' + (++count);
|
|
return false;
|
|
}
|
|
});
|
|
con.name = electedName;
|
|
|
|
} while(conflictFound);
|
|
}
|
|
|
|
}
|
|
var li = $('<li />').attr({'title':con.name,'class':'vboxSettingsController vboxSettingsController' + con.bus});
|
|
|
|
var tbl = $('<table />').attr({'class':'vboxListItem vboxSettingsController'}).on('click',function(){
|
|
vboxSettingsSelectController(this);
|
|
});
|
|
|
|
// filter out any dummy medium attachments
|
|
var mas = new Array();
|
|
for(var i = 0; i < con.mediumAttachments.length; i++) {
|
|
if(con.mediumAttachments[i].controller)
|
|
mas[mas.length] = con.mediumAttachments[i];
|
|
}
|
|
con.mediumAttachments = mas;
|
|
|
|
// Assign data
|
|
$(tbl).data('controller',con);
|
|
|
|
var tr = $('<tr />');
|
|
|
|
var iconName = vboxStorage.getBusIconName(con.bus);
|
|
$('<td />').attr({'class':'vboxSettingsStorageTypeIcon vboxSettingsController' + con.bus + 'Expanded'})
|
|
.css({
|
|
'background-image':'url(images/vbox/'+iconName+'_collapse_16px.png)'
|
|
}).html('<div style="width:22px" />').click(function(){
|
|
|
|
|
|
if(!$(this).data('toggleClicked')) {
|
|
|
|
$(this).data('toggleClicked', true);
|
|
|
|
var n = $(this).closest('li');
|
|
$(n).children('ul').addClass('vboxHidden').css('display','none');
|
|
$(this).removeClass('vboxSettingsController'+con.bus+'Expanded').addClass('vboxSettingsController'+con.bus)
|
|
.css({'background-image':'url(images/vbox/'+iconName+'_expand_16px.png)'});
|
|
|
|
} else {
|
|
|
|
$(this).data('toggleClicked', false);
|
|
var n = $(this).closest('li');
|
|
$(n).children('ul').removeClass('vboxHidden').css('display','');
|
|
$(this).removeClass('vboxSettingsController'+con.bus).addClass('vboxSettingsController'+con.bus+'Expanded')
|
|
.css({'background-image':'url(images/vbox/'+iconName+'_collapse_16px.png)'})
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}).appendTo(tr);
|
|
|
|
// Controller name
|
|
$(tr).append($('<td />').css({'width':'100%'}).html('<div class="vboxFitToContainer">'+trans('Controller: %1','UIMachineSettingsStorage').replace('%1','<span class="vboxSettingsControllerTitle vboxRunningEnabled">'+$('<div/>').text(con.name).html())+"</span>"+"</div>"));
|
|
|
|
// Buttons
|
|
$(tr).append($('<td />').attr({'style':'width: 22px;','class':'vboxControllerAttachmentButton'}));
|
|
|
|
$(tbl).append(tr).appendTo(li);
|
|
|
|
|
|
/* Attachments list holder */
|
|
$(li).append($('<ul />').attr({'class':'vboxSettingsControllerAttachments'})).dblclick(function(e){
|
|
$(this).children('table.vboxSettingsController').find('td.vboxSettingsStorageTypeIcon').trigger('click',e);
|
|
}).disableSelection().appendTo(list);
|
|
|
|
/* Generate Toolbars */
|
|
var dtypes = vboxStorage[con.bus].driveTypes;
|
|
for(var i = 0; i < dtypes.length; i++) {
|
|
var b = null;
|
|
if(dtypes[i] == 'dvd') {
|
|
b = {
|
|
'name' : con.bus+'addcd',
|
|
'label' : trans('Add Optical Drive','UIMachineSettingsStorage'),
|
|
'icon' : 'cd_add',
|
|
'click' : function () { vboxSettingsStorageAddMedium(li,'DVD'); }
|
|
};
|
|
} else if(dtypes[i] == 'disk') {
|
|
b = {
|
|
'name' : con.bus+'adddrive',
|
|
'label' : trans('Add Hard Disk','UIMachineSettingsStorage'),
|
|
'icon' : 'hd_add',
|
|
'click' : function (item) { vboxSettingsStorageAddMedium(li); }
|
|
};
|
|
|
|
} else if(dtypes[i] == 'floppy') {
|
|
b = {'label':trans('Add Floppy Drive','UIMachineSettingsStorage'),
|
|
'icon' : 'fd_add',
|
|
'click' : function (item) { vboxSettingsStorageAddMedium(li,'Floppy'); }
|
|
};
|
|
}
|
|
b['enabled'] = function() {
|
|
|
|
return (li.find('li').length < (vboxStorage[con.bus].maxPortCount * vboxStorage[con.bus].maxDevicesPerPortCount));
|
|
};
|
|
|
|
var tb = new vboxToolbarSmall({buttons: [b],
|
|
buttonStyle: 'margin:0px;padding:0px;border:0px;background-repeat:no-repeat;background-position:0px 0px;',
|
|
noHover: true,
|
|
renderTo: li.find('td.vboxControllerAttachmentButton')});
|
|
tb.disable();
|
|
|
|
}
|
|
|
|
// Only if machine is not running
|
|
if($('#vboxSettingsDialog').data('vboxFullEdit')) {
|
|
|
|
$(li).contextMenu({menu: vboxStorageAttachmentMenus[con.bus].menuId(),
|
|
menusetup: function() {$(li).children('table').first().trigger('click')}},
|
|
vboxStorageAttachmentMenus[con.bus].menuClickCallback
|
|
);
|
|
|
|
}
|
|
|
|
// Return controller element list item
|
|
return li;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
*
|
|
* Add a medium attachment to a controller helper function
|
|
*
|
|
*/
|
|
function vboxSettingsAddAttachment(d,conElm) {
|
|
|
|
|
|
var con = (conElm ? conElm : $('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().parent());
|
|
|
|
// Save bus
|
|
d.bus = $(con).find('table.vboxSettingsController').data('controller').bus;
|
|
|
|
// remove any 'last' classes
|
|
$(con).children('ul').children().removeClass('last');
|
|
|
|
var li = $('<li />').attr({'class':'last vboxSettingsMediumAttachment'});
|
|
|
|
|
|
var tbl = $('<table />').attr({'class':'vboxListItem vboxSettingsStorageAttachment'})
|
|
.data({'attachment':d}).on('click',function(){
|
|
vboxSettingsSelectAttachment(this);
|
|
});
|
|
|
|
var m = vboxMedia.getMediumById(((d.medium && d.medium.id) ? d.medium.id : null));
|
|
|
|
var tr = $('<tr />');
|
|
|
|
// Storage type icon
|
|
$(tr).append($('<td />').attr({'class':'vboxSettingsStorageTypeIcon vboxSettingsMediaType' + d.type,'style':'width:22px'}).html('<img src="images/vbox/blank.gif" style="width:22px" />'));
|
|
|
|
// Medium name
|
|
$(tr).append($('<td />').css({'width':'100%'}).append($('<div />').attr({'class':'vboxSettingsStorageMediumName vboxFitToContainer'}).html(vboxMedia.getName(vboxMedia.getMediumById((m && m.base ? m.base : (m && m.id ? m.id : null)))))));
|
|
|
|
|
|
$(tbl).append(tr).appendTo(li);
|
|
|
|
// Only if not running
|
|
if($('#vboxSettingsDialog').data('vboxFullEdit')) {
|
|
|
|
$(li).contextMenu({
|
|
menu: vboxSettingsMAMenu.menuId(),
|
|
menusetup : function(el) {
|
|
vboxSettingsSelectAttachment($(el).find('table.vboxSettingsStorageAttachment'));
|
|
}
|
|
},
|
|
function(action, el, pos) {
|
|
vboxSettingsStorageButtons[1].click();
|
|
}
|
|
);
|
|
}
|
|
|
|
$(li).tipped({'source':vboxSettingsMediumTip(m),'position':'mouse','delay':1000}).appendTo(con.children('ul'));
|
|
|
|
|
|
}
|
|
|
|
/*
|
|
*
|
|
* Called when selecting a medium attachment
|
|
*
|
|
*/
|
|
function vboxSettingsSelectAttachment(tbl) {
|
|
|
|
// Null selection?
|
|
if(!tbl) {
|
|
$('#vboxSettingsController').css('display','none');
|
|
$('#vboxSettingsMediaInfo').css('display','none');
|
|
$('#vboxSettingsStorageAttachment').css('display','none');
|
|
return;
|
|
}
|
|
|
|
$(document.forms['frmVboxSettings'].vboxSettingsStorageItemName).trigger('blur');
|
|
|
|
/* Display Changes */
|
|
if(!$(tbl).hasClass('vboxListItemSelected')) {
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').removeClass('vboxListItemSelected').addClass('vboxListItem');
|
|
$(tbl).removeClass('vboxListItem').addClass('vboxListItemSelected');
|
|
}
|
|
|
|
$('#vboxSettingsController').css('display','none');
|
|
$('#vboxSettingsMediaInfo').css('display','block');
|
|
$('#vboxSettingsStorageAttachment').css('display','block');
|
|
|
|
|
|
var ma = $(tbl).data('attachment');
|
|
|
|
/* Get / Set Medium */
|
|
if(ma.medium && ma.medium.id)
|
|
ma.medium = vboxMedia.getMediumById(ma.medium.id);
|
|
|
|
(function(){
|
|
|
|
var sc = $(tbl).closest('li.vboxSettingsController').children('table').first().data('controller');
|
|
|
|
var tblSA = $('#vboxSettingsStorageAttachment').find('table').first();
|
|
$(tblSA).find('tr.vboxSettingsControllerDeviceOptionRow').empty().remove();
|
|
|
|
switch(ma.type) {
|
|
|
|
case 'HardDisk':
|
|
label = 'Hard Disk:';
|
|
break;
|
|
case 'DVD':
|
|
label = 'CD/DVD Drive:';
|
|
break;
|
|
case 'Floppy':
|
|
label = 'Floppy Drive:';
|
|
break;
|
|
}
|
|
var maOptions = vboxStorage.getMAOptions(ma)
|
|
.concat(vboxStorage.getMAOptionsForSC(sc));
|
|
for(var i = 0; i < maOptions.length; i++) {
|
|
|
|
var opt = maOptions[i];
|
|
|
|
var cbox = $('<input />').attr('type','checkbox').prop('checked', ma[opt.attrib] ? true : false)
|
|
.on('click', {attrib: opt.attrib}, function(event){
|
|
|
|
var attachment = $(tbl).data('attachment');
|
|
attachment[event.data.attrib] = this.checked ? true : false;
|
|
$(tbl).data('attachment', attachment);
|
|
|
|
}).addClass('vboxCheckbox');
|
|
|
|
$('<tr />').addClass('vboxSettingsControllerDeviceOptionRow')
|
|
.append($('<th />'))
|
|
.append(
|
|
$('<td />')
|
|
.append($('<label />')
|
|
.append(cbox)
|
|
.append($('<span />').css({'margin-left':'4px'}).text(opt.label))
|
|
)
|
|
).appendTo($(tblSA));
|
|
|
|
|
|
}
|
|
})();
|
|
$('#vboxSettingsControllerSlotLabel').html(trans(label,'UIMachineSettingsStorage'));
|
|
|
|
|
|
/* Show / Hide HD/Media Info */
|
|
$('#vboxSettingsImageInfo').css('display',(ma.type == 'HardDisk' ? 'none' : 'block'));
|
|
$('#vboxSettingsHDInfo').css('display',(ma.type == 'HardDisk' ? 'block' : 'none'));
|
|
|
|
|
|
|
|
/* Populate slot select box */
|
|
document.forms['frmVboxSettings'].vboxSettingsControllerSlot.options.length = 0;
|
|
$(document.forms['frmVboxSettings'].vboxSettingsControllerSlot).children().remove();
|
|
slots = vboxSettingsStorageBusses.availableSlots($(tbl).parent().parent().parent(), ma.port+'-'+ma.device);
|
|
|
|
for(var s in slots) {
|
|
var opt = new Option(slots[s], s);
|
|
document.forms['frmVboxSettings'].vboxSettingsControllerSlot.options[document.forms['frmVboxSettings'].vboxSettingsControllerSlot.options.length] = opt;
|
|
}
|
|
document.forms['frmVboxSettings'].vboxSettingsControllerSlot.value = ma.port+'-'+ma.device;
|
|
|
|
/* Trigger Event */
|
|
$('#vboxSettingsStorageTree').trigger('itemselect',tbl);
|
|
|
|
var m = ma.medium;
|
|
var name = vboxMedia.getName(m);
|
|
|
|
// Read-only medium selected
|
|
if(ma.medium && ma.medium.readOnly) {
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().find('td').first().addClass('vboxMediumReadOnly');
|
|
} else {
|
|
$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().find('td').first().removeClass('vboxMediumReadOnly');
|
|
}
|
|
|
|
// Show medium info
|
|
if(m && m.deviceType == 'HardDisk') {
|
|
|
|
var disp = vboxMedia.getMediumById(m.base);
|
|
name = vboxMedia.getName(disp);
|
|
|
|
var encSettings = vboxMedia.getEncryptionSettings(disp);
|
|
|
|
$('#vboxSettingsHDvsize').html(vboxMbytesConvert(disp.logicalSize));
|
|
$('#vboxSettingsHDasize').html(vboxBytesConvert(disp.size));
|
|
$('#vboxSettingsHDDetails').html(vboxMedia.getHardDiskVariant(disp));
|
|
$('#vboxSettingsHDlocation').html(disp.location);
|
|
$('#vboxSettingsHDtype').html(trans(disp.type,'VBoxGlobal') + ' (' + disp.format + ')');
|
|
$('#vboxSettingsHDattached').html(vboxMedia.attachedTo(disp));
|
|
$('#vboxSettingsHDEncrypted').html(encSettings && encSettings.id ? encSettings.id : '--');
|
|
|
|
|
|
} else {
|
|
|
|
$('#vboxSettingsImageType').html(m ? trans((m.hostDrive ? 'Host Drive' : 'Image'),'UIMachineSettingsStorage'): '--');
|
|
$('#vboxSettingsImageSize').html((m && !m.hostDrive ? vboxBytesConvert(m.size):'--'));
|
|
$('#vboxSettingsImageLocation').html((m && !m.hostDrive ? m.location:'--'));
|
|
$('#vboxSettingsImageAttached').html((m && !m.hostDrive ? vboxMedia.attachedTo(m) :'--'));
|
|
|
|
}
|
|
|
|
$(tbl).data('attachment').medium = m;
|
|
$(tbl).find('div.vboxSettingsStorageMediumName').first().html($('<div />').text(name).html());
|
|
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
* Focus storage controller list when showing this pane
|
|
*/
|
|
$('#vboxSettingsStorageTableWrapper').on('show',function(){
|
|
$('#vboxSettingsStorageTree').focus();
|
|
});
|
|
|
|
/*
|
|
*
|
|
*
|
|
* Storage pane resize and draggable resize bar logic
|
|
*
|
|
*
|
|
*/
|
|
/*
|
|
* Resize storage pane
|
|
*/
|
|
function vboxSettingsStorageResize() {
|
|
|
|
// Hide storage tree
|
|
$('#vboxSettingsStorageTree').css({'display':'none'});
|
|
|
|
// Get and set size
|
|
$('#vboxStoragePaneLeft').css({'display':'none'});
|
|
$('#vboxStoragePaneRight').css({'display':'none'});
|
|
|
|
// Main table height
|
|
$('#vboxSettingsStorageTableWrapper').css({'display':'none'});
|
|
var h = $('#vboxSettingsStorageTableWrapper').css({'display':'none'}).parent().parent().innerHeight()-4;
|
|
|
|
// IE needs to account for bordering
|
|
if($.browser.msie) h-= 4;
|
|
|
|
// Set height
|
|
$('#vboxSettingsStorageTableWrapper').css({'display':''}).height(h);
|
|
|
|
// Pane width
|
|
var bothWidth = ($('#vboxStoragePaneLeft').parent().innerWidth() + $('#vboxStoragePaneRight').parent().innerWidth() - 24) / 2;
|
|
$('#vboxStoragePaneLeft').css({'width':bothWidth+'px','display':''}).parent().css({'width':'auto','padding':'6px'});
|
|
$('#vboxStoragePaneRight').css({'width':bothWidth+'px','display':''}).parent().css({'width':'auto','padding':'6px'});
|
|
|
|
// Unsnap.. sorry..
|
|
$('#vboxStorageResizeBar').data('vboxSnapped',0);
|
|
|
|
// Get inner height of storage tree parent - padding
|
|
var h = $('#vboxStoragePaneLeft').parent().innerHeight() - 24;
|
|
// subtract sibling heights
|
|
$('#vboxSettingsStorageTree').siblings().each(function(){
|
|
h -= $(this).outerHeight(true);
|
|
});
|
|
|
|
$('#vboxSettingsStorageTree').height(h).css({'display':''});
|
|
|
|
vboxStorageResizeTreeItemLabels();
|
|
|
|
}
|
|
|
|
/*
|
|
* Resize controller labels
|
|
*/
|
|
function vboxStorageResizeTreeItemLabels() {
|
|
|
|
$('#vboxSettingsStorageTree div.vboxFitToContainer').each(function(){
|
|
$(this).css({'display':'none'});
|
|
var w = $(this).parent().innerWidth() - 2;
|
|
$(this).css({'width':w+'px','display':''});
|
|
});
|
|
|
|
|
|
};
|
|
|
|
/*
|
|
* Set pane sizes and resize bar
|
|
*/
|
|
$('#vboxSettingsStorageTableWrapper').one('show',function(){
|
|
|
|
|
|
// Resize everything on dialog resize
|
|
$('#vboxSettingsDialog').on('dialogresizestop',function(){
|
|
vboxSettingsStorageResize();
|
|
});
|
|
$('#vboxSettingsStorageTableWrapper').on('show',function(){
|
|
vboxSettingsStorageResize();
|
|
});
|
|
|
|
// Hide children to get true size
|
|
$('#vboxStoragePaneLeft').children().css({'display':'none'});
|
|
$('#vboxStoragePaneRight').children().css({'display':'none'});
|
|
|
|
var h = $('#vboxSettingsStorageTableWrapper').parent().css({'padding':'0px','margin':'0px'}).parent().innerHeight();
|
|
|
|
// IE needs to account for bordering
|
|
if($.browser.msie) h-= 4;
|
|
|
|
$('#vboxSettingsStorageTableWrapper').height(h-4);
|
|
|
|
// Get and set size
|
|
var bothWidth = ($('#vboxStoragePaneLeft').parent().innerWidth() + $('#vboxStoragePaneRight').parent().innerWidth() - 24) / 2;
|
|
$('#vboxStoragePaneLeft').css({'width':bothWidth+'px','overflow':'hidden'}).parent().css({'width':'auto'});
|
|
$('#vboxStoragePaneRight').css({'width':bothWidth+'px','overflow':'hidden'}).parent().css({'width':'auto'});
|
|
|
|
// Show children again
|
|
$('#vboxStoragePaneLeft').children().css({'display':''});
|
|
$('#vboxStoragePaneRight').children().css({'display':''});
|
|
|
|
// Re-trigger list selection to show correct info
|
|
if(!$('#vboxSettingsStorageTree').find('table.vboxListItemSelected').first().click().hasClass('vboxListItemSelected'))
|
|
$('#vboxSettingsStorageTree').trigger('itemselect',null);
|
|
|
|
// Don't allow selection of text in storage tree. This looks funny when dragging the resize bar
|
|
$('#vboxSettingsStorageTree').disableSelection();
|
|
|
|
// Resize
|
|
vboxSettingsStorageResize();
|
|
|
|
// Draggable resize bar
|
|
$('#vboxStorageResizeBar').draggable({cursor:(jQuery.browser.opera ? 'e-resize' : 'col-resize'),axis:'x',zIndex:99,helper:function(){
|
|
|
|
return $('<span />'); // dummy element
|
|
|
|
},scroll:false,'start':function(e,ui){
|
|
|
|
$('#vboxStorageResizeBar').data('vboxX',e.pageX);
|
|
|
|
$('#vboxResizeOverlay').remove();
|
|
$('body').disableSelection().css({'cursor':(jQuery.browser.opera ? 'e-resize' : 'col-resize')});
|
|
$('#vboxSettingsDialog').append($('<div />').attr({'id':'vboxResizeOverlay','style':'width:99%;height:99%;border:0px;margin:0px;padding:0px;position:absolute;top:0px;left:0px;cursor:'+(jQuery.browser.opera ? 'e-resize' : 'col-resize')}));
|
|
|
|
|
|
},'drag':function(e){
|
|
|
|
var sStart = $('#vboxStorageResizeBar').data('vboxX');
|
|
var sStop = e.pageX;
|
|
var sWidth = Math.abs(sStop - sStart);
|
|
if(sWidth == 0) return;
|
|
|
|
var lWidth = parseInt($('#vboxStoragePaneLeft').css('width'));
|
|
var rWidth = parseInt($('#vboxStoragePaneRight').css('width'));
|
|
|
|
var snapped = $('#vboxStorageResizeBar').data('vboxSnapped');
|
|
|
|
// Left to right
|
|
if(sStop > sStart) {
|
|
|
|
// Check for snapping
|
|
if(snapped) {
|
|
if(snapped > sStop || (rWidth - sWidth < 150)) { return; }
|
|
else if(snapped && snapped <= sStop) {
|
|
|
|
// Unsnap left pane
|
|
$('#vboxStoragePaneRight').parent().css({'width':'auto'});
|
|
$('#vboxStoragePaneLeft').css({'display':''}).parent().css({'padding':'6px'});
|
|
$('#vboxStorageResizeBar').data('vboxSnapped',0);
|
|
lWidth = $('#vboxStorageResizeBar').data('vboxSnappedWidthL');
|
|
rWidth = $('#vboxStorageResizeBar').data('vboxSnappedWidthR');
|
|
sWidth = Math.abs(sStop - snapped);
|
|
}
|
|
}
|
|
|
|
if(rWidth - sWidth < 150) {
|
|
|
|
$('#vboxStoragePaneLeft').css({'width':'100%'}).parent().css({'width':'100%'});
|
|
$('#vboxStoragePaneRight').css({'display':'none','width':'10px'}).parent().css({'padding':'0px'});
|
|
$('#vboxStorageResizeBar').data('vboxSnapped',e.pageX);
|
|
$('#vboxStorageResizeBar').data('vboxSnappedWidthL', (lWidth + sWidth));
|
|
$('#vboxStorageResizeBar').data('vboxSnappedWidthR', (rWidth - sWidth));
|
|
|
|
} else {
|
|
$('#vboxStoragePaneLeft').css({'width':(lWidth + sWidth)+'px','display':''});
|
|
$('#vboxStoragePaneRight').css({'width':(rWidth - sWidth)+'px','display':''});
|
|
}
|
|
|
|
|
|
// Right to left
|
|
} else {
|
|
|
|
// Check for snapping
|
|
if(snapped) {
|
|
if(snapped < sStop || (lWidth - sWidth < 150)) { return; }
|
|
else if(snapped && snapped >= sStop) {
|
|
|
|
// Unsnap right pane
|
|
$('#vboxStoragePaneLeft').parent().css({'width':'auto'});
|
|
$('#vboxStoragePaneRight').css({'display':''}).parent().css({'width':'100%','padding':'6px'}); // 100% to fix webkit
|
|
$('#vboxStorageResizeBar').data('vboxSnapped',0);
|
|
lWidth = $('#vboxStorageResizeBar').data('vboxSnappedWidthL');
|
|
rWidth = $('#vboxStorageResizeBar').data('vboxSnappedWidthR');
|
|
sWidth = Math.abs(sStop-snapped);
|
|
|
|
}
|
|
}
|
|
|
|
if(lWidth - sWidth < 150) {
|
|
|
|
$('#vboxStoragePaneRight').css({'width':'100%'}).parent().css({'width':'100%'});
|
|
$('#vboxStoragePaneLeft').css({'display':'none','width':'10px'}).parent().css({'padding':'0px'});
|
|
$('#vboxStorageResizeBar').data('vboxSnapped',e.pageX);
|
|
$('#vboxStorageResizeBar').data('vboxSnappedWidthL', (lWidth - sWidth));
|
|
$('#vboxStorageResizeBar').data('vboxSnappedWidthR', (rWidth + sWidth));
|
|
|
|
} else {
|
|
$('#vboxStoragePaneLeft').css({'width':(lWidth - sWidth)+'px'});
|
|
$('#vboxStoragePaneRight').css({'width':(rWidth + sWidth)+'px'});
|
|
}
|
|
}
|
|
|
|
$('#vboxStorageResizeBar').data('vboxX',e.pageX);
|
|
|
|
// resize labels
|
|
vboxStorageResizeTreeItemLabels();
|
|
|
|
|
|
},'stop':function(e) {
|
|
|
|
// resize labels
|
|
vboxStorageResizeTreeItemLabels();
|
|
|
|
$('body').enableSelection().css({'cursor':'default'});
|
|
$('#vboxResizeOverlay').remove();
|
|
}}).css({'cursor':(jQuery.browser.opera ? 'e-resize' : 'col-resize'),'height':'98%'});
|
|
|
|
|
|
});
|
|
|
|
</script> |