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

Adjusted inviet page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-07-25 15:22:53 -04:00
parent 67cac5e3fb
commit d0ac48c831
4 changed files with 56 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/dash-toptool/dash-toptool.component.html
+7 -42
View File
@@ -1,44 +1,10 @@
<!--<ion-toolbar class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">-->
<!-- <ion-buttons slot="secondary">-->
<!-- <ion-button-->
<!-- *ngIf="walletDescription !='' "-->
<!-- style="border-radius: 10px; font-weight: bolder;"-->
<!-- fill="solid"-->
<!-- color="primary"-->
<!-- (click)="myWallet()">-->
<!-- <ion-icon slot="end" name="wallet"></ion-icon>-->
<!-- {{walletDescription}}-->
<!-- </ion-button>-->
<!-- <ion-button-->
<!-- *ngIf="walletDescription =='' "-->
<!-- style="border-radius: 10px; font-weight: bolder;"-->
<!-- fill="solid"-->
<!-- color="primary"-->
<!-- (click)="myWallet()">-->
<!-- <ion-icon slot="end" name="wallet"></ion-icon>-->
<!-- Wallet-->
<!-- </ion-button>-->
<!-- </ion-buttons>-->
<!-- <ion-buttons slot="primary" *ngIf="active_job_count != 0">-->
<!-- <ion-button-->
<!-- style="border-radius: 15px;-->
<!-- font-weight: bolder"-->
<!-- fill="solid"-->
<!-- color="primary" (click)="myJobs(1)">-->
<!-- My Jobs-->
<!-- <ion-icon slot="end" name="list"></ion-icon>-->
<!-- </ion-button>-->
<!-- </ion-buttons>-->
<!-- &lt;!&ndash; <ion-title>{{walletDescription}}</ion-title>&ndash;&gt;-->
<!--</ion-toolbar>-->
<div class="top-tool" style="width: 100%; display: flex;" class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">
<div class="top-tool" style="width: 100%; display: flex; padding: 7px;" *ngIf="walletDescription !='' || active_job_count != 0">
<div style="text-align: left; width: 50%;">
<ion-button
*ngIf="walletDescription !='' "
style="border-radius: 10px; font-weight: bolder;"
style="border-radius: 10px; font-weight: bolder; font-size: 12px"
fill="solid"
shape="round"
size="small"
color="primary"
(click)="myWallet()">
@@ -47,9 +13,9 @@
</ion-button>
<ion-button
*ngIf="walletDescription =='' "
style="border-radius: 10px; font-weight: bolder;"
style="border-radius: 10px; font-weight: bolder; font-size: 12px"
fill="solid"
shape="round"
size="small"
color="primary"
(click)="myWallet()">
@@ -60,10 +26,9 @@
<div style="text-align: right; width: 50%;">
<ion-button
*ngIf="active_job_count != 0"
style="border-radius: 15px;
font-weight: bolder"
style="border-radius: 15px; font-weight: bolder; font-size: 12px"
fill="solid"
shape="round"
size="small"
color="primary" (click)="myJobs(1)">
My Jobs
src/app/pages/invite/invite.page.html
+35 -25
View File
@@ -15,7 +15,7 @@
<ion-toolbar>
<ion-buttons slot="start">
<ion-button style="background-color: #fcf7ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(100);">Name & Email</ion-button>
<ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>
<!-- <ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>-->
<ion-button style="background-color: #ebe4ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(300);">Links</ion-button>
</ion-buttons>
@@ -98,41 +98,51 @@
<div *ngIf="tabMode == 300 " class="lesson">
<div class="ion-padding" slot="content" style="padding: 5px">
<div style="margin-top: 10px; background-color: whitesmoke; min-height: 100px; border-radius: 10px;">
<ion-grid>
<ion-grid style="background-color: #0b5e86;border-radius: 10px;">
<ion-row>
<ion-col style="text-align: left; color: #0b5e86; font-size: 12px;">
<ion-col style="text-align: left; color: #ffffff; font-size: 12px;">
Send your link to your email and share it with your friend; any signup will automatically link to your account for points.
</ion-col>
</ion-row>
<ion-row style="padding: 0; margin: 0;">
<ion-col style="padding: 0; margin: 0;">
<div
style="background-color: #eff2f4;
border-radius: 5px;
padding: 10px 1px 10px 1px;
height: 20px;
font-size: 14px;
font-weight: bolder;
border-color: #3dc2ff;"
[innerHTML]="refer_link">
</div>
<!-- <ion-textarea [readonly]="true" style="background-color: #eff2f4;-->
<!-- border-radius: 5px;-->
<!-- padding: 10px 1px 10px 1px;-->
<!-- height: 20px;-->
<!-- font-size: 14px;-->
<!-- font-weight: bolder;-->
<!-- border-color: #3dc2ff;"-->
<!-- [innerHTML]="refer_link"-->
<!-- >-->
<ion-textarea label="Refer Link"
style="min-height: 70px; background-color: white; font-size: 12px; font-weight: bolder; text-align: center;"
maxlength="1440"
labelPlacement="floating"
[(ngModel)]="refer_link"
value={{refer_link}}
placeholder="Refer Link">
</ion-textarea>
</ion-col>
</ion-row>
<ion-row style="padding: 0; margin: 0;">
<ion-col style="padding: 0; margin: 0;">
<ion-toolbar style="font-size: 12px;">
<ion-buttons slot="secondary">
<ion-button fill="solid" (click)="sendToMyEmail()" style="font-size: 12px;" >
<ion-icon slot="start" name="person-circle"></ion-icon>
Send link to my email
</ion-button>
</ion-buttons>
<ion-buttons slot="primary">
<ion-button fill="solid" style="font-size: 12px;" (click)="copyTextToClipboard(refer_link)">
Copy
<ion-icon slot="end" name="help-circle"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>{{resultText}}</ion-title>
</ion-toolbar>
<!-- </ion-textarea>-->
</ion-col>
</ion-row>
</ion-grid>
<div style="color: #4a0b4c; font-size: 12px; margin-top: 15px;">{{resultText}}</div>
</div>
<!-- <div style="padding: 10px 10px 0px 10px;">-->
@@ -145,7 +155,7 @@
</div>
<div style="text-align: right; z-index: 0; ">
<ion-button shape="round" size="small" color="secondary" (click)="sendToMyEmail()"> Send link to my email</ion-button>
</div>
</div>
src/app/pages/invite/invite.page.ts
+13
View File
@@ -6,6 +6,7 @@ import {SessionDataProviderService} from "../../store/session-data-provider.serv
//import {last} from "rxjs/operators";
import { AlertController } from '@ionic/angular';
import {ContactsDataService} from "../../store/contacts-data.service";
//import { Clipboard } from '@capacitor/clipboard';
@Component({
selector: 'app-invite',
@@ -151,6 +152,18 @@ export class InvitePage implements OnInit {
referUsrData: {
action:number, member_id: number, uid: string, sessionid: string, refer_link:string
};
async copyTextToClipboard(linkToCopy){
// try {
// await Clipboard.write({
// string: linkToCopy,
// });
// console.log('Text copied to clipboard successfully!');
// } catch (error) {
// console.error('Failed to copy text to clipboard:', error);
// }
}
async sendToMyEmail(){
//debugger;
const loading = await this.loadingCtrl.create({
src/app/pages/tabs/tabs.page.html
+1 -1
View File
@@ -24,7 +24,7 @@
</ion-tab-button>
<ion-tab-button tab="tab5">
<ion-icon name="ellipsis-horizontal-outline"></ion-icon>
<ion-icon name="ellipsis-horizontal-outline" ></ion-icon>
<ion-label>more</ion-label>
</ion-tab-button>
</ion-tab-bar>