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

     1  {{define "top"}}
     2  <!DOCTYPE html>
     3  <html lang="[[[Language]]]">
     4  <head>
     5    <meta charset="utf-8">
     6    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     7    <meta name="viewport" content="width=device-width, initial-scale=1">
     8    {{- /* The above 2 meta tags *must* come first in the head; any other head content must come *after* these tags */ -}}
     9    <link rel="icon" href="/img/favicon.png?v=AZ4AZX">
    10    <meta name="description" content="Bison Wallet">
    11    <title>{{.Title}}</title>
    12    <link href="/css/style.css?v={{commitHash}}" rel="stylesheet">
    13  </head>
    14  <body {{if .UseDEXBranding}}class="dex-branding"{{end}}>
    15    <div class="popup-notes d-hide" id="popupNotes">
    16      <span data-tmpl="note" class="fs15">
    17        <div class="note-indicator d-inline-block" data-tmpl="indicator"></div>
    18        <span data-tmpl="text"></span>
    19      </span>
    20    </div>
    21    <div id="tooltip" class="flex-center"></div>
    22    {{template "header" .}}
    23  {{end}}
    24  
    25  {{define "header"}}
    26  <header id="header" class="border-bottom mb-2">
    27    {{$authed := .UserInfo.Authed}}
    28    <a href="/" class="d-none d-md-block pointer hoverbg mx-2">
    29      <img class="logo-full">
    30    </a>
    31    <a href="/" class="d-block d-md-none pointer hoverbg mx-2">
    32      <img class="logo-square">
    33    </a>
    34    <div id="headerSpace"></div>
    35    <div class="mainlinks fs18 pe-2 text-nowrap">
    36  
    37      <a href="/wallets" class="demi hoverbg{{if not $authed}} d-hide{{end}}" id="walletsMenuEntry">[[[Wallet]]]</a>
    38  
    39      <a href="/markets" class="demi hoverbg d-hide" id="marketsMenuEntry">[[[Trade]]]</a>
    40  
    41      <a href="/mm" class="ico-robot lh1 fs32 hoverbg d-hide" id="mmLink"></a>
    42  
    43      <div class="d-inline-block position-relative pointer hoverbg{{if not $authed}} d-hide{{end}}" id="noteBell">
    44        <span class="ico-bell fs20 p-2"></span>
    45        <div id="noteIndicator" class="d-hide"></div>
    46      </div>
    47  
    48      <div class="d-inline-block hoverbg position-relative pointer" id="burgerIcon">
    49        <span class="ico-hamburger fs20 p-2"></span>
    50      </div>
    51  
    52    </div>
    53    <div id="loader" class="fill-abs d-hide">
    54      <div class="fill-abs flex-center blurry-bg">
    55        <img class="d-inline-block logo-square small spinner">
    56        <div id="loaderMsg" class="mx-2 d-hide"></div>
    57      </div>
    58    </div>
    59  
    60    <div id="noteBox" class="d-hide">
    61      <div class="icon fs20 ico-bell p-1" id="innerNoteIcon"></div>
    62      <div class="header d-flex align-items-center justify-content-start fs17 demi px-3 py-2 min-fit">
    63        <div id="noteCat" class="active me-3">[[[Notifications]]]</div>
    64        <div id="pokeCat">[[[Recent Activity]]]</div>
    65      </div>
    66      <div id="noteList" class="flex-grow-1 stylish-overflow">
    67        <div id="noteTmpl" class="note firstview p-2">
    68          <div class="d-flex justify-content-center align-items-center px-1">
    69            <div class="note-indicator d-inline-block me-2"></div>
    70            <div class="note-subject flex-grow-1 d-inline-block fs16 demi"></div>
    71            <span class="note-time text-nowrap pe-2"></span>
    72          </div>
    73          <div class="note-details fs15 px-3"></div>
    74        </div>
    75      </div>
    76      <div id="pokeList" class="d-hide flex-grow-1 stylish-overflow">
    77        <div id="pokeTmpl" class="note fs15 p-2">
    78          <div class="d-flex justify-content-center align-items-start px-1">
    79            <div class="fs15 px-1 flex-grow-1">
    80              <span data-tmpl="subject"></span>
    81              <span data-tmpl="details"></span>
    82            </div>
    83            <span class="note-time text-nowrap"></span>
    84          </div>
    85        </div>
    86      </div>
    87    </div>
    88  
    89    <div id="profileBox" class="d-hide p-3 fs15">
    90      <div class="icon fs20 ico-hamburger p-1" id="innerBurgerIcon"></div>
    91      <span class="text-danger" id="logoutErr"></span>
    92      <a href="/orders" class="demi hoverbright plainlink d-flex align-items-center py-1 authed-only">
    93        <span class="ico-settings fs16 me-2"></span>
    94        [[[Order History]]]
    95      </a>
    96      <a href="/mm" class="demi hoverbright plainlink d-flex align-items-center py-1 authed-only">
    97        <span class="ico-barchart fs16 me-2"></span>
    98        [[[Market Making]]]
    99      </a>
   100      <a href="/settings" class="demi hoverbright plainlink d-flex align-items-center py-1">
   101        <span class="ico-settings fs16 me-2"></span>
   102        [[[Settings]]]
   103      </a>
   104      <div class="d-flex flex-column align-items-start">
   105        <div class="flex-center">
   106          <span id="langFlag" class="fs20"></span>
   107          <span id="langName" class="demi fs16 ms-1"></span>
   108        </div>
   109        <div id="langBttns" class="d-flex align-items-center flex-wrap">
   110          <div id="langBttnTmpl" class="pointer fs18 me-2"></div>
   111        </div>
   112      </div>
   113      <a href="https://github.com/decred/dcrdex" class="demi hoverbright plainlink d-flex align-items-center py-1"  target="_blank">
   114        <span class="ico-open fs16 me-2"></span>
   115        Homepage / Docs
   116      </a>
   117      <div class="demi hoverbright pointer d-flex align-items-center py-1 authed-only" id="profileSignout">
   118        <span class="ico-profile fs16 me-2"></span>
   119        [[[Sign Out]]]
   120      </div>
   121    </div>
   122  
   123  </header>
   124  {{end}}
   125  
   126  {{define "bottom"}}
   127  <div id="requiredActions">
   128    <div id="actionDialogCollapsed" class="d-inline-block text-center p-2 m-1 pointer hoverbg d-hide">
   129      <span class="text-warning fs20">
   130        <span class="ico-info ms-0 me-1"></span>
   131        <span id="actionDialogCount">4</span>
   132      </span>
   133    </div>
   134    <div id="actionDialog" class="mw-375 rounded3 m-3 p-3 d-hide">
   135      <div class="d-flex justify-content-between">
   136        <div class="fs22">
   137          <span class="ico-info text-warning me-2"></span>
   138          Action Required
   139        </div>
   140        <div id="actionsCollapse" class="fs16 p-2 ico-arrowdown hoverbg pointer"></div>
   141      </div>
   142      <div id="actionDialogContent">
   143  
   144        <table id="actionTxTableTmpl" class="compact border cell-border mt-2">
   145          <thead>
   146            <tr>
   147              <th colspan="2">
   148                <a data-tmpl="lostTxID" class="word-break-all"></a>
   149              </th>
   150            </tr>
   151          </thead>
   152          <tbody>
   153            <tr>
   154              <td>[[[Amount]]]</td>
   155              <td>
   156                <span data-tmpl="txAmt"></span>
   157                <span data-tmpl="amtUnit" class="fs15 grey"></span>
   158              </td>
   159            </tr>
   160            <tr>
   161              <td>[[[Fees]]]</td>
   162              <td>
   163                <span data-tmpl="feeAmount"></span>
   164                <span data-tmpl="feeUnit" class="fs15 grey"></span>
   165              </td>
   166            </tr>
   167            <tr data-tmpl="newFeesRow" class="d-hide">
   168              <td>New Fees</td>
   169              <td>
   170                <span data-tmpl="newFees"></span>
   171                <span data-tmpl="newFeesUnit" class="fs15 grey"></span>
   172              </td>
   173            </tr>
   174            <tr>
   175              <td>Tx Type</td>
   176              <td data-tmpl="type"></td>
   177            </tr>
   178          </tbody>
   179        </table>
   180  
   181        <div id="missingNoncesTmpl" class="flex-stretch-column mt-2">
   182          <div class="text-justify">
   183            <span data-tmpl="assetName"></span> nonces are missing. Would you like
   184             to attempt recovery?
   185          </div>
   186          <div class="d-flex align-items-stretch mt-3">
   187            <button data-tmpl="doNothingBttn" class="flex-grow-1 me-2 danger">Do Nothing</button>
   188            <button data-tmpl="recoverBttn" class="flex-grow-1 ms-2">Attempt Recovery</button>
   189          </div>
   190          <div data-tmpl="errMsg" class="p-2 text-warning d-hide"></div>
   191        </div>
   192  
   193        <div id="tooCheapTmpl" class="flex-stretch-column mt-2">
   194          <div class="text-justify">
   195            A <span data-tmpl="assetName"></span>
   196            transaction is stuck and has low fees. Should we replace it with a new
   197            transaction?
   198          </div>
   199          <div data-tmpl="txTable"></div>
   200          <div class="d-flex align-items-stretch mt-3">
   201            <button data-tmpl="keepWaitingBttn" class="flex-grow-1 me-2">Keep Waiting</button>
   202            <button data-tmpl="addFeesBttn" class="flex-grow-1 ms-2">Add Fees</button>
   203          </div>
   204          <div data-tmpl="errMsg" class="p-2 text-warning d-hide"></div>
   205        </div>
   206  
   207        <div id="lostNonceTmpl" class="flex-stretch-column mt-2">
   208          <div class="text-justify">
   209            A <span data-tmpl="assetName"></span>
   210            transaction might be lost. A different transaction with the same
   211            nonce was confirmed first. You can abandon the transaction
   212          </div>
   213          <div data-tmpl="txTable"></div>
   214          <div class="d-flex mt-2">
   215            <button data-tmpl="keepWaitingBttn" class="flex-grow-1 me-1">Keep Waiting</button>
   216            <button data-tmpl="abandonBttn" class="danger flex-grow-1 ms-1">Abandon</button>
   217          </div>
   218          <hr>
   219          <div class="mt-2">
   220            or you can tell us which transaction has nonce <span data-tmpl="nonce"></span>
   221          </div>
   222          <div class="d-flex align-items-stretch mt-2">
   223            <input type="text" data-tmpl="idInput" class="flex-grow-1">
   224            <button data-tmpl="replaceBttn" class="ms-2">Submit</button>
   225          </div>
   226          <div data-tmpl="errMsg" class="p-2 text-warning d-hide"></div>
   227        </div>
   228  
   229        <div id="rejectedRedemptionTmpl" class="flex-stretch-column mt-2">
   230          <div class="text-justify">
   231            A <span data-tmpl="assetName"></span> trade redemption was rejected
   232            by the network. Network transaction fees were incurred. You
   233            can try to redeem again, but it will likely incur more fees and
   234            it may be rejected again.
   235          </div>
   236          <a data-tmpl="txid" class="d-block fs12 mono word-break-all border p-2 mt-2"></a>
   237          <div class="d-flex align-items-stretch mt-3">
   238            <button data-tmpl="doNothingBttn" class="flex-grow-1 me-2">Do Nothing</button>
   239            <button data-tmpl="tryAgainBttn" class="flex-grow-1 ms-2">Try Again</button>
   240          </div>
   241          <div class="flex-center fs14 mt-2">
   242            <a href="https://docs.decred.org/getting-started/joining-matrix-channels/" target="_blank">
   243              Find technical support
   244            </a>
   245          </div>
   246          <div data-tmpl="errMsg" class="p-2 text-warning mt-2 d-hide"></div>
   247        </div>
   248  
   249      </div>
   250      <div id="actionsNavigator" class="flex-center mt-2 lh1 fs16 user-select-none">
   251        <span id="prevAction" class="p-1 ico-arrowleft pointer hoverbg"></span>
   252        <span id="currentAction" class="mx-1"></span>
   253        <span>/</span>
   254        <span id="actionCount" class="mx-1"></span>
   255        <span id="nextAction" class="p-1 ico-arrowright pointer hoverbg"></span>
   256      </div>
   257    </div>
   258  </div>
   259  
   260  <script src="/js/entry.js?v={{commitHash}}"></script>
   261  </body>
   262  </html>
   263  {{end}}