invite expanded

This commit is contained in:
CHIEFSOFT\ameye
2024-07-09 18:19:32 -04:00
parent 5a52401a56
commit 34f9ca802d
6 changed files with 97 additions and 56 deletions
@@ -13,9 +13,30 @@
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
<div class="text">
<div class="text" style="padding: 1px; background-color: yellow; width: 100%;">
<ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date |date}}</ion-label>
<ion-label *ngIf="item.msg_type != 'FILE' " class="grey_text">{{item.message}}</ion-label>
<ion-label *ngIf="item.msg_type != 'FILE' " class="grey_text">
<!-- <ion-textarea> {{item.message}} </ion-textarea>-->
<!-- <ion-input [innerHTML]="item.message"></ion-input>-->
<div style="width: 100%; padding: 1px; background-color: #8b198e;">
<ion-input
style="background-color: white;
height: 40px;
width: 100%; "
value={{item.message}}></ion-input>
<!-- <ion-textarea [readonly]="true"-->
<!-- [wrap]="hard"-->
<!-- [autoGrow]="true"-->
<!-- [scrollLeft]="true"-->
<!-- class="grey_text" [innerHTML]="item.message"> </ion-textarea>-->
<!-- <div style="background-color: lightgoldenrodyellow; word-wrap: break-word;overflow-wrap:break-word; width: 100%;" class="grey_text" [innerHTML]="item.message"></div>-->
</div>
</ion-label>
<ion-label *ngIf="item.msg_type == 'FILE' " class="grey_text"><a href="{{session_image_server}}/{{curr_session}}/contracts/{{item.msg_uid}}">{{item.message}}</a></ion-label>
</div>
</div>
+58 -41
View File
@@ -14,51 +14,42 @@
<div class="inv-head">Invite Friends</div>
<ion-toolbar>
<ion-buttons slot="start">
<ion-button style="background-color: #fcf7ee; color: white; font-size: 14px; font-weight: bolder;" (click)="setTabMode(100);">Invite with Email</ion-button>
<ion-button style="background-color: #ebe4ee; color: white; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">Import from Contacts</ion-button>
<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: #ebe4ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(300);">Links</ion-button>
</ion-buttons>
</ion-toolbar>
<div *ngIf="tabMode == 100 " class="lesson">
<div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
<div style="margin-top: 10px; background-color: #f7f8fa; border-radius: 10px; padding: 5px">
<!-- <ion-item lines="none"> </ion-item>-->
<ion-grid style="margin: 0px; padding: 0px; background-color: #fcf7ee; border-radius: 10px;">
<ion-row style="margin: 0px; padding: 10px 0px;">
<ion-col style="margin: 0px; padding: 0px 5px 0px 0px;"><ion-input style="background-color: white; " type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input></ion-col>
<ion-col style="margin: 0px; padding: 0px;"><ion-input style="background-color: white; " type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input></ion-col>
</ion-row>
<ion-row style="margin: 0px; padding: 10px 0px; ">
<ion-col style="margin: 0px; padding: 0px;">
<ion-input style="background-color: white; " type="email" placeholder="Email" maxlength="55" [(ngModel)]='email'></ion-input>
</ion-col>
</ion-row>
<ion-row style="margin: 0px; padding: 10px 0px;">
<ion-col ></ion-col>
<ion-col style="margin: 0px; padding: 0px;">
<ion-button
style="padding: 3px; height: 45px; min-width: 150px;"
shape="round"
expand="block"
size="small"
(click)="sendRefer()">
Send Invite
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<div style="margin-top: 10px; background-color: #fcf7ee; border-radius: 10px; padding: 5px">
<ion-grid style="margin: 0px; padding: 0px; background-color: #fcf7ee; border-radius: 10px;">
<ion-row style="margin: 0px; padding: 10px 0px;">
<ion-col style="margin: 0px; padding: 0px 5px 0px 0px;"><ion-input style="background-color: white; border-radius: 5px;" type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input></ion-col>
<ion-col style="margin: 0px; padding: 0px;"><ion-input style="background-color: white; border-radius: 5px;" type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input></ion-col>
</ion-row>
<ion-row style="margin: 0px; padding: 10px 0px; ">
<ion-col style="margin: 0px; padding: 0px;">
<ion-input style="background-color: white; border-radius: 5px; " type="email" placeholder="Email" maxlength="55" [(ngModel)]='email'></ion-input>
</ion-col>
</ion-row>
</ion-grid>
</div>
<div style="padding: 10px 10px 0px 10px;">
<ion-button
shape="round"
expand="block"
size="small"
(click)="sendRefer()">
Send Invite
</ion-button>
</div>
</div>
</div>
<div *ngIf="tabMode == 200 " class="lesson">
<div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
<div style="margin-top: 10px; background-color: aliceblue; min-height: 150px; border-radius: 10px;">
@@ -74,24 +65,50 @@
</ion-col>
</ion-row>
</ion-grid>
</div>
<div style="padding: 0px 10px 0px 10px;">
<div style="padding:10px 10px 0px 10px;">
<ion-button (click)="refreshContacts()"
shape="round"
expand="block"
size="small">Refresh Contacts</ion-button>
</div>
</div>
</div>
<div *ngIf="tabMode == 300 " class="lesson">
<div class="ion-padding" slot="content" style="padding: 5px">
<div style="margin-top: 10px; background-color: #ebe4ee; min-height: 100px; border-radius: 10px;">
<ion-grid>
<ion-row style="padding: 0px; margin: 0px;">
<ion-col style="padding: 0px; margin: 0px;">
<ion-textarea [readonly]="true" style="background-color: white; border-radius: 5px; height: 80px;">
{{refer_link}}
</ion-textarea>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
</ion-col>
</ion-row>
</ion-grid>
</div>
<div style="padding: 10px 10px 0px 10px;">
<ion-button (click)="sendtoMyEmail()"
shape="round"
expand="block"
size="small">Send to my Email</ion-button>
</div>
</div>
</div>
<div class="lesson" style="background-color: white; padding: 5px;">
<div class="inv-head">Recent Invitations</div>
<div class="inv-head">Previous Invitations</div>
<div class="video" *ngFor="let item of referData;" >
<div class="left">
+7 -10
View File
@@ -18,7 +18,7 @@ export class InvitePage implements OnInit {
@ViewChild('lastname') lastname;
@ViewChild('email') email;
tabs = 'refer';
refer_link:string = '';
constructor(
private navctr: NavController,
private router: Router,
@@ -28,16 +28,9 @@ export class InvitePage implements OnInit {
private contactsDataService:ContactsDataService,
private loadingCtrl: LoadingController,
) {
this.refer_link = this.sessionDataProviderService.refer_link;
}
/*
'member_id' => int 1
'sessionid' => string '936571FD2E081B667930E7FFDF4D819938171883CA0CC951DC6C4FB184280EB3' (length=64)
'uid' => string '3119b744-42ad-4834-bb83-b737588754ca' (length=36)
'action' => int 11032
'ref_firstname' => string 'Reffirst10' (length=10)
'ref_lastname' => string 'Reflast86' (length=9)
'ref_email' => string 'ameye+636@chiefsoft.com' (length=23)
*/
referSendData: {
action:number, member_id: number, uid: string, sessionid: string, ref_firstname:string, ref_lastname:string,ref_email: string
};
@@ -150,4 +143,8 @@ export class InvitePage implements OnInit {
this.tabMode = tMode;
}
sendtoMyEmail(){
}
}
@@ -33,12 +33,12 @@
</div>
<div style="background-color: aliceblue; padding: 2px; border-radius: 5px;">
<div>
<ion-textarea>
<ion-textarea [(ngModel)]="reply_message">
</ion-textarea>
</div>
<div style="text-align: right; margin: 10px; background-color: #c0def8">
<ion-button size="small">Reply</ion-button>
<ion-button size="small" (click)="replyMessage(selectedMessage)">Reply</ion-button>
</div>
</div>
</ion-card-content>
+5 -1
View File
@@ -1,4 +1,4 @@
import { Component, OnInit } from '@angular/core';
import {Component, OnInit, ViewChild} from '@angular/core';
import {NavController} from "@ionic/angular";
import {Router} from "@angular/router";
import {SessionDataProviderService} from "../../store/session-data-provider.service";
@@ -67,6 +67,7 @@ export class JobmessagePage implements OnInit {
}
selectedMessage:any;
@ViewChild('reply_message') reply_message;
viewSelected(item){
// debugger;
this.selectedMessage = item;
@@ -78,4 +79,7 @@ export class JobmessagePage implements OnInit {
this.selectedMessage= null;
this.viewMode = 100;
}
replyMessage(item){
}
}
@@ -87,6 +87,7 @@ export class SessionDataProviderService {
home_dash_type:string="DEFAULT_HOME_DASH";
family_action:string="";
account_pref:string="PREF04";
refer_link:string="";
session_contructed:boolean = false;
@@ -214,6 +215,7 @@ export class SessionDataProviderService {
//this.pushNotificationProvider.tagUser(this.session);
this.session_contructed = true;
this.account_pref = loginResult.account_pref;
this.refer_link = loginResult.refer_link;
} catch (error) {