decred.org/dcrdex@v1.0.3/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        <p class="grey">[[[Build ID]]]: <span id="commitHash" class="mono"></span></p>
    83      </div>
    84    </section>
    85  
    86    {{- /* POP-UP FORMS */ -}}
    87    <div id="forms" class="d-hide">
    88      
    89      {{- /* DEX ADDRESS */ -}}
    90      <form class="d-hide" id="dexAddrForm" autocomplete="off">
    91        {{template "dexAddrForm" .}}
    92      </form>
    93  
    94      {{- /* REG ASSET SELECTOR */ -}}
    95      <form class="d-hide" id="regAssetForm">
    96        {{template "regAssetForm"}}
    97      </form>
    98      {{- /* CONFIRM REGISTRATION */ -}}
    99      <form class="d-hide mw-425" id="confirmRegForm">
   100        {{template "confirmRegistrationForm"}}
   101      </form>
   102  
   103      {{- /* AUTHORIZE IMPORT ACCOUNT */ -}}
   104      <form class="d-hide" id="authorizeAccountImportForm">
   105        {{template "authorizeAccountImportForm" .}}
   106      </form>
   107  
   108      {{- /* NEW WALLET */ -}}
   109      <form class="d-hide" id="newWalletForm">
   110        {{template "newWalletForm" }}
   111      </form>
   112  
   113      {{- /* CHANGE APP PASSWORD */ -}}
   114      <form class="d-hide" id="changeAppPWForm">
   115        {{template "changeAppPWForm"}}
   116      </form>
   117  
   118      {{- /* RESET APP PASSWORD */ -}}
   119      <form class="d-hide" id="resetAppPWForm">
   120        {{template "appPassResetForm"}}
   121      </form>
   122  
   123      {{- /* EXPORT SEED AUTHORIZATION */ -}}
   124      <form class="d-hide" id="exportSeedAuth">
   125        <div class="form-closer"><span class="ico-cross"></span></div>
   126        <header>
   127          [[[Export Seed]]]
   128        </header>
   129        <div class="text-start">
   130          [[[pw_for_seed]]]
   131        </div>
   132        <div class="text-start">
   133          <label for="exportSeedPW">[[[Password]]]</label>
   134          <input type="password" id="exportSeedPW" autocomplete="current-password">
   135        </div>
   136        <div class="flex-stretch-column">
   137          <button id="exportSeedSubmit" type="button" class="feature">[[[Show Me]]]</button>
   138        </div>
   139        <div class="fs15 text-center d-hide text-danger text-break" id="exportSeedErr"></div>
   140      </form>
   141  
   142      {{- /* SEED DISPLAY */ -}}
   143      <form class="d-hide" id="authorizeSeedDisplay">
   144        <div class="form-closer"><span class="ico-cross"></span></div>
   145        <div class="pt-4">[[[dont_share]]]</div>
   146        <div class="flex-center">
   147          <div class="fs18 mono mx-auto user-select-all text-break" id="legacySeed"></div>
   148          <div class="fs18 mono mx-auto user-select-all text-break" id="mnemonic"></div>
   149        </div>
   150      </form>
   151  
   152      {{- /* SYNC AND BALANCE FORM */ -}}
   153      <form class="d-hide" id="walletWait">
   154        {{template "waitingForWalletForm"}}
   155      </form>
   156  
   157      <form id="gameCodeForm" class="d-hide">
   158        <div class="form-closer"><span class="ico-cross"></span></div>
   159        <header><span class="ico-ticket me-2"></span> [[[Redeem Game Code]]]</header>
   160        <div class="px-3 flex-stretch-column">
   161          <label for="gameCodeInput" class="pt-2">[[[Code]]]</label>
   162          <input type="text" id="gameCodeInput">
   163          <label for="gameCodeMsg" class="mt-2">[[[Message_optional]]]</label>
   164          <input type="text" id="gameCodeMsg" maxlength="256">
   165          <button type="button" id="gameCodeSubmit" class="feature mt-2">[[[Redeem]]]</button>
   166          <div id="gameCodeSuccess" class="mt-2 pt-2 border-top flex-stretch-column d-hide">
   167            <span>[[[Game code redeemed]]]</span>
   168            <span class="mt-2">[[[Transaction]]]</span>
   169            <a id="gameRedeemTx" class="mt-1 word-break-all" target="_blank"></a>
   170            <span class="mt-2">[[[Value]]]: <span id="gameRedeemValue"></span> <span class="fs14 grey">DCR</span></span>
   171            <span class="mt-2">[[[Prepaid bond redeemed]]]</span>
   172          </div>
   173          <div id="gameCodeErr" class="mt-2 text-warning d-hide"></div>
   174        </div>
   175      </form>
   176    </div>
   177  </div>
   178  {{template "bottom"}}
   179  {{end}}