From de9a5cb6f90a84f3ce521b6873495122d68b53f7 Mon Sep 17 00:00:00 2001
From: Rimian Perkins <hello@rimian.com.au>
Date: Thu, 16 Feb 2017 16:29:42 +1100
Subject: [PATCH] stripe elements form submits a payment to stripe api

---
 .../discourse_payments/charges_controller.rb  | 29 ++++++++
 .../discourse_payments/payments_controller.rb | 24 -------
 .../application_helper.rb                     |  0
 .../discourse/templates/user/payments.hbs     | 72 +++++++++++++++++++
 config/routes.rb                              |  2 +-
 plugin.rb                                     |  1 +
 .../charges_controller_spec.rb                | 13 ++++
 .../payments_controller_spec.rb               |  5 --
 .../acceptance/discourse-payments-test.es6    | 37 +---------
 9 files changed, 117 insertions(+), 66 deletions(-)
 create mode 100644 app/controllers/discourse_payments/charges_controller.rb
 rename app/helpers/{choice => discourse_payments}/application_helper.rb (100%)
 create mode 100644 spec/controllers/discourse_payments/charges_controller_spec.rb

diff --git a/app/controllers/discourse_payments/charges_controller.rb b/app/controllers/discourse_payments/charges_controller.rb
new file mode 100644
index 0000000..9285072
--- /dev/null
+++ b/app/controllers/discourse_payments/charges_controller.rb
@@ -0,0 +1,29 @@
+module DiscoursePayments
+  class ChargesController < ActionController::Base
+    skip_before_filter :verify_authenticity_token, only: [:create]
+
+    def create
+      # badge = Badge.find_by_name('Consumer Defender')
+      #
+      # if badge.nil?
+      #   head 422 and return
+      # end
+
+      customer = Stripe::Customer.create(
+       :email => 'joe@example.com',
+       :source  => params[:stripeToken]
+      )
+
+      charge = Stripe::Charge.create(
+        :customer    => customer.id,
+        :amount      => 1001,
+        :description => 'Consumer Defender',
+        :currency    => 'aud'
+      )
+
+      # BadgeGranter.grant(badge, current_user)
+
+      render :json => { status: 'OK' }
+    end
+  end
+end
diff --git a/app/controllers/discourse_payments/payments_controller.rb b/app/controllers/discourse_payments/payments_controller.rb
index 1039896..9dd2621 100644
--- a/app/controllers/discourse_payments/payments_controller.rb
+++ b/app/controllers/discourse_payments/payments_controller.rb
@@ -7,29 +7,5 @@ module DiscoursePayments
     def show
       render json: {}
     end
-
-    def create
-      # badge = Badge.find_by_name('Consumer Defender')
-      #
-      # if badge.nil?
-      #   head 422 and return
-      # end
-
-      # customer = Stripe::Customer.create(
-      #  :email => params[:stripeEmail],
-      #  :source  => params[:stripeToken]
-      # )
-
-      charge = Stripe::Charge.create(
-        :customer    => 'x',
-        :amount      => 1001,
-        :description => 'Consumer Defender',
-        :currency    => 'aud'
-      )
-
-      # BadgeGranter.grant(badge, current_user)
-
-      render :json => { status: 'OK' }
-    end
   end
 end
diff --git a/app/helpers/choice/application_helper.rb b/app/helpers/discourse_payments/application_helper.rb
similarity index 100%
rename from app/helpers/choice/application_helper.rb
rename to app/helpers/discourse_payments/application_helper.rb
diff --git a/assets/javascripts/discourse/templates/user/payments.hbs b/assets/javascripts/discourse/templates/user/payments.hbs
index 8748a28..2f56863 100644
--- a/assets/javascripts/discourse/templates/user/payments.hbs
+++ b/assets/javascripts/discourse/templates/user/payments.hbs
@@ -1,3 +1,5 @@
+
+<!--
 <div class="payments">
   {{username}}
 </div>
