mirror of https://github.com/BTCPrivate/copay.git
142 lines
5.7 KiB
HTML
142 lines
5.7 KiB
HTML
<div class="createProfile" ng-controller="CreateProfileController" ng-init="init()">
|
|
|
|
<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"> </div>
|
|
</div>
|
|
<div class="contener_mixte">
|
|
<div class="ballcolor ball_2"> </div>
|
|
</div>
|
|
<div class="contener_mixte">
|
|
<div class="ballcolor ball_3"> </div>
|
|
</div>
|
|
<div class="contener_mixte">
|
|
<div class="ballcolor ball_4"> </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 && !askForPin">
|
|
<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"
|
|
show-focus="!isMobile" required>
|
|
<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 class="large-4 large-centered medium-6 medium-centered columns" ng-show="!loading && askForPin">
|
|
<div class="box-setup">
|
|
<h1><span translate>Set up a </span> <b> PIN </b>?</h1>
|
|
<p class="size-14">Enter a 4-digit number for easier access from this device</p>
|
|
|
|
<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="setPinForm" ng-submit="createPin(setPinForm)" novalidate>
|
|
<div class="input" ng-show="askForPin == 1">
|
|
<input id="newpin" type="tel" ng-model="newpin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="PIN" name="newpin" required show-focus="askForPin == 1">
|
|
<i class="icon-locked"></i>
|
|
</div>
|
|
<div class="input" ng-show="askForPin == 2">
|
|
<input id="repeatpin" type="tel" ng-model="repeatpin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="Confirm your PIN" name="repeatpin" required show-focus="askForPin == 2">
|
|
<i class="icon-locked"></i>
|
|
</div>
|
|
|
|
<div class="box-setup-footer row collapse">
|
|
<div class="large-6 medium-6 small-6 columns">
|
|
<a class="button secondary radius m0" ng-click="createDefaultWallet()">
|
|
<span translate>Skip</span>
|
|
</a>
|
|
</div>
|
|
<div class="large-6 medium-6 small-6 columns text-right">
|
|
<button translate type="submit" class="button primary radius expand m0"
|
|
ng-disabled="setPinForm.$invalid || error">
|
|
OK
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|