decred.org/dcrdex@v1.0.5/client/webserver/site/src/html/dexsettings.tmpl (about) 1 {{define "dexsettings"}} 2 {{template "top" .}} 3 <div id="main" data-handler="dexsettings" data-host="{{.Exchange.Host}}" data-disabled="{{.Exchange.Disabled}}" class="py-5 overflow-y-auto"> 4 <section class="flex-stretch-column mw-425 mx-auto pb-3 pt-2"> 5 <div class="d-flex justify-content-start align-items-center"> 6 <span id="goBackToSettings" class="ico-wide-headed-left-arrow fs24 py-1 px-2 lh1 hoverbg pointer"></span> 7 </div> 8 <h1 class="text-center"><span class="ico-settings"></span></h1> 9 <div class="flex-center fs28 text-break px-3">{{.Exchange.Host}}</div> 10 <div class="flex-center fs16 mb-2 px-3"> 11 <span class="me-2 ico-connection d-hide text-success" id="connectedIcon"></span> 12 <span class="me-2 text-danger ico-disconnected d-hide" id="disconnectedIcon"></span> 13 <span id="connectionStatus"></span> 14 </div> 15 <div class="py-1 border-top pt-3 px-3"> 16 <div>Account ID</div> 17 <div class="user-select-all w-100 overflow-ellipsis">{{.Exchange.AcctID}}</div> 18 </div> 19 <div class="flex-stretch-column pt-3 mt-3 px-3 border-top"> 20 <div class="d-flex align-items-stretch"> 21 <div class="flex-center flex-grow-1 pe-3"> 22 <div class="flex-stretch-column w-100"> 23 <div class="d-flex justify-content-between align-items-center"> 24 <span>[[[target_tier]]] <span class="fs14 ico-info me-1" 25 data-tooltip="[[[target_tier_tooltip]]]"></span></span> 26 <span id="targetTier"></span> 27 </div> 28 <div class="d-flex justify-content-between align-items-center"> 29 <span>[[[Actual Tier]]] <span class="fs14 ico-info me-1" 30 data-tooltip="[[[current_tier_tooltip]]]"></span></span> 31 <span id="effectiveTier"></span> 32 </div> 33 <div class="d-flex justify-content-between align-items-center"> 34 <span>[[[Penalties]]]</span> 35 <span id="penalties"></span> 36 </div> 37 <div class="d-flex justify-content-between align-items-center"> 38 <span>[[[bonds_pending_refund]]]</span> 39 <span id="bondsPendingRefund"></span> 40 </div> 41 </div> 42 </div> 43 <div class="flex-center p-4 border-start"> 44 <button id="changeTier" {{if .Exchange.Disabled}}disabled{{end}}>[[[Change Tier]]]</button> 45 </div> 46 </div> 47 <div id="otherBondSettings" class="d-flex align-items-stretch mt-3 border-top"> 48 <div class="col-12 pe-2 py-2"> 49 <div id="autoRenewBox" class="d-flex justify-content-between align-items-center hoverbg pointer"> 50 <span>Auto Renew</span> 51 <div> 52 <div id="toggleAutoRenew" class="anitoggle" {{if .Exchange.Disabled}}disabled{{end}}></div> 53 </div> 54 </div> 55 <div id="renewErr" class="d-hide flex-center text-danger fs15"></div> 56 </div> 57 <div class="col-12 ps-2 py-2 border-start hoverbg"> 58 <div id="penaltyCompBox" class="row"> 59 <div class="col-18"> 60 <label for="penaltyCompInput">Penalty Comps 61 <span class="ico-info fs14" data-tooltip="[[[compensation_tooltip]]]"></span> 62 </label> 63 </div> 64 <div class="col-6 text-end"> 65 <span id="penaltyComps"></span> 66 <input id="penaltyCompInput" type="number" step="1" class="micro thin text-center fs14" {{if .Exchange.Disabled}}disabled{{end}}> 67 </div> 68 </div> 69 <div id="penaltyCompsErr" class="d-hide flex-center text-danger fs15"></div> 70 </div> 71 </div> 72 <div id="repMeter" class="pt-3 border-top"> 73 {{template "reputationMeter"}} 74 </div> 75 </div> 76 <div class="fs15 text-center d-hide text-danger text-break pt-3 mt-3 px-3 border-top" id="errMsg"></div> 77 <div class="settings mt-3 border-top"> 78 <div class="border-bottom px-3 py-2"> 79 <button id="toggleAccountStatusBtn"> 80 {{if not .Exchange.Disabled}} 81 [[[Disable Account]]] 82 {{else}} 83 [[[Enable Account]]] 84 {{end}} 85 </button> 86 </div> 87 <div class="border-bottom px-3 py-2 {{if .Exchange.ViewOnly}}d-hide{{end}}"> 88 <button id="exportDexBtn">[[[Export Account]]]</button> 89 </div> 90 <div class="border-bottom px-3 py-2 {{if .Exchange.Disabled}}d-hide{{end}}"> 91 <input type="file" class="d-none" id="certFileInput"> 92 <button id="updateCertBtn">[[[Update TLS Certificate]]]</button> 93 <span class="mx-2 d-hide text-success" id="updateCertMsg">[[[successful_cert_update]]]</span> 94 </div> 95 <div class="border-bottom px-3 py-2 border-bottom {{if .Exchange.Disabled}}d-hide{{end}}"> 96 <button id="updateHostBtn">[[[update dex host]]]</button> 97 </div> 98 </div> 99 </section> 100 101 <div id="forms" class="d-hide"> 102 {{- /* DISABLE ACCOUNT */ -}} 103 <form class="d-hide" id="disableAccountForm"> 104 <div class="form-closer"><span class="ico-cross"></span></div> 105 <header> 106 [[[Disable Account]]] 107 </header> 108 <div id="disableAccountHost" class="flex-center"></div> 109 <div> 110 [[[disable_dex_server]]] 111 </div> 112 <div class="flex-stretch-column"> 113 <button id="disableAccountConfirm" type="button" class="feature">[[[Disable Account]]]</button> 114 </div> 115 <div class="fs15 text-center d-hide text-danger text-break" id="disableAccountErr"></div> 116 </form> 117 118 {{- /* DEX ADDRESS */ -}} 119 <form class="d-hide" id="dexAddrForm" autocomplete="off"> 120 {{template "dexAddrForm" .}} 121 </form> 122 123 {{- /* SUCCESS ANIMATION */ -}} 124 <form id="checkmarkForm" class="flex-center flex-column plain"> 125 <div id="checkmarkBox" class="flex-center"> 126 <span class="ico-check" id="checkmark"></span> 127 </div> 128 <div id="successMessage" class="fs22"></div> 129 </form> 130 131 {{- /* REG ASSET SELECTOR */ -}} 132 <form class="d-hide" id="regAssetForm"> 133 {{template "regAssetForm"}} 134 </form> 135 136 {{- /* CONFIRM POST BOND */ -}} 137 <form class="d-hide mw-425" id="confirmRegForm"> 138 {{template "confirmRegistrationForm"}} 139 </form> 140 141 {{- /* SYNC AND BALANCE FORM */ -}} 142 <form class="d-hide" id="walletWait"> 143 {{template "waitingForWalletForm"}} 144 </form> 145 146 {{- /* Form to set up a wallet. Shown on demand when a user clicks a setupWallet button. */ -}} 147 <form class="d-hide" id="newWalletForm"> 148 {{template "newWalletForm"}} 149 </form> 150 151 </div> 152 153 </div> 154 {{template "bottom"}} 155 {{end}}