WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

register

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-12-03 16:46:34 -05:00
parent 86b3015d62
commit 953bbebcbb
3 changed files with 71 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/register/register.page.html
+36 -31
View File
@@ -11,46 +11,51 @@
<div>
<ion-label class="simp_lbl">Create Your Account</ion-label>
<ion-item lines="none">
<ion-select label="Default label" placeholder="Select Country" [(ngModel)]='country'>
<ion-select-option value="NG">Nigeria</ion-select-option>
<ion-select-option value="US">United States</ion-select-option>
</ion-select>
<!-- <ion-label>Nigeria</ion-label>-->
<!-- <ion-icon name="caret-down-outline"></ion-icon>-->
</ion-item>
<div class="start-signup" >
<ion-item lines="none">
<ion-select (ionChange)="verReg()" label="Select Country" placeholder="Select Country" [(ngModel)]='country'>
<ion-select-option value="NG">Nigeria</ion-select-option>
<ion-select-option value="US">United States</ion-select-option>
</ion-select>
<!-- <ion-label>Nigeria</ion-label>-->
<!-- <ion-icon name="caret-down-outline"></ion-icon>-->
</ion-item>
<ion-item lines="none">
<ion-icon slot="start" name="person-outline"></ion-icon>
<ion-input 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="firstname" placeholder="Firstname" [(ngModel)]='firstname'></ion-input>
</ion-item>
<ion-item lines="none">
<ion-icon slot="start" name="person-outline"></ion-icon>
<ion-input type="lastname" placeholder="Lastname" [(ngModel)]='lastname'></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 type="username" maxlength="35" placeholder="Email (your username)" [(ngModel)]='username'></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 type="password" placeholder="Password" maxlength="15" [(ngModel)]='password'></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-item lines="none">-->
<!-- <ion-icon slot="start" name="lock-closed-outline"></ion-icon>-->
<!-- <ion-input type="password" placeholder="Confirm Password"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item lines="none">-->
<!-- <ion-icon slot="start" name="lock-closed-outline"></ion-icon>-->
<!-- <ion-input type="password" placeholder="Confirm Password"></ion-input>-->
<!-- </ion-item>-->
<ion-button expand="block" [disabled]="isDisabled" (click)="onFillProfile()">
Register
</ion-button>
</div>
<ion-button expand="block" (click)="onFillProfile()">
Register
</ion-button>
<div *ngIf="showSocial == true ">
src/app/pages/register/register.page.scss
+19
View File
@@ -12,6 +12,25 @@ ion-content {
font-family: 'semi-bold';
}
.start-signup{
// background-color: #eef8f3;
border-radius: 10px;
padding: 15px;
ion-item{
border-radius: 10px;
// margin-top: 0px;
// --margin-top: 1px;
// --background-color: yellow;
ion-input{
// background-color: white;
color:black;
border-radius: 10px;
font-weight: bolder;
font-size: 14px;
}
}
}
ion-item {
--background: #f7f7f7;
border-radius: 10px;
src/app/pages/register/register.page.ts
+16
View File
@@ -20,6 +20,8 @@ export class RegisterPage implements OnInit {
@ViewChild('random_text') random_text;
isDisabled:boolean=true;
pending_uid:string = '';
signup_state:number = 1;
showSocial:boolean = true;
@@ -72,6 +74,20 @@ export class RegisterPage implements OnInit {
signup_country :string='';
signup_username :string='';
verReg(){
if (this.username == null || this.username == '' || this.validateEmail(this.username) == false
|| this.password == null || this.password == ''
|| this.firstname == null || this.firstname == ''
|| this.lastname == null || this.lastname == ''
|| this.country == null || this.country == ''
) {
// this.presentToast('Missing Required Inputs', 'middle');
// return;
}else{
this.isDisabled=false;
}
}
onFillProfile() {
if (this.username == null || this.username == '' || this.validateEmail(this.username) == false
|| this.password == null || this.password == ''