[Kimchi-devel] [PATCH 2/8] Applying new-ui at SAN Adapters Admin panel

[sguimaraes943 at gmail.com]

From: Andre Teodoro <andreteodoro.work at gmail.com>

Signed-off-by: Andre Teodoro <andreteodoro.work at gmail.com>
Signed-off-by: samhenri <samuel.guimaraes at eldorado.org.br>
---
 ui/js/host-admin.js           |  3 ++-
 ui/pages/host-admin.html.tmpl | 29 ++++++++++++++++++++---------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/ui/js/host-admin.js b/ui/js/host-admin.js
index 93a4169..5ac882e 100644
--- a/ui/js/host-admin.js
+++ b/ui/js/host-admin.js
@@ -471,7 +471,8 @@ ginger.initPowerMgmt = function() {
 
 ginger.initSANAdapter = function() {
     ginger.getSANAdapters(function(data) {
-        var temStr = "<div class='item'>{value}</div>";
+        var temStr = "<span class='item'>{value}</span>";
+        console.log('data.length:', data.length);
         for (var i = 0; i < data.length; i++) {
             $(".body", $(".name", ".san-adapter")).append(wok.substitute(temStr, {
                 value: data[i].name
diff --git a/ui/pages/host-admin.html.tmpl b/ui/pages/host-admin.html.tmpl
index f23ad5a..7d7f7e9 100644
--- a/ui/pages/host-admin.html.tmpl
+++ b/ui/pages/host-admin.html.tmpl
@@ -153,15 +153,26 @@ Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
                     <span class="accordion-icon"></span><span class="accordion-text">$_("SAN Adapters")</span>
                 </a>
             </h3>
-            <div id="sanadapters-ppc-content-area" class="panel-collapse collapse san-adapter" role="tabpanel" aria-labelledby="headingOne">
-                <div class="cell name"><div class="head">$_("Name")</div><div class="body"></div></div>
-                <div class="cell wwpn"><div class="head">$_("WWPN")</div><div class="body"></div></div>
-                <div class="cell wwnn"><div class="head">$_("WWNN")</div><div class="body"></div></div>
-                <div class="cell state"><div class="head">$_("State")</div><div class="body"></div></div>
-                <div class="cell port"><div class="head">$_("In-Use/Max Ports")</div><div class="body"></div></div>
-                <div class="cell speed"><div class="head">$_("Speed")</div><div class="body"></div></div>
-                <div class="cell symbolic"><div class="head">$_("Symbolic Name")</div><div class="body"></div></div>
-            </div>
+            <ul id="sanadapters-ppc-content-area" class="panel-collapse collapse san-adapter" role="tabpanel" aria-labelledby="headingOne">
+                <li class='header'>
+                    <span class="name">$_("Name")</span><!--
+                    --><span class="wwpn">$_("WWPN")</span><!--
+                    --><span class="wwnn">$_("WWNN")</span><!--
+                    --><span class="state">$_("State")</span><!--
+                    --><span class="port">$_("In-Use/Max Ports")</span><!--
+                    --><span class="speed">$_("Speed")</span><!--
+                    --><span class="symbolic">$_("Symbolic Name")</span>
+                </li>
+                <li class='body'>
+                    <span class="name"></span><!--
+                    --><span class="wwpn"></span><!--
+                    --><span class="wwnn"></span><!--
+                    --><span class="state"></span><!--
+                    --><span class="port"></span><!--
+                    --><span class="speed"></span><!--
+                    --><span class="symbolic"></span>
+                </li>
+            </ul>
             <hr>
         </div>
         <!-- Sensor Monitor Panel -->
-- 
1.9.3