Re: [Kimchi-devel] [WIP 2/2] UI: support to create a scsi pool

From: ShaoHe Feng <shaohef(a)linux.vnet.ibm.com&gt; This patch is used to create a scsi pool. Signed-off-by: ShaoHe Feng <shaohef(a)linux.vnet.ibm.com&gt; --- ui/js/src/kimchi.storagepool_add_main.js | 33 ++++++++++++++++++++++++++++++++ ui/pages/storagepool-add.html.tmpl | 15 +++++++++++++++ 2 files changed, 48 insertions(+) diff --git a/ui/js/src/kimchi.storagepool_add_main.js b/ui/js/src/kimchi.storagepool_add_main.js index 10833be..77318ef 100644 --- a/ui/js/src/kimchi.storagepool_add_main.js +++ b/ui/js/src/kimchi.storagepool_add_main.js @@ -41,6 +41,7 @@ kimchi.initStorageAddPage = function() { $('#poolTypeId').selectMenu(); $('#serverComboboxId').combobox(); $('#targetFilterSelectId').filterselect(); + $('#scsiHostFilterSelectId').filterselect(); var options = [ { label : "DIR", value : "dir" @@ -51,6 +52,9 @@ kimchi.initStorageAddPage = function() { label : "iSCSI", value : "iscsi" }, { + label : "SCSI", + value : "scsi" + }, { label : "LOGICAL", value : "logical" } ]; @@ -102,27 +106,52 @@ kimchi.initStorageAddPage = function() { }); }); + kimchi.listHostDevices('fc_host', function(data) { + var hostsContent = []; + if (data.length > 0) { + $.each(data, function(index, value) { + hostsContent.push({ + label : value.name, + value : value.name + }); + }); + }; + $('#scsihostId').focus(function() { + $('#scsiHostFilterSelectId').filterselect("setData", hostsContent); + }); + }); + $('#poolTypeInputId').change(function() { if ($(this).val() === 'dir') { $('.path-section').removeClass('tmpl-html'); $('.logical-section').addClass('tmpl-html'); $('.nfs-section').addClass('tmpl-html'); $('.iscsi-section').addClass('tmpl-html'); + $('.scsi-section').addClass('tmpl-html'); } else if ($(this).val() === 'netfs') { $('.path-section').addClass('tmpl-html'); $('.logical-section').addClass('tmpl-html'); $('.nfs-section').removeClass('tmpl-html'); $('.iscsi-section').addClass('tmpl-html'); + $('.scsi-section').addClass('tmpl-html'); } else if ($(this).val() === 'iscsi') { $('.path-section').addClass('tmpl-html'); $('.logical-section').addClass('tmpl-html'); $('.nfs-section').addClass('tmpl-html'); $('.iscsi-section').removeClass('tmpl-html'); + $('.scsi-section').addClass('tmpl-html'); + } else if ($(this).val() === 'scsi') { + $('.path-section').addClass('tmpl-html'); + $('.logical-section').addClass('tmpl-html'); + $('.nfs-section').addClass('tmpl-html'); + $('.iscsi-section').addClass('tmpl-html'); + $('.scsi-section').removeClass('tmpl-html'); } else if ($(this).val() === 'logical') { $('.path-section').addClass('tmpl-html'); $('.logical-section').removeClass('tmpl-html'); $('.nfs-section').addClass('tmpl-html'); $('.iscsi-section').addClass('tmpl-html'); + $('.scsi-section').addClass('tmpl-html'); } }); $('#authId').click(function() { @@ -260,6 +289,10 @@ kimchi.addPool = function(event) { }; } formData.source = source; + } else if (poolType === 'scsi') { + var source = {}; + source.adapter_name = $('#scsihostId').val(); + formData.source = source; } if (poolType === 'logical') { var settings = { diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl index 222788f..1b8a1ff 100644 --- a/ui/pages/storagepool-add.html.tmpl +++ b/ui/pages/storagepool-add.html.tmpl @@ -136,6 +136,21 @@ </div> </section> </div> + <div class="scsi-section tmpl-html"> + <section class="form-section"> + <h2>3. $_("Scsi Host")</h2> + <div class="field storage-field"> + <p class="text-help">$_("The name of the scsi host.")</p> + <div id="scsiHostFilterSelectId" class="storage-add-input-width"> + <input id="scsihostId" class="input"/> + <div> + <ul id="scsi-host-name"> + </ul> + </div> + </div> + </div> + </section> + </div> </form> </div> <footer>