gDpQJQYy

1Here is the code of the page:
2
3  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/js/materialize.min.js"></script>
4
5<div class="panel panel-default">
6<div class="panel panel-header">
7  <h1 style="text-align: center"> <%= current_user(@conn).name %> </h1>
8</div>
9
10<div class="panel panel-content">
11<%= if current_user(@conn) do %>
12
13<%= if current_user(@conn).instagram_token == nil do %>
14<button onclick="location.href='<%= @url %>&current_user=<%= current_user(@conn).id %>'" type="button" class="btn btn-primary btn-md">
15Login Instagram
16
17</button> </br> </br>
18<% end %>
19
20  <p> <%= current_user(@conn).home %> </p>
21
22
23
24<%= if current_user(@conn).instagram_token != nil do %>
25
26  <button onclick="location.href='/instagram'" type="button" class="btn btn-primary btn-md">
27    Instagram Feed
28  </button>
29
30
31
32<% end %>
33<%= if current_user(@conn).customer_id do %>
34<p> Stripe customer_id: <span class="keys"><%= current_user(@conn).customer_id %></span> </p>
35<p> Stripe account_id: <span class="keys"><%= current_user(@conn).connect_id %></span> </p>
36<p> Stripe pub_key: <span class="keys"><%= current_user(@conn).publishable_key %></span> </p>
37<p> Stripe secret_key: <span class="keys"><%= current_user(@conn).secret_key %></span> </p>
38<% else %>
39            <button id="addcard" 
40                    onclick="addCardFunction()"
41                    title="Add payment information" 
42                    data-name="<%= current_user(@conn).name %>" 
43                    data-email="<%= current_user(@conn).email %>" 
44                    class="btn btn-primary">
45                  Add Card
46            </button>
47
48<% end %>
49 <style>
50  .keys {
51    font-size: large;
52    color: blue;
53  }
54  </style>
55
56<button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#profile_picture_modal">
57  Add Profile Picture
58</button>
59
60
61<button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#modal1">
62  Add Bank Account
63</button>
64
65<script>
66
67</script>
68<!-- THEN HAVE OPTION FOR INSTAGRAM OR FILE UPLOAD-->
69
70
71
72<% end %>
73
74
75</div>
76
77</div>
78
79
80function addStripeInformation(data) {
81  console.log("hey");
82  var handler = StripeCheckout.configure({
83    key: 'pk_test_k90DPHCGKmfYhYa5anVRrVKy',
84    // key: 'pk_live_Q43jYi6k0EatjdmDkVYivYQY',
85    token: function(token) {
86      $.ajax({
87        url: '/users/customer',
88        type: "POST",
89        beforeSend: function(xhr) {
90          xhr.setRequestHeader('x-csrf-token', '<%= get_csrf_token() %>')
91        },
92        data: {
93          "token" : token.id,
94          "email" : data.email
95        },
96        success: function(data, e) {
97          console.log(data);
98        }
99      });
100    }
101  });
102
103
104  $(function(){
105    // Open Checkout with further options
106    handler.open({
107      email: data.email,
108      name: data.name,
109      description: 'You'll be eating before you know it',
110      zipCode: false,
111      panelLabel: "Add Information",
112      allowRememberMe: false
113    });
114  });
115
116  // Close Checkout on page navigation
117  $(window).on('popstate', function() {
118    handler.close();
119  });
120}
121
122
123function addCardFunction() {
124    var name = $('#addcard').attr('data-name');
125    var email = $('#addcard').attr('data-email');
126    addStripeInformation({'name' : name, 'email' : email});
127    return false;
128}
129
130</script>