datacenterlight: Added create vm modal and responding with json

datacenterlight/templates/datacenterlight/order_detail.html

@@ -76,14 +76,20 @@
                     {% endwith %}
                 </div>
                 <br/>
-                    <form method="post">
+                <form method="post" id="virtual_machine_create_form">
                     {% csrf_token %}
                     <div class="row">
                         <div class="col-sm-8">
                             <p class="dcl-place-order-text">{% blocktrans with vm_price=request.session.specs.price %}By clicking "Place order" this plan will charge your credit card account with the fee of {{ vm_price }}CHF/month{% endblocktrans %}.</p>
                         </div>
                         <div class="col-sm-4 content">
-                                <a href="{{next_url}}" ><button class="btn btn-info pull-right">{% trans "Place order"%}</button></a>
+                            <button class="btn btn-info pull-right"
+                                    id="btn-create-vm"
+                                    data-href="{% url 'hosting:order-confirmation' %}"
+                                    data-toggle="modal"
+                                    data-target="#createvm-modal">
+                                {% trans "Place order"%}
+                            </button>
                         </div>
                     </div>
                 </form>
@@ -91,15 +97,44 @@
         </div>
     {% endif %}
 </div>
+<!-- Create VM Modal -->
+<div class="modal fade" id="createvm-modal" tabindex="-1" role="dialog"
+     aria-hidden="true" data-backdrop="static" data-keyboard="false">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close hidden" data-dismiss="modal"
+                        aria-label="create-vm-close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <div class="modal-icon">
+                    <i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
+                    <span class="sr-only">{% trans "Processing..." %}</span>
+                </div>
+                <h4 class="modal-title" id="createvm-modal-title">
+                </h4>
+                <div class="modal-text" id="createvm-modal-body">
+                    {% trans "Hold tight, we are processing your request" %}
+                </div>
+                <div class="modal-footer">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- / Create VM Modal -->
 
 
 <script type="text/javascript">
+    {% trans "Some problem encountered. Please try again later." as err_msg %}
+    var create_vm_error_message = '{{err_msg|safe}}.';
 
     window.onload = function () {
         var locale_date = moment.utc(document.getElementById("order-created_at").textContent,'YYYY-MM-DD HH:mm').toDate();
         locale_date =  moment(locale_date).format("YYYY-MM-DD h:mm:ss a");
         document.getElementById('order-created_at').innerHTML = locale_date;
-
     };
 
 </script>

datacenterlight/views.py

@@ -1,4 +1,5 @@
 import logging
+import json
 
 from django import forms
 from django.conf import settings
@@ -6,7 +7,7 @@ from django.contrib import messages
 from django.contrib.auth import login, authenticate
 from django.core.exceptions import ValidationError
 from django.core.urlresolvers import reverse
-from django.http import HttpResponseRedirect
+from django.http import HttpResponseRedirect, HttpResponse
 from django.shortcuts import redirect
 from django.shortcuts import render
 from django.utils.translation import get_language, ugettext_lazy as _
@@ -554,6 +555,9 @@ class OrderConfirmationView(DetailView):
             try:
                 custom_user = CustomUser.objects.get(
                     email=user.get('email'))
+                customer = StripeCustomer.objects.filter(
+                    user_id=custom_user.id).first()
+                stripe_customer_id = customer.id
             except CustomUser.DoesNotExist:
                 logger.debug(
                     "Customer {} does not exist.".format(user.get('email')))
@@ -577,6 +581,7 @@ class OrderConfirmationView(DetailView):
             customer = StripeCustomer.objects.filter(
                 id=stripe_customer_id).first()
             custom_user = customer.user
+            stripe_customer_id = customer.id
 
         # Save billing address
         billing_address_data = request.session.get('billing_address_data')
@@ -603,5 +608,23 @@ class OrderConfirmationView(DetailView):
                              stripe_customer_id, billing_address_data,
                              billing_address_id,
                              stripe_subscription_obj, card_details_dict)
-        request.session['order_confirmation'] = True
+        for session_var in ['specs', 'template', 'billing_address',
-        return HttpResponseRedirect(reverse('datacenterlight:order_success'))
+                            'billing_address_data',
+                            'token', 'customer']:
+            if session_var in request.session:
+                del request.session[session_var]
+
+        response = {
+            'status': True,
+            'redirect': reverse(
+                'hosting:dashboard') if request.user.is_authenticated() else reverse(
+                'datacenterlight:index'),
+            'msg_title': str(_('Thank you for the order.')),
+            'msg_body': str(
+                _('Your VM will be up and running in a few moments.'
+                  ' We will send you a confirmation email as soon as'
+                  ' it is ready.'))
+        }
+
+        return HttpResponse(json.dumps(response),
+                            content_type="application/json")