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

     1  {{define "mmlogs"}}
     2  {{template "top" .}}
     3  <div id="main" data-handler="mmlogs" class="main w-100 d-block overflow-y-auto">
     4      
     5    <div class="d-flex brdrbottom align-items-stretch">
     6      <div id="backButton" class="fs18 p-2 hoverbg pointer flex-center brdrright">
     7        <span class="ico-wide-headed-left-arrow fs28"></span>
     8      </div>
     9      <div class="flex-center fs24 p-2 flex-grow-1">
    10        <span class="px-2">[[[logs_for]]] </span> 
    11        <img class="mini-icon" data-base-logo><img class="mini-icon" data-quote-logo><span data-base-ticker></span>-<span data-quote-ticker></span>
    12        @  <span class="px-2" data-host></span>
    13      </div>
    14    </div>
    15  
    16    <div class="w-100 d-flex justify-content-start">
    17      <div class="flex-stretch-column justify-content-start">
    18        <section class="py-1 px-3">
    19          <table class="m-1">
    20            <tbody>
    21              <tr>
    22                <td>[[[start_time]]]</td>
    23                <td id="startTime"></td>
    24              </tr>
    25              <tr id="endTimeRow">
    26                <td>[[[end_time]]]</td>
    27                <td id="endTime"></td>
    28              </tr>
    29            </tbody>
    30          </table>
    31        </section>
    32  
    33        <section class="py-2 px-3">
    34          <table class="m-1 row-border">
    35            <thead>
    36              <tr>
    37                <th>[[[Asset]]]</th>
    38                <th>[[[balance_diff]]]</th>
    39                <th>[[[usd_rate]]]</th>
    40                <th>[[[usd_diff]]]</th>
    41              </tr>
    42            </thead>
    43            <tbody id="performanceTableBody">
    44              <tr id="performanceTableRowTmpl">
    45                <td><img class="xclogo micro-icon me-1" data-tmpl="logo"><span data-tmpl="ticker"></span></td>
    46                <td data-tmpl="diff"></td>
    47                <td data-tmpl="fiatRate"></td>
    48                <td data-tmpl="usdDiff"></td>
    49              </tr>
    50            </tbody>
    51            <tfoot>
    52              <tr>
    53                <td colspan="3">[[[profit_loss]]]</td>
    54                <td id="profitLoss"></td>
    55              </tr>
    56            </tfoot>
    57          </table>
    58        </section>
    59  
    60        <section class="py-2 px-3">
    61          <header>[[[filters]]]</header>
    62          <div class="ps-2 pe-2">
    63            <input id="dexSellsCheckbox" class="form-check-input" type="checkbox">
    64            <label class="form-check-label">[[[dex_sell]]]</label>
    65          </div>
    66          <div class="ps-2 pe-2">
    67            <input id="dexBuysCheckbox" class="form-check-input" type="checkbox">
    68            <label class="form-check-label">[[[dex_buy]]]</label>
    69          </div>
    70          <div class="ps-2 pe-2">
    71            <input id="cexSellsCheckbox" class="form-check-input" type="checkbox">
    72            <label class="form-check-label">[[[cex_sell]]]</label>
    73          </div>
    74          <div class="ps-2 pe-2">
    75            <input id="cexBuysCheckbox" class="form-check-input" type="checkbox">
    76            <label class="form-check-label">[[[cex_buy]]]</label>
    77          </div>
    78          <div class="ps-2 pe-2">
    79            <input id="depositsCheckbox" class="form-check-input" type="checkbox">
    80            <label class="form-check-label">[[[deposit]]]</label>
    81          </div>
    82          <div class="ps-2 pe-2">
    83            <input id="withdrawalsCheckbox" class="form-check-input" type="checkbox">
    84            <label class="form-check-label">[[[withdrawal]]]</label>
    85          </div>
    86          <button id="filterButton" class="feature">[[[Apply]]]</button>
    87        </section>
    88      </div>
    89  
    90      <section class="flex-grow-1">
    91        <table id="eventsTable" class="striped row-hover row-border">
    92          <thead id="eventsTableHeader">
    93            <th>[[[Time]]]</th>
    94            <th>[[[Type]]]</th>
    95            <th>[[[ID]]]</th>
    96            <th id="sumUSDHeader">Sum USD</th>
    97            <th scope="col">[[[Details]]]</th>
    98          </thead>
    99          <tbody id="eventsTableBody">
   100            <tr id="eventTableRowTmpl">
   101              <td data-tmpl="time"></td>
   102              <td data-tmpl="eventType"></td>
   103              <td data-tmpl="eventID"></td>
   104              <td data-tmpl="sumUSD"></td>
   105              <td><span class="ico-open fs20 pointer" data-tmpl="details"></span></td>        
   106            </tr>
   107          </tbody>
   108        </table>
   109      </section>
   110    </div>
   111    
   112    <div id="forms" class="d-hide">
   113      <form id="dexOrderDetailsForm" class="position-relative flex-stretch-column d-hide">
   114        <div class="form-closer hoverbg"><span class="ico-cross"></span></div>
   115        <header>[[[dex_order_details]]]</header>
   116        <div>
   117          <table class="compact">
   118            <tr>
   119              <td class="grey">[[[ID]]]</td>
   120              <td><span><span id="dexOrderID" class="ease-color"></span><span id="copyDexOrderID" class="ease-color ico-copy mx-1 pt-0"></span></span></td>
   121            </tr>
   122            <tr>
   123              <td class="grey">[[[Rate]]]</td>
   124              <td><span id="dexOrderRate"></span></td>
   125            </tr>
   126            <tr>
   127              <td class="grey">[[[Quantity]]]</td>
   128              <td><span id="dexOrderQty"></span></td>
   129            </tr>
   130            <tr>
   131              <td class="grey">[[[Side]]]</td>
   132              <td><span id="dexOrderSide"></span></td>
   133            </tr>
   134          </table>
   135          <table id="dexOrderTxsTable" class="mt-3 striped row-hover compact border row-border">
   136            <thead>
   137              <th scope="col">[[[ID]]]</th>
   138              <th scope="col">[[[Type]]]</th>
   139              <th scope="col">[[[Amount]]]</th>
   140              <th scope="col">[[[Fees]]]</th>
   141            </thead>
   142            <tbody id="dexOrderTxsTableBody">
   143              <tr id="dexOrderTxRowTmpl">
   144                <td><span data-tmpl="id"></span> <a data-tmpl="explorerLink" target="_blank"><span class="mx-1 ico-open"></span></a></td>
   145                <td data-tmpl="type"></td>
   146                <td data-tmpl="amt"></td>
   147                <td data-tmpl="fees"></td>
   148              </tr>
   149            </tbody>
   150          </table>
   151        </div>
   152      </form>
   153  
   154      <form id="cexOrderDetailsForm" class="position-relative flex-stretch-column d-hide">
   155        <div class="form-closer hoverbg"><span class="ico-cross"></span></div>
   156        <header>[[[cex_order_details]]]</header>
   157        <div>
   158          <table class="compact">
   159            <tr>
   160              <td class="grey">[[[ID]]]</td>
   161              <td> <span><span id="cexOrderID" class="ease-color"></span><span id="copyCexOrderID" class="ease-color ico-copy mx-1 pt-0"></span></span></td>
   162            </tr>
   163            <tr>
   164              <td class="grey">[[[Rate]]]</td>
   165              <td><span id="cexOrderRate"></span></td>
   166            </tr>
   167            <tr>
   168              <td class="grey">[[[Quantity]]]</td>
   169              <td><span id="cexOrderQty"></span></td>
   170            </tr>
   171            <tr>
   172              <td class="grey">[[[Side]]]</td>
   173              <td><span id="cexOrderSide"></span></td>
   174            </tr>
   175            <tr>
   176              <td class="grey">[[[base_filled]]]</td>
   177              <td><span id="cexOrderBaseFilled"></span></td>
   178            </tr>
   179            <tr>
   180              <td class="grey">[[[quote_filled]]]</td>
   181              <td><span id="cexOrderQuoteFilled"></span></td>
   182            </tr>
   183          </table>
   184        </div>
   185      </form>
   186  
   187      <form id="depositDetailsForm" class="position-relative flex-stretch-column d-hide">
   188        <div class="form-closer hoverbg"><span class="ico-cross"></span></div>
   189        <header>
   190            [[[deposit_details]]]
   191        </header>
   192        <div>
   193          <table class="compact">
   194            <tr>
   195              <td class="grey">[[[ID]]]</td>
   196              <td><span><span id="depositID" class="ease-color" ></span><span id="copyDepositID" class="ease-color ico-copy mx-1 pt-0"></span></span></td>
   197            </tr>
   198            <tr>
   199              <td class="grey">[[[Amount]]]</td>
   200              <td><span id="depositAmt"></span></td>
   201            </tr>
   202            <tr>
   203              <td class="grey">[[[Fees]]]</td>
   204              <td><span id="depositFees"></span></td>
   205            </tr>
   206            <tr>
   207              <td class="grey">[[[Status]]]</td>
   208              <td><span id="depositStatus"></span></td>
   209            </tr>
   210            <tr id="depositCreditSection" class="d-hide">
   211              <td class="grey">[[[credited_amt]]]</td>
   212              <td><span id="depositCredit"></span></td>
   213            </tr>
   214          </table>
   215        </div>
   216      </form>
   217  
   218      <form id="withdrawalDetailsForm" class="position-relative flex-stretch-column d-hide">
   219        <div class="form-closer hoverbg"><span class="ico-cross"></span></div>
   220        <header>
   221            [[[withdrawal_details]]]
   222        </header>
   223        <div>
   224          <table class="compact">
   225            <tr>
   226              <td class="grey">[[[ID]]]</td>
   227              <td><span><span id="withdrawalID" class="ease-color"></span><span id="copyWithdrawalID" class="ease-color ico-copy mx-1 pt-0"></span></span></td>
   228            </tr>
   229            <tr>
   230              <td class="grey">[[[Amount]]]</td>
   231              <td><span id="withdrawalAmt"></span></td>
   232            </tr>
   233            <tr>
   234              <td class="grey">[[[Status]]]</td>
   235              <td><span id="withdrawalStatus"></span></td>
   236            </tr>
   237            <tr>
   238              <td class="grey">[[[tx_id]]]</td>
   239              <td><span id="withdrawalTxID"></span></td>
   240            </tr>
   241            <tr>
   242              <td class="grey">[[[amt_received]]]</td>
   243              <td><span id="withdrawalReceived"></span></td>
   244            </tr>
   245          </table>
   246        </div>
   247      </form>
   248    </div>
   249  </div>
   250  {{template "bottom"}}
   251  {{end}}