[Kimchi-devel] [PATCH V4] Add nfs server and target UI in create storage pool
Yu Xin Huo
huoyuxin at linux.vnet.ibm.com
Tue Jan 14 07:21:33 UTC 2014
Due to mail size limit, re-send this mail with content without comment
deleted.
diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl
index e8dac43..5b99e20 100644
--- a/ui/pages/storagepool-add.html.tmpl
+++ b/ui/pages/storagepool-add.html.tmpl
@@ -27,7 +27,7 @@
<!DOCTYPE html>
<html>
<body>
- <div class="window" style="width: 600px; height: 700px;">
+ <div class="window storage-window">
<header>
<h1 class="title">$_("Define a New Storage Pool")</h1>
<div class="close">X</div>
@@ -40,18 +40,17 @@
<p class="text-help">
$_("The name used to identify the storage pools, and it should not be empty.")
</p>
- <input id="poolId" required="required" type="text" class="text" style="width: 300px"
- name="name">
+ <input id="poolId" required="required" type="text" class="text storage-base-input-width" name="name">
</div>
</section>
<section class="form-section">
<h2>2. $_("Storage Pool Type")</h2>
<div class="storage-type-wrapper-controls">
- <div class="btn dropdown popable">
- <input id="poolType" name="type" type="hidden" value="dir"/>
- <span class="text" id="pool-type-label"></span><span class="arrow"></span>
- <div class="popover" style="width: 100%">
- <ul class="select-list" id="storagePool-list" data-target="poolType" data-label="pool-type-label">
+ <div id="poolTypeId">
+ <input id="poolTypeInputId" name="type" type="hidden" value="dir"/>
+ <span id="pool-type-label"></span><span class="arrow"></span>
+ <div>
+ <ul id="storagePool-list">
</ul>
</div>
</div>
@@ -65,30 +64,40 @@
$_("The path of the Storage Pool. Each Storage Pool must have a unique path.")</p>
<p class="text-help">
$_("Kimchi will try to create the directory when it does not already exist in your system.")</p>
- <input id="pathId" type="text" class="text" required="required" style="width: 300px">
+ <input id="pathId" type="text" class="text" required="required storage-base-input-width">
seems like something wrong <input id="pathId" type="text" class="text"
required="required storage-base-input-width">
> </div>
> <div class="clear"></div>
> </section>
> </div>
> <div class="nfs-section tmpl-html">
> <section class="form-section">
> - <h2>3. $_("NFS server IP")</h2>
> - <div class="field">
> + <h2>3. $_("NFS Server IP")</h2>
> + <div class="field storage-field">
> <p class="text-help">
> - $_("NFS server IP or hostname. It should not be empty.")</p>
> - <input id="nfsserverId" required="required" type="text" class="text"
> - style="width: 300px">
> + $_("NFS server IP or hostname. It can be input or choose from history.")</p>
for this message, I suggest to make it to be "Add a new NFS server or
select an existing one already in use." Would like to know backend guys
opinion.
even use the original one, correct it to be "NFS server IP or hostname.
It can be input or chosen from history."
> + <div id="serverComboboxId" class="storage-add-input-width">
> + <input id="nfsserverId"/>
> + <span class="arrow"></span>
> + <div>
> + <ul id="nfs-server-used">
> + </ul>
> + </div>
> + </div>
> </div>
> </section>
> <section class="form-section">
> <h2>4. $_("NFS Path")</h2>
> - <div class="field">
> + <div class="field storage-field">
> <p class="text-help">$_("The nfs exported path on nfs server")</p>
> - <input id="nfspathId" required="required" type="text" class="text"
> - style="width: 300px">
> - <input type="hidden" id="localpathId" class="text" value="none">
> - </div>
> - <div class="clear"></div>
> + <div id="targetFilterSelectId" class="storage-add-input-width">
> + <input id="nfspathId" class="input" disabled/>
> + <span class="arrow"></span>
> + <div>
> + <ul id="nfs-server-target">
> + </ul>
> + </div>
> + </div>
> + </div>
> </section>
> </div>
> <div class="logical-section tmpl-html">
> @@ -103,15 +112,15 @@
> <div class="field">
> <p class="text-help">
> $_("iSCSI server IP or hostname. It should not be empty.")</p>
> - <input id="iscsiserverId" placeholder="$_("Server")" type="text" class="text" style="width: 300px">
> - <input id="iscsiportId" placeholder="$_("Port")" type="text" class="text" style="width:40px" maxlength='4'>
> + <input id="iscsiserverId" placeholder="$_("Server")" type="text storage-base-input-width" class="text">
something wrong in <input id="iscsiserverId" placeholder="$_("Server")"
type="text storage-base-input-width" class="text">
> + <input id="iscsiportId" placeholder="$_("Port")" type="text" class="text storage-port-width" maxlength="4">
> </div>
> </section>
> <section class="form-section">
> <h2>4. $_("Target")</h2>
> <div class="field">
> <p class="text-help">$_("The iSCSI target on iSCSI server")</p>
> - <input id="iscsiTargetId" type="text" class="text" style="width: 300px">
> + <input id="iscsiTargetId" type="text" class="text storage-base-input-width>
> </div>
> </section>
> <section class="form-section">
> @@ -123,8 +132,8 @@
> <section class="authenticationfield form-section tmpl-html">
> <h2>5. $_("iSCSI Authentication")</h2>
> <div class="field">
> - <input id="usernameId" placeholder="$_("User Name")" type="text" class="text" style="width: 150px">
> - <input id="passwordId" placeholder="$_("Password")" type="text" class="text" style="width: 150px">
> + <input id="usernameId" placeholder="$_("User Name")" type="text" class="text storage-auth-width">
> + <input id="passwordId" placeholder="$_("Password")" type="text" class="text storage-auth-width">
> </div>
> </section>
> </div>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20140114/5a44d496/attachment.html>
More information about the Kimchi-devel
mailing list