copay/views/create.html

<div ng-controller="CreateController">
  <div data-alert class="loading-screen" ng-show="loading">
    <i class="size-60 fi-bitcoin-circle icon-rotate spinner"></i>
    <span translate>Creating wallet...</span>
  </div>
  <div class="setup" ng-show="!loading">
    <form name="setupForm" ng-submit="create(setupForm)" novalidate>
      <div class="row">
        <div class="large-4 columns logo-setup text-center">
          <img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
          <div ng-include="'views/includes/version.html'"></div>
        </div>
        <div class="large-8 columns line-dashed-setup-v">
          <div class="box-setup oh">
            <img ng-if="!isSetupWalletPage && !isMobile" class="right m15t" src="img/step-1.svg" alt="Step 1">
            <img ng-if="isSetupWalletPage && !isMobile" class="right m15t" src="img/step-2.svg" alt="Step 2">
            <h1 translate class="text-secondary line-sidebar-b">Create new wallet</h1>
            <label ng-show="!isSetupWalletPage"><span translate>Wallet name</span>
              <input type="text" placeholder="{{'Family vacation funds'|translate}}" class="form-control" ng-model="walletName">
            </label>
            <div class="row" ng-show="isSetupWalletPage">
              <div ng-if="totalCopayers > 1">
                <label translate for="Name">Your name</label>
                <input id="Name" type="text" placeholder="{{'Name'|translate}}" class="form-control" ng-model="$parent.myNickname">
              </div>
              <div>
                <label for="walletPassword"><span translate>Your Wallet Password</span> 
                  <small translate data-options="disable_for_touch:true" class="has-tip text-gray" tooltip="doesn't need to be shared" >Required</small>
                </label>
                  <input id="walletPassword" type="password"
                  placeholder="{{'Choose your password'|translate}}" class="form-control"
                  ng-model="$parent.walletPassword" 
                  name="walletPassword"
                  check-strength="passwordStrength" 
                  tooltip-html-unsafe="Password strength: 
                  <i>{{passwordStrength}}</i><br/><span
                    class='size-12'>Tip: Use lower and uppercase, numbers and
                    symbols</span>" 
                  tooltip-trigger="focus" required
                  tooltip-placement="top">
                  
                  <input type="password" 
                  placeholder="{{'Repeat password'|translate}}"
                  name="walletPasswordConfirm"
                  ng-model="walletPasswordConfirm" 
                  match="walletPassword" 
                  required>
              </div>

              <a class="expand small"  ng-click="hideAdv=!hideAdv">
                <span translate ng-hide="!hideAdv">Show</span> 
                <span translate ng-hide="hideAdv">Hide</span> 
                <span translate>advanced options</span>
              </a>
              <div ng-hide="hideAdv">
                <p>
                <input type="text" 
                placeholder="{{'Private Key (Hex)'|translate}}"
                name="private"
                ng-model="private" 
                >
              </div>
  
            </div>
            <div class="row" ng-show="!isSetupWalletPage">
              <div class="large-6 medium-6 columns">
                <label><span translate>Select total number of copayers (*)</span>
                  <select ng-model="totalCopayers" ng-options="totalCopayers as totalCopayers for totalCopayers in TCValues">
                  </select>
                </label>
              </div>
              <div class="large-6 medium-6 columns">
                <label><span translate>Select required signatures (*)</span>
                  <select ng-model="requiredCopayers" ng-options="requiredCopayers as requiredCopayers for requiredCopayers in RCValues" ng-disabled="totalCopayers == 1">
                  </select>
                </label>
              </div>
            </div>
            <div class="box-setup-copayers" ng-show="!isSetupWalletPage">
              <div class="box-setup-copayers p10">
                <img class="br100 oh box-setup-copay m10" ng-repeat="i in getNumber(totalCopayers) track by $index"
                src="./img/satoshi.gif"
                title="Copayer {{$index+1}}-{{totalCopayers}}"
                ng-class="{'box-setup-copay-required': ($index+1) <= requiredCopayers}"
                width="50px">
              </div>
            </div>
            <p translate class="comment" ng-show="totalCopayers>1 && !isSetupWalletPage">(*) The limits are imposed by the bitcoin network.</p>
            <div class="text-right">
              <a ng-show="!isSetupWalletPage" class="back-button m20r"
                href="#!/">&laquo; <span translate>Back</span></a>
              <a ng-show="isSetupWalletPage" class="back-button m20r"
                ng-click="setupWallet()">&laquo; <span translate>Back</span></a>
              <button translate ng-show="isSetupWalletPage" type="submit" class="button secondary m0" ng-disabled="setupForm.$invalid || loading">
                Create {{requiredCopayers}}-of-{{totalCopayers}} wallet
              </button>
              <a translate class="button secondary m0" ng-show="!isSetupWalletPage"
                ng-click="setupWallet()">Next</a>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>