talerbackoffice/backoffice/templates/backoffice.html


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
98
99
100
101
102
103

{% extends "templates/base.html" %}
{% block main %}
  <h1 class="logo-text">Taler backoffice</h1>
  <p>This is the Taler backoffice facility.  Through it,
  the user can see the money flow from Taler transactions to
  wire transfers and viceversa.</p>

  <div id="information-bar">
    <!-- programmatically filled.  -->
  </div>

  <br />
  <div>
    <span style="margin-right: 10px;">Current instance:</span>
    <select id="instance" onchange="change_instance();">
      {% for instance in instances %}
        <option value="{{ instance }}">{{ instance }}</option>  
      {% endfor %}
    </select>
  </div>
  <br />
  <br />
  <div>
    <div id="choices">
      <input type="radio"
             name="track-type"
             value="order"
             onclick="cherry_pick_form_order(this.parentNode)"
             checked="checked">Track order id</input><br>
      <input type="radio"
             name="track-type"
             value="wtid"
             onclick="cherry_pick_form_transfer(this.parentNode)">Track wire transfer</input><br>
      <input type="text"
             placeholder="Order ID"
             onkeyup="validate_order_id(this);"
             class="order"></input><br>
      <input type="text"
             placeholder="WTID"
             onkeyup="validate_wtid(this);"
             class="transfer"
             style="display: none;"></input><br>
      <input type="text"
             placeholder="Exchange URI"
             onkeyup="validate_exchange_url(this);"
             class="transfer"
             style="display: none;"></input><br>
    </div>
    <div>
      <form action="">
        <input type="button"
               id="submit-cherry-pick"
               disabled
               value="submit"
               onclick='track_cherry_pick()'>
        </input>
      </form>
    </div>
  </div>
  <div id="history-container">
    <table id="history" width="50%" style="visibility: hidden;">
      <col width="40">
      <col width="40">
      <col width="40">
      <tbody>
        <tr class="headers" style="visibility: hidden">
          <th class="order-id">Order ID</th>
          <th class="amount">Amount</th>
          <th class="date">Date</th>
        </tr>
      </tbody>
    </table>
    <br/>
    <div class="loader" style="visibility: hidden;"></div>
  </div>

  <div id="popup1" class="overlay">
    <div class="popup">
      <h2>
        <a class="close" href="#" onclick="close_popup();">&times;</a>
      </h2>
      <div class="track-content">
        <table>
          <tbody>
            <tr>
              <th class="wtid">WTID</th>
              <th class="amount">Amount</th>
              <th class="date">Date</th>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
{% endblock main %}

{% block styles %}
  <link rel="stylesheet" type="text/css" href="{{ url("/static/backoffice.css") }}">
{% endblock styles %}

{% block scripts %}
  <script src="{{ url('/static/backoffice.js') }}" type="application/javascript"></script>
{% endblock scripts %}