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