801 lines
22 KiB
TypeScript
801 lines
22 KiB
TypeScript
import { FormGroup, FormControl, Validators} from '@angular/forms';
|
||
import {ResponseOptions, Response} from '@angular/http';
|
||
import {Contact} from '../contact';
|
||
import {ContactService} from '../contact.service';
|
||
import {Otp} from '../otp';
|
||
// import {Md5} from 'ts-md5/dist/md5';
|
||
import * as moment from 'moment-timezone';
|
||
declare var google :any;
|
||
|
||
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
|
||
import { FlashMessagesService } from 'angular2-flash-messages';
|
||
import { AbstractControl, NG_VALIDATORS, Validator, ValidatorFn } from '@angular/forms';
|
||
const EMAIL_REGEX =/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
|
||
import { Component, OnInit,Inject } from '@angular/core';
|
||
import {MdDialog, MdDialogRef, MD_DIALOG_DATA} from '@angular/material';
|
||
declare var swal: any;
|
||
declare var ol : any;
|
||
declare var $:any;
|
||
|
||
@Component({
|
||
selector: 'app-add-dealer',
|
||
templateUrl: './add-dealer.component.html',
|
||
styleUrls: ['./add-dealer.component.scss'],
|
||
providers:[ContactService]
|
||
})
|
||
export class AddDealerComponent implements OnInit {
|
||
superAdmin: any;
|
||
inventoryManagement
|
||
show1:boolean = false;
|
||
show2:boolean = true;
|
||
passwordtype : any = 'password';
|
||
passwordtype_1 :any = 'password';
|
||
show3:boolean = false;
|
||
first_name:any=null;
|
||
imageuploadObject = [];
|
||
timezone:any = 'Asia/Kolkata';
|
||
last_name:any=null;
|
||
passwordd:any=null;
|
||
org_name:any=null;
|
||
emaill:any=null;
|
||
phone:any=null;
|
||
executed:any;
|
||
$event2:any;
|
||
dealer:any;
|
||
contacts: Contact[]=[];
|
||
contact: Contact;
|
||
login1:any;
|
||
mess2:any;
|
||
mess:any;
|
||
otp:any;
|
||
str:boolean = false;
|
||
password2:any=null;
|
||
before:any;
|
||
emmnerr:any;
|
||
Load:any
|
||
$event:any;
|
||
fs:any;
|
||
ls:any;
|
||
emailid:any;
|
||
or:any;
|
||
useridd:any;
|
||
custtype:any;
|
||
cust:boolean=false;
|
||
mb:any;
|
||
logo:any;
|
||
text:any;
|
||
userID:any;
|
||
address:any;
|
||
sup_admin: any;
|
||
documentDetail:any;
|
||
imageURL:any;
|
||
|
||
documentList = [
|
||
{
|
||
"docId": "Adhar",
|
||
"docName": "Adhar Card"
|
||
},
|
||
{
|
||
"docId": "voterCard",
|
||
"docName": "Voter Id"
|
||
},
|
||
{
|
||
"docId": "PAN",
|
||
"docName": "Pan Card"
|
||
},
|
||
{
|
||
"docId": "DL",
|
||
"docName": "Driving License"
|
||
},
|
||
{
|
||
"docId": "Nepali Citizenship",
|
||
"docName": "Nepali Citizenship"
|
||
}
|
||
|
||
];
|
||
countrySelected: { countryCode: any; dialcode: any; };
|
||
timezoneArray: any[];
|
||
telCountryCode: any;
|
||
|
||
constructor(private contactService: ContactService,private router: Router,private _flashMessagesService: FlashMessagesService,public dialogRef: MdDialogRef<AddDealerComponent>,
|
||
@Inject(MD_DIALOG_DATA) public data: any) {
|
||
|
||
var script = document.createElement("script");
|
||
script.setAttribute("type", "text/javascript");
|
||
script.setAttribute("src", "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.0/js/intlTelInput-jquery.min.js");
|
||
document.getElementsByTagName("head")[0].appendChild(script);
|
||
|
||
var initialObj = {
|
||
doctype:'',
|
||
image:'',
|
||
phone:''
|
||
}
|
||
this.imageuploadObject.push(initialObj);
|
||
}
|
||
bussinessType:boolean=false;
|
||
ngOnInit() {
|
||
this.superAdmin = JSON.parse(window.atob(window.localStorage.token.split(".")[1])).isSuperAdmin;
|
||
this.fs = JSON.parse(window.atob(window.localStorage.token.split(".")[1])).fn;
|
||
this.ls = JSON.parse(window.atob(window.localStorage.token.split(".")[1])).ln;
|
||
this.emailid = JSON.parse(window.atob(window.localStorage.token.split(".")[1])).email;
|
||
this.or = JSON.parse(window.atob(window.localStorage.token.split(".")[1]))._orgName;
|
||
this.useridd = JSON.parse(window.atob(window.localStorage.token.split('.')[1]))._id;
|
||
this.mb = JSON.parse(window.atob(window.localStorage.token.split('.')[1])).phn;
|
||
// this.bussinessType=this.data.userInfo.bussinessType?this.data.userInfo.bussinessType=="1"?true:false:false
|
||
this.sup_admin = JSON.parse(window.atob(window.localStorage.token.split(".")[1])).supAdmin;
|
||
var that = this;
|
||
setTimeout(() => {
|
||
that.telCountryCode = $("#telephone").intlTelInput({
|
||
allowDropdown:true,
|
||
autoPlaceholder:"Enter Mobile Number",
|
||
initialCountry:"in",
|
||
preferredCountries: ["in","us" ],
|
||
separateDialCode:true,
|
||
});
|
||
}, 300);
|
||
|
||
var Phoneinput = document.getElementById('telephone');
|
||
var that = this;
|
||
Phoneinput.addEventListener("countrychange",function(p) {
|
||
console.log("Inside Function");
|
||
var countryData = $('#telephone').intlTelInput("getSelectedCountryData");
|
||
console.log(countryData);
|
||
that.countrySelected = {
|
||
countryCode : countryData.iso2,
|
||
dialcode: countryData.dialCode
|
||
}
|
||
});
|
||
|
||
|
||
if(this.superAdmin){
|
||
this.sup_admin = this.useridd;
|
||
}
|
||
|
||
this.custtype = JSON.parse(window.atob(window.localStorage.token.split('.')[1])).isDealer;
|
||
// this.getdev();
|
||
if(this.mb.charAt(0)=="n"){
|
||
this.mb = ' '
|
||
}
|
||
if(this.custtype == true){
|
||
this.cust = true;
|
||
}
|
||
|
||
this.logo=window.localStorage['logo'];
|
||
this.text=window.localStorage['text'];
|
||
|
||
var timeZn = moment.tz.guess();
|
||
if(timeZn != 'Asia/Calcutta'){
|
||
this.timezone = timeZn;
|
||
}
|
||
console.log(this.timezone);
|
||
|
||
|
||
var timeZones = moment.tz.names();
|
||
console.log(timeZones);
|
||
this.timezoneArray=[];
|
||
for (var i in timeZones) {
|
||
this.timezoneArray.push({ viewValue: "(GMT" + moment.tz(timeZones[i]).format('Z') + ")" + timeZones[i], value: timeZones[i] });
|
||
}
|
||
|
||
|
||
setTimeout(() => {
|
||
$('#dbselect').multipleSelect({
|
||
width: 300,
|
||
placeholder: 'Select Timezone',
|
||
filter: true,
|
||
single: true,
|
||
selectAll: false
|
||
})
|
||
}, 100);
|
||
this.latLongDetail()
|
||
}
|
||
|
||
stre(){
|
||
this.str =true;
|
||
}
|
||
stren(){
|
||
this.str =false;
|
||
}
|
||
addcus(){
|
||
this.router.navigateByUrl("add");
|
||
}
|
||
clear(){
|
||
this.first_name=' '
|
||
this.last_name=' '
|
||
this.emaill = null
|
||
this.phone = null
|
||
}
|
||
|
||
addContact2(){
|
||
var tzone = $('#dbselect').multipleSelect('getSelects','value');
|
||
console.log(tzone);
|
||
var expDate = new Date()
|
||
expDate.setFullYear(expDate.getFullYear()+1);
|
||
var countryData = $('#telephone').intlTelInput("getSelectedCountryData");
|
||
console.log(countryData);
|
||
this.countrySelected = {
|
||
countryCode : countryData.iso2,
|
||
dialcode: countryData.dialCode
|
||
}
|
||
console.log('expDate=>',expDate);
|
||
if(this.first_name==null || this.last_name==null || this.passwordd==null)
|
||
{
|
||
return this._flashMessagesService.show('Please fill all Requied fields', { cssClass: 'alert-danger', timeout: 3000 });
|
||
|
||
}
|
||
else if((this.userID == undefined)||(this.userID.trim() == '')){
|
||
return this._flashMessagesService.show('User ID is mandatory', { cssClass: 'alert-danger', timeout: 3000 });
|
||
}
|
||
// else if((this.emaill == undefined)||(this.emaill.trim() == '')){
|
||
// return this._flashMessagesService.show('Email is mandatory', { cssClass: 'alert-danger', timeout: 3000 });
|
||
|
||
// }
|
||
else if(this.password2 != this.passwordd){
|
||
// this._flashMessagesService.show('Password and Confirm Password do not match', { cssClass: 'alert-danger', timeout: 3000 });
|
||
this.tost1("psdnmtch")
|
||
}
|
||
else if (this.emaill && this.phone){
|
||
this.Load=true
|
||
// if (!this.executed) {
|
||
|
||
// this.executed = true;
|
||
const newContact2 ={
|
||
first_name: this.first_name,
|
||
last_name: this.last_name,
|
||
email: this.emaill,
|
||
password: this.passwordd,
|
||
phone: this.phone,
|
||
isDealer: true,
|
||
custumer:false,
|
||
sysadmin:this.superAdmin,
|
||
expdate : new Date(expDate),
|
||
supAdmin:this.sup_admin,
|
||
user_id:this.userID,
|
||
address:this.address
|
||
|
||
}
|
||
if(this.inventoryManagement!=undefined){
|
||
newContact2['inventoryManagement']=this.inventoryManagement;
|
||
}
|
||
if(this.bussinessType!=undefined){
|
||
newContact2['bussinessType']=this.bussinessType?"1":"0";
|
||
}
|
||
if(this.countrySelected != undefined){
|
||
newContact2['std_code']=this.countrySelected;
|
||
}
|
||
|
||
if (tzone != undefined) {
|
||
newContact2['timezone'] = tzone[0];
|
||
}
|
||
|
||
|
||
|
||
if(this.imageuploadObject.length > 0){
|
||
|
||
for(var d = 0 ;d <this.imageuploadObject.length;d++){
|
||
|
||
if((this.imageuploadObject[d].doctype == "")&&(this.imageuploadObject[d].image == "")&&(this.imageuploadObject[d].phone == "")){
|
||
this.imageuploadObject.splice(d,1);
|
||
|
||
}
|
||
|
||
}
|
||
}
|
||
console.log("Final DOC ARRAY",this.imageuploadObject);
|
||
newContact2['imageDoc'] = this.imageuploadObject;
|
||
console.log(newContact2);
|
||
this.contactService.addContact(newContact2)
|
||
.subscribe(contact => {
|
||
console.log(contact);
|
||
// USER_ID already exists
|
||
if(contact.message == "USER_ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}if(contact.message == "USER_ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "User Duplicate"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "Email ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "Mobile Number already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else{
|
||
this.clear();
|
||
this.Load=false
|
||
this.onNoClick("succ");
|
||
this.contacts.push(contact);
|
||
}
|
||
|
||
}, (err: any) => {
|
||
// console.log(err.status);
|
||
// console.log(err);
|
||
if(err.status == 500)
|
||
{
|
||
// console.log(err._body);
|
||
this.Load=false
|
||
this.emmnerr=JSON.parse(err._body);
|
||
this.data_descip = this.emmnerr.split(':')[1];
|
||
console.log(this.data_descip);
|
||
swal(
|
||
'Error',
|
||
this.data_descip,
|
||
'error'
|
||
)
|
||
|
||
this.tost1("EmM")
|
||
}
|
||
else{
|
||
this.Load=false
|
||
swal(
|
||
'Error',
|
||
'Internal Server error , Please try after sometime !!!',
|
||
'error'
|
||
)
|
||
|
||
}
|
||
});
|
||
/* this._flashMessagesService.show('OTP Sent Sucessfully', { cssClass: 'alert-success', timeout: 3000 }); */
|
||
|
||
}
|
||
else if((this.phone)||(this.userID)){
|
||
this.Load=true
|
||
|
||
// if (!this.executed) {
|
||
// this.executed = true;
|
||
const newContact2 ={
|
||
first_name: this.first_name,
|
||
last_name: this.last_name,
|
||
password: this.passwordd,
|
||
// phone: this.phone,
|
||
isDealer: true,
|
||
custumer:false,
|
||
sysadmin:this.superAdmin,
|
||
expdate : new Date(expDate).toISOString(),
|
||
supAdmin:this.sup_admin,
|
||
// user_id:this.userID,
|
||
address:this.address
|
||
}
|
||
|
||
if(this.phone){
|
||
newContact2['phone'] = this.phone ;
|
||
}
|
||
|
||
if(this.countrySelected != undefined){
|
||
newContact2['std_code']=this.countrySelected;
|
||
}
|
||
|
||
|
||
if(tzone != undefined){
|
||
newContact2['timezone'] = tzone[0];
|
||
}
|
||
if(this.inventoryManagement!=undefined){
|
||
newContact2['inventoryManagement']=this.inventoryManagement;
|
||
}
|
||
if(this.bussinessType!=undefined){
|
||
newContact2['bussinessType']=this.bussinessType?"1":"0";
|
||
}
|
||
if(this.userID){
|
||
newContact2['user_id'] = this.userID ;
|
||
|
||
}
|
||
|
||
if(this.imageuploadObject.length > 0){
|
||
|
||
for(var d = 0 ;d <this.imageuploadObject.length;d++){
|
||
if((this.imageuploadObject[d].doctype == "")&&(this.imageuploadObject[d].image == "")&&(this.imageuploadObject[d].phone == "")){
|
||
this.imageuploadObject.splice(d,1);
|
||
}
|
||
}
|
||
}
|
||
newContact2['imageDoc'] = this.imageuploadObject;
|
||
this.contactService.addContact(newContact2)
|
||
.subscribe(contact => {
|
||
|
||
if(contact.message == "USER_ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}if(contact.message == "USER_ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "User Duplicate"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "Email ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "Mobile Number already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else{
|
||
|
||
this.clear();
|
||
this.Load=false;
|
||
this.onNoClick("succ");
|
||
this.contacts.push(contact);
|
||
|
||
}
|
||
|
||
}, (err: any) => {
|
||
if(err.status == 500)
|
||
{
|
||
// console.log(err._body);
|
||
this.Load=false
|
||
this.emmnerr=JSON.parse(err._body);
|
||
this.data_descip = this.emmnerr.split(':')[1];
|
||
console.log(this.data_descip);
|
||
swal(
|
||
'Error',
|
||
this.data_descip,
|
||
'error'
|
||
)
|
||
|
||
|
||
this.tost1("EmM")
|
||
}
|
||
else{
|
||
this.Load=false
|
||
// console.log("dadsa");
|
||
swal(
|
||
'Error',
|
||
'Internal Server error , Please try after sometime !!!',
|
||
'error'
|
||
)
|
||
}})}
|
||
else if(this.emaill){
|
||
// if (!this.executed) {
|
||
// this.executed = true;
|
||
const newContact2 ={
|
||
first_name: this.first_name,
|
||
last_name: this.last_name,
|
||
password: this.passwordd,
|
||
org_name: this.org_name,
|
||
email: this.emaill,
|
||
isDealer: true,
|
||
custumer:false,
|
||
sysadmin:this.superAdmin,
|
||
expdate : new Date(expDate).toISOString(),
|
||
supAdmin:this.sup_admin,
|
||
user_id:this.userID,
|
||
address:this.address
|
||
|
||
}
|
||
|
||
if(this.countrySelected != undefined){
|
||
newContact2['std_code']=this.countrySelected;
|
||
}
|
||
|
||
|
||
if(tzone != undefined){
|
||
newContact2['timezone'] = tzone[0];
|
||
}
|
||
if(this.inventoryManagement!=undefined){
|
||
newContact2['inventoryManagement']=this.inventoryManagement;
|
||
}
|
||
if(this.bussinessType!=undefined){
|
||
newContact2['bussinessType']=this.bussinessType?"1":"0";
|
||
}
|
||
|
||
if(this.imageuploadObject.length > 0){
|
||
|
||
for(var d = 0 ;d <this.imageuploadObject.length;d++){
|
||
if((this.imageuploadObject[d].doctype == "")&&(this.imageuploadObject[d].image == "")&&(this.imageuploadObject[d].phone == "")){
|
||
this.imageuploadObject.splice(d,1);
|
||
}
|
||
}
|
||
}
|
||
newContact2['imageDoc'] = this.imageuploadObject;
|
||
|
||
this.contactService.addContact(newContact2)
|
||
.subscribe(contact => {
|
||
console.log(contact);
|
||
// USER_ID already exists
|
||
|
||
//this.tost1("succ")
|
||
if(contact.message == "USER_ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}if(contact.message == "USER_ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "User Duplicate"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "Email ID already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else if(contact.message == "Mobile Number already exists"){
|
||
return this._flashMessagesService.show(contact.message, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}else{
|
||
this.clear();
|
||
this.Load=false
|
||
this.onNoClick("succ");
|
||
this.contacts.push(contact);
|
||
}
|
||
|
||
}, (err: any) => {
|
||
if(err.status == 500)
|
||
{
|
||
// console.log(err._body);
|
||
this.Load=false
|
||
this.emmnerr=JSON.parse(err._body);
|
||
this.data_descip = this.emmnerr.split(':')[1];
|
||
console.log(this.data_descip);
|
||
swal(
|
||
'Error',
|
||
this.data_descip,
|
||
'error'
|
||
)
|
||
// console.log(this.emmnerr)
|
||
this.tost1("EmM")
|
||
}
|
||
else{
|
||
this.Load=false
|
||
swal(
|
||
'Error',
|
||
'Internal Server error , Please try after sometime !!!',
|
||
'error'
|
||
)
|
||
|
||
}});
|
||
|
||
|
||
}
|
||
|
||
}
|
||
|
||
data_descip:any;
|
||
onNoClick(a): void {
|
||
this.dialogRef.close(a);
|
||
}
|
||
tost1(divid){
|
||
if(divid == "EmM"){
|
||
this.data_descip = this.emmnerr.split(":")[1]
|
||
this._flashMessagesService.show(this.data_descip, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}
|
||
else if(divid == "succ"){
|
||
this.data_descip = "Dealer Successfully Added"
|
||
this._flashMessagesService.show(this.data_descip, { cssClass: 'alert-success', timeout: 3000 });
|
||
}
|
||
else if(divid == "psdnmtch"){
|
||
this.data_descip = "Error: Password and confirm password do not match"
|
||
this._flashMessagesService.show(this.data_descip, { cssClass: 'alert-danger', timeout: 3000 });
|
||
}
|
||
// function launch_toast() {
|
||
// // console.log(divid);
|
||
// var x = document.getElementById("toast")
|
||
// //console.log(x);
|
||
// x.className = "show";
|
||
// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 4500);
|
||
// }
|
||
}
|
||
|
||
valclear(){
|
||
this._flashMessagesService.show("Cleared", { cssClass: 'alert-warning', timeout: 2000 });
|
||
|
||
}
|
||
|
||
devicess:any;
|
||
final:any;
|
||
click1(event){
|
||
this.show2=false;
|
||
this.show3=true;
|
||
if((event.keyCode >= 48 && event.keyCode <= 57) || event.keyCode == 9 || event.keyCode == 8 || event.keyCode == 46 || event.keyCode == 37 || event.keyCode == 39){
|
||
}
|
||
/* if(event.keyCode===13){
|
||
this.otp_window();
|
||
} */
|
||
|
||
else
|
||
event.preventDefault();
|
||
}
|
||
click2(event2){
|
||
this.show2=true;
|
||
this.show3=false;
|
||
|
||
}
|
||
call(e) {
|
||
{
|
||
if (e.keyCode == 32) {
|
||
e.preventDefault();
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
getdev(){
|
||
let foods = []
|
||
this.contactService.getDevice(this.emailid,this.useridd).subscribe(
|
||
|
||
data => {
|
||
this.devicess = data
|
||
|
||
let swap;
|
||
for(let g = 0;g<this.devicess.devices.length-1;g++ ){
|
||
for(let c = 0;c<this.devicess.devices.length-g-1;c++ ){
|
||
if(this.devicess.devices[c].Device_Name>this.devicess.devices[c+1].Device_Name){
|
||
swap = this.devicess.devices[c];
|
||
this.devicess.devices[c] = this.devicess.devices[c+1];
|
||
this.devicess.devices[c+1] = swap;
|
||
}
|
||
}
|
||
}
|
||
|
||
this.final = this.devicess.devices
|
||
|
||
for(let i=0;i<this.devicess.devices.length;i++){
|
||
|
||
// if(this.devicess.devices[i].type_of_device =="Tracker"){
|
||
let a ={
|
||
value : this.devicess.devices[i].Device_Name,
|
||
viewValue:this.devicess.devices[i].Device_Name
|
||
}
|
||
foods.push(a);
|
||
// }
|
||
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
cond:Boolean = false;
|
||
point : any = 0;
|
||
aa(){
|
||
console.log(this.point);
|
||
if(this.point == 0){
|
||
this.cond = true;
|
||
this.point ++;
|
||
}
|
||
else if(this.point % 2 == 0){
|
||
this.cond = true;
|
||
this.point ++;
|
||
}
|
||
else{
|
||
this.cond = false
|
||
this.point ++;
|
||
}
|
||
|
||
|
||
}
|
||
documentType(docType){
|
||
console.log("doctypeObject=>",docType);
|
||
|
||
}
|
||
|
||
docRow:boolean=false;
|
||
AddDocumentsField(addedRow){
|
||
if(addedRow){
|
||
this.docRow = true;
|
||
}
|
||
var obj={doctype:'',image:''};
|
||
this.imageuploadObject.push(obj);
|
||
console.log(this.imageuploadObject);
|
||
// console.log("ImageuploadObject=>",this.imageuploadObject);
|
||
}
|
||
|
||
DeleteDocumentsField(index){
|
||
console.log(this.imageuploadObject.length);
|
||
if(this.imageuploadObject.length == 1){
|
||
this.docRow = false;
|
||
}
|
||
this.imageuploadObject.splice(index, 1);
|
||
|
||
}
|
||
|
||
selectedFile: File;
|
||
onFileChanged(event) {
|
||
this.selectedFile = <File>event.target.files[0];
|
||
console.log(this.selectedFile);
|
||
}
|
||
|
||
closebox(){
|
||
this.dialogRef.close(null);
|
||
}
|
||
|
||
onUpload(imgIndex) {
|
||
console.log(imgIndex);
|
||
console.log(this.imageuploadObject);
|
||
const fd = new FormData();
|
||
|
||
fd.append('photo',this.selectedFile,this.selectedFile.name)
|
||
console.log("imgURL=>",fd) ;
|
||
this.contactService.imageupload(fd)
|
||
.subscribe(res=>{
|
||
var resImage ='';
|
||
resImage = res['_body'];
|
||
console.log(res['_body']);
|
||
this.imageuploadObject[imgIndex].image = resImage;
|
||
console.log(this.imageuploadObject);
|
||
// console.log(res);
|
||
},err=>{
|
||
console.log(err);
|
||
})
|
||
|
||
}
|
||
passwordIcon:any='visibility_off';
|
||
passwordIcon_1:any='visibility_off';
|
||
|
||
|
||
showpassword(p:any){
|
||
|
||
if((p == 'p1')&&(this.passwordtype == "password")){
|
||
this.passwordtype = 'text';
|
||
this.passwordIcon = 'visibility';
|
||
return;
|
||
|
||
}
|
||
|
||
if((p == 'p1')&&(this.passwordtype == "text")){
|
||
this.passwordtype = 'password'
|
||
this.passwordIcon = 'visibility_off';
|
||
return;
|
||
}
|
||
|
||
if((p == 'p2')&&(this.passwordtype_1 == "password")){
|
||
this.passwordtype_1 = 'text';
|
||
this.passwordIcon_1 = 'visibility';
|
||
return;
|
||
|
||
|
||
}
|
||
|
||
if((p == 'p2')&&(this.passwordtype_1 == "text")){
|
||
this.passwordtype_1 = 'password';
|
||
this.passwordIcon_1 = 'visibility_off';
|
||
return;
|
||
}
|
||
|
||
}
|
||
|
||
latLongDetail(){
|
||
var that =this;
|
||
console.log("Inside Latlong Function");
|
||
if (navigator.geolocation) {
|
||
|
||
if(location.protocol != 'https:'){
|
||
this.contactService.getlatLong().subscribe(res=>{
|
||
console.log(res);
|
||
let t_latlng = new google.maps.LatLng(res.lat, res.lon);
|
||
let request = {
|
||
latLng: t_latlng
|
||
};
|
||
|
||
this.getAddress(request);
|
||
})
|
||
}else{
|
||
navigator.geolocation.getCurrentPosition(function(position) {
|
||
var d_lat= position.coords.latitude;
|
||
var d_lng=position.coords.longitude;
|
||
let t_latlng = new google.maps.LatLng(d_lat, d_lng);
|
||
let request = {
|
||
latLng: t_latlng
|
||
};
|
||
|
||
that.getAddress(request);
|
||
})
|
||
|
||
}}
|
||
}
|
||
|
||
getAddress(request){
|
||
let geocoder = new google.maps.Geocoder();
|
||
geocoder.geocode(request, function (data, status) {
|
||
console.log("Inside geocoder function");
|
||
var userCountry;
|
||
if (status == google.maps.GeocoderStatus.OK) {
|
||
if (data[0] != null) {
|
||
var address_show = data[0];
|
||
console.log('var=>' ,address_show);
|
||
for (var ac = 0; ac < data[0].address_components.length; ac++) {
|
||
var component = data[0].address_components[ac];
|
||
switch(component.types[0]) {
|
||
case 'country':
|
||
userCountry = component.short_name;
|
||
console.log(userCountry);
|
||
break;
|
||
}
|
||
};
|
||
|
||
var aaa = $('#telephone').intlTelInput("setCountry",userCountry);
|
||
} else {
|
||
userCountry = 'in';
|
||
}
|
||
}
|
||
else {
|
||
console.log("Inside Error function");
|
||
userCountry = 'in';
|
||
}
|
||
})
|
||
}
|
||
|
||
|
||
}
|