From 2b04a891003921e43cb281f92de4c9ced07fbd92 Mon Sep 17 00:00:00 2001
From: catborise <catborise@yahoo.com>
Date: Wed, 24 Oct 2018 14:09:29 +0300
Subject: [PATCH] make some details showing style popover

---
 instances/templates/instance.html | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/instances/templates/instance.html b/instances/templates/instance.html
index 2cae09d..8747807 100644
--- a/instances/templates/instance.html
+++ b/instances/templates/instance.html
@@ -639,10 +639,8 @@
                                                     <table class="table table-hover">
                                                         <thead>
                                                             <th>{% trans "Device" %}</th>
-                                                            <th>{% trans "Format" %}</th>
                                                             <th>{% trans "Used" %}</th>
                                                             <th>{% trans "Capacity" %}</th>
-                                                            <th>{% trans "Bus" %}</th>
                                                             <th>{% trans "Storage" %}</th>
                                                             <th>{% trans "Source" %}</th>
                                                             <th style="width:100px;">{% trans "Action" %}</th>
@@ -650,15 +648,26 @@
                                                         <tbody>
                                                         {% for disk in disks %}
                                                             <tr>
-
-                                                                <td>{{ disk.dev }}<br>{{ disk.target }}</td>
-                                                                <td>{{ disk.format }}</td>
+                                                                <td>
+                                                                    <button type="submit" class="btn btn-sm btn-default"
+                                                                            name="details"
+                                                                            title="{% trans "Details" %}"
+                                                                            tabindex="0"
+                                                                            data-trigger="focus"
+                                                                            data-toggle="popover"
+                                                                            data-html="true"
+                                                                            data-content="<strong>Bus:</strong> {{ disk.bus }} <br/> <strong>Format:</strong> {{ disk.format }}">
+                                                                        <i class="fa fa-info"></i>
+                                                                    </button>
+                                                                    {{ disk.dev }}
+                                                                    <br>
+                                                                    {{ disk.target }}
+                                                                </td>
                                                                 <td>{{ disk.used | filesizeformat}}</td>
                                                                 <td>{{ disk.size | filesizeformat }}</td>
-                                                                <td>{{ disk.bus }}</td>
                                                                 <td>{{ disk.storage }}</td>
                                                                 <td>{{ disk.path }}</td>
-                                                                <td style="width:30px;">
+                                                                <td>
                                                                     <form action="" method="post" style="height:10px" role="form">{% csrf_token %}
                                                                         <input type="hidden" name="path" value="{{ disk.path }}">
                                                                         <input type="hidden" name="dev" value="{{ disk.dev }}">
@@ -1623,5 +1632,12 @@
             $("#logs_table > tbody").html(logs);
         });
     }
+</script>
+    <script type="text/javascript">
+$(document).ready(function(){
+    $('[data-toggle="popover"]').popover({
+        placement : 'top'
+    });
+});
 </script>
 {% endblock %}