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

     1  {{define "walletConfigTemplates"}}
     2  <div class="d-flex align-items-center justify-content-between">
     3    <span data-tmpl="walletSettingsHeader" class="fs20">
     4      [[[Wallet Settings]]]
     5    </span>
     6    <div class="flex-center">
     7      <button data-tmpl="fileSelector" type="button" class="small">
     8        <span>[[[load from file]]]</span>
     9        <span class="ico-textfile ms-1 fs14"></span>
    10      </button>
    11      <input data-tmpl="fileInput" type="file" class="d-none" accept=".conf, .cfg, .cnf, .ini">
    12    </div>
    13  </div>
    14  
    15  <div data-tmpl="allSettings">
    16    <div data-tmpl="dynamicOpts" class="dynamicopts">
    17      <div data-tmpl="textInput" class="px-0 d-flex flex-column justify-content-end mt-2">
    18        <label class="small"> <span class="ico-info"></span></label>
    19        <input type="text">
    20      </div>
    21      <div data-tmpl="checkbox" class="d-flex align-items-center mt-2 text-nowrap">
    22        <div class="form-check">
    23          <input class="form-check-input" type="checkbox" value="">
    24          <label class="form-check-label fs14"> <span class="ico-info fs13"></span></label>
    25        </div>
    26      </div>
    27      <div data-tmpl="dateInput" class="px-0 d-flex flex-column justify-content-end mt-2">
    28        <label class="small"> <span class="ico-info"></span></label>
    29        <input type="date">
    30      </div>
    31    </div>
    32    <div data-tmpl="repeatableInput" class="w-100 mt-2">
    33      <label class="small"> <span class="ico-info"></span></label>
    34      <div class="d-flex align-items-stretch justify-content-center">
    35        <input type="text" class="flex-grow-1">
    36        <div class="ico-plus fs14 p-2 ms-2 pointer hoverbg" data-tmpl="add"></div>
    37      </div>
    38    </div>
    39    <div data-tmpl="showOther" class="d-hide mt-2 pointer d-flex align-items-center justify-content-start">
    40      <span data-tmpl="showIcon" class="ico-plus fs8 ps-1"></span>
    41      <span data-tmpl="hideIcon" class="ico-minus fs8 ps-1"></span>
    42      <span data-tmpl="showHideMsg" class="d-inline-block ps-1 pb-1"></span>
    43    </div>
    44    <div data-tmpl="otherSettings" class="d-hide mt-3">
    45      <div data-tmpl="loadedSettingsMsg" class="fs15 pt-3 pb-1 ps-1">&mdash; [[[loaded from file]]] &mdash;</div>
    46      <div data-tmpl="loadedSettings" class="dynamicopts"></div>
    47      <div data-tmpl="defaultSettingsMsg" class="fs15">&mdash; [[[defaults]]] &mdash;</div>
    48      <div data-tmpl="defaultSettings" class="dynamicopts"></div>
    49    </div>
    50  </div>
    51  <div data-tmpl="errMsg" class="fs15 pt-3 text-center d-hide text-danger text-break"></div>
    52  {{end}}
    53  
    54  {{define "walletCfgGuideTemplate"}}
    55  <a data-tmpl="walletCfgGuide" class="d-flex justify-content-start align-items-center pt-2 mx-3 pointer hoverbg" target="_blank">
    56    <span class="ico-textfile me-2"></span>
    57    <span class="pointer">[[[configuration guide]]]</span>
    58  </a>
    59  {{end}}
    60  
    61  {{define "newWalletForm"}}
    62  <div class="form-closer"><span class="ico-cross"></span></div>
    63  <header>
    64    <span class="fs14 ico-plus grey me-2"></span>
    65    <span>[[[add_a_x_wallet]]]</span>
    66  </header>
    67  <div class="flex-center pb-2 border-bottom d-hide" data-tmpl="tokenMsgBox">
    68    <span>[[[Token on]]]</span>
    69    <img data-tmpl="tokenParentLogo" class="ms-1 micro-icon">
    70    <span data-tmpl="tokenParentName"></span>
    71  </div>
    72  <div data-tmpl="walletTypeTabs" class="d-flex justify-content-stretch border-bottom p-0">
    73    <div data-tmpl="walletTabTmpl" class="wtab px-3 py-2 border-end user-select-none"></div>
    74  </div>
    75  <div class="position-relative" data-tmpl="mainForm">
    76    <div class="flex-center pt-3" data-tmpl="oneBttnBox">
    77      <button class="one-bttn w-auto" data-tmpl="oneBttn">[[[Create]]]!</button>
    78    </div>
    79    <div data-tmpl="goBack" class="pt-3 d-flex align-items-center fs14 grey d-hide">
    80      <span class="ico-arrowleft fs12 me-1"></span>
    81      <span>[[[pick a different asset]]]</span>
    82    </div>
    83    <div data-tmpl="walletSettings" class="pt-3">
    84      {{template "walletConfigTemplates"}}
    85    </div>
    86    {{template "walletCfgGuideTemplate"}}
    87    <div class="d-flex align-items-end flex-wrap mt-3" data-tmpl="walletPassAndSubmitBttn">
    88      <div class="flex-grow-1 me-3" data-tmpl="newWalletPassBox">
    89        <label for="newWalletPass">[[[Wallet Password]]]
    90          <span class="ico-info" data-tooltip="[[[w_password_tooltip]]]"></span>
    91        </label>
    92        <input type="password" data-tmpl="newWalletPass" autocomplete="off">
    93      </div>
    94      <button data-tmpl="submitAdd" type="submit" class="feature flex-grow-1">[[[Add]]]</button>
    95    </div>
    96    <div class="p-3 text-center d-hide text-danger text-break" data-tmpl="newWalletErr"></div>
    97  </div>
    98  <div class="d-hide flex-center flex-column" data-tmpl="parentSyncing">
    99    <div>
   100      [[[Synchronizing]]] <img data-tmpl="parentLogo" class="micro-icon"> <span data-tmpl="parentName"></span>.
   101    </div>
   102  
   103    <div class="fs20 pt-3">
   104      <span data-tmpl="parentSyncPct"></span> %
   105    </div>
   106    <div class="pt-3">
   107      <img data-tmpl="childLogo" class="micro-icon"> <span data-tmpl="childName"></span> [[[wallet_wait_synced]]].
   108    </div>
   109  </div>
   110  {{end}}
   111  
   112  {{define "depositAddress"}}
   113  <div class="form-closer"><span class="ico-cross"></span></div>
   114  <header>
   115    [[[Receive]]]
   116    <img id="depositLogo" class="mini-icon mx-1">
   117    <span id="depositName"></span>
   118  </header>
   119  <div class="flex-center d-hide fs18 sans pb-3 border-bottom" id="depositTokenMsgBox">
   120    <span>[[[Token on]]]</span>
   121    <img id="depositTokenParentLogo" class="ms-1 micro-icon">
   122    <span id="depositTokenParentName"></span>
   123  </div>
   124  <div class="flex-center">
   125    <img id="qrcode" />
   126  </div>
   127  <div>
   128    <div class="mono fs15 px-2 py-1 border word-break-all border">
   129      <span id="depositAddress" class="user-select-all"></span>
   130      <span id="copyAddressBtn" class="ico-copy mt-2 ml-2 fs18 pointer"></span>
   131      <span id="copyAlert" class="d-hide text-nowrap">[[[copied]]]</span>
   132    </div>
   133  </div>
   134  
   135  <div id="unifiedReceivers" class="d-flex align-items-stretch">
   136    <div id="unifiedReceiverTmpl" class="p-1 me-2 hoverbg lh1 fs15 pointer brdr selectable"></div>
   137  </div>
   138  <div id="newDepAddrBttnBox" class="flex-stretch-column">
   139    <button id="newDepAddrBttn" type="button" class="feature">[[[New Address]]]</button>
   140  </div>
   141  <div class="fs15 text-center d-hide text-danger text-break" id="depositErr"></div>
   142  {{end}}
   143  
   144  {{define "certPicker"}}
   145  <label for="certFile" class="pointer">[[[TLS Certificate]]]</label>
   146  <input type="file" class="d-none" data-tmpl="certFile">
   147  <div class="ps-1 mt-2 fs15">
   148    <span data-tmpl="selectedCert"></span>
   149    <u class="ms-3 pointer d-hide" data-tmpl="removeCert">[[[remove]]]</u>
   150    <u class="ms-3 pointer" data-tmpl="addCert">[[[add a file]]]</u>
   151  </div>
   152  {{end}}
   153  
   154  {{define "dexAddrForm"}}
   155  <div class="form-closer"><span class="ico-cross"></span></div>
   156  <div class="flex-center pt-2 px-3">
   157    <img class="dex-logo mini-icon me-2">
   158    <div data-tmpl="addDexHdr" class="fs26 d-flex align-items-center justify-content-center">[[[Add a DEX]]]</div>
   159    <div data-tmpl="updateDexHdr" class="fs26 d-hide">[[[update dex host]]]</div>
   160  </div>
   161  <div data-tmpl="pickServerMsg" class="fs20 mt-2 border-top">
   162    [[[Pick a server]]]
   163  </div>
   164  <div data-tmpl="knownXCs" class="flex-stretch-column">
   165    {{range .KnownExchanges}}
   166      <div class="known-exchange" data-host="{{.}}"><img class="micro-icon me-1" src={{dummyExchangeLogo .}}> {{.}}</div>
   167    {{end}}
   168  </div>
   169  <div data-tmpl="skipRegistrationBox" class="fs14">
   170    <input class="form-check-input" type="checkbox" data-tmpl="skipRegistration" id="skipRegistration">
   171    <label for="skipRegistration" class="ps-1">[[[Skip Registration]]]</label>
   172  </div>
   173  <div data-tmpl="showCustom">
   174    <div class="px-1 mb-2 fs14 pointer d-flex justify-content-start align-items-center {{if eq (len .KnownExchanges) 0}}d-hide{{end}}">
   175      <span class="ico-plus fs11"></span>
   176      <div class="ps-2">[[[add a different server]]]</div>
   177    </div>
   178  </div>
   179  
   180  <div data-tmpl="customBox" class="mt-2 border-top">
   181    <div class="fs20 " data-tmpl="addCustomMsg">[[[Add a custom server]]]</div>
   182    <div class="mb-3">
   183      <label for="dexAddr">[[[DEX Address]]]</label>
   184      <input type="text" data-tmpl="addr" id="dexAddr">
   185    </div>
   186    <div class="fs14 d-hide" data-tmpl="needCert">
   187      [[[reg_ssl_needed]]]
   188    </div>
   189    {{template "certPicker"}}
   190  </div>
   191  <div class="flex-stretch-column d-hide" data-tmpl="auth">
   192    <button data-tmpl="submit" type="button" class="feature">[[[Submit]]]</button>
   193  </div>
   194  <div class="fs15 text-center d-hide text-danger text-break" data-tmpl="err"></div>
   195  {{end}}
   196  
   197  {{define "discoverAcctForm"}}
   198  <header data-tmpl="header">[[[Create Account]]]</header>
   199  <div class="fs16 text-center"><span data-tmpl="dexHost"></span></div>
   200  <div class="flex-stretch-column">
   201    <button data-tmpl="submit" type="button" class="feature">[[[Create Account]]]</button>
   202  </div>
   203  <div class="fs15 text-center d-hide text-danger text-break" data-tmpl="err"></div>
   204  {{end}}
   205  
   206  {{define "regAssetForm"}}
   207  <div data-tmpl="whatsABondPanel" class="d-hide">
   208    <div data-tmpl="whatsABondBack" class="small">
   209      <span class="ico-wide-headed-left-arrow pointer hoverbg fs24"></span>
   210    </div>
   211    <h4 class="flex-center fs22 mb-3">[[[What is a fidelity bond]]]</h4>
   212    <ul>
   213      <li>
   214        [[[bond_definition]]]
   215      </li>
   216      <li>
   217        [[[bonds_can_be_revoked]]]
   218      </li>
   219      <li>
   220        [[[bigger_bonds_higher_limit]]]
   221      </li>
   222      <li>
   223        [[[limits_reputation]]]
   224      </li>
   225      <li>
   226        [[[wallet_bond_reserves]]]
   227      </li>
   228    </ul>
   229    <div class="flex-center">
   230      <button type="button" data-tmpl="bondGotIt" class="mt-3">[[[Got it]]]</button>
   231    </div>
   232  </div>
   233  
   234  <div data-tmpl="assetForm" class="flex-stretch-column">
   235    <div class="flex-center fs26">
   236      <span>[[[Select your bond asset]]]</span>
   237    </div>
   238    <div data-tmpl="regAssetErr" class="fs14 text-danger flex-center p-3"></div>
   239    <div data-tmpl="bondAssets" class="mt-3 border-top">
   240      <div data-tmpl="bondAssetTmpl" class="border rounded3 d-flex align-items-stretch p-2 hoverbg pointer mt-3">
   241        <div class="flex-center pe-4">
   242          <div class="flex-center">
   243            <img class="small-icon" data-tmpl="logo">
   244            <span class="fs26 ms-2" data-tmpl="name"></span>
   245          </div>
   246          <div class="fs14 readygreen" data-tmpl="ready"></div>
   247        </div>
   248        <div class="d-flex flex-column align-items-end justify-content-center flex-grow-1">
   249          <div class="d-flex align-items-end lh1">
   250            <span data-tmpl="feeAmt" class="fs20"></span>
   251            <span data-tmpl="feeSymbol" class="fs17 grey ms-1"></span>
   252          </div>
   253          <div data-tmpl="fiatBox" class="d-flex align-items-end grey fs15 lh1">
   254            <span class="me-1">~</span>
   255            <span data-tmpl="fiatBondAmount"></span>
   256            <span class="ms-1 fs14">USD</span>
   257          </div>
   258        </div>
   259      </div>
   260    </div>
   261    <button type="button" data-tmpl="usePrepaidBond" class="mt-3">
   262      <span class="ico-ticket fs20 me-2"></span>
   263      <span class="fs22">Use a pre-paid bond</span>
   264    </button>
   265    <div data-tmpl="whatsABond" class="flex-center fs18 hoverbg pointer underline py-2">[[[what_s_a_bond]]]</div>
   266  </div>
   267  
   268  <div data-tmpl="tradingTierForm" class="flex-stretch-column d-hide">
   269    <div class="flex-center fs26">
   270      [[[Choose your trading tier]]]
   271    </div>
   272    <div class="d-flex align-items-center pt-3 mt-3 border-top">
   273      <div class="flex-grow-1 flex-column pe-2">
   274        <div class="fs15">[[[trading_tier_message]]]</div>
   275      </div>
   276      <div class="flex-center flex-grow-1">
   277        <div class="position-relative d-flex align-items-stretch user-select-none">
   278          <input data-tmpl="tradingTierInput" type="number" class="text-center fs24 p-2" value="1" min="0" step="1">
   279          <input type="text" class="d-hide"> <!--two inputs to prevent auto form submission-->
   280          <div class="flex-stretch-column border-top border-end border-bottom">
   281            <div data-tmpl="tierUp" class="hoveropaque flex-grow-1 flex-center ico-arrowup pointer hoverbg border-bottom px-2"></div>
   282            <div data-tmpl="tierDown" class="hoveropaque flex-grow-1 flex-center ico-arrowdown pointer hoverbg px-2"></div>
   283          </div>
   284        </div>
   285      </div>
   286    </div>
   287    <div data-tmpl="tradingTierErr" class="fs14 text-danger flex-center p-3"></div>
   288    <div class="pt-1">
   289      <div data-tmpl="goBackToAssets" class="d-inline-block fs16 grey pointer hoverbg">
   290        <span class="ico-wide-headed-left-arrow"></span>
   291        [[[choose a different asset]]]
   292      </div>
   293    </div>
   294    <table class="cell-border w-auto compact mt-3">
   295      <thead>
   296        <tr>
   297          <th class="text-center">Bond</th>
   298          <th class="text-center">Tier</th>
   299          <th class="text-center">Reserves</th>
   300          <th class="text-center">Bond Lock</th>
   301        </tr>
   302      </thead>
   303      <tbody>
   304        <tr>
   305          <td class="text-center">
   306            <span data-tmpl="bondSizeDisplay" class="fs18"></span>
   307            <span class="fs16 grey" data-bond-asset-ticker></span>
   308          </td>
   309          <td class="text-center fs18">
   310            x <span data-tier></span>
   311          </td>
   312          <td class="text-center fs18">x 2</td>
   313          <td>
   314            <div class="text-center lh1">
   315              <span>=</span>
   316              <span data-tmpl="bondLockDisplay" class="fs18 demi"></span>
   317              <span class="fs16 grey" data-bond-asset-ticker></span>
   318            </div>
   319            <div data-tmpl="fiatLockBox" class="text-center lh1">
   320              <span>~</span>
   321              <span data-tmpl="fiatLockDisplay" class="fs16 demi"></span>
   322              <span class="fs14 grey">USD</span>
   323            </div>
   324          </td>
   325        </tr>
   326      </tbody>
   327    </table>
   328    <button type="button" data-tmpl="submitTradingTier" class="feature mt-3">[[[Submit]]]</button>
   329    <table data-tmpl="currentBondBox" class="cell-border w-auto mt-3 lh1">
   330      <thead>
   331        <tr>
   332          <th colspan="2" class="text-center">Current Bond Lock</th>
   333        </tr>
   334      </thead>
   335      <tbody data-tmpl="currentBonds">
   336        <tr data-tmpl="currentBondTmpl">
   337          <td class="no-stretch">
   338            <div class="flex-center">
   339              <img data-tmpl="icon" class="mini-icon me-2">
   340              <span data-tmpl="name" class="fs20"></span>
   341            </div>
   342          </td>
   343          <td>
   344            <div class="flex-stretch-column">
   345              <div class="d-flex align-items-center justify-content-end lh1">
   346                <span data-tmpl="amt" class="fs18 me-1"></span>
   347                <span data-tmpl="ticker" class="fs16 grey"></span>
   348              </div>
   349              <div data-tmpl="fiatBox" class="d-flex align-items-center justify-content-end lh1">
   350                <span>~</span>
   351                <span data-tmpl="fiatAmt" class="fs16 me-1"></span>
   352                <span class="fs14 grey">USD</span>
   353              </div>
   354            </div>
   355          </td>
   356        </tr>
   357      </tbody>
   358    </table>
   359    <div class="text-center fs22 pt-3">Tier <span data-tier></span> Trading Limits</div>
   360    <table class="cell-border w-auto mt-3">
   361      <thead>
   362        <tr class="fs16">
   363          <th class="no-stretch">[[[Market]]]</th>
   364          <th class="text-end text-nowrap">Starting Limit</th>
   365          <th class="text-nowrap">Upper Limit</th>
   366        </tr>
   367      </thead>
   368      <tbody data-tmpl="markets">
   369  
   370        <tr data-tmpl="marketTmpl">
   371          <td class="no-stretch">
   372            <div class="d-flex align-items-center lh1">
   373              <img data-tmpl="baseLogo" class="micro-icon me-1">
   374              <img data-tmpl="quoteLogo" class="micro-icon me-1">
   375              <span data-base-ticker></span>-<span data-quote-ticker></span>
   376            </div>
   377          </td>
   378          <td>
   379            <div class="flex-stretch-column">
   380              <div class="d-flex align-items-center justify-content-end lh1">
   381                <span data-tmpl="tradeLimitLow" class="fs18 me-1"></span>
   382                <span class="fs16 grey" data-base-ticker></span>
   383              </div>
   384              <div data-tmpl="fiatTradeLowBox" class="d-flex align-items-center justify-content-end lh1">
   385                <span>~</span>
   386                <span data-tmpl="fiatTradeLimitLow" class="fs16 me-1"></span>
   387                <span class="fs14 grey">USD</span>
   388              </div>
   389            </div>
   390          </td>
   391          <td>
   392            <div class="flex-stretch-column">
   393              <div class="d-flex align-items-center justify-content-end lh1">
   394                <span data-tmpl="tradeLimitHigh" class="fs18 me-1"></span>
   395                <span class="fs16 grey" data-base-ticker></span>
   396              </div>
   397              <div data-tmpl="fiatTradeHighBox" class="d-flex align-items-center justify-content-end lh1">
   398                <span>~</span>
   399                <span data-tmpl="fiatTradeLimitHigh" class="fs16 me-1"></span>
   400                <span class="fs14 grey">USD</span>
   401              </div>
   402            </div>
   403          </td>
   404        </tr>
   405      </tbody>
   406    </table>
   407  </div>
   408  
   409  <div data-tmpl="prepaidBonds" class="d-hide">
   410    <div class="flex-center fs26">
   411      <span>Redeem Pre-paid Bond</span>
   412    </div>
   413    <div class="flex-stretch-column mt-3 border-top">
   414      <label for="prepaidBondCode">Code</label>
   415      <input type="text" data-tmpl="prepaidBondCode" autocomplete="off">
   416      <div data-tmpl="prepaidBondErr" class="p-3 text-danger d-hide"></div>
   417      <button data-tmpl="submitPrepaidBond" type="button" class="feature mt-3">[[[Submit]]]</button>
   418    </div>
   419    <div class="pt-3 fs14 grey">
   420      <span class="hoverbg pointer" data-tmpl="ppbGoBack"><span class="ico-arrowleft fs12 me-1"></span> go back</span>
   421    </div>
   422  </div>
   423  {{end}}
   424  
   425  {{define "loginForm"}}
   426  <header>
   427    <span class="ico-locked fs20 grey me-1"></span>
   428    <span>[[[Log In]]]</span>
   429  </header>
   430  <div class="d-flex align-items-end">
   431    <div class="flex-grow-1">
   432      <label for="pw">[[[Password]]]</label>
   433      <input type="password" data-tmpl="pw" autocomplete="current-password">
   434    </div>
   435    <button data-tmpl="submit" type="button" class="feature ms-3" id="loginSubmit">[[[Submit]]]</button>
   436  </div>
   437  <div class="d-flex justify-content-center">
   438    <div id="forgotPassBtn" class="grey demi pointer pointer hoverbg">[[[Forgot Password]]]</div>
   439  </div>
   440  <div class="fs15 text-center d-hide text-danger text-break" data-tmpl="errMsg"></div>
   441  {{end}}
   442  
   443  {{define "confirmRegistrationForm"}}
   444  <header>
   445    [[[Confirm Bond Options]]]
   446  </header>
   447  <div class="d-flex align-items-stretch">
   448    <div class="flex-grow-1 flex-stretch-column pe-3">
   449      <div class="d-flex justify-content-between">
   450        <span>[[[Host]]]</span>
   451        <span data-tmpl="host"></span>
   452      </div>
   453      <div class="d-flex justify-content-between">
   454        <span>[[[Trading Tier]]]</span>
   455        <span data-tmpl="tradingTier"></span>
   456      </div>
   457      <div class="d-flex justify-content-between">
   458        <span>[[[Bond Lock]]]</span>
   459        <span>
   460          <span data-tmpl="bondLock"></span>
   461          <span data-tmpl="bondUnit"></span>
   462          <img data-tmpl="logo" class="micro-icon ms-1">
   463        </span>
   464      </div>
   465      <div data-tmpl="bondLockUSDBox" class="d-flex justify-content-between lh1 fs14 grey">
   466        <span></span>
   467        <span><span>~</span><span data-tmpl="bondLockUSD"></span> <span>USD</span></span>
   468      </div>
   469      <div class="d-flex justify-content-between">
   470        <span>[[[Fee Reserves]]]</span>
   471        <span><span data-tmpl="feeReserves"></span> <span data-tmpl="reservesUnit"></span></span>
   472      </div>
   473    </div>
   474    <div class="flex-center flex-column border-start ps-3">
   475      <button data-tmpl="submit" class="large feature">[[[Submit]]]</button>
   476    </div>
   477  </div>
   478  <div class="fs15 text-center d-hide text-danger text-break" data-tmpl="regErr"></div>
   479  <div data-tmpl="text" class="fs16 reg-conf-msg mt-3 border-top">
   480    <span class="ico-info"></span> [[[reg_confirm_submit]]]
   481  </div>
   482  <div class="hoverbg pointer grey pt-2" data-tmpl="goBack"><span class="ico-arrowleft fs12 me-1"></span> [[[pick a different asset]]]</div>
   483  {{end}}
   484  
   485  {{define "authorizeAccountImportForm"}}
   486  <div class="form-closer"><span class="ico-cross"></span></div>
   487  <header>
   488    [[[Authorize Import]]]
   489  </header>
   490  <div>
   491    <label for="accountFile">[[[Account File]]]</label>
   492    <input type="file" class="d-none" id="accountFile">
   493    <small class="pointer">
   494      <span id="selectedAccount"></span>
   495      <u class="ms-3 pointer d-hide" id="removeAccount">[[[remove]]]</u>
   496      <u class="ms-3 pointer" id="addAccount"><span class="ico-textfile me-1"></span> [[[load from file]]]</u>
   497    </small>
   498  </div>
   499  <div class="flex-stretch-column">
   500    <button id="authorizeImportAccountConfirm" type="button" class="mt-2 mx-3 mb-3 feature">[[[Authorize Import]]]</button>
   501  </div>
   502  <div class="fs15 text-center d-hide text-danger text-break" id="importAccountErr"></div>
   503  {{end}}
   504  
   505  {{define "changeAppPWForm"}}
   506  <div class="form-closer"><span class="ico-cross"></span></div>
   507  <div class="flex-center pt-2 px-3">
   508    <span class="ico-locked fs16 grey me-2"></span>
   509    <span class="fs26">[[[Change Application Password]]]</span>
   510  </div>
   511  <div class="mt-2 pt-2 px-3 border-top">
   512    <label for="appPW">[[[Current Password]]]</label>
   513    <input type="password" id="appPW" autocomplete="current-password">
   514  </div>
   515  <div class="pt-2 px-3">
   516    <label for="newAppPW">[[[New Password]]]</label>
   517    <input type="password" id="newAppPW" autocomplete="new-password">
   518  </div>
   519  <div class="pt-2 px-3">
   520    <label for="confirmNewPW">[[[Confirm New Password]]]</label>
   521    <input type="password" id="confirmNewPW" autocomplete="new-password">
   522  </div>
   523  <div class="flex-stretch-column pt-2 px-3 pb-3">
   524    <button id="submitNewPW" type="submit" class="feature">[[[Submit]]]</button>
   525  </div>
   526  <div class="fs15 p-3 text-center d-hide text-danger text-break" id="changePWErrMsg"></div>
   527  {{end}}
   528  
   529  {{define "cancelOrderForm"}}
   530  <div class="form-closer"><span class="ico-cross"></span></div>
   531  <header>
   532    [[[:title:cancel_order]]]
   533  </header>
   534  <div>
   535    [[[cancel_no_pw]]]
   536    <span id="cancelRemain" class="fs16 sans"></span>
   537    <span id="cancelUnit" class="fs14 sans"></span>.<br>
   538    [[[cancel_remain]]]
   539  </div>
   540  <div class="flex-stretch-column">
   541    <button id="cancelSubmit" type="button" class="feature">[[[Submit]]]</button>
   542  </div>
   543  <div class="fs15 text-center d-hide text-danger" id="cancelErr"></div>
   544  {{end}}
   545  
   546  {{define "accelerateForm"}}
   547  <div class="form-closer"><span class="ico-cross"></span></div>
   548  <header>[[[:title:accelerate_order]]]</header>
   549  <div id="accelerateMainDiv">
   550    <div id="configureAccelerationDiv">
   551      [[[acceleration_text]]]
   552      <br />
   553      <div class="text-center fs17 position-relative">
   554        [[[effective_swap_tx_rate]]]: <span id="accelerateAvgFeeRate"></span>
   555      </div>
   556      <div class="text-center fs17 position-relative">
   557        [[[current_fee]]]: <span id="accelerateCurrentFeeRate"></span>
   558      </div>
   559      <div id="sliderContainer" class="slider-container">
   560      </div>
   561      <div id="feeEstimateDiv" class="text-center fs17 position-relative d-hide">
   562        [[[acceleration_cost_msg]]]
   563      </div>
   564      <hr class="dashed mt-2">
   565      <div class="d-flex flex-row align-items-end justify-content-end pb-4">
   566        <div class="col-12 pt-2">
   567          <button id="accelerateSubmit" type="button" class="go">[[[Submit]]]</button>
   568        </div>
   569      </div>
   570    </div>
   571    <div class="d-hide" id="earlyAccelerationDiv">
   572      <div id="recentAccelerationMsg">[[[recent_acceleration_msg]]]</div>
   573      <div id="recentSwapMsg">[[[recent_swap_msg]]]</div>
   574      <br/>
   575      [[[early_acceleration_help_msg]]]
   576      <div class="d-flex flex-row align-items-end justify-content-end pb-4">
   577        <div class="col-12 pt-2">
   578          <button id="submitEarlyConfirm" type="button" class="go">[[[Submit]]]</button>
   579        </div>
   580      </div>
   581    </div>
   582    <div class="fs15 pt-3 text-center d-hide text-danger text-break" id="accelerateErr"></div>
   583  </div>
   584    {{/* range option template goes here */}}
   585  <div id="accelerateMsgDiv" class="d-hide">
   586    <div class="fs15 pt-3 text-center d-hide text-danger text-break" id="preAccelerateErr"></div>
   587    <div class="fs15 pt-3 text-left d-hide text-break" id="accelerateSuccess">
   588      [[[accelerate_success]]]
   589    </div>
   590  </div>
   591  {{end}}
   592  
   593  {{define "waitingForWalletForm"}}
   594  <div class="flex-center"><img class="large-icon" data-tmpl="logo" src="/img/coins/dcr.png"></div>
   595  <div class="d-flex flex-column align-items-start border-start">
   596    <div class="flex-center flex-row">
   597      <div class="icons text-end pe-3">
   598        <span class="ico-check fs16 d-hide" data-tmpl="syncCheck"></span>
   599        <span class="ico-checkbox d-hide fs14" data-tmpl="syncUncheck"></span>
   600        <div class="ico-spinner spinner d-hide fs14 d-inline-block" data-tmpl="syncSpinner"></div>
   601      </div>
   602      <span class="fs20 ">[[[1 Sync the Blockchain]]]</span>
   603    </div>
   604    <div class="flex-center mt-1">
   605      <span class="fs16 me-1">[[[Progress]]]:</span>
   606      <span class="fs20 mx-1" data-tmpl="progress"></span>
   607      <span class="fs16 grey">%</span>
   608    </div>
   609    <div class="mt-1 flex-center flex-row fs14 d-hide" data-tmpl="syncRemainBox">
   610      <span data-tmpl="syncRemaining"><span data-tmpl="syncRemain" class="me-1"></span> [[[remaining]]]</span>
   611      <span data-tmpl="syncFinishingUp" class="me-1"></span>
   612    </div>
   613  </div>
   614  
   615  <div class="d-flex flex-column align-items-start ps-3 mb-3 border-start">
   616    <div class="flex-center flex-row mb-2">
   617      <div class="icons text-end pe-3">
   618        <span class="ico-checkbox fs14 d-hide" data-tmpl="balUncheck"></span>
   619        <span class="ico-check d-hide fs16" data-tmpl="balCheck"></span>
   620      </div>
   621      <span class="fs20">[[[2 Fund your Wallet]]]</span>
   622    </div>
   623    <div class="d-flex flex-column align-items-start" data-tmpl="balanceBox">
   624      <div class="flex-center mb-2">
   625        <span class="me-1">[[[Available Balance]]]:</span>
   626        <strong class="me-1" data-tmpl="balance"></strong>
   627        <span class="grey unit">XYZ</span>
   628      </div>
   629      <div class="flex-center flex-row mb-2">
   630        <span class="me-1">[[[bond_lock]]]</span>
   631        <strong class="me-1" data-tmpl="fee"></strong>
   632        <span class="grey unit">XYZ</span>
   633      </div>
   634      <div data-tmpl="bondCostBreakdown" class="mb-2 grey">[[[bond_cost_breakdown]]]</div>
   635      <span data-tmpl="sendEnoughWithEst" class="grey">[[[Send enough with estimate]]]</span> {{- /* NOTE: includes totalForBond */}}
   636      <span data-tmpl="sendEnoughForToken" class="grey">[[[Send funds for token]]]</span>
   637      <div class="mb-1 flex-center flex-row d-hide" data-tmpl="txFeeBox">
   638        <span class="fs16 me-1">[[[Reserves for tx fees]]]</span>
   639        <span class="fs20 me-1" data-tmpl="txFee"></span>
   640        <span class="fs16 grey unit" data-tmpl="txFeeUnit">XYZ</span>
   641      </div>
   642      <div class="mb-3 flex-center flex-row d-hide" data-tmpl="txFeeBalanceBox">
   643        <span class="fs16 me-1">[[[Tx Fee Balance]]]</span>
   644        <span class="fs20 me-1" data-tmpl="parentBal">0</span>
   645        <span class="fs16 grey unit" data-tmpl="parentBalUnit">XYZ</span>
   646      </div>
   647      <hr class="dashed w-100 mb-3">
   648      <div class="mb-2">[[[Your Deposit Address]]]</div>
   649      <div class="mono fs15 p-2 border word-break-all border user-select-all" data-tmpl="depoAddr"></div>
   650      <span data-tmpl="sendEnough">[[[Send enough for bonds]]]</span> {{- /* generic message if the fee buffer is unknown */}}
   651    </div>
   652  </div>
   653  
   654  <div class="hoverbg pointer grey d-inline-block text-center" data-tmpl="goBack">
   655    <span class="ico-arrowleft fs12 mb-1"></span>
   656    [[[pick a different asset]]]
   657  </div>
   658  {{end}}
   659  
   660  {{define "orderOptionTemplates"}}
   661  <div id="orderOptTmpl" class="order-opt d-flex align-items-start">
   662    <div data-tmpl="toggle" class="opt-check selected"></div>
   663    <div class="flex-grow-1" data-tmpl="controls">
   664      <div class="d-flex align-items-center">
   665        <span data-tmpl="optName" class="flex-grow-1 text-start fs16 ps-2"></span>
   666        <span data-tmpl="tooltip" class="ico-info me-2" data-tooltip="[[[prevent_temporary_overlocking]]]"></span>
   667        <img data-tmpl="chainIcon" class="micro-icon me-1">
   668      </div>
   669    </div>
   670  </div>
   671  <div id="booleanOptTmpl" class="d-flex justify-content-between align-items-center fs14 ps-2">
   672    <span data-tmpl="reason"></span>
   673  </div>
   674  <div id="rangeOptTmpl">
   675    <div data-tmpl="sliderBox" class="d-flex flex-nowrap fs12">
   676      <span data-tmpl="rangeLblStart"></span>
   677      <div data-tmpl="slider" class="slider flex-grow-1">
   678        <div data-tmpl="handle" class="slider-handle"></div>
   679      </div>
   680      <span data-tmpl="rangeLblEnd"></span>
   681    </div>
   682    <div class="d-flex justify-content-between align-items-center fs14">
   683      <span>
   684        <input type="text" pattern="[0-9]+([\.,][0-9]+)?" data-tmpl="xInput" class="xy-range-input d-hide">
   685        <span data-tmpl="x" class="pointer"></span> <span data-tmpl="xUnit"></span>
   686      </span>
   687      <span>
   688        <input type="text" pattern="[0-9]+([\.,][0-9]+)?" data-tmpl="yInput" class="xy-range-input d-hide">
   689        <span data-tmpl="y" class="pointer"></span> <span data-tmpl="yUnit"></span>
   690      </span>
   691    </div>
   692  </div>
   693  {{end}}
   694  
   695  {{define "toggleWalletStatusConfirm"}}
   696  <div class="form-closer"><span class="ico-cross"></span></div>
   697  <header>
   698     <span id="walletStatusDisable" class="d-hide">[[[disable_wallet]]]</span>
   699      <span id="walletStatusEnable" class="d-hide">[[[enable_wallet]]]</span>
   700  </header>
   701  <div class="fs15 text-left">
   702   <span id="disableWalletMsg" class="hide">[[[disable_wallet_warning]]]</span>
   703   <span id="enableWalletMsg" class="hide">[[[enable_wallet_message]]]</span>
   704  </div>
   705  <div class="flex-stretch-column">
   706    <button id="toggleWalletStatusSubmit" type="button" class="feature">[[[Submit]]]</button>
   707  </div>
   708  <div class="fs15 text-center d-hide text-danger" id="toggleWalletStatusErr"></div>
   709  {{end}}
   710  
   711  {{define "appPassResetForm"}}
   712   <div class="form-closer" id="resetPassFormCloser"><span class="ico-cross"></span></div>
   713   <header>[[[Reset App Password]]]</header>
   714   <div>[[[reset_app_pw_msg]]]</div>
   715   <div class="mt-3 border-top">
   716     <label for="newAppPassword">[[[New Password]]]</label>
   717     <input type="password" id="newAppPassword" autocomplete="new-password">
   718   </div>
   719   <div>
   720     <label for="confirmNewAppPassword">[[[Confirm New Password]]]</label>
   721     <input type="password" id="confirmNewAppPassword" autocomplete="off">
   722   </div>
   723   <div>
   724     <label for="seedInput">[[[Restoration Seed]]]</label>
   725     <textarea class="mono" id="seedInput" rows="4" autocomplete="off" spellcheck="false"></textarea>
   726   </div>
   727   <div class="flex-stretch-column">
   728      <button id="resetAppPWSubmitBtn" type="button" class="feature">[[[Submit]]]</button>
   729   </div>
   730   <div class="fs15 text-center d-hide text-danger text-break" id="appPWResetErrMsg"></div>
   731   <div id="appPWResetSuccessMsg" class="d-hide text-break text-center fs15"></div> 
   732  {{end}}
   733  
   734  {{define "reputationMeter"}}
   735  <div class="flex-stretch-column py-2">
   736    <div class="d-flex justify-content-between align-items-center pb-1">
   737      <span data-tmpl="scoreMin"></span>
   738      <span class="fs15">
   739        <span>[[[Limit Bonus]]]</span>
   740        <span data-tmpl="limitBonus"></span><span>x</span>
   741      </span>
   742      <span data-tmpl="scoreMax"></span>
   743    </div>
   744    <div data-tmpl="scoreTray" class="position-relative pt-2">
   745      <div data-tmpl="scoreWarn"></div>
   746      <div data-tmpl="penaltyMarkerTmpl" class="penalty-marker"></div>
   747    </div>
   748    <div class="position-relative mb-2">
   749      <span data-tmpl="scorePointer" class="d-inline-block position-relative ico-arrowup fs15 lh1">
   750        <span data-tmpl="scoreData" class="d-inline-block position-absolute fs15 px-1 text-nowrap sans">
   751          <span>[[[Score]]]:</span>
   752          <span data-tmpl="score"></span>
   753        </span>
   754      </span>
   755    </div>
   756    <div class="fs14 grey">
   757      [[[score_factors]]]
   758    </div>
   759  </div>
   760  {{end}}
   761  
   762  {{define "tokenApprovalForm"}}
   763  <div class="form-closer"><span class="ico-cross"></span></div>
   764  <header>
   765    [[[:title:Approve]]] <div data-tmpl="tokenSymbol" class="d-inline-block"></div>
   766  </header>
   767  <div data-tmpl="submissionElements">
   768    <div class="fs15 text-start mt-2">
   769      [[[approve_token_text]]]
   770    </div>
   771    <div class="flex-stretch-column mt-2 flex-wrap">
   772      <button data-tmpl="submit" type="button" class="fs15 feature">[[[Approve]]]</button>
   773    </div>
   774  </div>
   775  <div data-tmpl="txMsg">
   776    <span class="text-center fs17 pt-2 px-3 d-hide">[[[token_approval_tx_msg]]]</span>
   777    <a target="_blank" class="subtlelink word-break-all fs14" data-tmpl="txid"></a>
   778  </div>
   779  <div class="fs15 text-center d-hide text-danger text-break" data-tmpl="errMsg"></div>
   780  <div data-tmpl="balanceBox" class="flex-center w-100 py-2 mt-2 px-3 border-top fs15">
   781    [[[Available fee balance]]]: <span data-tmpl="balance" class="ms-2"></span> <span data-tmpl="parentTicker" class="grey ms-1"></span>
   782  </div>
   783  <div data-tmpl="addressBox" class="flex-center fs15 d-hide">
   784    [[[approve_token_wallet_addr]]] <span data-tmpl="address" class="ms-2 px-2"></span>
   785  </div>
   786  {{end}}
   787  
   788  {{define "cexConfigForm"}}
   789  <div class="form-closer"><span class="ico-cross"></span></div>
   790  <div data-tmpl="cexConfigPrompt" class="pt-4 fs18">
   791    [[[configure_cex_prompt]]]
   792  </div>
   793  <div class="flex-center flex-column mt-3 border-top">
   794    <img class="xclogo enourmous-icon" data-cex-logo>
   795    <div class="mt-2 fs20" data-cex-name></div>
   796  </div>
   797  <div data-tmpl="cexConnectErrBox" class="flex-center flex-column text-danger">
   798    <span class="ico-disconnected fs24"></span>
   799    <span>[[[err_with_cex_creds]]]</span>
   800    <span data-tmpl="cexConnectErr" class="fs14 mt-2 text-break"></span>
   801  </div>
   802  <div class="d-flex flex-column">
   803    <label for="cexApiKeyInput">[[[API Key]]]</label>
   804    <input type="text" data-tmpl="cexApiKeyInput" autocomplete="off">
   805  </div>
   806  <div class="d-flex flex-column">
   807    <label for="cexSecretInput">[[[API Secret]]]</label>
   808    <input type="text" data-tmpl="cexSecretInput" autocomplete="off">
   809  </div>
   810  <div data-tmpl="cexFormErr" class="flex-center text-danger text-break d-hide"></div>
   811  <div class="flex-stretch-column">
   812    <button type="button" data-tmpl="cexSubmit" class="feature">[[[Submit]]]</button>
   813  </div>
   814  {{end}}
   815  
   816  {{define "runningBotDisplay"}}
   817  <div data-tmpl="stats" class="d-hide">
   818    <div class="d-flex align-items-center justify-content-between px-3">
   819      <span class="d-flex align-items-center fs28">
   820        <span data-tmpl="plSign" class="me-1 fs10"></span>
   821        <span data-tmpl="profitLoss"></span>
   822        <span class="fs20 grey ms-1">USD</span>
   823      </span>
   824      <span data-tmpl="runTime" class="fs28 mono lh1">00:00:00</span>
   825    </div>
   826    <div class="pt-2 mt-2 border-top">
   827      <table class="row-border fs18 lh1">
   828        <thead>
   829          <tr class="fs16">
   830            <th class="no-stretch ps-3">[[[Inventory]]]</th>
   831            <th class="text-end">
   832              <div class="d-inline-flex align-items-center">
   833                <img class="micro-icon me-2" data-base-logo>
   834                <span data-base-ticker></span>
   835              </div>
   836            </th>
   837            <th class="text-end pe-3 no-stretch">
   838              <div class="d-inline-flex align-items-center">
   839                <img class="micro-icon me-2" data-quote-logo>
   840                <span data-quote-ticker></span>
   841              </div>
   842            </th>
   843          </tr>
   844        </thead>
   845        <tbody>
   846          <tr>
   847            <td class="no-stretch ps-3">
   848              <img class="logo-square small">
   849            </td>
   850            <td class="text-end">
   851              <div class="d-inline-flex flex-column align-items-end text-nowrap">
   852                <span data-tmpl="walletBaseInventory"></span>
   853                <span class="fs14 grey">
   854                  <span>~</span>
   855                  <span data-tmpl="walletBaseInvFiat"></span>
   856                  <span>USD</span>
   857                </span>
   858              </div>
   859            </td>
   860            <td class="no-stretch pe-3">
   861              <div class="d-inline-flex flex-column text-nowrap">
   862                <span data-tmpl="walletQuoteInventory"></span>
   863                <span class="fs14 grey">
   864                  <span>~</span>
   865                  <span data-tmpl="walletQuoteInvFiat"></span>
   866                  <span>USD</span>
   867                </span>
   868              </div>
   869            </td>
   870          </tr>
   871          <tr data-tmpl="cexRow">
   872            <td class="ps-3">
   873              <img class="mini-icon" data-cex-logo>
   874            </td>
   875            <td class="text-end">
   876              <div class="d-inline-flex flex-column align-items-end text-nowrap">
   877                <span data-tmpl="cexBaseInventory"></span>
   878                <span class="fs14 grey">
   879                  <span>~</span>
   880                  <span data-tmpl="cexBaseInventoryFiat"></span>
   881                  <span>USD</span>
   882                </span>
   883              </div>
   884            </td>
   885            <td class="no-stretch text-end pe-3">
   886              <div class="d-inline-flex flex-column text-nowrap">
   887                <span data-tmpl="cexQuoteInventory"></span>
   888                <span class="fs14 grey">
   889                  <span>~</span>
   890                  <span data-tmpl="cexQuoteInventoryFiat"></span>
   891                  <span>USD</span>
   892                </span>
   893              </div>
   894            </td>
   895          </tr>
   896        </tbody>
   897      </table>
   898    </div>
   899    <div class="flex-stretch-column mt-2 px-3">
   900      <div data-tmpl="buyOrdersReportBox" class="d-flex justify-content-between align-items-center d-hide">
   901        <span data-tmpl="buyOrdersSuccess" class="text-buycolor">[[[buy_orders_success]]]</span>
   902        <span data-tmpl="buyOrdersFailed" class="d-hide text-warning">[[[buy_orders_failed]]]</span>
   903        <button data-tmpl="buyOrdersBttn" class="ico-open"></button>
   904      </div>
   905  
   906      <div data-tmpl="sellOrdersReportBox" class="d-flex justify-content-between align-items-center d-hide">
   907        <span data-tmpl="sellOrdersSuccess" class="text-buycolor">[[[sell_orders_success]]]</span>
   908        <span data-tmpl="sellOrdersFailed" class="d-hide text-warning">[[[sell_orders_failed]]]</span>
   909        <button data-tmpl="sellOrdersBttn" class="ico-open"></button>
   910      </div>
   911  
   912      <div data-tmpl="preOrderProblemsBox" class="d-flex flex-column bot-problems-section">
   913      </div>
   914  
   915      <div class="d-flex justify-content-between align-items-center">
   916        <span>[[[Profit]]]</span>
   917        <span class="flex-center">
   918          <span data-tmpl="profitSign" class="fs8 me-1"></span>
   919          <span data-tmpl="profit">
   920          </span>%</span>
   921        </span>
   922      </div>
   923  
   924      <div class="d-flex justify-content-between align-items-center">
   925        <span>[[[Booked orders]]]</span>
   926        <span data-tmpl="nBookedOrders"></span>
   927      </div>
   928  
   929      <div data-tmpl="baseFeeReservesBox" class="d-flex justify-content-between align-items-center">
   930        <span>
   931          <span>[[[Fee reserves]]]</span>
   932          <img data-tmpl="baseFeeLogo" class="micro-icon">
   933        </span>
   934        <span>
   935          <span data-tmpl="baseFeeReserves"></span>
   936          <span data-tmpl="baseFeeTicker"></span>
   937        </span>
   938      </div>
   939  
   940      <div data-tmpl="quoteFeeReservesBox" class="d-flex justify-content-between align-items-center">
   941        <span>
   942          <span>[[[Fee reserves]]]</span>
   943          <img data-tmpl="quoteFeeLogo" class="micro-icon">
   944        </span>
   945        <span>
   946          <span data-tmpl="quoteFeeReserves"></span>
   947          <span data-tmpl="quoteFeeTicker"></span>
   948        </span>
   949      </div>
   950  
   951      <div data-tmpl="pendingDepositBox" class="d-flex justify-content-between align-items-center">
   952        <span>[[[Pending deposits]]]</span>
   953        <span data-tmpl="pendingDeposits"></span>
   954      </div>
   955  
   956      <div data-tmpl="pendingWithdrawalBox" class="d-flex justify-content-between align-items-center">
   957        <span>[[[Pending withdrawals]]]</span>
   958        <span data-tmpl="pendingWithdrawals"></span>
   959      </div>
   960  
   961      <div class="d-flex justify-content-between align-items-center">
   962        <span>[[[Settled matches]]]</span>
   963        <span data-tmpl="completedMatches"></span>
   964      </div>
   965  
   966      <div data-tmpl="tradedUSDBox" class="d-flex justify-content-between align-items-center">
   967        <span>[[[Traded]]]</span>
   968        <span>
   969          <span data-tmpl="tradedUSD"></span>
   970          <span class="fs14 grey">USD</span>
   971        </span>
   972      </div>
   973  
   974      <div class="d-flex justify-content-between align-items-center">
   975        <span>[[[Basis price]]]</span>
   976        <span data-tmpl="basisPrice"></span>
   977      </div>
   978  
   979      <div data-tmpl="feeGapBox" class="d-flex justify-content-between align-items-center">
   980        <span>
   981          [[[Fee gap]]]
   982          <span class="ico-info" data-tooltip="[[[feegap_tooltip]]]"></span>
   983        </span>
   984        <span>
   985          <span data-tmpl="feeGap"></span> (<span data-tmpl="feeGapPct"></span>%)
   986        </span>
   987      </div>
   988  
   989      <div data-tmpl="gapStrategyBox" class="d-flex justify-content-between align-items-center">
   990        <span>Gap strategy</span>
   991        <span data-tmpl="gapStrategy"></span>
   992      </div>
   993  
   994      <div data-tmpl="remoteGapBox" class="d-flex justify-content-between align-items-center">
   995        <span>
   996          [[[Remote gap]]]
   997          <span class="ico-info" data-tooltip="[[[remotegap_tooltip]]]"></span>
   998        </span>
   999        <span>
  1000          <span data-tmpl="remoteGap"></span> (<span data-tmpl="remoteGapPct"></span>%)
  1001        </span>
  1002      </div>
  1003  
  1004      <div data-tmpl="roundTripFeesBox" class="d-flex justify-content-between align-items-center">
  1005        <span>[[[Round_trip fees]]]</span>
  1006        <span>
  1007          <span data-tmpl="roundTripFeesUSD"></span>
  1008          <span class="fs14 grey">USD</span>
  1009        </span>
  1010      </div>
  1011    </div>
  1012  
  1013    <div class="d-flex align-items-stretch px-3 pt-2 py-2 mt-2 border-top">
  1014      <div class="flex-grow-1 d-flex align-items-center justify-content-between pe-3">
  1015        <span>
  1016          <span data-tmpl="profitLabel">Profit threshold</span>
  1017          <span data-tmpl="gapLabel">Gap</span>
  1018          <span data-tmpl="multiplierLabel">Multiplier</span>
  1019        </span>
  1020        <div class="d-flex align-items-end">
  1021          <span data-tmpl="gapFactor"></span>
  1022          <span data-tmpl="profitUnit" class="fs14 grey ms-1">%</span>
  1023          <span data-tmpl="gapUnit" class="fs14 grey ms-1">
  1024            <span data-quote-ticker></span>/<span data-base-ticker></span>
  1025          </span>
  1026          <span data-tmpl="multiplierUnit" class="fs14 grey ms-1">X</span>
  1027        </div>
  1028      </div>
  1029      <div class="d-flex align-items-stretch ps-3 border-start">
  1030        <button data-tmpl="runLogsBttn" class="ico-textfile"></button>
  1031        <button data-tmpl="stopBttn" class="ms-3 position-relative">Stop</button>
  1032      </div>
  1033    </div>
  1034  </div>
  1035  {{end}}
  1036  
  1037  {{define "orderReportForm"}}
  1038  <div class="form-closer"><span class="ico-cross"></span></div>
  1039  <div>
  1040    <header id="orderReportTitle"></header>
  1041    <div id="orderReportError" class="text-danger d-flex flex-column"></div>
  1042    <div id="orderReportDetails" class="d-flex flex-column">
  1043      <div class="fs18 mt-3 align-self-start"><img class="logo-square small"><span class="ms-2">[[[Wallet Balances]]]</span></div>
  1044      <table class="table striped border mt-3 w-auto mx-auto">
  1045        <thead>
  1046          <tr>
  1047            <th class="border text-center">[[[Asset]]]</th>
  1048            <th class="border text-center">[[[Available]]]</th>
  1049            <th class="border text-center">[[[Locked]]]</th>
  1050            <th class="border text-center">[[[Pending]]]</th>
  1051            <th class="border text-center">[[[Required]]]</th>
  1052            <th class="border text-center">[[[Used]]]</th>
  1053            <th class="border text-center">[[[Remaining]]]</th>
  1054            <th id="dexDeficiencyHeader" class="border text-center">[[[Deficiency]]]</th>
  1055            <th id="dexDeficiencyWithPendingHeader" class="border text-center">[[[Deficiency with Pending]]]</th>
  1056          </tr>
  1057        </thead>
  1058        <tbody id="dexBalancesBody">
  1059          <tr id="dexBalancesRowTmpl">
  1060            <td class="border text-center"><img data-tmpl="assetLogo" class="micro-icon me-1"><span data-tmpl="asset"></span></td>
  1061            <td class="border text-center" data-tmpl="available"></td>
  1062            <td class="border text-center" data-tmpl="locked"></td>
  1063            <td class="border text-center" data-tmpl="pending"></td>
  1064            <td class="border text-center" data-tmpl="required"></td>
  1065            <td class="border text-center" data-tmpl="used"></td>
  1066            <td class="border text-center" data-tmpl="remaining"></td>
  1067            <td class="border text-center" data-tmpl="deficiency"></td>
  1068            <td class="border text-center" data-tmpl="deficiencyWithPending"></td>
  1069          </tr>
  1070        </tbody>
  1071      </table>
  1072  
  1073      <div id="cexSection">
  1074        <hr>
  1075        <div class="fs18 align-self-start"><img id="cexLogo" class="small-icon"><span class="ms-2" id="cexBalancesTitle"></span></div>
  1076        <table id="cexBalancesTable" class="table striped border mt-3 w-auto mx-auto">
  1077        <thead>
  1078          <tr>
  1079            <th class="border text-center">[[[Asset]]]</th>
  1080            <th class="border text-center">[[[Available]]]</th>
  1081            <th class="border text-center">[[[Locked]]]</th>
  1082            <th class="border text-center">[[[Pending]]]</th>
  1083            <th class="border text-center">[[[Required]]]</th>
  1084            <th class="border text-center">[[[Used]]]</th>
  1085            <th class="border text-center">[[[Remaining]]]</th>
  1086            <th id="cexDeficiencyHeader" class="border text-center">[[[Deficiency]]]</th>
  1087            <th id="cexDeficiencyWithPendingHeader" class="border text-center">[[[Deficiency with Pending]]]</th>
  1088          </tr>
  1089        </thead>
  1090        <tbody>
  1091          <tr>
  1092            <td class="border text-center"><img id="cexAssetLogo" class="micro-icon me-1"><span id="cexAsset"></span></td>
  1093            <td id="cexAvailable" class="border text-center"></td>
  1094            <td id="cexLocked" class="border text-center"></td>
  1095            <td id="cexPending" class="border text-center"></td>
  1096            <td id="cexRequired" class="border text-center"></td>
  1097            <td id="cexUsed" class="border text-center"></td>
  1098            <td id="cexRemaining" class="border text-center"></td>
  1099            <td id="cexDeficiency" class="border text-center text-warning"></td>
  1100            <td id="cexDeficiencyWithPending" class="border text-center"></td>
  1101            </tr>
  1102          </tbody>
  1103        </table>
  1104      </div>
  1105  
  1106      <hr>
  1107      <div class="fs18 align-self-start">Placements</div>
  1108      <table id="placementsTable" class="table striped border mt-3 w-auto mx-auto">
  1109        <thead>
  1110          <tr>
  1111            <th class="border text-center">[[[Priority]]]</th>
  1112            <th class="border text-center">[[[Lots]]]</th>
  1113            <th class="border text-center">[[[Standing Lots]]]</th>
  1114            <th class="border text-center">[[[Ordered Lots]]]</th>
  1115            <th class="border text-center">[[[Rate]]]</th>
  1116            <th class="border text-center" id="counterTradeRateHeader">[[[Arb Rate]]]</th>
  1117            <th class="border text-center">[[[Required DEX]]]</th>
  1118            <th class="border text-center">[[[Used DEX]]]</th>
  1119            <th class="border text-center" id="requiredCEXHeader">[[[Required CEX]]]</th>
  1120            <th class="border text-center" id="usedCEXHeader">[[[Used CEX]]]</th>
  1121            <th class="border text-center" id="errorHeader">[[[Error]]]</th>
  1122          </tr>
  1123        </thead>
  1124        <tbody id="placementsBody">
  1125          <tr id="placementRowTmpl">
  1126            <td data-tmpl="priority" class="text-center border"></td>
  1127            <td data-tmpl="lots" class="text-center border"></td>
  1128            <td data-tmpl="standingLots" class="text-center border"></td>
  1129            <td data-tmpl="orderedLots" class="text-center border"></td>
  1130            <td data-tmpl="rate" class="text-center border"></td>
  1131            <td data-tmpl="counterTradeRate" class="text-center border"></td>
  1132            <td data-tmpl="requiredDEX" class="text-center border">
  1133              <span id="placementAmtRowTmpl" class="d-flex justify-content-end">
  1134                <span data-tmpl="amt"></span>
  1135                <img data-tmpl="assetLogo" class="micro-icon mx-1 mt-1">
  1136                <span data-tmpl="assetSymbol"></span>
  1137              </span>
  1138            </td>
  1139            <td data-tmpl="usedDEX" class="text-center border"></td>
  1140            <td data-tmpl="requiredCEX" class="text-center border"></td>
  1141            <td data-tmpl="usedCEX" class="text-center border"></td>
  1142            <td data-tmpl="error" class="text-center border text-danger"></td>
  1143          </tr>
  1144        </tbody>
  1145      </table>
  1146    </div>
  1147  </div>
  1148  {{end}}