CHIEFSOFT\ameye
130 lines
4.7 KiB
HTML
130 lines
4.7 KiB
HTML
<ion-content class="ion-padding">
|
|
<div class="start-pages">
|
|
<div class="page_logo">
|
|
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
|
|
</div>
|
|
<div class="boxed_contents">
|
|
<div class="ion-padding space">
|
|
<div *ngIf="signup_state==1; then startBlock"></div>
|
|
<div *ngIf="signup_state==2; then secondBlock"></div>
|
|
<ng-template #startBlock>
|
|
<div>
|
|
|
|
<ion-label class="simp_lbl">Create Your Account</ion-label>
|
|
<div class="start-signup" >
|
|
|
|
<ion-item lines="none">
|
|
<ion-select (ionChange)="verReg()" label="Select Country" placeholder="Select Country" [(ngModel)]='country'>
|
|
<ion-select-option *ngFor="let item of signupCountry" value="{{item.code}}">{{item.country}}</ion-select-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="person-outline"></ion-icon>
|
|
<ion-input (ionChange)="verReg()" type="firstname" placeholder="Firstname" [(ngModel)]='firstname'></ion-input>
|
|
</ion-item>
|
|
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="person-outline"></ion-icon>
|
|
<ion-input (ionChange)="verReg()" type="lastname" placeholder="Lastname" [(ngModel)]='lastname'></ion-input>
|
|
</ion-item>
|
|
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="mail-outline"></ion-icon>
|
|
<ion-input (ionChange)="verReg()" type="username" maxlength="35" placeholder="Email (your username)" [(ngModel)]='username'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="lock-closed-outline"></ion-icon>
|
|
<ion-input (ionChange)="verReg()" type="password" placeholder="Password" maxlength="15" [(ngModel)]='password'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-button expand="block" [disabled]="isDisabled" (click)="onFillProfile()">
|
|
Register
|
|
</ion-button>
|
|
|
|
</div>
|
|
|
|
|
|
<div *ngIf="showSocial == true ">
|
|
|
|
<ion-label class="or">Or Continue With</ion-label>
|
|
|
|
<div class="button">
|
|
<ion-buttons>
|
|
<ion-button>
|
|
<ion-icon name="logo-facebook"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
|
|
<ion-buttons>
|
|
<ion-button>
|
|
<ion-icon name="logo-google"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
|
|
<ion-buttons>
|
|
<ion-button>
|
|
<ion-icon name="logo-twitter"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</ng-template>
|
|
<ng-template #secondBlock>
|
|
<div>
|
|
|
|
<ion-label class="simp_lbl">Complete Account</ion-label>
|
|
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col size-md="3">Country</ion-col>
|
|
<ion-col size-md="9">{{signup_country}}</ion-col>
|
|
</ion-row>
|
|
<ion-row>
|
|
<ion-col size-md="3">Username</ion-col>
|
|
<ion-col size-md="9">{{signup_username}}</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
<ion-label class="or" style="width: 100%; background-color: lightseagreen; color: white; font-weight: bolder; height: 25px; margin: 5px;">Enter Confirmation Received In Email</ion-label>
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="mail-outline"></ion-icon>
|
|
<ion-input type="text"
|
|
autocomplete="false"
|
|
(ionChange)="verReg2()"
|
|
placeholder="Random text"
|
|
maxlength="8" [(ngModel)]='random_text'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="lock-closed-outline"></ion-icon>
|
|
<ion-input type="password" (ionChange)="verReg2()" placeholder="Password" maxlength="15" [(ngModel)]='password'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-button
|
|
expand="block"
|
|
[disabled]="isDisabled2"
|
|
(click)="onCompleteProfile()">
|
|
Complete Signup
|
|
</ion-button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</ng-template>
|
|
|
|
<div class="bottom">
|
|
<ion-label class="last_lbl">Already have an account? <span (click)="onLogin()">Login</span></ion-label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|