improved wm-listing

one/templates/box-vmlist.html

@@ -6,12 +6,15 @@
         <div class="name {% if i.state == 'ACTIVE' %}wm-on{% else %}wm-off{% endif %}">
             <a href="/vm/show/{{i.id}}/" title="{{i.name}}">{{i.name|truncatechars:20}}</a>
         </div>
+        <div class="status">
+            {{i.state}}
+        </div>
         <div class="actions">
         	{% if i.state == 'ACTIVE' %}
 			<a href="{{i.get_connect_uri}}" title="Csatlakozás"><img src="static/icons/plug.png" alt="connect" /></a>
 			<a href="/vm/suspend/{{i.id}}/" onclick="alert('Hamarosan a mozikban.'); return false" title="Felfüggesztés"><img src="/static/icons/control-pause.png" alt="pause" /></a>
 			<a href="/vm/delete/{{i.id}}/" onclick="return confirm('Biztosan törli a gépet?')" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
-			<a href="/vm/reset/{{i.id}}/" onclick="alert('Hamarosan a mozikban.'); return false" title="Újraindítás"><img src="/static/icons/View-refresh.png" alt="↺" /></a>
+			<a href="/vm/reset/{{i.id}}/" onclick="alert('Hamarosan a mozikban.'); return false" title="Újraindítás"><img src="/static/icons/arrow-circle-double.png" alt="↺" /></a>
 			{% endif %}
 			{% if i.state == 'PENDING' %}
 			<img src="/static/load-2.gif" /> indítás...
@@ -24,9 +27,6 @@
 			<a href="/vm/delete/{{i.id}}/" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
 			{% endif %}
         </div>
-        <div class="status">
-            {{i.state}}
-        </div>
         <div class="clear"></div>
     </div>
     <div class="details" style="display: none">

one/templates/home.html

@@ -14,6 +14,7 @@
                     </div>
                 </li>
                 <li id="new-wm" style="display: none">
+                    <h2>Rendelkezésre álló sablonok</h2>
                     {% for m in templates %}
                         <form method="POST" action="/vm/new/{{m.pk}}/">{% csrf_token %}
                             <p><input type="submit" value="{{m.name}}" class="button widebutton"/></p>
@@ -43,12 +44,12 @@
                 <li class="wm">
                     <div class="summary">
                         <div class="name filetype-c">hello.c</div>
+                        <div class="info">1 Kb</div>
                         <div class="actions">
                             <a href="#"><img src="/static/icons/pencil.png" alt="rename" /></a>
                             <a href="#"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                             <a href="#"><img src="/static/icons/download-cloud.png" alt="download" /></a>
                         </div>
-                        <div class="info">1 Kb</div>
                         <div class="clear"></div>
                     </div>
                     <div class="details">
@@ -64,12 +65,12 @@
                 <li class="wm">
                     <div class="summary">
                         <div class="name filetype-image">suna.jpg</div>
+                        <div class="info">1 Kb</div>
                         <div class="actions">
                             <a href="#"><img src="/static/icons/pencil.png" alt="rename" /></a>
                             <a href="#"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                             <a href="#"><img src="/static/icons/download-cloud.png" alt="download" /></a>
                         </div>
-                        <div class="info">1 Kb</div>
                         <div class="clear"></div>
                     </div>
                     <div class="details">
@@ -85,11 +86,11 @@
                 <li class="wm">
                     <div class="summary">
                         <div class="name filetype-folder">poresz</div>
+                        <div class="info">katalógus</div>
                         <div class="actions">
                             <a href="#"><img src="/static/icons/pencil.png" alt="rename" /></a>
                             <a href="#"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                         </div>
-                        <div class="info">katalógus</div>
                         <div class="clear"></div>
                     </div>
                     <div class="details">
@@ -105,12 +106,12 @@
                 <li class="wm" style="display: none">
                     <div class="summary">
                         <div class="name filetype-text">matlab_serial.txt</div>
+                        <div class="info">358 Kb</div>
                         <div class="actions">
                             <a href="#"><img src="/static/icons/pencil.png" alt="rename" /></a>
                             <a href="#"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                             <a href="#"><img src="/static/icons/download-cloud.png" alt="download" /></a>
                         </div>
-                        <div class="info">358 Kb</div>
                         <div class="clear"></div>
                     </div>
                     <div class="details">