invite expanded
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user