1b60ee5009
* Use timezone aware datetime methods * Use timezone aware date parse for GitHub issue tag * Introduce a bit of chaos programming using Zonebie Zonebie uses a random timezone to run tests, it's a really good way to see if the code is timezone dependent or not. * Convert GitHub issue date as UTC
102 lines
3.9 KiB
Text
102 lines
3.9 KiB
Text
<!-- cached at: <%= Time.current %> -->
|
|
<h3>Billing Details</h3>
|
|
<% if current_user.monthly_dues == 0 %>
|
|
<div class="default-billing-message">
|
|
You will be billed monthly based on your use of
|
|
<a href="/membership">premium features. 🔒</a>
|
|
</div>
|
|
<% else %>
|
|
<div class="default-billing-message">
|
|
You will be billed monthly for your dev.to sustaining membership.
|
|
To make adjustments, visit your
|
|
<a href="/settings/membership">membership settings</a>.
|
|
</div>
|
|
<% end %>
|
|
<% if current_user.stripe_id_code.blank? %>
|
|
<%= form_tag stripe_subscriptions_path, id: "credit-card-form" do %>
|
|
<article>
|
|
<% if flash[:error].present? %>
|
|
<div id="error_explanation">
|
|
<p><%= flash[:error] %></p>
|
|
</div>
|
|
<% end %>
|
|
</article>
|
|
<div class="stripe-button-wrapper" id="stripe-button-wrapper">
|
|
<button id="custom-stripe-button" class="credit-card-button">+ Add Credit Card</button>
|
|
</div>
|
|
<% end %>
|
|
<% elsif current_user.stripe_id_code == "special" %>
|
|
<h3>
|
|
Billing questions? Send an email to <a href="mailto:yo@dev.to">yo@dev.to</a>.
|
|
</h3>
|
|
<% else %>
|
|
<div class="billing-history-header">Your Credit Cards</div>
|
|
<% @customer.sources.each do |source| %>
|
|
<div class="billing-item">
|
|
<div><%= source.brand %> ending in <%= source.last4 %></div>
|
|
<span class="billing-item-detail">Expires <%= source.exp_month %> / <%= source.exp_year %> </span>
|
|
<% if source.id == @customer.default_source %>
|
|
<span class="billing-item-detail billing-item-green">primary</span>
|
|
<%= form_tag "/stripe_active_cards/#{source.id}", method: :delete do %>
|
|
<button class="billing-item-detail billing-item-red">remove card</button>
|
|
<% end %>
|
|
<% else %>
|
|
<%= form_tag "/stripe_active_cards/#{source.id}", method: :patch do %>
|
|
<button class="billing-item-detail">make primary</button>
|
|
<% end %>
|
|
<%= form_tag "/stripe_active_cards/#{source.id}", method: :delete do %>
|
|
<button class="billing-item-detail billing-item-red">remove card</button>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<%= form_tag "/stripe_active_cards", id: "credit-card-form", method: :post do %>
|
|
<br/>
|
|
<div class="stripe-button-wrapper">
|
|
<button id="add-credit-card-button" class="credit-card-button">+ Add Another Credit Card</button>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
<script src="https://checkout.stripe.com/checkout.js"></script>
|
|
|
|
<script>
|
|
setTimeout(function() {
|
|
var handler = StripeCheckout.configure({
|
|
key: '<%= Rails.configuration.stripe[:publishable_key] %>',
|
|
image: "https://thepracticaldev.s3.amazonaws.com/i/xoxvppfjorrnxudkzskw.jpg",
|
|
locale: 'auto',
|
|
token: function(token) {
|
|
var form = document.getElementById("credit-card-form")
|
|
addHidden(form, 'stripe_token', token.id);
|
|
form.submit();
|
|
}
|
|
});
|
|
|
|
document.getElementById('add-credit-card-button').addEventListener('click', function(e) {
|
|
// Open Checkout with further options:
|
|
handler.open({
|
|
description: 'Add Credit Card',
|
|
amount: 0,
|
|
email: "<%= current_user.email %>",
|
|
panelLabel: "Add Card",
|
|
allowRememberMe: false,
|
|
zipCode: true,
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
|
|
// Close Checkout on page navigation:
|
|
window.addEventListener('popstate', function() {
|
|
handler.close();
|
|
});
|
|
},220)
|
|
|
|
function addHidden(theForm, key, value) {
|
|
// Create a hidden input element, and append it to the form:
|
|
var input = document.createElement('input');
|
|
input.type = 'hidden';
|
|
input.name = key; // 'the key/name of the attribute/field that is sent to the server
|
|
input.value = value;
|
|
theForm.appendChild(input);
|
|
}
|
|
</script>
|