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

     1  {{define "settings"}}
     2  {{template "top" .}}
     3  {{$authed := .UserInfo.Authed}}
     4  <div id="main" data-handler="settings" class="overflow-y-auto">
     5    <section class="mw-425 flex-stretch-column mx-auto">
     6      <h1 class="text-center px-3 py-2"><span class="ico-settings"></span></h1>
     7      <div class="settings px-3">
     8        <div class="form-check ps-4 pt-2 border-top">
     9          <input class="form-check-input" type="checkbox" value="" id="darkMode">
    10          <label class="form-check-label" for="darkMode">
    11            [[[Dark Mode]]]
    12          </label>
    13        </div>
    14        <div id="fiatRateSources" class="pt-2 {{if not $authed}}d-hide{{end}}">
    15          <div class="mb-1" data-tooltip="[[[fiat_exchange_rate_msg]]]">
    16            [[[fiat_exchange_rate_sources]]]:
    17            <span class="ico-info"></span>
    18          </div>
    19          {{range $source, $enabled := .FiatRateSources}}
    20          <div class="form-check ms-3">
    21            <input class="form-check-input" type="checkbox" value="{{$source}}" id="{{$source}}" {{if $enabled}} checked {{end}}>
    22            <label class="form-check-label" for="{{$source}}">{{$source}}</label>
    23          </div>
    24          {{end}}
    25        </div>
    26        <div class="pt-2 {{if not .UserInfo.Authed}}d-hide{{end}}">
    27          <span>Fiat Currency: </span><span id="fiatCurrency">{{.FiatCurrency}}</span>
    28        </div>
    29        <div class="form-check ps-4 pt-2">
    30          <input class="form-check-input" type="checkbox" value="" id="showPokes" checked>
    31          <label class="form-check-label" for="showPokes">
    32            [[[Show pop-up notifications]]]
    33          </label>
    34        </div>
    35        <div class="py-2 border-bottom {{if not .UserInfo.Authed}}d-hide{{end}}">
    36          <div>
    37            <div class="form-check">
    38              <label class="form-check-label">
    39                <input class="form-check-input" name="browserNtfnEnabled" type="checkbox" value="1" id="browserNtfnEnabled">
    40                [[[enable_browser_ntfn]]]
    41                <span class="ico-info" data-tooltip="[[[enable_browser_ntfn_info]]]"></span>
    42              </label>
    43            </div>
    44            <div id="browserNtfnBlockedMsg" class="d-hide">[[[browser_ntfn_blocked]]]</div>
    45            <div id="browserNtfnCheckboxContainer" class="d-hide">
    46              <div class="form-check ms-3" id="browserNtfnCheckboxTemplate">
    47                <label class="form-check-label" >
    48                <span data-tmpl="label"></span>
    49                  <input class="form-check-input" type="checkbox" value="1" data-tmpl="checkbox">
    50                </label>
    51              </div>
    52            </div>
    53          </div>
    54        </div>
    55        <div class="py-3 border-bottom {{if not $authed}} d-hide{{end}}">
    56          <div id="exchanges" {{if eq (len .Exchanges) 0}} class="d-hide"{{end}}>
    57            <h5>[[[registered dexes]]]</h5>
    58            {{range $host, $xc := .Exchanges}}
    59              <a href="/dexsettings/{{$host}}"><button><div class=text-break>{{$host}}<span class="dex-settings-icon ico-settings ms-2"></span></div></button></a>
    60            {{end}}
    61          </div>
    62          <br>
    63          <div>
    64            <p class="grey">
    65            [[[simultaneous_servers_msg]]]
    66            </p>
    67            <button id="addADex">[[[Add a DEX]]]</button>
    68            <button id="importAccount" class="ms-2">[[[Import Account]]]</button>
    69          </div>
    70        </div>
    71        <div class="py-3 border-bottom {{if not .IsInitialized}}d-hide{{end}}">
    72            <button id="changeAppPW" class="my-1 {{if not $authed}} d-hide{{end}}">[[[Change App Password]]]</button>
    73            <button id="resetAppPW" class="my-1 {{if or $authed }} d-hide{{end}}">[[[Reset App Password]]]</button>
    74        </div>
    75        <div class="py-3 border-bottom {{if not .UserInfo.Authed}}d-hide{{end}}">
    76          <p class="grey">[[[seed_implore_msg]]]</p>
    77          <button id="exportSeed" class="fs15">[[[View Application Seed]]]</button>
    78        </div>
    79        <div id="gameCodeLink" class="py-3 mb-3 border-bottom pointer hoverbg">
    80          <span class="ico-ticket"></span> [[[Redeem game code]]]
    81        </div>
    82        <div class="mb-3 pb-3 border-bottom {{if not $authed}}d-hide{{end}}">
    83          <button id="companionAppBtn" class="fs15">[[[Pair companion app]]]</button>
    84        </div>
    85        <p class="grey">[[[Build ID]]]: <span class="mono">{{commitHash false}}</span></p>
    86      </div>
    87    </section>
    88  
    89    {{- /* POP-UP FORMS */ -}}
    90    <div id="forms" class="d-hide">
    91      
    92      {{- /* DEX ADDRESS */ -}}
    93      <form class="d-hide" id="dexAddrForm" autocomplete="off">
    94        {{template "dexAddrForm" .}}
    95      </form>
    96  
    97      {{- /* REG ASSET SELECTOR */ -}}
    98      <form class="d-hide" id="regAssetForm">
    99        {{template "regAssetForm"}}
   100      </form>
   101      {{- /* CONFIRM REGISTRATION */ -}}
   102      <form class="d-hide mw-425" id="confirmRegForm">
   103        {{template "confirmRegistrationForm"}}
   104      </form>
   105  
   106      {{- /* AUTHORIZE IMPORT ACCOUNT */ -}}
   107      <form class="d-hide" id="authorizeAccountImportForm">
   108        {{template "authorizeAccountImportForm" .}}
   109      </form>
   110  
   111      {{- /* NEW WALLET */ -}}
   112      <form class="d-hide" id="newWalletForm">
   113        {{template "newWalletForm" }}
   114      </form>
   115  
   116      {{- /* CHANGE APP PASSWORD */ -}}
   117      <form class="d-hide" id="changeAppPWForm">
   118        {{template "changeAppPWForm"}}
   119      </form>
   120  
   121      {{- /* RESET APP PASSWORD */ -}}
   122      <form class="d-hide" id="resetAppPWForm">
   123        {{template "appPassResetForm"}}
   124      </form>
   125  
   126      {{- /* EXPORT SEED AUTHORIZATION */ -}}
   127      <form class="d-hide" id="exportSeedAuth">
   128        <div class="form-closer"><span class="ico-cross"></span></div>
   129        <header>
   130          [[[Export Seed]]]
   131        </header>
   132        <div class="text-start">
   133          [[[pw_for_seed]]]
   134        </div>
   135        <div class="text-start">
   136          <label for="exportSeedPW">[[[Password]]]</label>
   137          <input type="password" id="exportSeedPW" autocomplete="current-password">
   138        </div>
   139        <div class="flex-stretch-column">
   140          <button id="exportSeedSubmit" type="button" class="feature">[[[Show Me]]]</button>
   141        </div>
   142        <div class="fs15 text-center d-hide text-danger text-break" id="exportSeedErr"></div>
   143      </form>
   144  
   145      {{- /* SEED DISPLAY */ -}}
   146      <form class="d-hide" id="authorizeSeedDisplay">
   147        <div class="form-closer"><span class="ico-cross"></span></div>
   148        <div class="pt-4">[[[dont_share]]]</div>
   149        <div class="flex-center">
   150          <div class="fs18 mono mx-auto user-select-all text-break" id="legacySeed"></div>
   151          <div class="fs18 mono mx-auto user-select-all text-break" id="mnemonic"></div>
   152        </div>
   153      </form>
   154  
   155      {{- /* SYNC AND BALANCE FORM */ -}}
   156      <form class="d-hide" id="walletWait">
   157        {{template "waitingForWalletForm"}}
   158      </form>
   159  
   160      <form id="gameCodeForm" class="d-hide">
   161        <div class="form-closer"><span class="ico-cross"></span></div>
   162        <header><span class="ico-ticket me-2"></span> [[[Redeem Game Code]]]</header>
   163        <div class="px-3 flex-stretch-column">
   164          <label for="gameCodeInput" class="pt-2">[[[Code]]]</label>
   165          <input type="text" id="gameCodeInput">
   166          <label for="gameCodeMsg" class="mt-2">[[[Message_optional]]]</label>
   167          <input type="text" id="gameCodeMsg" maxlength="256">
   168          <button type="button" id="gameCodeSubmit" class="feature mt-2">[[[Redeem]]]</button>
   169          <div id="gameCodeSuccess" class="mt-2 pt-2 border-top flex-stretch-column d-hide">
   170            <span>[[[Game code redeemed]]]</span>
   171            <span class="mt-2">[[[Transaction]]]</span>
   172            <a id="gameRedeemTx" class="mt-1 word-break-all" target="_blank"></a>
   173            <span class="mt-2">[[[Value]]]: <span id="gameRedeemValue"></span> <span class="fs14 grey">DCR</span></span>
   174            <span class="mt-2">[[[Prepaid bond redeemed]]]</span>
   175          </div>
   176          <div id="gameCodeErr" class="mt-2 text-warning d-hide"></div>
   177        </div>
   178      </form>
   179    </div>
   180  </div>
   181  {{template "bottom"}}
   182  {{end}}