8:21 a.m.
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>