@@ -9,3 +11,73 @@
 {{#if saved}}
   <div class="payment-response">Response happens</div>
 {{/if}}
+-->
+
+
+<form action="/charges" method="post" id="payment-form" style="width: 300px;">
+  <div class="form-row">
+   <label>
+      <span>Card</span>
+      <div id="card-element">
+        <!-- a Stripe Element will be inserted here. -->
+      </div>
+    </label>
+  </div>
+
+  <div id="payment-errors"></div>
+
+  <input type="submit" class="submit" value="Submit Payment">
+</form>
+
+
+<script>
+
+  $(document).ready(function() {
+    var stripe = Stripe('pk_test_b8RmhzlL8QPizJRqOrKF3JEV');
+    var elements = stripe.elements();
+
+    var card = elements.create('card');
+
+    // Add an instance of the card Element into the `card-element`
+    card.mount('#card-element');
+
+    card.addEventListener('change', function(event) {
+      var displayError = document.getElementById('payment-errors');
+      if (event.error) {
+        displayError.textContent = event.error.message;
+      }
+    });
+
+
+    // Create a token or display an error the form is submitted.
+    var form = document.getElementById('payment-form');
+    form.addEventListener('submit', function(event) {
+      event.preventDefault();
+
+      stripe.createToken(card).then(function(result) {
+        if (result.error) {
+          // Inform the user if there was an error
+          var errorElement = document.getElementById('payment-errors');
+          errorElement.textContent = result.error.message;
+        } else {
+          // Send the token to your server
+          stripeTokenHandler(result.token);
+        }
+      });
+    });
+
+    function stripeTokenHandler(token) {
+      // Insert the token ID into the form so it gets submitted to the server
+      var form = document.getElementById('payment-form');
+      var hiddenInput = document.createElement('input');
+      hiddenInput.setAttribute('type', 'hidden');
+      hiddenInput.setAttribute('name', 'stripeToken');
+      hiddenInput.setAttribute('value', token.id);
+      form.appendChild(hiddenInput);
+
+      form.submit();
+    }
+
+  });
+
+</script>
diff --git a/config/routes.rb b/config/routes.rb
index f3644e9..cf8481a 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,4 +1,4 @@
 DiscoursePayments::Engine.routes.draw do
-  resources :payments, only: [:create]
+  resources :charges, only: [:create]
   get 'users/:username/payments' => 'payments#show'
 end
diff --git a/plugin.rb b/plugin.rb
index f6c6f89..f57e18b 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -6,6 +6,7 @@
 gem 'stripe', '1.58.0'
 
 load File.expand_path('../lib/discourse_payments/engine.rb', __FILE__)
+load File.expand_path('../config/stripe.rb', __FILE__)
 
 Discourse::Application.routes.prepend do
   mount ::DiscoursePayments::Engine, at: '/'
diff --git a/spec/controllers/discourse_payments/charges_controller_spec.rb b/spec/controllers/discourse_payments/charges_controller_spec.rb
new file mode 100644
index 0000000..ca9b7fa
--- /dev/null
+++ b/spec/controllers/discourse_payments/charges_controller_spec.rb
@@ -0,0 +1,13 @@
+require 'rails_helper'
+
+module DiscoursePayments
+  RSpec.describe ChargesController, type: :controller do
+    routes { DiscoursePayments::Engine.routes }
+  #
+    it 'responds with ok' do
+      skip 'need to get fixtures'
+      post :create
+      expect(response).to have_http_status(200)
+    end
+  end
+end
diff --git a/spec/controllers/discourse_payments/payments_controller_spec.rb b/spec/controllers/discourse_payments/payments_controller_spec.rb
index cfec190..6a369dc 100644
--- a/spec/controllers/discourse_payments/payments_controller_spec.rb
+++ b/spec/controllers/discourse_payments/payments_controller_spec.rb
@@ -3,10 +3,5 @@ require 'rails_helper'
 module DiscoursePayments
   RSpec.describe PaymentsController, type: :controller do
     routes { DiscoursePayments::Engine.routes }
-  #
-    it 'responds with ok' do
-      post :create
-      expect(response).to have_http_status(200)
-    end
   end
 end
diff --git a/test/javascripts/acceptance/discourse-payments-test.es6 b/test/javascripts/acceptance/discourse-payments-test.es6
index ecf4572..a8beabb 100644
--- a/test/javascripts/acceptance/discourse-payments-test.es6
+++ b/test/javascripts/acceptance/discourse-payments-test.es6
@@ -1,21 +1,5 @@
 import { acceptance } from 'helpers/qunit-helpers';
-acceptance('Discourse Payments', {
-    loggedIn: true,
-    setup() {
-      const response = (object) => {
-        return [
-          200,
-          {"Content-Type": "application/json"},
-          object
-        ];
-      };
-
-      server.post('/payments', () => {
-        return response({ });
-      });
-    }
-  }
-);
+acceptance('Discourse Payments', { loggedIn: true });
 
 test('Payments Link Exists', () => {
   visit('/users/eviltrout');
@@ -24,22 +8,3 @@ test('Payments Link Exists', () => {
     ok(exists('.discourse-payments > a'), 'Link exists on profile page');
   });
 });
-
-test('Payments Page Exists', () => {
-  visit('/users/eviltrout/payments');
-
-  andThen(() => {
-    ok(exists('h1'), 'Heading exists');
-    ok($.trim($('.payments').text()) == 'eviltrout', 'username is present on page');
-  });
-});
-
-test('Payments Page response happens', () => {
-  visit('/users/eviltrout/payments');
-
-  click('.payment-btn');
-
-  andThen(() => {
-    ok(exists('.payment-response'), 'Response happens');
-  });
-});