tyler.durden
/
phpvirtualbox
mirror of https://github.com/phpvirtualbox/phpvirtualbox.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
phpvirtualbox/panes/vmm.html

1133 lines
37 KiB
HTML
Raw Blame History

<!--
Virtual Media Manager
Copyright (C) 2010-2015 Ian Moore (imoore76 at yahoo dot com)
$Id: vmm.html 595 2015-04-17 09:50:36Z imoore76 $
-->
<table id='vboxVirtualMediaManager' style='height: 100%; border:0px;margin:0px;padding:0px;width:100%;border-spacing:0px;border-width:0px;'>
<!-- Top menu -->
<tr><td style='height:1%;padding:0px;margin:0px;border:0px;'><div id='vboxMMMenu' style='margin:0px;'></div></td></tr>
<!-- Toolbar Created by JavaScript below -->
<tr><td style='height:1%;padding:0px;margin:0px;border:0px;'><div id='vboxMMToolbar' style='padding:0px; margin:0px;' class='vboxToolbarGrad'></div></td></tr>
<!-- Tab Placeholder -->
<tr style='vertical-align: top;'><td id='vboxVMMContainerTopCell' style='height:1%;padding:0px;margin:0px;border:0px;'><div id='vboxVMMContainerTop' style='border:0px;margin-bottom:0px;padding-bottom:0px;'></div></td></tr>
<!-- Tabs for Media -->
<tr style='vertical-align: top;'>
<td style='padding:0px;margin:0px;border:0px;' id='vboxVMMContainer'>
<div id='vboxVMMTabs'>
<ul id='vboxVMMTabList'>
<li><a href="#vmmDisks"><span><img id='vmmDisksIcon' style="height:16px;width:16px;vertical-align: middle" src="images/vbox/hd_16px.png" border="0" /> <span class='translate'>Hard disks</span></span></a></li>
<li><a href="#vmmCDs"><span><img id='vmmCDsIcon' style="height:16px;width:16px;vertical-align: middle" src="images/vbox/cd_16px.png" border="0" /> <span class='translate'>Optical disks</span></span></a></li>
<li><a href="#vmmFloppys"><span><img id='vmmFloppysIcon' style="height:16px;width:16px;vertical-align: middle" src="images/vbox/fd_16px.png" border="0" /> <span class='translate'>Floppy disks</span></span></a></li>
</ul>
<!--
HARD DISKS
-->
<div id='vmmDisks'>
<div class='vboxBordered vboxVMMList'>
<div class='vmmTableHead'>
<table style='border-spacing: 0px; border: 0px; width:100%;' class='vboxHorizontal vboxListTable vboxVMMList'>
<thead>
<tr>
<th style='width: 100%;'><span class='translate'>Name</span></th>
<th style='width: auto'><span class='translate'>Virtual Size</span></th>
<th style='width: auto'><span class='translate'>Actual Size</span></th>
<th style='width: auto;padding:0px;margin:0px;'><img src="images/vbox/blank.gif" style="height:1px;width:1px" /></th>
</tr>
</thead>
</table>
</div>
<div class='vmmTableBody'>
<table class='vboxHorizontal vboxListTable vboxVMMList' tabindex='1'>
<tbody id='vboxVMMHDList' class='vboxHover'>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
</tr>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class='vboxVMMMediumInfo'>
<table>
<tr>
<th><span class='translate'>Type:</span></th>
<td><input id='vmmMediumType' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false' /></td>
</tr>
<tr>
<th><span class='translate'>Location:</span></th>
<td><input class='vmmMediumLocation' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false' /></td>
</tr>
<tr>
<th><span class='translate'>Format:</span></th>
<td><input class='vmmMediumFormat' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr>
<th><span class='translate'>Storage details:</span></th>
<td><input class='vmmMediumHDDetails' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr>
<th><span class='translate'>Attached to:</span></th>
<td><input class='vmmMediumAttachedTo' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr>
<th><span class='translate'>UUID:</span></th>
<td><input class='vmmMediumUUID' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr class='vmmAccessErr'>
<td colspan='2'></td>
</tr>
</table>
</div>
</div>
<!--
CD / DVD IMAGES
-->
<div id='vmmCDs'>
<div class='vboxVMMList vboxBordered'>
<div class='vmmTableHead'>
<table style='width: 100%; border-spacing: 0px; border: 0px;' class='vboxHorizontal vboxListTable vboxVMMList'>
<thead>
<tr>
<th style='width: 100%'><span class='translate'>Name</span></th>
<th style='width: auto'><span class='translate'>Size</span></th>
<th style='width: auto;padding:0px;margin:0px;'><img src="images/vbox/blank.gif" style="height:1px;width:1px" /></th>
</tr>
</thead>
</table>
</div>
<div class='vmmTableBody'>
<table style='width: 100%; border-spacing: 0px; border: 0px;' class='vboxHorizontal vboxListTable vboxVMMList' tabindex='1'>
<tbody id='vboxVMMCDList' class='vboxHover'>
<tr>
<td>Item 1</td>
<td>Item 3</td>
</tr>
<tr>
<td>Item 1</td>
<td>Item 3</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class='vboxVMMMediumInfo'>
<table>
<tr>
<th><span class='translate'>Location:</span></th>
<td><input class='vmmMediumLocation' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false' /></td>
</tr>
<tr>
<th><span class='translate'>Attached to:</span></th>
<td><input class='vmmMediumAttachedTo' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr>
<th><span class='translate'>UUID:</span></th>
<td><input class='vmmMediumUUID' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr class='vmmAccessErr'>
<td colspan='2'></td>
</tr>
</table>
</div>
</div>
<!--
FLOPPY IMAGES
-->
<div id='vmmFloppys'>
<div class='vboxVMMList vboxBordered'>
<div class='vmmTableHead'>
<table style='width: 100%; border-spacing: 0px; border: 0px;' class='vboxHorizontal vboxListTable vboxVMMList'>
<thead>
<tr>
<th style='width: 100%'><span class='translate'>Name</span></th>
<th style='width: auto'><span class='translate'>Size</span></th>
<th style='width: auto;padding:0px;margin:0px;'><img src="images/vbox/blank.gif" style="height:1px;width:1px" /></th>
</tr>
</thead>
</table>
</div>
<div class='vmmTableBody'>
<table style='width: 100%; border-spacing: 0px; border: 0px;' class='vboxHorizontal vboxListTable vboxVMMList' tabindex='1'>
<tbody id='vboxVMMFDList' class='vboxHover'>
<tr>
<td>Item 1</td>
<td>Item 2</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class='vboxVMMMediumInfo'>
<table>
<tr>
<th><span class='translate'>Location:</span></th>
<td><input class='vmmMediumLocation' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr>
<th><span class='translate'>Attached to:</span></th>
<td><input class='vmmMediumAttachedTo' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr>
<th><span class='translate'>UUID:</span></th>
<td><input class='vmmMediumUUID' type='text' style='width:100%;border:0px solid transparent;background:transparent;' value='' readonly spellcheck='false'/></td>
</tr>
<tr class='vmmAccessErr'>
<td colspan='2'></td>
</tr>
</table>
</div>
</div>
</div></td>
</tr>
</table>
<script type='text/javascript'>
/*
* Translate
*/
// These are translated under a different context for some reason
$('#vboxVMMTabList').find(".translate").html(function(i,h){return trans(h,'UIMediumManager');}).removeClass('translate');
$("#vboxVMMTabs").find(".translate").html(function(i,h){return trans(h,'VBoxMediaManagerDlg');}).removeClass('translate');
/*
* Keypress events
*/
$('div.vmmTableBody table').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:
$(this).find('tr.vboxListItemSelected').prevAll('tr:not([class~="vboxHidden"]):first').children().first().click();
break;
// right / expand
case 39:
$(this).find('tr.vboxListItemSelected.collapsed').find('input').click();
break;
// left / contract
case 37:
$(this).find('tr.vboxListItemSelected:not(.collapsed)').find('input').click();
break;
// down
case 40:
$(this).find('tr.vboxListItemSelected').nextAll('tr:not([class~="vboxHidden"]):first').children().first().click();
break;
}
return false;
}).css('outline','none');
/*
* Setup Tabs
*/
$("#vboxVMMTabs").tabs().on("tabsactivate",function(ev,ui){
// Resize table
vboxVMMSizeTable(ui.newPanel);
// Medium selection
if(!$(ui.newPanel).find('tbody').children('tr.vboxListItemSelected').first().children().first().click().length) {
$('#vboxVirtualMediaManager').trigger('mediumselect',[null]);
}
});
/*
* Toolbar Buttons
*/
var vmmButtons = new Array(
{
/*
* Create new HardDisk
*/
'name' : 'vmmnew',
'label' : 'New',
'icon' : 'hd_new',
'enabled' : function (item) { return(!$("#vboxVMMTabs").tabs('option','active')); },
'click' : function () {
$.when(new vboxWizardNewHDDialog({'path':$('#vboxVirtualMediaManager').data('vmPath')}).run()).done(function(id){
vboxVMMFillMedia(id);
});
}
},
{
/*
* Add existing medium to virtualbox
*/
'name' : 'vmmadd',
'label' : 'Add',
'icon' : 'hd_add',
'click' : function () {
var type = '';
switch($("#vboxVMMTabs").tabs('option','active')) {
case 1: type = 'DVD'; break;
case 2: type = 'Floppy'; break;
default: type = 'HardDisk'; break;
}
vboxMedia.actions.choose(null,type,function(ret){
vboxVMMFillMedia((ret && ret.id ? ret.id : null));
});
}
},
{
/*
* Add iSCSI medium to virtualbox
*/
'name' : 'vmmaddiscsi',
'label' : 'Add iSCSI',
'icon' : 'hd_add',
'enabled' : function (item) { return(!$("#vboxVMMTabs").tabs('option','active')); },
'click' : function () {
var d = $('<div />').attr({'id':'vboxVMMAddMediumImageDialog'});
var buttons = {};
buttons[trans('OK','QIMessageBox')] = function() {
var frm = document.forms.vboxISCSIForm;
var server = $(frm.vboxISCSIServer).val();
var port = $(frm.vboxISCSIPort).val();
var intnet = frm.vboxISCSIIntnet.checked;
var target = $(frm.vboxISCSITarget).val();
var lun = $(frm.vboxISCSILun).val();
var enclun = frm.vboxISCSILunEnc.checked;
var user = $(frm.vboxISCSIUser).val();
var pass = $(frm.vboxISCSIPass).val();
if(server && target) {
if(!lun) lun = '0';
var l = new vboxLoader('addiscsi');
l.add('mediumAddISCSI',function(ret){
if(ret && ret.responseData && ret.responseData.id) {
var nl = new vboxLoader('getMedia');
nl.add('vboxGetMedia',function(dat){$('#vboxPane').data('vboxMedia',dat.responseData);});
nl.onLoad = function() {
vboxVMMFillMedia(ret.responseData.id);
};
nl.run();
}
},{'server':server,'port':port,'intnet':intnet,'target':target,'lun':lun,'enclun':enclun,'targetUser':user,'targetPass':pass});
l.run();
}
$(this).empty().remove();
};
buttons[trans('Cancel','QIMessageBox')] = function() { $(this).empty().remove(); };
var l = new vboxLoader();
l.addFileToDOM("panes/vmmISCSI.html",$(d));
l.onLoad = function() {
$(d).dialog({'width':400,'height':350,'buttons':buttons,'modal':true,'autoOpen':true,'dialogClass':'vboxDialogContent','title':trans('Add iSCSI')});
};
l.run();
}
},
{
/*
* Copy Medium
*/
'name' : 'vmmcopy',
'label' : 'Copy...',
'icon' : 'vdm_add',
'separator' : $('#vboxPane').data('vboxConfig').enableAdvancedConfig,
'enabled' : function (item) {
if(!item) return false;
if($("#vboxVMMTabs").tabs('option','active')) return false;
if(!$(item).data('medium')) return false;
var m = vboxMedia.getMediumById($(item).data('medium'));
return (!m || !m.parent);
},
'click' : function () {
var elm = null;
switch($("#vboxVMMTabs").tabs('option','active')) {
case 1:
elm = $('#vboxVMMCDList');
break;
case 2:
elm = $('#vboxVMMFDList');
break;
default:
elm = $('#vboxVMMHDList');
break;
}
$.when(new vboxWizardCopyHDDialog({'medium':$(elm).find('tr.vboxListItemSelected').first().data('medium')}).run()).done(function(id){
vboxVMMFillMedia(id);
});
}
},
{
/*
* Modify Medium
*/
'name' : 'vmmmodify',
'label' : 'Modify...',
'icon' : 'vdm_new',
'enabled' : function (item) {
if(!item) return false;
if($("#vboxVMMTabs").tabs('option','active')) return false;
var m = vboxMedia.getMediumById($(item).data('medium'));
return (m && !m.parent);
},
'click' : function () {
var d = $('<div />').attr({'id':'vboxVMMModifyDialog'});
var med = $('#vboxVMMHDList').find('tr.vboxListItemSelected').first();
med = vboxMedia.getMediumById(med.data('medium'));
var buttons = {};
buttons[trans('OK','QIMessageBox')] = function() {
var mtype = document.forms.vboxVMMModifyForm.vmmMType;
for(var i = 0; i < mtype.length; i++) {
if(mtype[i].checked) {
mtype = mtype[i].value;
break;
}
}
$.when(vboxAjaxRequest('mediumSetType',{'medium':med.location,'type':mtype})).done(function(ret){
if(ret && ret.success) {
var l = new vboxLoader();
l.add('vboxGetMedia',function(data){$('#vboxPane').data('vboxMedia',data.responseData);});
l.onLoad = function() {
if($('#vboxVirtualMediaManager').data('hideDiff')) {
var d = vboxMedia.getMediumById(med.id);
if(d.readOnly) $('#vboxVMMMediaTitle-'+d.id).addClass('vboxMediumReadOnly');
else $('#vboxVMMMediaTitle-'+d.id).removeClass('vboxMediumReadOnly');
}
$('#vmmMediumType').val(trans(mtype,'VBoxGlobal'));
};
l.run();
$('#vboxVMMModifyDialog').empty().remove();
}
});
};
buttons[trans('Cancel','QIMessageBox')] = function() { $(this).empty().remove(); };
var l = new vboxLoader();
l.addFileToDOM("panes/vmmModify.html",$(d));
l.onLoad = function() {
var msg = trans('<p>You are about to change the settings of the disk image file <b>%1</b>.</p><p>Please choose one of the following modes and press <b>%2</b> to proceed or <b>%3</b> otherwise.</p>','UIMediumTypeChangeDialog');
var title = trans('Modify medium attributes','UIMediumTypeChangeDialog');
msg = msg.replace('%1',med.location).replace('%2',trans('OK','QIMessageBox')).replace('%3',trans('Cancel','QIMessageBox'));
$(d).dialog({'width':400,'height':370,'buttons':buttons,'modal':true,'autoOpen':true,'dialogClass':'vboxDialogContent','title':'<img src="images/vbox/diskimage_16px.png" /> '+title});
// Translations
$('#vboxVMMModifyInstructions').html(msg);
$('#vboxVMMModify').find(".translate").html(function(i,h){return trans(h,'UIMediumTypeChangeDialog');}).removeClass('translate');
$('#vboxVMMModify').find('table.vboxOptions').find('span').html(function(i,h){return trans(h,'VBoxGlobal', 'MediumType');});
// Set correct option
$('#vboxVMMModify').find('input').prop('checked',false);
$('#vboxVMMModify').find('input[value='+med.type+']').prop('checked',true);
};
l.run();
}
},
{
/*
* Remove a medium
*/
'name' : 'vmmremove',
'label' : 'Remove',
'icon' : 'hd_remove',
'enabled' : function (item) {
if(!item || item.target) return false;
var m = vboxMedia.getMediumById($(item).data('medium'));
return (m && m.attachedTo.length == 0 && m.children.length == 0);
},
'click' : function () {
var mtype = null;
var elm = null;
switch($("#vboxVMMTabs").tabs('option','active')) {
case 1:
elm = $('#vboxVMMCDList');
mtype = 'CD/DVD image';
break;
case 2:
elm = $('#vboxVMMFDList');
mtype = 'floppy image';
break;
default:
elm = $('#vboxVMMHDList');
mtype = 'hard disk';
break;
}
var m = vboxMedia.getMediumById($(elm).find('tr.vboxListItemSelected').first().data('medium'));
var buttons = {};
var q = '';
// If we are removing a hard disk and configured to allow deletions
if(m.deviceType == 'HardDisk' && $('#vboxPane').data('vboxConfig').deleteOnRemove && m.format != 'iSCSI') {
q = trans('<p>Do you want to delete the storage unit of the virtual hard disk <nobr><b>%1</b></nobr>?'+
'</p><p>If you select <b>Delete</b> then the specified storage unit will be permanently deleted. '+
'This operation <b>cannot be undone</b>.</p><p>If you select <b>Keep</b> then the hard disk will '+
'be only removed from the list of known hard disks, but the storage unit will be left untouched '+
'which makes it possible to add this hard disk to the list later again.</p>','UIMessageCenter').replace('%1',m.location);
buttons[trans('Delete','UIMessageCenter')] = function(){
$.when(vboxAjaxRequest('mediumRemove',{'medium':m.location,'type':m.deviceType,'delete':1})).done(function(ret){
if(ret && ret.responseData && ret.responseData.progress) {
vboxProgress(ret.responseData,function(){
var l = new vboxLoader();
l.add('vboxGetMedia',function(d){$('#vboxPane').data('vboxMedia',d.responseData);});
l.onLoad = function() {vboxVMMFillMedia(); };
l.run();
},'progress_media_delete_90px.png',trans('Delete','UIMessageCenter'),
vboxBasename(m.location));
}
});
$(this).empty().remove();
};
buttons[trans('Keep','UIMessageCenter')] = function(){
$.when(vboxAjaxRequest('mediumRemove',{'medium':m.location,'type':m.deviceType})).done(function(ret){
var l = new vboxLoader();
l.add('vboxGetMedia',function(d){$('#vboxPane').data('vboxMedia',d.responseData);});
l.onLoad = function() {vboxVMMFillMedia(); };
l.run();
});
$(this).empty().remove();
};
} else {
q = trans('<p>Are you sure you want to remove the %1 <nobr><b>%2</b></nobr> from the list of known media?</p>','UIMessageCenter').replace('%1',trans(mtype,'UIMessageCenter')).replace('%2',m.location);
q+= trans('<p>Note that the storage unit of this medium will not be deleted and that it will be possible to use it later again.</p>','UIMessageCenter');
buttons[trans('Remove','UIMessageCenter')] = function(){
var b = this;
$.when(vboxAjaxRequest('mediumRemove',{'medium':m.location,'type':m.deviceType})).done(function(ret){
var l = new vboxLoader();
l.add('vboxGetMedia',function(d){$('#vboxPane').data('vboxMedia',d.responseData);});
l.onLoad = function() {vboxVMMFillMedia(); };
$(b).empty().remove();
l.run();
});
};
}
vboxConfirm(q,buttons);
}
},
{
/*
* Release a medium from all attachments
*/
'name' : 'vmmrelease',
'label' : 'Release',
'icon' : 'hd_release',
'enabled' : function (item) {
if(!item || item.target) return false;
var m = vboxMedia.getMediumById($(item).data('medium'));
return (m && m.attachedTo.length > 0 && m.children.length == 0 && m.hasSnapshots == 0);
},
'click' : function () {
var elm = null;
var mtype = null;
switch($("#vboxVMMTabs").tabs('option','active')) {
case 1:
elm = $('#vboxVMMCDList');
mtype = 'CD/DVD image';
break;
case 2:
elm = $('#vboxVMMFDList');
mtype = 'floppy image';
break;
default:
elm = $('#vboxVMMHDList');
mtype = 'hard disk';
break;
}
var m = vboxMedia.getMediumById($(elm).find('tr.vboxListItemSelected').first().data('medium'));
var q = trans('<p>Are you sure you want to release the disk image file <nobr><b>%1</b></nobr>?</p><p>This will detach it from the following virtual machine(s): <b>%2</b>.</p>','UIMessageCenter');
q = q.replace('%1',m.location);
var buttons = {};
buttons[trans('Release','UIMessageCenter')] = function(){
var b = this;
$.when(vboxAjaxRequest('mediumRelease',{'medium':m.location,'type':m.deviceType})).done(function(ret){
var l = new vboxLoader();
l.add('vboxGetMedia',function(d){$('#vboxPane').data('vboxMedia',d.responseData);});
l.onLoad = function(){
vboxVMMFillMedia(m.id);
};
$(b).empty().remove();
l.run();
});
};
if(m.attachedTo.length) {
var machines = new Array();
for(var i = 0; i < m.attachedTo.length; i++) {
machines[machines.length] = m.attachedTo[i].machine;
}
q = q.replace('%2','<b>'+machines.join('</b>, <b>') + '</b>');
};
vboxConfirm(q,buttons);
}
},
{
'name' : 'vmmrefresh',
'label' : 'Refresh',
'icon' : 'refresh',
'click' : function () {
// Force a refresh of media
var l = new vboxLoader();
l.add('vboxGetMedia',function(d){$('#vboxPane').data('vboxMedia',d.responseData);});
l.onLoad = function() {vboxVMMFillMedia(); };
l.run();
}
}
);
// Check for advanced config
if(!$('#vboxPane').data('vboxConfig').enableAdvancedConfig) {
vmmButtons.shift();
vmmButtons.shift();
vmmButtons.shift();
}
/* Toolbar */
var vmmToolbar = new vboxToolbar({buttons: vmmButtons,
language_context: 'VBoxMediaManagerDlg',
renderTo: 'vboxMMToolbar'});
/* Actions Menu */
var vmmMenu = new vboxMenuBar({name: 'vboxMMMenu', language_context: 'VBoxMediaManagerDlg'});
vmmMenu.addMenu({
'name':'vboxMMactions',
'label':'Actions',
'menu': vmmButtons
});
vmmMenu.renderTo('vboxMMMenu');
/* Context menu for media */
var vmmCMButtons;
// Check for advanced config. We don't want these in our context menu
if($('#vboxPane').data('vboxConfig').enableAdvancedConfig) {
vmmCMButtons = vmmButtons.slice(3,-1);
} else {
vmmCMButtons = vmmButtons.slice(0,-1);
}
var vmmCMenu = new vboxMenu({name: 'vboxVMMMediaContextMenu', menuItems: vmmCMButtons,
language_context: 'VBoxMediaManagerDlg'});
/**
* Displays medium info
* @param {HTMLElement} med selected medium row
*/
function vboxVMMMediaInfo(med) {
var m = (med ? vboxMedia.getMediumById($(med).data('medium')) : null);
$('#vboxVirtualMediaManager').find('.vmmMediumLocation').val((m && m.location ? m.location : '--'));
$('#vboxVirtualMediaManager').find('.vmmMediumFormat').val(m ? m.format.toUpperCase() : '--');
$('#vboxVirtualMediaManager').find('.vmmMediumHDDetails').val(m ? vboxMedia.getHardDiskVariant(m) : '--');
$('#vmmMediumType').val(m ? trans(m.type,'VBoxGlobal') : '--');
if(m && m.parent) {
$('#vmmMediumType').val(trans('Differencing','VBoxGlobal'));
}
// Attached To val
var attch = null;
var attchElm = $('#vboxVirtualMediaManager').find('.vmmMediumAttachedTo');
attchElm.css({'font-style':''});
if(m) {
attch = vboxMedia.attachedTo(m,true);
if(!attch) {
attch = trans('Not Attached','UIGDetails','details (storage)');
attchElm.css({'font-style':'italic'});
}
attchElm.val(attch);
} else {
attchElm.val('--');
}
// UUID
$('#vboxVirtualMediaManager').find('.vmmMediumUUID').val(m ? m.id : '--');
if(m && m.state == 'Inaccessible' && m.lastAccessError) {
$('#vboxVirtualMediaManager').find('tr.vmmAccessErr').css({'display':''}).children().html(m.lastAccessError);
} else {
$('#vboxVirtualMediaManager').find('tr.vmmAccessErr').css({'display':'none'}).children().html('');
}
}
// Update items on mediumselect
$('#vboxVirtualMediaManager').on('mediumselect',function(e,m){
vmmToolbar.update(m);
vboxVMMMediaInfo(m);
vmmMenu.update(m);
vmmCMenu.update(m);
});
/*
* Add medium to a table
*/
function vboxVMMAddMedium(d,depth,hideDiff,topLevelParent) {
var tr = $('<tr />').data({'medium':d.id,'mediumname':d.name,'mediumsize':d.size,'mediumlogicalSize':d.logicalSize})
.attr({'id':'vboxVMMMedium'+(d.id),'class':'vboxListItem collapsed','title':d.id})
.hover(function(){
if(!$(this).hasClass('vboxListItemSelected'))
$(this).addClass('vboxHover');
},function(){
$(this).removeClass('vboxHover');
}
)
.addClass('vboxVMMTopLevel'+(topLevelParent ? topLevelParent : '0')+' vboxVMMChildOf'+(d.parent ? d.parent : '0') +' vboxVMMChildDepth'+depth)
.contextMenu({
menu: vmmCMenu.menuId(),
menusetup : function(el) {
if(!$(el).hasClass('vboxListItemSelected')) $(el).children().first().trigger('click');
}
},vmmCMenu.menuClickCallback);
if(d.children && d.children.length && !hideDiff) $(tr).addClass('vboxVMMParent');
if(d.parent) $(tr).addClass('vboxHidden').attr('style','display: none');
/* Expand / collapse button and/or spacers */
var td = $('<td />').addClass('vboxHoverFirst');
// Add spacer image to pad for depth
if(depth) {
for(var i = 0; i < depth; i++) {
$('<img />').attr({'class':'vboxVMMSpacer','src':'images/vbox/blank.gif'}).appendTo(td);
}
}
// Show / hide children button
if(d.children && d.children.length && !hideDiff) {
$('<input />').attr({'type':'button','class':'vboxImgButton vboxVMMMediaExpand','style':'background-image: url(images/vbox/arrow_right_10px.png)'}).click(function(){
if(!$(this).data('toggleClicked')) {
$(this).data('toggleClicked', true);
$(this).css({'background-image':'url(images/vbox/arrow_down_10px.png)'});
$(this).closest('tr').toggleClass('collapsed').trigger('showChildren',true);
} else {
$(this).data('toggleClicked', false);
$(this).css({'background-image':'url(images/vbox/arrow_right_10px.png)'});
$(this).closest('tr').toggleClass('collapsed').trigger('hideChildren',true);
}
return false;
}).appendTo(td);
} else if(depth) {
$('<img />').attr({'class':'vboxVMMSpacer','src':'images/vbox/blank.gif'}).appendTo(td);
}
// Title div
var span = $('<span />').attr({'id':'vboxVMMMediaTitle-'+d.id}).html($('<div />').html(d.name).text());
// Add read-only or inaccessible class?
if(d.state == 'Inaccessible') {
$(span).addClass('vboxMediumInaccessible');
} else if(hideDiff !== undefined && d.readOnly) {
$(span).addClass('vboxMediumReadOnly');
}
$(td).append(span).appendTo(tr);
// Set target list
//////////////////////
var target = '';
switch(d.deviceType) {
case 'HardDisk':
// Logical size column
$('<td />').addClass('vboxHoverMid').append($('<span />').html(vboxMbytesConvert(d.logicalSize))).appendTo(tr);
target = '#vboxVMMHDList';
break;
case 'DVD':
target = '#vboxVMMCDList';
break;
case 'Floppy':
target = '#vboxVMMFDList';
break;
}
// Size column
$('<td />').addClass('vboxHoverLast').append($('<div />').html(vboxBytesConvert(d.size))).appendTo(tr);
/* Show / hide children of this medium */
$(tr).on('showChildren',function(e,first){
var thisid = $(this).data('medium');
var trTarget = this;
if($(this).hasClass('collapsed') || !$(this).hasClass('vboxVMMParent')) return;
$(trTarget).siblings('tr.vboxVMMChildOf'+thisid).show().removeClass('vboxHidden').trigger('showChildren',false);
// Only set by original button click
if(first) { vboxColorRows($('#vboxVMMHDList')); vboxVMMTableHeaderSetup($('#vmmDisks')); }
}).on('hideChildren',function(e,first){
if(!$(this).hasClass('vboxVMMParent')) return;
$(this).siblings('tr.vboxVMMChildOf'+$(this).data('medium')).hide().addClass('vboxHidden').trigger('hideChildren',false);
// Only set by original button click
if(first) { vboxColorRows($('#vboxVMMHDList')); vboxVMMTableHeaderSetup($('#vmmDisks'));}
}).children().click(function(){
$(this).parent().removeClass('vboxListItem vboxHover').addClass('vboxListItemSelected')
.siblings().removeClass('vboxListItemSelected').addClass('vboxListItem');
$('#vboxVirtualMediaManager').trigger('mediumselect',[$(this).parent()]);
});
$(target).append(tr);
if(d.children && d.children.length) {
if(depth) depth++;
else depth = 1;
for(var i = 0; i < d.children.length; i++) {
vboxVMMAddMedium(d.children[i],depth,hideDiff,(topLevelParent ? topLevelParent : d.id));
}
}
}
/* Fill medium tables and info with Medium info */
function vboxVMMFillMedia(sel) {
// Remove stub items
$('#vboxVMMHDList').children().remove();
$('#vboxVMMCDList').children().remove();
$('#vboxVMMFDList').children().remove();
// Set icons
$('#vmmDisksIcon').attr('src','images/vbox/hd_16px.png');
$('#vmmCDsIcon').attr('src','images/vbox/cd_16px.png');
$('#vmmFloppysIcon').attr('src','images/vbox/fd_16px.png');
var media = $('#vboxPane').data('vboxMedia').sort(function(a,b) {
return strnatcasecmp(a.name,b.name);
});
var hideDiff = $('#vboxVirtualMediaManager').data('hideDiff');
for(var i in media) {
vboxVMMAddMedium(media[i],0,hideDiff,media[i].parent);
if(media[i].state == 'Inaccessible') {
var elm = null;
switch(media[i].deviceType) {
case 'HardDisk':
elm = $('#vmmDisksIcon');
break;
case 'DVD':
elm = $('#vmmCDsIcon');
break;
default:
elm = $('#vmmFloppysIcon');
}
elm.attr('src','images/vbox/state_aborted_16px.png');
}
}
vboxVMMTableHeaderSetup($('#vmmDisks'));
vboxVMMTableHeaderSetup($('#vmmCDs'));
vboxVMMTableHeaderSetup($('#vmmFloppys'));
// Select medium?
if(sel) {
$('#vboxVMMMedium'+sel).children().first().click();
} else {
$('#vboxVirtualMediaManager').trigger('mediumselect',null);
}
vboxVMMTableSort($('#vboxVMMHDList'));
vboxVMMTableSort($('#vboxVMMFDList'));
vboxVMMTableSort($('#vboxVMMCDList'));
}
/*
*
* Sort table according to selected items
*
*/
function vboxVMMTableSort(t) {
// Get Selected Heading and sort order
////////////////////////////////////////
var ths = $(t).closest('div').siblings('div.vmmTableHead').find('thead').find('th');
var cthIndex = 0;
var sortOrder = null;
for(var i = 0; i < ths.length; i++) {
if($(ths[i]).data('sorted')) {
cthIndex = i;
sortOrder = $(ths[i]).data('sorted');
break;
}
}
ths =null;
// Sort table
///////////////////////
$(t).each(function(){
// Sort function (vboxVMMChildOf0 are top-level)
var rows = $(this).find('tr.vboxVMMChildOf0').get();
switch(cthIndex) {
// Name
case 0:
rows.sort(function(a,b){
return strnatcasecmp($(a).data('mediumname'),$(b).data('mediumname'));
});
break;
// size or logical size
default:
// HD has an extra column for logical size
// size
var sortOpt = ($("#vboxVMMTabs").tabs('option','active') ? '' : 'HD');
if(sortOpt == 'HD' && cthIndex == 2 || (sortOpt != 'HD')) {
rows.sort(function(a,b){
if($(a).data('mediumsize') == $(b).data('mediumsize')) return 0;
return (parseInt($(a).data('mediumsize')) > parseInt($(b).data('mediumsize')) ? 1 : -1);
});
// logical size
} else {
rows.sort(function(a,b){
if($(a).data('mediumlogicalSize') == $(b).data('mediumlogicalSize')) return 0;
return (parseInt($(a).data('mediumlogicalSize')) > parseInt($(b).data('mediumlogicalSize')) ? 1 : -1);
});
}
break;
}
// reverse?
if(sortOrder == 'asc') rows.reverse();
// Append rows and children
var target = $(this);
$(rows).each(function(){
// top-level (parent) medium
$(this).detach().appendTo($(target));
// Children
$(target).find('tr.vboxVMMTopLevel'+($(this).data('medium'))).detach().appendTo($(target));
});
vboxColorRows(target);
});
}
/*
*
* Resizing and setup
*
*/
function vboxVMMSizeTable(elm) {
// Hide table body
var TB = $(elm).find('div.vmmTableBody');
TB.css({'display':'none'});
// Get height
var cH = $(elm).parent().innerHeight() - $(elm).outerHeight(true);
// Apply to difference in height to table body
TB.height(cH-4).css({'display':'','overflow':'auto'});
// Set table head width
vboxVMMTableHeaderSetup(elm);
}
/* Setup tables */
function vboxVMMTableHeaderSetup(elm) {
// Set column width
// Get each column width
var hCols = $(elm).find('div.vmmTableHead').find('tr:eq(0)').children();
var tCols = $(elm).find('div.vmmTableBody').find('tbody tr:eq(0)').children();
for(var i = 0; i < tCols.length; i++) {
$(hCols[i]).width($(tCols[i]).width());
}
}
/* Init virtual media manager */
function vboxVMMInit(hideDiff,vmPath) {
// SEVERE hack-fooery ensues..
/////////////////////////////////
$('#vboxVirtualMediaManager').parent().on( "dialogresizestart",function(e){
$('#vboxVMMTabs').css({'height':'auto'});
$('#vboxVMMContainer').css({'height':'auto'});
}).on("dialogresizestop",function(e){
$('#vmmDisks .vmmTableBody').css({'display':'none'});
$('#vmmCDs .vmmTableBody').css({'display':'none'});
$('#vmmFloppys .vmmTableBody').css({'display':'none'});
$('#vboxVMMContainer').height($('#vboxVMMContainer').height());
$('#vboxVMMTabs').height($('#vboxVMMContainer').innerHeight());
vboxVMMSizeTable($('#vmmDisks'));
vboxVMMSizeTable($('#vmmCDs'));
vboxVMMSizeTable($('#vmmFloppys'));
});
$('#vboxVMMTabList').css({'border-bottom':'0px','margin-bottom':'0px','padding-bottom':'0px'}).detach().appendTo($('#vboxVMMContainerTop').attr({'class':$('#vboxVMMTabs').css({'border-top':'0px','margin-top':'0px','padding-top':'0px'}).removeClass('ui-corner-all').attr('class')}));
$('#vboxVMMContainer').height($('#vboxVMMContainer').height()).css({'padding':'0px','margin':'0px'});
$('#vboxVMMTabs').height($('#vboxVMMContainer').innerHeight()).css({'padding-top':'0px','padding-bottom':'0px','margin-top':'0px','margin-bottom':'0px'});
// Resize disks table body
vboxVMMSizeTable($('#vmmDisks'));
// Save options for later
$('#vboxVirtualMediaManager').data('hideDiff', hideDiff);
$('#vboxVirtualMediaManager').data('vmPath', vmPath);
// Column sorting
////////////////////////////
$("#vboxVirtualMediaManager div.vmmTableHead thead th").each(function(thIndex){
// Skip last column header. It is just kept for spacing
if($(this).children('img').length) return true;
$(this).hover(function(){
$(this).children('img').css({'visibility':'visible'});
},function(){
if($(this).data('sorted')) return;
$(this).children('img').css({'visibility':'hidden'});
}).addClass('vboxVMMSortImgFaded').append(' ').append($('<img />').attr({'src':'images/upArrow.png','style':'visibility:hidden;cursor:pointer'}).click(function(e,sortDefault){
var p = $(this).parent();
// Get current sort order and set accordingly
//////////////////////////////////////////////
switch(p.data('sorted')) {
case 'asc':
$(this).attr({'src':'images/upArrow.png'}).css({'visibility':'visible'});
p.data('sorted','desc');
break;
case 'desc':
$(this).attr({'src':'images/downArrow.png'}).css({'visibility':'visible'});
p.data('sorted','asc');
break;
default:
p.data({'sorted':'desc'}).removeClass('vboxVMMSortImgFaded').siblings().data({'sorted':null}).addClass('vboxVMMSortImgFaded').children('img').attr({'src':'images/upArrow.png'}).css({'visibility':'hidden'});
break;
}
vboxVMMTableSort($(p).closest('div').siblings('div.vmmTableBody').find('tbody').first());
}));
// Default is sort by name
if($(this).index() == 0) {
$(this).data({'sorted':'desc'}).removeClass('vboxVMMSortImgFaded').children('img').css({'visibility':'visible'});
}
});
vboxVMMFillMedia();
}
</script>
Reference in New Issue View Git Blame Copy Permalink