XF/neptune
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Create a proper billing page

Browse Source
This commit is contained in:
Mark Veidemanis
2022-07-21 13:47:56 +01:00
parent 606e8122a6
commit caf63fd4de
4 changed files with 69 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
core/templates/billing.html
View File

@@ -1,37 +1,54 @@
{% extends "base.html" %}
{% block content %}
<h1 class="title">Welcome, {{ user.first_name }}!</h1>
<h1 class="title">Billing/Plan Management</h1>
<div class="container">
<div class="row">
<div class="col">
<div class="profile-info">
<p>Plan: {{ user.plan }}</p>
<p>Stripe ID: {{ user.stripeID }}</p>
<p>Setup intent: {{ user.seti }}</p>
<p>Mandate active: {{ user.mandateActive }}</p>
<p>Subscription ID: {{ user.subscriptionID }}</p>
<p>Last payment: {{ user.lastPayment }}</p>
<p>Creation date: {{ user.creationDate }}</p>
<p>Paid: {{ user.paid }}</p>
<div class="col-xs-10 col-md-4 col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">
Products
</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item">
<span class="badge">{{ user.first_name }}</span>
First name
</li>
<li class="list-group-item">
<span class="badge">{{ user.last_name }}</span>
Last name
</li>
<li class="list-group-item">
{% for plan in user.plans.all %}
<span class="badge">{{ plan.name }}</span>
{% endfor %}
Plans
</li>
<li class="list-group-item">
<span class="badge">{{ user.paid }}</span>
Paid
</li>
<li class="list-group-item">
<span class="badge">{{ user.last_payment }}</span>
Last payment
</li>
</ul>
</div>
</div>
<div class="update-info">
{% if user.seti %}
{% if user.plan == None %}
{% include 'checkout.html' %}
{% else %}
<form>
<button id="button" formaction="/portal">Customer portal</button>
</form>
{% endif %}
{% else %}
<button id="setup-button">Setup payment mandate</button>
{% endif %}
<div class="panel panel-default">
<div class="panel-heading">
Available plans
</div>
<div class="panel-body">
{% include "partials/product-list.html" %}
</div>
</div>
{% include 'checkout.html' %}
</div>
</div>
</div>
<script type="text/javascript">
// Create an instance of the Stripe object with your publishable API key
var stripe = Stripe("pk_test_51HbqYzAKLUD9ELc0KSyiQ9YohsfiUCeBpAfpflAIg2Uu2RFecx3sfWYXzM1xDtI5XlQihqHMnaPKd45JzDuqXdGP00pYWvRvRe");