inapp cleanup

media/js/mkt/inapp_payments.js

@@ -22,6 +22,9 @@ var preauth_window;
     if (win_top.opener) {
         win_top = win_top.opener;
     }
+    $('.purchase').click(function(e) {
+        $(this).addClass('purchasing').html($(this).data('purchasing-label'));
+    });
     $('#setup-preauth').click(function(e) {
         e.preventDefault();
         if (preauth_window) {

mkt/inapp_pay/templates/inapp_pay/complete.html

@@ -8,11 +8,11 @@
 </header>
 <div>
   <div class="product-details">
-    <h2>{{ item }}</h2>
-    <p>{{ description }}</p>
+    <div class="icon">
+      <img src="{{ img }}">
     </div>
-    <div class="actions">
-      <button href="#" class="button disabled">{{ _('purchased') }}</button>
+    <h2>{{ item }}</h2>
+    <p>{{ _('Purchased successfully') }}</p>
   </div>
 </div>
 <footer>

mkt/inapp_pay/templates/inapp_pay/pay_start.html

@@ -17,7 +17,10 @@
   <form method="post" action="{{ url('inapp_pay.pay') }}">
     {{ csrf() }}
     <input type="hidden" name="req" value="{{ signed_request }}">
-    <button href="#" class="button purchase">{{ currency }} {{ price }}</button>
+    <button href="#" class="button purchase"
+            data-purchasing-label="{{ _('Purchasing&hellip;') }}">
+              {{ currency }} {{ price }}
+    </button>
   </form>
 </footer>
 {% endblock %}

mkt/inapp_pay/views.py

@@ -153,10 +153,13 @@ def pay(request, signed_req, pay_req):
     # Payment was completed using pre-auth. Woo!
     _payment_done(request, payment)
 
+    cfg = pay_req['_config']
+
     c = dict(price=pay_req['request']['price'],
-             product=pay_req['_config'].addon,
+             product=cfg.addon,
              currency=pay_req['request']['currency'],
              item=pay_req['request']['name'],
+             img=cfg.image_url(pay_req['request'].get('imageURL')),
              description=pay_req['request']['description'],
              signed_request=signed_req)
     return jingo.render(request, 'inapp_pay/complete.html', c)