djaoapp/djaoapp/templates/saas/billing/transfers.html at main · djaodjin/djaoapp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
{% extends "saas/base_dashboard.html" %}

{% block saas_title %}{% trans %}Funds{% endtrans %}{% endblock %}

{% block help_menus %}
{% if urls.raw_cartitems %}
<li class="divider-vertical"></li>
<li class="nav-item">
  <a id="row-cartitems" class="nav-link{% if request.path == urls.raw_cartitems %} active{% endif %}" href="{{urls.raw_cartitems}}">{% trans %}Cart items{% endtrans %}</a>
</li>
{% endif %}
{% if urls.raw_charges %}
<li class="divider-vertical"></li>
<li class="nav-item">
  <a id="row-charges" class="nav-link{% if request.path == urls.raw_charges %} active{% endif %}" href="{{urls.raw_charges}}">{% trans %}Charges{% endtrans %}</a>
</li>
{% endif %}
{% if urls.raw_transactions %}
<li class="divider-vertical"></li>
<li class="nav-item">
  <a id="row-transactions" class="nav-link{% if request.path == urls.raw_transactions %} active{% endif %}" href="{{urls.raw_transactions}}">{% trans %}Transaction Ledger{% endtrans %}</a>
</li>
{% endif %}
<li class="divider-vertical"></li>
<li class="nav-item">
  <a id="add-offline-transaction" class="nav-link{% if request.path == urls.provider.import_transactions %} active{% endif %}" href="{{urls.provider.import_transactions}}">{% trans %}Add Transactions{% endtrans %}</a>
</li>
{% endblock %}


{% block saas_page_layout %}
<transfers-statement inline-template id="transfers-container">
  <div class="pt-3">
    <div class="row" data-trip data-trip-index="1"
         data-trip-content="<h2>{% trans %}Funds{% endtrans %}</h2><p>{% trans %}Transfer earned income to the organization bank account. All paid subscriptions<br />accumulate in the organization's Funds balance. You can see all deposits<br />into the organization Funds balance and transfer available funds to a bank account here.{% endtrans %}</p><em>{% trans %}Use keyboard navigation or click 'Next' to move forward.{% endtrans %}</em>"
         data-trip-position="screen-center">

      <section id="funds" class="col-md-4 mb-4 text-center">
        <div class="border rounded h-100">
          <h3 class="pt-4">{% trans %}Available{% endtrans %}</h3>
          <dl class="dl-horizontal pt-3">
            <dt data-trip data-trip-index="2" data-trip-content="<p>{% trans %}Amount available to transfer to the provider deposit account{% endtrans %}</p>" data-trip-position="s">
              <h2 id="balance-amount" class="pt-3 pb-5" v-cloak>
                [[balance_amount !== 'N/A' ? $globals.humanizeNumber(items.balance_amount, items.balance_unit, 0.01) : 'N/A']]
              </h2>
            </dt>
            <dd>
              <div v-if="balance_amount !== 'N/A'" v-cloak>
                <a id="saas_withdraw_funds"
                   href="{{ urls.provider.withdraw_funds }}"
                   data-trip data-trip-index="4"
                   data-trip-content="<p>{% trans %}Withdraw up to the available amount.{% endtrans %}</p>"
                   data-trip-position="s"
                   v-show="balance_amount > 0" v-cloak>{% trans %}withdraw{% endtrans %}
                </a>
              </div>
            </dd>
          </dl>
        </div>
      </section>

      <section id="info" class="col-md-8 mb-4">
        <div class="p-4 border rounded">
          <h3>{% trans %}Deposit Information{% endtrans %}</h3>
          <dl class="dl-horizontal">
            <dt>{% trans %}Institution{% endtrans %}</dt>
            <dd class="bank-name">
              <i class="fa fa-refresh fa-spin" v-if="!balanceLoaded"></i>
              <span v-if="balanceLoaded" v-cloak>[[bank_name]]</span>
            </dd>
          </dl>
          <dl class="dl-horizontal">
            <dt>{% trans %}Account Number{% endtrans %}</dt>
            <dd class="last4">
              <i class="fa fa-refresh fa-spin" v-if="!balanceLoaded"></i>
              <span v-if="balanceLoaded" v-cloak>[[last4]]</span>
            </dd>
          </dl>
          <div class="text-center">
            <a id="update_bank" href="{{ urls.provider.bank }}" data-trip data-trip-index="3" data-trip-content="<p>{% trans %}Update your bank information so funds can be transfered to you.{% endtrans %}</p>" data-trip-position="s">
              {% trans %}Update{% endtrans %}
            </a>
          </div>
        </div>
      </section>
    </div>

    <!-- Transaction Details -->
    <div class="row">
      <div class="col-md-12">
        {% include "saas/_transactions.html" %}
      </div>
    </div>

  </div>
</transfers-statement>
{% endblock %}