dashboard: help for vms

circle/dashboard/static/dashboard/dashboard.css

@@ -370,3 +370,22 @@ a.hover-black {
   display: block;
   display: block;
   padding-left: 15px;
   padding-left: 15px;
 }
 }
+
+.vm-details-help {
+  max-width: 700px;
+  padding: 10px 10px 0px 10px;
+  margin-left: 50px;
+  /*  fancy stuff
+  border: 1px solid #ccc;
+  box-shadow: 0 0 10px rgba(0,0,0,0.2);
+  border-radius: 8px; 
+  */
+}
+
+.vm-details-help li {
+  padding-bottom: 5px;
+}
+
+.vm-details-help ul {
+  padding-left: 0px;
+}

circle/dashboard/static/dashboard/vm-details.js

@@ -160,6 +160,11 @@ $(function() {
     $("#vm-details-disk-add-for-form").html($("#vm-details-disk-add-form").html());
     $("#vm-details-disk-add-for-form").html($("#vm-details-disk-add-form").html());
     return false;
     return false;
   });
   });
+
+  /* show help */
+  $(".vm-details-help-button").click(function() {
+    $(".vm-details-help").stop().slideToggle();
+  });
 });
 });
 
 
 
 

circle/dashboard/templates/dashboard/vm-detail.html

@@ -44,6 +44,7 @@
         <button title="{% trans "Save as template" %}" class="btn btn-default btn-xs" type="submit"><i class="icon-save"></i></button>
         <button title="{% trans "Save as template" %}" class="btn btn-default btn-xs" type="submit"><i class="icon-save"></i></button>
       </form>
       </form>
       <a title="{% trans "Destroy" %}" href="{% url "dashboard.views.delete-vm" pk=instance.pk %}" class="btn btn-default btn-xs vm-delete" data-vm-pk="{{ instance.pk }}"><i class="icon-remove"></i></a>
       <a title="{% trans "Destroy" %}" href="{% url "dashboard.views.delete-vm" pk=instance.pk %}" class="btn btn-default btn-xs vm-delete" data-vm-pk="{{ instance.pk }}"><i class="icon-remove"></i></a>
+      <a title="{% trans "Help" %}" href="#" class="btn btn-default btn-xs vm-details-help-button"><i class="icon-question"></i></a>
     </div>
     </div>
     <h1>
     <h1>
       <div id="vm-details-rename">
       <div id="vm-details-rename">
@@ -56,7 +57,49 @@
       <div id="vm-details-h1-name">
       <div id="vm-details-h1-name">
         {{ instance.name }} 
         {{ instance.name }} 
       </div>
       </div>
-      <small>{{ instance.primary_host.get_fqdn }}</small></h1>
+      <small>{{ instance.primary_host.get_fqdn }}</small>
+    </h1>
+    <div class="vm-details-help js-hidden">
+      <ul style="list-style: none;">
+        <li>
+          <strong>{% trans "Sleep" %}:</strong>
+          {% trans "Suspend virtual machine with memory dump." %}
+        </li>
+        <li>
+          <strong>{% trans "Wake up" %}:</strong>
+          {% trans "?" %}
+        </li>
+        <li>
+          <strong>{% trans "Shutdown" %}:</strong>
+          {% trans "Shutdown virtual machine with ACPI signal." %}
+        </li>
+        <li>
+          <strong>{% trans "Reboot (ctrl + alt + del)" %}:</strong>
+          {% trans "Reboot virtual machine with Ctrl+Alt+Del signal." %}
+        </li>
+        <li>
+          <strong>{% trans "Reset (power cycle)" %}:</strong>
+          {% trans "Reset virtual machine (reset button)" %}
+        </li>
+        <li>
+          <strong>{% trans "Shut off" %}:</strong>
+          {% trans "Shut off VM. (plug-out)" %}
+        </li>
+        <li>
+          <strong>{% trans "Migrate" %}:</strong>
+          {% trans "Live migrate running vm to another node." %}
+        </li>
+        <li>
+          <strong>{% trans "Save as template" %}:</strong>
+          {% trans "?" %}
+        </li>
+        <li>
+          <strong>{% trans "Destroy" %}:</strong>
+          {% trans "Remove virtual machine and its networks." %}
+        </li>
+      </ul>
+    </div>
+    <div style="clear: both;"></div>
   </div>
   </div>
   <div class="row">
   <div class="row">
     <div class="col-md-4" id="vm-info-pane">
     <div class="col-md-4" id="vm-info-pane">