1 files changed, 103 insertions, 0 deletions
diff --git a/talerbackoffice/backoffice/templates/backoffice.html b/talerbackoffice/backoffice/templates/backoffice.html
new file mode 100644
index 0000000..063a28f
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/backoffice.html
@@ -0,0 +1,103 @@
+{% extends "templates/base.html" %}
+{% block main %}
+  <h1 class="logo-text">Taler backoffice</h1>
+  <p>{% trans %}This is the Taler backoffice facility.  Through it,
+  the user can see the money flow from Taler transactions to
+  wire transfers and viceversa.{% endtrans %}</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 %}