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

format page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-07-02 15:02:29 -04:00
parent 6f2bd70972
commit 607ab61359
2 changed files with 56 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/register/register.page.html
+51 -31
View File
@@ -81,42 +81,62 @@
<ion-label class="simp_lbl">Complete Account</ion-label>
<ion-grid>
<ion-grid style="margin-top: 15px;">
<ion-row>
<ion-col size-md="3">Country</ion-col>
<ion-col size-md="9">{{signup_country}}</ion-col>
<ion-col size="3" class="side_lb">Country</ion-col>
<ion-col size="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-col size="3" class="side_lb">Username</ion-col>
<ion-col size="9">{{signup_username}}</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-label class="or" style="width: 100%;
background-color: #f5eff4;
color: red; font-weight: bolder; height: 45px; margin: 5px; padding: 10px; border-radius: 10px;">Enter Confirmation Received In Email</ion-label>
</ion-col>
</ion-row>
<ion-row>
<ion-col size="3" class="side_lb">
Verification Code :
</ion-col>
<ion-col size="9">
<!-- <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-col>
</ion-row>
<ion-row>
<ion-col size="3" class="side_lb">Password</ion-col>
<ion-col size="9">
<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-col>
</ion-row>
<ion-row>
<ion-col size="2"></ion-col>
<ion-col size="8">
<ion-button
expand="block"
[disabled]="isDisabled2"
(click)="onCompleteProfile()">
Complete Signup
</ion-button>
</ion-col>
<ion-col size="2"></ion-col>
</ion-row>
</ion-grid>
<ion-label class="or" style="width: 100%;
background-color: #b220a2;
color: white; font-weight: bolder; height: 45px; margin: 5px; padding: 10px; border-radius: 10px;">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>
src/app/pages/register/register.page.scss
+5
View File
@@ -4,6 +4,11 @@ ion-content {
margin-top: 30px;
// background-color: red;
}
.side_lb{
font-weight: bolder;
font-size: 14px;
}
.simp_lbl {
margin-top: 5px;
font-size: 20px;