copay/public/views/join.html

<ion-view>
  <ion-nav-bar class="bar-stable">
    <ion-nav-buttons side="primary">
      <button class="button no-border" ui-sref="tabs.add">
        <i class="icon ion-chevron-left"></i> Back
      </button>
    </ion-nav-buttons>
    <ion-nav-title>Join shared wallet</ion-nav-title>
  </ion-nav-bar>


  <ion-content ng-controller="joinController as join">

    <div class="padding assertive" ng-show="join.error">
      {{join.error|translate}}
    </div>

    <form name="joinForm" ng-submit="join.join(joinForm)" novalidate>

      <div class="list">

        <div class="row">
          <div class="col">
            <label class="item item-input item-stacked-label no-border">
              <span class="input-label" translate>Your nickname</span>
              <input type="text"
              placeholder="{{'John'|translate}}"
              name="myName"
              ng-model="myName"
              ng-required="true">
            </label>
          </div>
        </div>

        <div class="row">
          <div class="col col-90">
            <label class="item item-input item-stacked-label no-border">
              <span class="input-label" translate>Wallet Invitation</span>
              <i class="icon ion-checkmark-circled balanced" ng-show="joinForm.secret.$valid && !joinForm.secret.$pristine && secret"></i>
              <i class="icon ion-close-circled assertive" ng-show="joinForm.secret.$invalid && !joinForm.secret.$pristine && secret"></i>
              <input id="secret"
                     type="text"
                     placeholder="{{'Paste invitation here'|translate}}"
                     name="secret"
                     ng-model="secret"
                     wallet-secret required>
            </label>
          </div>
          <div class="col text-center">
            <qr-scanner class="qr-icon size-24" on-scan="join.onQrCodeScanned(data)"></qr-scanner>
          </div>
        </div>

        <ion-toggle ng-model="showAdv" toggle-class="toggle-stable">
          <span translate ng-show="!showAdv">Show advanced options</span>
          <span translate ng-show="showAdv">Hide advanced options</span>
        </ion-toggle>

        <div ng-show="showAdv">

          <label class="item item-input item-stacked-label">
            <span class="input-label">Wallet Service URL</span>
            <input type="text" id="bwsurl" name="bwsurl" ng-model="bwsurl">
          </label>

          <label class="item item-input item-select">
            <div class="input-label" translate>
              Wallet Key
            </div>
            <select class="m10t"
                    ng-model="seedSource"
                    ng-options="seed as seed.label for seed in join.seedOptions"
                    ng-change="join.setSeedSource()">
            </select>
          </label>

          <label class="item item-input item-stacked-label"
                 ng-show="join.seedSourceId == 'trezor' || join.seedSourceId == 'ledger'">
            <span class="input-label" translate>Account Number</span>
            <input type="number" id="account" ng-model="account" ignore-mouse-wheel>
          </label>

          <div class="card" ng-show="join.seedSourceId=='new' && createPassphrase">
            <div class="item item-text-wrap">
              <span translate>
                WARNING: The password cannot be recovered. <b>Be sure to write it down</b>. The wallet can not be restored without the password.
              </span>
            </div>
          </div>

          <label class="item item-input item-stacked-label" ng-show="join.seedSourceId=='new'">
            <span class="input-label" translate>Add a Password</span>
            <input type="text"
                   placeholder="{{'Add an optional password to secure the recovery phrase'|translate}}"
                   autocapitalize="off"
                   name="createPassphrase"
                   ng-model="createPassphrase">
          </label>

          <label class="item item-input item-stacked-label" ng-show="join.seedSourceId=='set'">
            <span class="input-label" translate>Wallet Recovery Phrase</span>
            <input id="ext-master"
                   placeholder="{{'Enter the recovery phrase (BIP39)'|translate}}"
                   autocapitalize="off"
                   type="text"
                   name="privateKey"
                   ng-model="privateKey">
          </label>

          <label class="item item-input item-stacked-label" ng-show="join.seedSourceId=='set'">
            <span class="input-label" translate>Password</span>
            <input type="text"
                   placeholder="{{'The recovery phrase could require a password to be imported'|translate}}"
                   autocapitalize="off"
                   name="passphrase"
                   ng-model="passphrase">
          </label>

          <label class="item item-input item-stacked-label" ng-show="join.seedSourceId == 'set'">
            <span class="input-label" translate>Derivation Path</span>
            <input type="text"
                   placeholder="{{'BIP32 path for address derivation'|translate}}"
                   name="derivationPath"
                   ng-model="derivationPath">
          </label>

        </div> <!-- advanced -->
      </div> <!-- list -->

      <button type="submit" class="button button-block button-positive" ng-disabled="joinForm.$invalid" translate>
        Join
      </button>
    </form>
  </ion-content>
</ion-view>