decred.org/dcrdex@v1.0.3/client/webserver/site/src/html/orders.tmpl (about)

     1  {{define "orders"}}
     2  {{template "top" .}}
     3  <div id="main" data-handler="orders" class="main w-100 d-block overflow-y-auto">
     4  
     5    <div class="w-100 d-flex justify-content-start">
     6      <div class="flex-stretch-column justify-content-start">
     7        <section class="py-2 px-3">
     8          <div class="demi fs22 text-center pb-2 border-bottom">[[[Order History]]]</div>
     9          <div class="text-center fs18 py-2"> Filters</div>
    10          <div class="filter-display">[[[Exchanges]]]</div>
    11          <div id="hostFilter" class="filter-opts mb-3">
    12            {{range .Hosts}}
    13            <div class="ps-2 pe-2">
    14              <input class="form-check-input" type="checkbox" value="{{.}}">
    15              <label class="form-check-label">{{.}}</label>
    16            </div>
    17            {{end}}
    18            <div class="apply-bttn d-hide mt-2 me-2 text-right"><button class="small">[[[apply]]]</button></div>
    19          </div>
    20          <div class="filter-display">[[[Assets]]]</div>
    21          <div id="assetFilter" class="filter-opts mb-3">
    22            {{range $assetID, $asset := .Assets}}
    23            <div class="ps-2 pe-2">
    24              <input class="form-check-input" type="checkbox" value="{{$assetID}}">
    25              <label class="form-check-label">{{$asset.Symbol}}</label>
    26            </div>
    27            {{end}}
    28            <div class="apply-bttn d-hide mt-2 me-2 text-right"><button class="small go">[[[apply]]]</button></div>
    29          </div>
    30          <div class="filter-display">[[[Status]]]</div>
    31          <div id="statusFilter" class="filter-opts mb-3">
    32            {{range $status, $statusString := .Statuses}}
    33            <div class="ps-2 pe-2">
    34              <input class="form-check-input" type="checkbox" value="{{$status}}">
    35              <label class="form-check-label">{{$statusString}}</label>
    36            </div>
    37            {{end}}
    38            <div class="apply-bttn d-hide mt-2 me-2 text-right"><button class="small go">[[[apply]]]</button></div>
    39          </div>
    40        </section>
    41        <section class="py-2 px-3">
    42          <div class="demi text-center">[[[other_actions]]]</div>
    43          <button id="exportOrders" class="small w-100 mt-3">
    44            [[[Export Trades]]]
    45          </button>
    46          <button id="deleteArchivedRecords" class="small danger w-100 mt-3">
    47            [[[delete_archived_records]]]
    48          </button>
    49        </section>
    50      </div>
    51      <section class="flex-grow-1">
    52        <table id="ordersTable" class="striped row-hover row-border">
    53          <thead id="tableHead">
    54            <tr>
    55              <th class="py-2">[[[Trade]]]</th>
    56              <th class="py-2">[[[Market]]]</th>
    57              <th class="py-2">[[[Type]]]</th>
    58              <th class="py-2">[[[Status]]]</th>
    59              <th class="text-end py-2">[[[Rate]]]</th>
    60              <th class="text-end py-2">[[[Filled]]]</th>
    61              <th class="text-end py-2">[[[Settled]]]</th>
    62              <th class="d-md-none d-lg-table-cell py-2">Age</th>
    63              <th class="text-end py-2">[[[Time]]]</th>
    64              <th></th> {{/* Link */}}
    65            </tr>
    66          </thead>
    67          <tbody id="tableBody" class="fs15">
    68            <tr id="rowTmpl">
    69              <td data-tmpl="trade" class="text-nowrap">
    70                <span data-tmpl="fromQty"></span>
    71                <img data-tmpl="fromLogo" class="micro-icon">
    72                <span data-tmpl="fromSymbol"></span>
    73                <span class="mx-1">&rarr;</span>
    74                <span data-tmpl="toQty"></span>
    75                <img data-tmpl="toLogo" class="micro-icon">
    76                <span data-tmpl="toSymbol"></span>
    77              </td>
    78              <td data-tmpl="host" class="grey"></td>
    79              <td data-tmpl="type"></td>
    80              <td data-tmpl="status"></td>
    81              <td data-tmpl="rate" class="text-end text-nowrap"></td>
    82              <td data-tmpl="filled" class="text-end"></td>
    83              <td data-tmpl="settled" class="text-end"></td>
    84              <td data-tmpl="timeAgo" class="text-end d-md-none d-lg-table-cell text-nowrap"></td>
    85              <td data-tmpl="time" class="text-end"></td>
    86              <td><a class="ico-open pointer plainlink" data-tmpl="link"></a></td>
    87            </tr>
    88          </tbody>
    89        </table>
    90        <div id="orderLoader" class="text-center py-3 d-hide"><div class="ico-spinner spinner"></div></div>
    91      </section>
    92    </div>
    93  
    94    {{- /* POP UP FORMS */ -}}
    95    <div id="forms" class="d-hide">
    96      {{- /* DELETE ARCHIVED RECORDS FORM */ -}}
    97      <form class="d-hide" id="deleteArchivedRecordsForm">
    98        <div class="form-closer"><span class="ico-cross"></span></div>
    99        <header>[[[delete_archived_records]]]</header>
   100        <div>
   101          <input id="showArchivedDateField" class="form-check-input" type="checkbox">
   102          <label class="form-check-label" for="showArchivedDateField" data-tooltip="[[[delete_all_archived_records]]]">
   103           [[[show_archived_date_msg]]]
   104          <span class="ico-info"></span>
   105          </label>
   106          <div id="archivedDateField" class="mt-2 mb-2 ps-4">
   107           <label for="olderThan" data-tooltip="[[[archived_date_tooltip]]]">
   108            [[[date_time]]]
   109            <span class="ico-info"></span>
   110          </label>
   111          <div class="d-flex">
   112           <input type="datetime-local" class="col-1" id="olderThan">
   113          </div>
   114         </div>
   115        </div>
   116        <div>
   117          <input id="saveOrdersToFile" class="form-check-input" type="checkbox">
   118          <label class="form-check-label" for="saveOrdersToFile" data-tooltip="[[[save_orders_to_file_msg]]]">
   119          [[[save_orders_to_file]]]
   120          <span class="ico-info"></span>
   121          </label>
   122        </div>
   123        <div>
   124          <input id="saveMatchesToFile" class="form-check-input" type="checkbox">
   125          <label class="form-check-label" for="saveMatchesToFile" data-tooltip="[[[save_matches_to_file_msg]]]">
   126           [[[save_matches_to_file]]]
   127          <span class="ico-info"></span>
   128          </label>
   129        </div>
   130        <div id="deleteArchivedResult" class="mt-3 border-top">
   131          <div id="deleteArchivedRecordsMsg" class="fs15 d-hide text-break mb-2"></div>
   132          <div id="archivedRecordsLocation" class="fs15 d-hide text-break mb-2"></div>
   133        </div>
   134        <div class="flex-stretch-column">
   135          <button id="deleteArchivedRecordsSubmit" type="button" class="danger">[[[Submit]]]</button>
   136        </div>
   137        <div id="deleteArchivedRecordsErr" class="fs15 text-center d-hide text-danger text-break"></div>
   138      </form>
   139    </div>
   140  
   141  </div>
   142  {{template "bottom"}}
   143  {{end}}