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

Contacts

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-12-06 00:26:31 -05:00
parent d7fffe0dc9
commit 3f60d26437
8 changed files with 198 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/invite/invite.page.html
+105 -42
View File
@@ -10,55 +10,118 @@
</ion-header>
<ion-content class="ion-padding">
<div class="inv-head">Invite Firends</div>
<ion-accordion-group>
<ion-accordion value="first">
<ion-item class="arcord_head" slot="header" color="secondary" style="margin-bottom: 1px;">
<ion-label>Invite with Email</ion-label>
</ion-item>
<div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
<div style="margin-top: 10px; background-color: aliceblue; border-radius: 10px; padding: 5px">
<ion-item lines="none">
<ion-icon slot="start" name="mail-outline"></ion-icon>
<ion-input type="email" placeholder="Email" maxlength="55" [(ngModel)]='email'></ion-input>
</ion-item>
<ion-item lines="none">
<ion-icon slot="start" name="text-outline"></ion-icon>
<ion-input type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input>
</ion-item>
<ion-item lines="none">
<ion-icon slot="start" name="text-outline"></ion-icon>
<ion-input type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input>
</ion-item>
<div lines="none" style="text-align: right">
<ion-button
style="padding: 3px; height: 45px"
shape="round"
expand="block"
(click)="sendRefer()">
Send Invite
</ion-button>
</div>
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col>-->
<!-- </ion-col>-->
<!-- <ion-col>-->
<!-- <ion-button expand="block" (click)="sendRefer()">-->
<!-- Send-->
<!-- </ion-button>-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
</div>
</div>
</ion-accordion>
<ion-accordion value="second">
<ion-item class="arcord_head" slot="header" color="secondary" style="margin-bottom: 1px;">
<ion-label>Invite from Contacts</ion-label>
</ion-item>
<div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
<div style="margin-top: 10px; background-color: aliceblue; min-height: 150px;">
<ion-button (click)="refreshContacts()">Refresh Contacts</ion-button>
</div>
<ion-segment [(ngModel)]="tabs">
<ion-segment-button value="refer">
<ion-label>Refer</ion-label>
</ion-segment-button>
<ion-segment-button value="history">
<ion-label>History</ion-label>
</ion-segment-button>
</ion-segment>
</div>
</ion-accordion>
</ion-accordion-group>
<div *ngIf="tabs =='refer'" class="refer">
<ion-card>
<ion-card-header>
<ion-card-title>Invite Friends</ion-card-title>
<ion-card-subtitle>Enter email and name.</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
<ion-item lines="none">
<ion-icon slot="start" name="mail-outline"></ion-icon>
<ion-input type="email" placeholder="Email" maxlength="55" [(ngModel)]='email'></ion-input>
</ion-item>
<!-- <ion-segment [(ngModel)]="tabs">-->
<!-- <ion-segment-button value="refer">-->
<!-- <ion-label>Refer</ion-label>-->
<!-- </ion-segment-button>-->
<!-- <ion-segment-button value="history">-->
<!-- <ion-label>History</ion-label>-->
<!-- </ion-segment-button>-->
<!-- </ion-segment>-->
<ion-item lines="none">
<ion-icon slot="start" name="text-outline"></ion-icon>
<ion-input type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input>
</ion-item>
<!-- <div *ngIf="tabs =='refer'" class="refer">-->
<!-- <ion-card>-->
<!-- <ion-card-header>-->
<!-- <ion-card-title>Invite Friends</ion-card-title>-->
<!-- <ion-card-subtitle>Enter email and name.</ion-card-subtitle>-->
<!-- </ion-card-header>-->
<ion-item lines="none">
<ion-icon slot="start" name="text-outline"></ion-icon>
<ion-input type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input>
</ion-item>
<!-- <ion-card-content>-->
<!-- <ion-item lines="none">-->
<!-- <ion-icon slot="start" name="mail-outline"></ion-icon>-->
<!-- <ion-input type="email" placeholder="Email" maxlength="55" [(ngModel)]='email'></ion-input>-->
<!-- </ion-item>-->
<ion-grid>
<ion-row>
<ion-col>
</ion-col>
<ion-col>
<ion-button expand="block" (click)="sendRefer()">
Send
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</ion-card-content>
</ion-card>
</div>
<div *ngIf="tabs =='history'" class="history">
<!-- <ion-item lines="none">-->
<!-- <ion-icon slot="start" name="text-outline"></ion-icon>-->
<!-- <ion-input type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item lines="none">-->
<!-- <ion-icon slot="start" name="text-outline"></ion-icon>-->
<!-- <ion-input type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col>-->
<!-- </ion-col>-->
<!-- <ion-col>-->
<!-- <ion-button expand="block" (click)="sendRefer()">-->
<!-- Send-->
<!-- </ion-button>-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
<!-- </ion-card-content>-->
<!-- </ion-card>-->
<!-- </div>-->
<!-- <div *ngIf="tabs =='history'" class="history">-->
<div class="inv-head">Recent Invitations</div>
<div class="history" style="background-color: aliceblue; padding: 5px;">
<div class="chat" *ngFor="let item of referData">
<div class="flex">
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/invite-friend.svg)'"></div>