dashboard: renew modal

Closes #199

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

@@ -3,7 +3,7 @@
 $(function() {
 $(function() {
 
 
   /* vm operations */
   /* vm operations */
-  $('#ops, #vm-details-resources-disk').on('click', '.operation.btn', function(e) {
+  $('#ops, #vm-details-resources-disk, #vm-details-renew-op').on('click', '.operation.btn', function(e) {
     var icon = $(this).children("i").addClass('fa-spinner fa-spin');
     var icon = $(this).children("i").addClass('fa-spinner fa-spin');
 
 
     $.ajax({
     $.ajax({

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

@@ -47,12 +47,14 @@
     </dl>
     </dl>
 
 
     <h4>{% trans "Expiration" %} {% if instance.is_expiring %}<i class="fa fa-warning-sign text-danger"></i>{% endif %}
     <h4>{% trans "Expiration" %} {% if instance.is_expiring %}<i class="fa fa-warning-sign text-danger"></i>{% endif %}
+      <span id="vm-details-renew-op">
         {% with op=op.renew %}
         {% with op=op.renew %}
           <a href="{{op.get_url}}" class="btn btn-success btn-xs
           <a href="{{op.get_url}}" class="btn btn-success btn-xs
                   operation operation-{{op.op}} btn btn-default">
                   operation operation-{{op.op}} btn btn-default">
             <i class="fa fa-{{op.icon}}"></i>
             <i class="fa fa-{{op.icon}}"></i>
                   {{op.name}} </a>
                   {{op.name}} </a>
         {% endwith %}
         {% endwith %}
+      </span>
     </h4>
     </h4>
     <dl>
     <dl>
       <dt>{% trans "Suspended at:" %}</dt>
       <dt>{% trans "Suspended at:" %}</dt>