summaryrefslogtreecommitdiffstats
path: root/panes/vmm.html
diff options
context:
space:
mode:
Diffstat (limited to 'panes/vmm.html')
-rw-r--r--panes/vmm.html2264
1 files changed, 1132 insertions, 1132 deletions
diff --git a/panes/vmm.html b/panes/vmm.html
index f3c2043..0c7f135 100644
--- a/panes/vmm.html
+++ b/panes/vmm.html
@@ -1,1132 +1,1132 @@
-<!--
-
- 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>
-
-
+<!--
+
+ 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>
+
+
generated by cgit v1.1 at 2025-06-01 11:12:35 +0000