copay/views/createProfile.html

<div class="createProfile" ng-controller="CreateProfileController">

  <div data-alert class="loading-screen" ng-show="loading">
    <div class="spinner">
      <div class="contener_general">
          <div class="contener_mixte"><div class="ballcolor ball_1">&nbsp;</div></div>
          <div class="contener_mixte"><div class="ballcolor ball_2">&nbsp;</div></div>
          <div class="contener_mixte"><div class="ballcolor ball_3">&nbsp;</div></div>
          <div class="contener_mixte"><div class="ballcolor ball_4">&nbsp;</div></div>
      </div>
      <span class="text-gray size-12" translate>Creating profile...</span>
    </div>
  </div>

  <div class="large-4 large-centered medium-6 medium-centered columns" ng-show="!loading">
    <div class="logo-setup">
      <img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
      <div ng-include="'views/includes/version.html'"></div>
    </div> 
    <div class="box-setup">
      <h1>Create Profile</h1>
      <div class="box-notification" ng-show="error">
        <div class="box-icon error">
          <i class="fi-x size-24"></i>
        </div> 
        <span class="text-warning size-14">
          {{error|translate}}
        </span>
      </div>
      <form name="profileForm" ng-submit="createProfile(profileForm)" novalidate>
        <div class="m5b text-right">
          <span translate class="has-error size-12" ng-show="profileForm.email.$invalid &&
            !profileForm.email.$pristine">
            <span class="icon-input"><i class="fi-x"></i></span>
            Not valid
          </span>
          <span class="icon-input" ng-show="!profileForm.email.$invalid &&
            !profileForm.email.$pristine"><i class="fi-check"></i></span>
        </div>
        <div class="input">
          <input type="email" ng-model="email" class="form-control fi-email"
          name="email" placeholder="Email" required auto-focus>
          <i class="icon-email"></i>
        </div>

        <div class="input">
          <input id="password" type="password" ng-model="$parent.password"
          class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength" 
          tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="top">
          <i class="icon-locked"></i>
        </div>
 
        <div class="m5b text-right">
          <span translate class="has-error size-12" ng-show="profileForm.repeatpassword.$dirty &&
            profileForm.repeatpassword.$invalid">
            <span class="icon-input"><i class="fi-x"></i></span>
            {{'Passwords must match'|translate}}
          </span>
          <span class="icon-input" ng-show="profileForm.repeatpassword.$dirty &&
            !profileForm.repeatpassword.$invalid"><i class="fi-check"></i></span>  
        </div>

        <div class="input">
          <input type="password" ng-model="repeatpassword"
          class="input form-control" name="repeatpassword" 
          placeholder="{{'Repeat password'|translate}}"
          match="password" required>
          <i class="icon-locked"></i>
        </div> 

        <button translate type="submit" class="button primary radius expand m0"
          ng-disabled="profileForm.$invalid || loading">
          Create 
        </button>
      </form>
      <div class="box-setup-footer">
        <div class="left">
          <a class="text-gray" href="#!/">
            <i class="icon-arrow-left4"></i> 
            <span translate>Back</span>
          </a>
        </div>
        <div class="right">
          <a class="right size-12 text-gray" href="#!/settings">
            <i class="icon-wrench"></i> 
            <span translate>Settings</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>