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

     1  {{define "init"}}
     2  {{template "top" .}}
     3  <div id="main" data-handler="init" class="main align-items-center justify-content-center flex-column stylish-overflow">
     4    <div class="position-absolute" id="forms">
     5  
     6      {{- /* App Initialization */ -}}
     7      <form id="appPWForm" class="flex-stretch-column">
     8        <header>
     9          <span class="ico-locked fs20 grey me-2"></span>
    10          <span>[[[Set App Password]]]</span>
    11        </header>
    12        <input type="text" name="username" autocomplete="username" class="d-hide"> <!-- to suppress console warning -->
    13        <div class="fs18">[[[reg_set_app_pw_msg]]]</div>
    14        <div class="mt-3 border-top">
    15          <label for="appPW">[[[Password]]]</label>
    16          <input type="password" id="appPW" autocomplete="new-password">
    17        </div>
    18        <div>
    19          <label for="appPWAgain">[[[Password Again]]]</label>
    20          <input type="password" id="appPWAgain" autocomplete="off">
    21        </div>
    22        <div class="d-flex">
    23          <div class="flex-grow-1 d-flex align-items-center">
    24            <label for="seedInput" id="toggleSeedInput">
    25              <span id="toggleSeedInputIcon" class="fs11 ico-plus me-1"></span>
    26              [[[Restoration Seed]]]
    27            </label>
    28          </div>
    29          <button id="appPWSubmit" type="submit" class="flex-grow-1 feature ms-2">[[[Submit]]]</button>
    30        </div>
    31        <div id="seedInputBox" class="d-hide">
    32          <textarea class="w-100 mono" id="seedInput" rows="4" autocomplete="off" spellcheck="false"></textarea>
    33        </div>
    34        <div class="fs15 text-center d-hide text-danger text-break" id="appPWErrMsg"></div>
    35      </form>
    36  
    37      {{- /* Quick Config Form */ -}}
    38      <form id="quickConfigForm" class="flex-stretch-column d-hide">
    39        <header>
    40          <span class="fs22 ico-settings grey me-2"></span>
    41          <span>Quick Configuration</span>
    42        </header>
    43        <div id="qcChoices" class="flex-stretch-column">
    44          <div class="fs18 mb-2">[[[quickconfig_wallet_header]]]</div>
    45          <div id="qcWalletsBox" class="mt-2">
    46            <label id="qcWalletTmpl" class="p-1 d-flex justify-content-start align-items-center hoverbg pointer">
    47              <input class="form-check-input" type="checkbox" data-tmpl="checkbox" checked>
    48              <img class="quickconfig-asset-logo mx-2" data-tmpl="icon">
    49              <span data-tmpl="name" class="fs20"></span>
    50            </label>
    51          </div>
    52          <div class="fs18 mt-3 pt-3 border-top">[[[quickconfig_server_header]]]</div>
    53          <div id="qcServersBox">
    54            <label id="qcServerTmpl" class="d-flex justify-content-start align-items-center p-1 hoverbg pointer my-1">
    55              <input class="form-check-input" type="checkbox" data-tmpl="checkbox" checked>
    56              <span data-tmpl="host" class="ms-2 fs18 lh1"></span>
    57            </label>
    58          </div>
    59          <button id="quickConfigSubmit" type="submit" class="feature my-2">[[[Submit]]]</button>
    60        </div>
    61  
    62        <div id="qcErrors" class="d-hide">
    63          <div id="qcWalletErrors">
    64            <span class="my-1 fs16">
    65              [[[quickconfig_wallet_error_header]]]
    66            </span>
    67            <div id="qcWalletErrorList" class="p-2 my-1"></div>
    68          </div>
    69  
    70          <div id="qcServerErrors">
    71            <span class="my-1 fs16">
    72              [[[quickconfig_server_error_header]]]
    73            </span>
    74            <div id="qcServerErrorList" class="p-2 my-1"></div>
    75          </div>
    76  
    77          <div class="d-flex justify-content-end my-1">
    78            <button id="qcErrAck" class="go">[[[Continue]]]</button>
    79          </div>
    80        </div>
    81      </form>
    82  
    83      {{- /* Seed Backup */ -}}
    84      <form id="seedBackupForm" class="d-hide">
    85        <header>[[[Backup App Seed]]]</header>
    86        <div id="sbWanna">
    87          <div class="fs18 mb-3">
    88            [[[seed_backup_implore]]]
    89          </div>
    90          <div class="flex-stretch-column pt-2">
    91            <button id="showSeed" class="feature">[[[Backup Now]]]</button>
    92          </div>
    93          <div class="d-flex justify-content-end pt-3">
    94            <a class="d-block plainlink fs15 flex-center hoverbg pointer" href="/wallets">
    95              <span>[[[Skip this step for now]]]</span>
    96              <span class="ico-info mx-1" data-tooltip="You can backup your seed at any time in the Settings view"></span>
    97            </a>
    98          </div>
    99        </div>
   100  
   101        <div id="sbSeed" class="d-hide">
   102          <div class="fs18 mb-3">[[[save_seed_instructions]]]</div>
   103          <div class="mt-2 border-top flex-center">
   104            <div class="fs18 mono mx-auto user-select-all text-break" id="mnemonic"></div>
   105          </div>
   106          <div class="d-flex justify-content-end">
   107            <button id="seedAck" class="feature">[[[Done]]]</button>
   108          </div>
   109        </div>
   110      </form>
   111  
   112    </div> {{/* END FORMS */}}
   113  </div>
   114  {{template "bottom"}}
   115  {{end}}