\n
\n
\n \n
\n
\n
\n
\n
\n Home \n My Personal Files \n
{{d.FolderName}} \n \n
\n
\n
\n
\n
\n \n Name \n Modified \n \n \n \n \n \n \n \n
\n
\n
\n
\n {{folderview.FolderName}}\n
\n
\n \n {{folderview.ModifiedOn | date: 'MM/dd/yy, hh:mm a'}} \n \n \n\n \n \n \n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n {{ret.date | date: 'MM/dd/yy, hh:mm a'}} \n \n \n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n Home \n My Personal Files \n
{{d.FolderName}} \n \n
\n
\n
\n
\n
\n \n\n
\n
\n
\n \n Name \n Modified\n \n \n \n \n \n \n \n\n \n
\n
\n
\n
\n {{folderview.FolderName}}\n
\n
\n \n {{folderview.ModifiedOn | date: 'MM/dd/yy, hh:mm a'}} \n \n \n \n \n \n \n \n\n \n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n \n \n\n \n
\n
\n
\n
\n {{ret.DocumentName}}\n
\n
\n\n {{ret.date | date: 'MM/dd/yy, hh:mm a'}} \n \n \n
\n
\n
\n
\n
\n
\n\n
\n
\n \n
\n
\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","import { Component, OnInit } from '@angular/core';\r\nimport { NgForm } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { UserDetailsService } from 'src/app/Shared/UserDetails/user-details.service';\r\nimport { SupportVM } from 'src/app/ViewModels/SupportVM';\r\n\r\n@Component({\r\n selector: 'app-support',\r\n templateUrl: './support.component.html',\r\n styleUrls: ['./support.component.scss']\r\n})\r\nexport class SupportComponent implements OnInit {\r\n issueType: any;\r\n isLoggedIn: boolean;\r\n uid: string;\r\n accid: string;\r\n focus1=false;\r\n focus=false;\r\n constructor(private router: Router, private user: UserDetailsService,private spinner:NgxSpinnerService) {\r\n window.scrollTo(0,0);\r\n\r\n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\r\n this.isLoggedIn = true;\r\n this.uid = localStorage.getItem(\"userId\");\r\n this.accid = localStorage.getItem(\"uid\");\r\n\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n setTimeout(() => {\r\n var footer = document.getElementById(\"footer\");\r\n if(footer.style.display==\"none\"){\r\n footer.style.display = \"block\";\r\n }\r\n }, 1000);\r\n \r\n }\r\n\r\n onSelectType(data) {\r\n this.issueType = data;\r\n }\r\n\r\n\r\n SaveSupportQuery(form: NgForm) {\r\n if(this.isLoggedIn==true){\r\n const input: SupportVM =\r\n {\r\n Id: 0,\r\n UserId: this.uid,\r\n AliasId: this.accid,\r\n Issue: this.issueType,\r\n Name: form.controls[\"firstname\"].value,\r\n Email: form.controls[\"email\"].value,\r\n IssueDescription: form.controls[\"msg\"].value,\r\n ComplaintId:null,\r\n LastUpdateddate: null,\r\n RequestDate: null\r\n }\r\n this.spinner.show();\r\n this.user.SaveSupportRequest(input).subscribe((response: any) => {\r\n alert(\"Your Request Submitted Successfully,We will come back to you soon\");\r\n this.router.navigate(['/']);\r\n this.spinner.hide();\r\n \r\n });\r\n }\r\n else{\r\n this.router.navigate(['/login']);\r\n\r\n }\r\n \r\n }\r\n}\r\n","
\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n
","import { formatDate } from '@angular/common';\nimport { Component, OnDestroy, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\n\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\nimport { DocumentViewerService } from 'src/app/Shared/E_SignDocumentViewer/document-viewer.service';\nimport { SignatureService } from 'src/app/Shared/E_Signature/signature.service';\nimport { DrawnESign, FileviewVM } from 'src/app/ViewModels/E_Sign';\n\n\n@Component({\n selector: 'app-document-viewer',\n templateUrl: './document-viewer.component.html',\n styleUrls: ['./document-viewer.component.css']\n})\n export class DocumentViewerComponent implements OnInit,OnDestroy {\n EsignReceipientsList:any;\n showInvitetoSign:any;\n messagecharacters:any;\n esignEmailMsgtext:any;\n subjectcharacters:any;\n EsignSubject:any;\n thereminderCheckbox:any;\n ShowEsignSendMsgLayout:any;\n Reminders:any;\n selfesignlist:any[]=[];\n Esignmemlist:any[]=[];\n esignlist:any;\n showInvSignBtn:any;\n recpsignaturepage;any;\n esign1: any[];\n esign2: any[];\n esign3: any[];\n SelfSignChecked:any;\n gotfile: string;\n BlockId: any;\n EmailID: any;\n uid: any;\n PdfFile: any;\n docName: any;\n pageOfSign: any;\n font: any;\n avalue: any;\n signs: any;\n type: string;\n cntses: number;\n sign: any;\n pageCount: number;\n pagerect: any;\n pageleft: number;\n pagewidth: number;\n pageheight: number;\n pagetop: number;\n RecipientEmail:any;\n RecipientsList: any[]=[];\n currentesinmemberUID: any;\n i: number;\n ecountint: any;\n dyidfd: any;\n colors: any;\n totalcoord: any;\n selectedUserCodeeee: any;\n selectedCode: any;\n esignBlockid: string;\n esigncoordlist: any;\n filename: any;\n esignids: any[]=[];\n usersigncount: number;\n fileupload: any;\n uploadedsign: string | ArrayBuffer;\n isDraw: boolean;\n isUpload: boolean;\n signatureImage: any;\n recipientIconList: any[]=[];\n currentSigingIcon: any;\n signId: any;\n GUID: string;\n hideComponent: boolean;\n \n constructor(private documentViewerService:DocumentViewerService, private router:Router, \n private modalService: NgbModal, private signatureService:SignatureService, private spinner:NgxSpinnerService) {\n this.BlockId = localStorage.getItem(\"blockId\");\n this.EmailID = localStorage.getItem(\"MailId\");\n this.uid = localStorage.getItem(\"userId\");\n this.GUID = localStorage.getItem(\"GUID\");\n this.PdfFile = localStorage.getItem(\"PdfFile\");\n this.cntses = 0;\n this.dyidfd = 0;\n let recipients = localStorage.getItem(\"PdfblockidRecipients\");\n if( recipients !=null && recipients != undefined)\n {\n this.BlockId = recipients;\n this.esignBlockid = localStorage.getItem(\"esignblockid\");\n this.recpsignaturepage = true;\n }\n }\n \n ngOnInit(): void {\n this.gotopdfView();\n setTimeout(() => {\n var footer = document.getElementById(\"footer\");\n if (footer) {\n footer.style.display = \"none\";\n }\n }, 1000);\n }\n \n ngOnDestroy()\n {\n localStorage.removeItem(\"retdata\");\n localStorage.removeItem(\"sign\");\n localStorage.removeItem(\"PdfFile\");\n localStorage.removeItem(\"ViewPdffile\");\n localStorage.removeItem(\"retdata\");\n localStorage.removeItem(\"UserDetails\");\n localStorage.removeItem(\"PdfblockidRecipients\");\n localStorage.removeItem(\"esignblockid\");\n }\n \n applyStyles(da) {\n const styles = { 'top': da.top + \"%\", 'left': da.left + \"%\", 'z-index': 2, 'font-family':da.fntfmly };\n return styles;\n }\n \n applyStylesforesign(da)\n {\n const styles = { 'top': da.top + \"%\", 'left': da.left + \"%\", 'z-index': 2, 'font-family':da.fntfmly };\n return styles;\n }\n \n applyStylesforRecp(da)\n {\n const styles = { 'top': da.y + \"%\", 'left': da.x + \"%\", 'z-index': 2 };\n return styles;\n }\n \n OnClickReminderCheckbox(a)\n {\n \n }\n \n onSelectReminder(a:any)\n {\n \n }\n \n CloseMsgofEsign()\n {\n \n }\n \n CloseEsign()\n {\n \n }\n \n \n \n dragEnd(a,id)\n {\n \n }\n \n exitEsign()\n {\n \n }\n \n recpsignedsignature() {\n //this.filename = localStorage.getItem(\"originafile\");\n this.filename = this.docName;\n var sgncnt = Number(localStorage.getItem(\"sgndcnt\"));\n for (let j = 0; j < this.esigncoordlist.length; j++) {\n let elem = document.getElementById(this.esigncoordlist[j].id).getBoundingClientRect();\n if (this.esigncoordlist[j].toUser == this.uid) {\n this.esigncoordlist[j].width = elem.width;\n this.esigncoordlist[j].height = elem.height;\n \n if (this.esigncoordlist[j].type == 2) {\n this.esigncoordlist[j].esign = true;\n this.esigncoordlist[j].signedon = formatDate(new Date(), 'MM/dd/yyyy', 'en');\n \n }\n else {\n this.esigncoordlist[j].esign = true;\n }\n \n }\n }\n \n \n var esigndata = JSON.parse(JSON.stringify(this.esigncoordlist));\n var deta = {\n DocumentBlockId: this.BlockId,\n OwnerUserId: this.uid,\n ModifiedUserId: this.uid,\n Subject: this.EsignSubject,\n Message: this.esignEmailMsgtext,\n ToUsers: this.EsignReceipientsList,\n ReminderDays: \"\",\n Coordinates: esigndata,\n Filename: this.filename,\n esignblockid: localStorage.getItem(\"esignblockid\"),\n pdflink: \"\"\n }\n this.spinner.show();\n this.documentViewerService.savesigneddata(deta).subscribe((respose: any) => {\n this.spinner.hide();\n if (respose == \"0\") {\n alert(\"ESignature is successful\");\n this.router.navigate(['allfolders'])\n }\n else {\n alert(\"Something Went Wrong Try Again!!!...\");\n // this.router.navigate(['docs'])\n }\n });\n \n \n \n }\n \n \n recipientSign(data,content)\n {\n if(data.type == \"1\")\n {\n this.signId = data.id;\n this.currentSigingIcon = data;\n this.modalService.open(content, { size: 'lg' });\n this.ActiveMenuEsign('1');\n }\n else\n {\n var anothertext = document.createElement('p');\n // let dt = date.getMonth() + \"-\" + date.getDate() + \"-\" + date.getFullYear();\n let dt = formatDate(new Date(), 'MM/dd/yyyy', 'en');\n anothertext.innerHTML = dt;\n anothertext.style.fontSize = \"25px\";\n anothertext.setAttribute(\"id\", data.id);\n anothertext.style.top = data.y + \"%\";\n anothertext.style.left = data.x + \"%\";\n anothertext.style.position = \"absolute\";\n document.getElementById(data.pageID).appendChild(anothertext);\n var anothernode = document.getElementById(data.id);\n anothernode.remove();\n }\n }\n \n next()\n {\n \n }\n \n back()\n {\n \n }\n \n savepdf()\n {\n \n }\n \n SaveEsignDetails() {\n var esigndata = JSON.parse(JSON.stringify(this.Esignmemlist));\n var deta = {\n DocumentBlockId: this.BlockId,\n OwnerUserId: this.uid,\n ModifiedUserId: this.uid,\n Subject: this.EsignSubject,\n Message: this.esignEmailMsgtext,\n ToUsers: this.RecipientsList,\n ReminderDays: \"\",\n Coordinates: esigndata,\n Filename: this.docName\n }\n this.spinner.show();\n this.documentViewerService.SendEsignMail(deta).subscribe((respose: any) => {\n if (respose == \"0\") {\n this.spinner.hide();\n alert(\"Invited to ESignature\");\n this.router.navigate(['/allfolders']);\n }\n else {\n alert(\"Something Wrong Try Again!!!...\");\n }\n });\n }\n \n \n \n gotopdfView() {\n this.gotfile = \"\";\n const inputRequest: FileviewVM = {\n File: \"\",\n FileName: \"\",\n BlockId: this.BlockId,\n Email: this.EmailID,\n AliasUserId: this.uid,\n Fid: \"\",\n Pdffile: this.PdfFile\n }\n this.documentViewerService.getdocforpdfview(inputRequest).subscribe((data: any) => {\n if (data != null) {\n this.gotfile = data.pdfFileName;\n this.docName = data.fileName;\n localStorage.setItem('ViewPdffile', data.pdfFileName);\n localStorage.setItem('Filename', data.file);\n localStorage.setItem('originafile', data.fileName);\n localStorage.setItem('blockid', data.blockId);\n \n }\n });\n }\n \n selfsign()\n {\n this.showInvitetoSign = true;\n this.SelfSignChecked = true;\n this.getsignature();\n }\n \n getsignature() {\n var b = \"\";\n const id = {\n data: null,\n uid: this.uid\n }\n var a = \"\";\n this.documentViewerService.getsignature(id).subscribe((response) => {\n this.sign = response;\n localStorage.setItem(\"sign\", this.sign);\n if (this.sign == null) {\n this.router.navigate([\"/esignreg\"])\n }\n if (this.sign.substr(0, 10) == \"thisistext\") {\n //this.sign = this.sign.substr(10, this.sign.length);\n // const signtype = 1;\n this.signs = this.sign.split(\",\");\n this.avalue = this.signs[1];\n this.font = this.signs[2];\n this.type = \"text\";\n }\n else if (this.sign.substr(0, 10) == \"data:image\") {\n \n this.avalue = this.sign;\n this.type = \"img\";\n }\n else {\n this.router.navigate([\"/allfolders\"])\n }\n if(this.esignBlockid != null && this.esignBlockid != \"undefined\")\n {\n this.displayesignbuttons();\n }\n \n });\n }\n \n onTaskesignDrop2(event: CdkDragDrop
>, type) {\n var pdwd = this.pagewidth;\n var pdht = this.pageheight;\n var pdvr = document.getElementById(\"apndchldcdk\").getBoundingClientRect();\n var sc = pdvr.top;\n // console.log(sc);\n var y = sc;\n var ax = 0\n var ay = 0;\n var type;\n var id = event.container.id;\n var rect = document.getElementById(id).getBoundingClientRect();\n var x = Math.abs(event.distance.x);\n var tpnv = document.getElementById(\"EsignTools\").getBoundingClientRect();\n var y = event.distance.y;\n \n // var rctleftic = document.getElementById(\"ReceipientDropDown\").getBoundingClientRect();\n //var rctlft = rctleftic.left + rctleftic.width;\n \n var page = document.getElementsByClassName(\"page\");\n var a = 0;\n var pageid = \"\";\n this.pageOfSign = -1;\n // var pagetp = page[0].getBoundingClientRect().top;\n for (let i = 0; i < page.length; i++) {\n var pg = page[i].getBoundingClientRect();\n // console.log(i,pg.top);\n \n var pglft =pg.left ;\n \n var pgrt = document.getElementById(i.toString()).getBoundingClientRect();\n \n var tx = 0\n \n \n \n if (event.distance.x > 0) {\n tx = (x + rect.left + 90);\n }\n else {\n tx = Math.abs(rect.left - x);\n }\n \n console.log(x, rect.left, pgrt.left, pgrt.right);\n \n if (tx > pg.left && tx < pg.right && (y + rect.top) > pg.top && y < pg.bottom) {\n this.pageOfSign = i;\n y = y - pgrt.top;\n // x=x-rect.left+rctlft;\n \n \n \n \n if (event.distance.x > 0) {\n x = (x + rect.left) - pglft;\n }\n else {\n x = Math.abs(x - (rect.left - pgrt.left));\n }\n \n \n //console.log(i);\n break;\n }\n }\n if (this.pageOfSign != -1) {\n \n ax = ((((x) / (pdwd)) * 100)) + 1;\n ay = (((y) / (pdht) * 100)) + 1;\n var setty;\n this.cntses += 1;\n if (type == 1) {\n if (this.type == \"img\") {\n this.avalue = this.sign;\n setty = 1;\n }\n else {\n this.avalue = this.signs[1];\n this.font = this.signs[2];\n setty = 2;\n }\n }\n else {\n setty = 2;\n this.avalue = formatDate(new Date(), 'MM/dd/yyyy', 'en');\n if (this.signs != null || this.signs != undefined) {\n this.font = this.signs[2];\n }\n else {\n this.font = \"Arial Verdana\";\n }\n }\n \n \n \n var newPos2 = {\n id: \"SE\" + this.cntses,\n top: ay,\n left: ax,\n img: setty,\n fntfmly: this.font,\n iid: this.pageOfSign,\n val: this.avalue\n };\n this.selfesignlist.push(newPos2);\n \n if (this.selfesignlist.length != 0) {\n document.getElementById(\"ESignFINISHBtn\").style.backgroundColor = \"#4F44C5\";\n document.getElementById(\"ESignFINISHBtn\").style.color = \"#ffffff\";\n document.getElementById(\"ESignFINISHBtn\").style.pointerEvents = 'auto';\n document.getElementById(\"ESignFINISHBtn\").style.cursor = 'pointer';\n }\n \n setTimeout(() => {\n var elm = document.getElementById(newPos2.id);\n elm.style.display = \"block\";\n //var elem = document.getElementById(id);\n // elem.parentElement.removeChild(elem);\n document.getElementById(this.pageOfSign).appendChild(elm);\n \n }, 100);\n }\n }\n \n pageLoaded()\n {\n setTimeout(() => {\n var pg = document.getElementsByClassName(\"page\");\n this.pageCount = pg.length;\n for (var i = 0; i < pg.length; i++) {\n pg[i].id = i.toString();\n var pgrct = pg[i].getBoundingClientRect();\n }\n if(pg.length != 0){\n var pgrtcv = pg[0].getBoundingClientRect();\n this.pageleft = pgrtcv.left;\n this.pagewidth = pgrtcv.width;\n this.pageheight = pgrtcv.height;\n this.pagetop = pgrtcv.top;\n }\n \n if(this.esignBlockid!=null)\n {\n this.getsignaturebuttons(this.BlockId);\n }\n \n }, 2000);\n }\n \n \n selfSignsave()\n {\n if (this.selfesignlist.length > 0) {\n var data = JSON.stringify(this.selfesignlist);\n var fnm = localStorage.Filename;\n this.spinner.show();\n this.documentViewerService.storecord1(data, fnm).subscribe((response: any) => {\n this.spinner.hide();\n if(response == \"1\")\n {\n alert(\"Signed successfully!!!\");\n this.router.navigate(['allfolders']);\n }\n else\n {\n alert(\"Something went Wrong!!!\");\n this.router.navigate(['allfolders']);\n }\n });\n }\n }\n \n openModal(content) {\n this.modalService.open(content, { size: 'lg' });\n }\n \n addRecipients()\n {\n this.RecipientsList.push(this.RecipientEmail);\n }\n \n RemoveRecipient(id)\n {\n const index = this.RecipientsList.indexOf(id, 0);\n if (index > -1) {\n this.RecipientsList.splice(index, 1);\n }\n }\n \n \n onTaskeesignDrop3(event: CdkDragDrop>, signtype) {\n var page = document.getElementsByClassName(\"page\");\n var pdwd = this.pagewidth;\n var pdht = this.pageheight;\n // console.log(pdwd,pdht);\n \n for (let i = 0; i < this.RecipientsList.length; i++) {\n       if (this.RecipientsList[i]== this.currentesinmemberUID) { \n this.i = i;\n break;\n }\n }\n \n \n var pdvr = document.getElementById(\"apndchldcdk\").getBoundingClientRect();\n var sc = pdvr.top;\n var y = sc;\n var ax = 0\n var ay = 0;\n var type;\n var id = event.container.id;\n var rect = document.getElementById(id).getBoundingClientRect();\n var x = Math.abs(event.distance.x);\n var tpnv = document.getElementById(\"EsignTools\").getBoundingClientRect();\n var y = event.distance.y;\n \n var page = document.getElementsByClassName(\"page\");\n var a = 0;\n var pageid = \"\";\n this.pageOfSign = -1;\n \n for (let i = 0; i < page.length; i++) {\n var pg = page[i].getBoundingClientRect();\n // console.log(i,pg.top);\n \n var pglft =pg.left ;\n \n var pgrt = document.getElementById(i.toString()).getBoundingClientRect();\n \n var tx = 0\n \n \n \n if (event.distance.x > 0) {\n tx = (x + rect.left + 90);\n }\n else {\n tx = Math.abs(rect.left - x);\n }\n \n console.log(x, rect.left, pgrt.left, pgrt.right);\n \n if (tx > pg.left && tx < pg.right && (y + rect.top) > pg.top && y < pg.bottom) {\n this.pageOfSign = i;\n y = y - pgrt.top;\n \n if (event.distance.x > 0) {\n x = (x + rect.left) - pglft;\n }\n else {\n x = Math.abs(x - (rect.left - pgrt.left));\n }\n \n \n //console.log(i);\n break;\n }\n }\n \n if (this.pageOfSign != -1) {\n \n ax = ((((x) / (pdwd)) * 100)) + 1;\n ay = (((y) / (pdht) * 100)) + 1;\n var setty;\n var imgp = \"\";\n if (signtype == 1) \n {\n type = 1;\n imgp = \"1\";\n }\n else\n {\n type = 2;\n imgp = \"2\";\n }\n \n var recp = this.currentesinmemberUID;\n this.dyidfd = (this.dyidfd + 1);\n var newesi = {\n numid: this.ecountint,\n img: imgp,\n id: \"e\" + this.dyidfd,\n top: ay,\n left: ax,\n backgroundColor: \"black\",\n type: type,\n selecteduid: recp,\n iid: this.pageOfSign,\n signedon: null,\n esign: false\n };\n \n this.Esignmemlist.push(newesi);\n \n \n this.totalcoord = this.Esignmemlist;\n console.log(this.Esignmemlist);\n this.ecountint = this.ecountint + 1;\n \n setTimeout(() => {\n var elm = document.getElementById(newesi.id);\n elm.style.display = \"block\";\n document.getElementById(this.pageOfSign).appendChild(elm);\n \n }, 100);\n }\n \n \n }\n EsignView()\n {\n this.SelfSignChecked = false;\n this.showInvitetoSign = true;\n }\n \n someMethod(event) {\n let data = (event.target).value;\n this.selectedCode=data;\n \n this.currentesinmemberUID = data\n \n var emaill = data;\n \n \n this.selectedUserCodeeee = data;\n }\n \n getsignaturebuttons(blockid: any) {\n let data =\n {\n pdfblockid: blockid,\n userid: this.uid,\n esignblockid: localStorage.getItem(\"esignblockid\")\n };\n this.documentViewerService.getusersignaturebuttons(data).subscribe((data: any) => {\n if (data != null) {\n this.esigncoordlist = data;\n console.log(data);\n // this.getsignature();\n this.displayesignbuttons();\n }\n });\n }\n \n \n \n displayesignbuttons() {\n \n \n var esigncoordlist = this.esigncoordlist;\n \n for (let j = 0; j < esigncoordlist.length; j++) {\n \n if(esigncoordlist[j].toUser == this.uid)\n {\n esigncoordlist[j].id = \"recp\"+j;\n \n this.recipientIconList.push(esigncoordlist[j]);\n \n setTimeout(() => {\n var elm = document.getElementById(esigncoordlist[j].id);\n elm.style.display = \"block\";\n document.getElementById(esigncoordlist[j].pageID).appendChild(elm);\n \n }, 100);\n }\n }\n \n \n }\n \n getUnique(array){\n var uniqueArray = [];\n \n // Loop through array values\n for(let i=0; i < array.length; i++){\n if(uniqueArray.indexOf(array[i]) === -1) {\n uniqueArray.push(array[i]);\n }\n }\n return uniqueArray;\n }\n \n \n \n ActiveMenuEsign(data: any) {\n if (data == 1) {\n \n this.isDraw = true;\n document.getElementById(\"draw\").style.color = \"#4F44C5\";\n document.getElementById(\"upload\").style.color = \"#9BAAB6\";\n \n document.getElementById(\"draw\").style.borderBottom = \"3px solid rgb(79, 68, 197)\";\n document.getElementById(\"upload\").style.borderBottom = \"none\";\n \n \n document.getElementById(\"draw\").style.fontSize = \"13px\";\n document.getElementById(\"upload\").style.fontSize = \"13px\";\n \n document.getElementById(\"draw\").style.lineHeight = \"12px\";\n document.getElementById(\"upload\").style.lineHeight = \"12px\";\n \n document.getElementById(\"draw\").style.lineHeight = \"0.1em\";\n document.getElementById(\"upload\").style.lineHeight = \"0.1em\";\n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-primary ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-16%';\n (b[i]).style.marginLeft = '104%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n }, 1);\n \n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-default ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-57%';\n (b[i]).style.marginLeft = '104%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n var element = document.getElementById(\"canv\");\n var sign = element.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var sign1 = element.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var sign2 = element.getElementsByTagName(\"canvas\")[0].style.paddingRight = \"10%\";\n var sign3 = element.getElementsByTagName(\"canvas\")[0].style.height = \"190px\";\n var sign4 = element.getElementsByTagName(\"canvas\")[0].style.width = \"439px\";//469\n var sign5 = element.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n var ele = document.getElementById(\"canvone\");\n var initial = ele.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var initial1 = ele.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var initial2 = ele.getElementsByTagName(\"canvas\")[0].style.paddingLeft = \"2%\";\n var initial3 = ele.getElementsByTagName(\"canvas\")[0].style.marginLeft = \"9%\";\n var initial4 = ele.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var initial5 = ele.getElementsByTagName(\"canvas\")[0].style.width = \"413px\";//438\n var initial6 = ele.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n }, 1);\n \n \n \n \n }\n else{\n \n this.isDraw = false;\n document.getElementById(\"draw\").style.color = \"#9BAAB6\";\n document.getElementById(\"upload\").style.color = \"#4F44C5\";\n \n document.getElementById(\"draw\").style.borderBottom = \"none\";\n document.getElementById(\"upload\").style.borderBottom = \"3px solid rgb(79, 68, 197)\";\n \n document.getElementById(\"draw\").style.fontSize = \"13px\";\n document.getElementById(\"upload\").style.fontSize = \"13px\";\n \n document.getElementById(\"draw\").style.lineHeight = \"12px\";\n document.getElementById(\"upload\").style.lineHeight = \"12px\";\n \n document.getElementById(\"draw\").style.lineHeight = \"0.1em\";\n document.getElementById(\"upload\").style.lineHeight = \"0.1em\";\n \n \n }\n }\n \n \n UploadESignature(event: any) {\n \n this.fileupload = event.target.files[0];\n const reader = new FileReader();\n reader.readAsDataURL(this.fileupload);\n reader.onload = () => {\n this.uploadedsign = reader.result; \n };\n }\n \n FinishSign()\n {\n \n \n if(this.isDraw) {\n \n var im = document.createElement(\"img\");\n im.setAttribute(\"src\", this.signatureImage);\n im.style.height = \"60px\";\n im.style.position = \"absolute\";\n im.setAttribute(\"id\",this.currentSigingIcon.id);\n im.style.top = this.currentSigingIcon.y + \"%\";\n im.style.left = this.currentSigingIcon.x + \"%\";\n \n document.getElementById(this.currentSigingIcon.pageID).appendChild(im);\n var removenode = document.getElementById(this.currentSigingIcon.id);\n removenode.remove();\n \n const inputRequest: DrawnESign = {\n CustomerId: this.uid,\n CustomerFullName: \"\",\n CustomerInitials: \"\",\n DrawnESign: this.signatureImage,\n DrawnEInitial: \"\",\n ipaddress: \"\",\n dnsip: \"\",\n browser: this.getBrowserName(),\n transaction: \"Edited E-Signature using Draw Option\"\n }\n this.spinner.show();\n this.signatureService.PostCustomerDrawSign(inputRequest).subscribe(\n data => {\n this.spinner.hide();\n if (data != \"0\") {\n for(let i=0;i {\n im.setAttribute(\"src\", e.target.result);\n }\n reader.readAsDataURL(this.fileupload);\n \n document.getElementById(this.currentSigingIcon.pageID).appendChild(im);\n var removenode = document.getElementById(this.currentSigingIcon.id);\n removenode.remove();\n this.spinner.show();\n this.signatureService.postESignature(this.uid, this.fileupload).subscribe(\n data => {\n this.spinner.hide();\n if (data != \"0\") {\n for(let i=0;i {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = error => reject(error);\n });\n }\n \n showImage(data) {\n this.signatureImage = data;\n }\n \n \n getBrowserName() {\n const agent = window.navigator.userAgent.toLowerCase();\n switch (true) {\n case agent.indexOf(\"edge\") > -1:\n return \"Edge\";\n case agent.indexOf(\"opr\") > -1 && !!(window).opr:\n return \"Opera\";\n case agent.indexOf(\"chrome\") > -1 && !!(window).chrome:\n return \"Chrome\";\n case agent.indexOf(\"trident\") > -1:\n return \"IE\";\n case agent.indexOf(\"firefox\") > -1:\n return \"Firefox\";\n case agent.indexOf(\"safari\") > -1:\n return \"Safari\";\n default:\n return \"Other\";\n }\n }\n \n \n }\n\n","\n\n \n \n \n \n \n \n
\n
\n
\n {{docName}}\n
\n \n
\n Esign \n Selfsign \n
\n \n
\n \n \n
\n
\n \n
Send Message to Recipients for E-Signatures
\n
\n Send automatic reminders:\n \n \n \n {{fol.Time}}\n \n \n
\n \n
\n
\n
\n
\n
Email Subject \n
\n
\n characters remaining : {{100 - subjectlength.value.length}}
\n
\n
\n
\n
Email Message \n
\n
\n characters remaining : {{1000 - msglength.value.length}}
\n
\n
\n
\n
\n
Recipients
\n
\n
\n
\n
\n \n \n \n \n {{data.UserName}} \n
\n \n {{data.FirstName}}
\n \n {{data.Email}}
\n \n \n \n
\n
\n
\n
\n
\n
\n SEND Cancel \n
\n
\n
\n
\n \n \n \n
\n \n
\n
\n
\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n \n
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n \n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n","import { Component, OnInit } from '@angular/core';\nimport { NgForm } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\nimport { SignatureService } from 'src/app/Shared/E_Signature/signature.service';\nimport { ChooseESign, DrawnESign } from 'src/app/ViewModels/E_Sign';\n\n\n@Component({\n selector: 'app-esign-registration',\n templateUrl: './esign-registration.component.html',\n styleUrls: ['./esign-registration.component.css']\n})\n\nexport class EsignRegistrationComponent implements OnInit {\n isChoose: boolean;\n isDraw: boolean;\n isUpload: boolean;\n userId: any;\n fileupload: any;\n initialImage: any;\n signatureImage: any;\n selectedesign: any;\n uploadedinitial: any;\n uploadedsign: any;\n esign:any;\n esinitials:any;\n esfullname:any;\n constructor(private signatureService:SignatureService,private auditortransactionservice:AuditorTransactionService\n , private router:Router) { \n this.userId = localStorage.getItem(\"userId\");\n }\n \n ngOnInit(): void {\n }\n \n \n ActiveMenuEsign(data: any) {\n if (data == 1) {\n \n document.getElementById(\"choose\").style.color = \"#4F44C5\";\n document.getElementById(\"draw\").style.color = \"#9BAAB6\";\n document.getElementById(\"upload\").style.color = \"#9BAAB6\";\n \n document.getElementById(\"choose\").style.borderBottom = \"3px solid rgb(79, 68, 197)\";\n document.getElementById(\"draw\").style.borderBottom = \"none\";\n document.getElementById(\"upload\").style.borderBottom = \"none\";\n \n \n \n \n \n document.getElementById(\"choose\").style.fontStyle = \"normal\";\n \n \n \n document.getElementById(\"choose\").style.fontSize = \"13px\";\n document.getElementById(\"draw\").style.fontSize = \"13px\";\n document.getElementById(\"upload\").style.fontSize = \"13px\";\n \n document.getElementById(\"choose\").style.lineHeight = \"12px\";\n document.getElementById(\"draw\").style.lineHeight = \"12px\";\n document.getElementById(\"upload\").style.lineHeight = \"12px\";\n \n document.getElementById(\"choose\").style.letterSpacing = \"0.1em\";\n document.getElementById(\"draw\").style.lineHeight = \"0.1em\";\n document.getElementById(\"upload\").style.lineHeight = \"0.1em\";\n \n this.isChoose = true;\n this.isDraw = false;\n this.isUpload = false;\n // this.Getpinslist()\n }\n else if (data == 2) {\n \n document.getElementById(\"choose\").style.color = \"#9BAAB6\";\n document.getElementById(\"draw\").style.color = \"#4F44C5\";\n document.getElementById(\"upload\").style.color = \"#9BAAB6\";\n \n document.getElementById(\"choose\").style.borderBottom = \"none\";\n document.getElementById(\"draw\").style.borderBottom = \"3px solid rgb(79, 68, 197)\";\n document.getElementById(\"upload\").style.borderBottom = \"none\";\n \n \n \n \n \n document.getElementById(\"choose\").style.fontStyle = \"normal\";\n \n \n \n document.getElementById(\"choose\").style.fontSize = \"13px\";\n document.getElementById(\"draw\").style.fontSize = \"13px\";\n document.getElementById(\"upload\").style.fontSize = \"13px\";\n \n document.getElementById(\"choose\").style.lineHeight = \"12px\";\n document.getElementById(\"draw\").style.lineHeight = \"12px\";\n document.getElementById(\"upload\").style.lineHeight = \"12px\";\n \n document.getElementById(\"choose\").style.letterSpacing = \"0.1em\";\n document.getElementById(\"draw\").style.lineHeight = \"0.1em\";\n document.getElementById(\"upload\").style.lineHeight = \"0.1em\";\n \n this.isChoose = false;\n this.isDraw = true;\n this.isUpload = false;\n // this.Getpinslist()\n \n \n if (window.innerWidth >= 780 && window.innerWidth <= 1025) {\n //Draw signatures\n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-primary ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-22%';\n (b[i]).style.marginLeft = '98%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n }, 1);\n \n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-default ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-77%';\n (b[i]).style.marginLeft = '98%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n var element = document.getElementById(\"canv\");\n var sign = element.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var sign1 = element.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var sign2 = element.getElementsByTagName(\"canvas\")[0].style.paddingRight = \"10%\";\n var sign3 = element.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var sign4 = element.getElementsByTagName(\"canvas\")[0].style.width = \"333px\";//469\n var sign5 = element.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n var ele = document.getElementById(\"canvone\");\n var initial = ele.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var initial1 = ele.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var initial2 = ele.getElementsByTagName(\"canvas\")[0].style.paddingLeft = \"2%\";\n var initial3 = ele.getElementsByTagName(\"canvas\")[0].style.marginLeft = \"9%\";\n var initial4 = ele.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var initial5 = ele.getElementsByTagName(\"canvas\")[0].style.width = \"306px\";//438px\n var initial6 = ele.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n }, 1);\n }\n else if ((window.innerWidth <= 2000 && window.innerWidth > 1024)) {\n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-primary ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-16%';\n (b[i]).style.marginLeft = '104%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n }, 1);\n \n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-default ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-57%';\n (b[i]).style.marginLeft = '104%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n var element = document.getElementById(\"canv\");\n var sign = element.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var sign1 = element.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var sign2 = element.getElementsByTagName(\"canvas\")[0].style.paddingRight = \"10%\";\n var sign3 = element.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var sign4 = element.getElementsByTagName(\"canvas\")[0].style.width = \"439px\";//469\n var sign5 = element.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n var ele = document.getElementById(\"canvone\");\n var initial = ele.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var initial1 = ele.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var initial2 = ele.getElementsByTagName(\"canvas\")[0].style.paddingLeft = \"2%\";\n var initial3 = ele.getElementsByTagName(\"canvas\")[0].style.marginLeft = \"9%\";\n var initial4 = ele.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var initial5 = ele.getElementsByTagName(\"canvas\")[0].style.width = \"413px\";//438\n var initial6 = ele.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n }, 1);\n \n }\n \n else if (window.innerWidth <= 780 && window.innerWidth >= 500) {\n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-primary ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-29%';\n (b[i]).style.marginLeft = '103%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n }, 1);\n \n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-default ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-110%';\n (b[i]).style.marginLeft = '103%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n \n (b[i]).style.fontSize = '13px';\n }\n var element = document.getElementById(\"canv\");\n var sign = element.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var sign1 = element.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var sign2 = element.getElementsByTagName(\"canvas\")[0].style.paddingRight = \"10%\";\n var sign3 = element.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var sign4 = element.getElementsByTagName(\"canvas\")[0].style.width = \"245px\";//469\n var sign5 = element.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n var ele = document.getElementById(\"canvone\");\n var initial = ele.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var initial1 = ele.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var initial2 = ele.getElementsByTagName(\"canvas\")[0].style.paddingLeft = \"2%\";\n var initial3 = ele.getElementsByTagName(\"canvas\")[0].style.marginLeft = \"13%\";\n var initial4 = ele.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var initial5 = ele.getElementsByTagName(\"canvas\")[0].style.width = \"246px\";//438\n var initial6 = ele.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n }, 1);\n \n }\n else if (window.innerWidth <= 500 && window.innerWidth >= 335) {\n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-primary ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-21%';\n (b[i]).style.marginLeft = '82%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n (b[i]).style.fontSize = '9px';\n }\n }, 1);\n \n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-default ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-75%';\n (b[i]).style.marginLeft = '82%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n (b[i]).style.fontSize = '9px';\n }\n var element = document.getElementById(\"canv\");\n var sign = element.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var sign1 = element.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var sign2 = element.getElementsByTagName(\"canvas\")[0].style.paddingRight = \"10%\";\n var sign3 = element.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var sign4 = element.getElementsByTagName(\"canvas\")[0].style.width = \"469px\";\n var sign5 = element.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n \n var ele = document.getElementById(\"canvone\");\n var initial = ele.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var initial1 = ele.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var initial2 = ele.getElementsByTagName(\"canvas\")[0].style.paddingLeft = \"2%\";\n var initial3 = ele.getElementsByTagName(\"canvas\")[0].style.marginLeft = \"9%\";\n var initial4 = ele.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var initial5 = ele.getElementsByTagName(\"canvas\")[0].style.width = \"438px\";\n var initial6 = ele.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n }, 1);\n \n }\n else if (window.innerWidth <= 335) {\n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-primary ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-21%';\n (b[i]).style.marginLeft = '82%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n (b[i]).style.fontSize = '9px';\n }\n }, 1);\n \n \n setTimeout(() => {\n var b = document.getElementsByClassName(\"btn btn-default ng-star-inserted\");\n for (let i = 0; i < b.length; i++) {\n (b[i]).style.backgroundColor = 'none';\n (b[i]).style.borderColor = 'none';\n (b[i]).style.boxShadow = 'none';\n (b[i]).style.color = '#4F44C5';\n (b[i]).style.textTransform = 'capitalize';\n (b[i]).style.marginTop = '-75%';\n (b[i]).style.marginLeft = '82%';\n (b[i]).style.background = 'none';\n (b[i]).style.border = 'none';\n (b[i]).style.fontSize = '9px';\n }\n var element = document.getElementById(\"canv\");\n var sign = element.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var sign1 = element.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var sign2 = element.getElementsByTagName(\"canvas\")[0].style.paddingRight = \"10%\";\n var sign3 = element.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var sign4 = element.getElementsByTagName(\"canvas\")[0].style.width = \"469px\";\n var sign5 = element.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n \n var ele = document.getElementById(\"canvone\");\n var initial = ele.getElementsByTagName(\"canvas\")[0].style.backgroundColor = \"#EAF1F7\";\n var initial1 = ele.getElementsByTagName(\"canvas\")[0].style.borderRadius = \"10px\";\n var initial2 = ele.getElementsByTagName(\"canvas\")[0].style.paddingLeft = \"2%\";\n var initial3 = ele.getElementsByTagName(\"canvas\")[0].style.marginLeft = \"9%\";\n var initial4 = ele.getElementsByTagName(\"canvas\")[0].style.height = \"85px\";\n var initial5 = ele.getElementsByTagName(\"canvas\")[0].style.width = \"438px\";\n var initial6 = ele.getElementsByTagName(\"canvas\")[0].style.marginTop = \"-2%\";\n }, 1);\n \n }\n \n }\n else if (data == 3) {\n \n \n document.getElementById(\"choose\").style.color = \"#9BAAB6\";\n document.getElementById(\"draw\").style.color = \"#9BAAB6\";\n document.getElementById(\"upload\").style.color = \"#4F44C5\";\n \n document.getElementById(\"choose\").style.borderBottom = \"none\";\n document.getElementById(\"draw\").style.borderBottom = \"none\";\n document.getElementById(\"upload\").style.borderBottom = \"3px solid rgb(79, 68, 197)\";\n \n document.getElementById(\"choose\").style.fontStyle = \"normal\";\n \n document.getElementById(\"choose\").style.fontSize = \"13px\";\n document.getElementById(\"draw\").style.fontSize = \"13px\";\n document.getElementById(\"upload\").style.fontSize = \"13px\";\n \n document.getElementById(\"choose\").style.lineHeight = \"12px\";\n document.getElementById(\"draw\").style.lineHeight = \"12px\";\n document.getElementById(\"upload\").style.lineHeight = \"12px\";\n \n document.getElementById(\"choose\").style.letterSpacing = \"0.1em\";\n document.getElementById(\"draw\").style.lineHeight = \"0.1em\";\n document.getElementById(\"upload\").style.lineHeight = \"0.1em\";\n \n this.isChoose = false;\n this.isDraw = false;\n this.isUpload = true;\n \n }\n }\n \n \n UploadESignature(event: any) {\n \n this.fileupload = event.target.files[0];\n const reader = new FileReader();\n reader.readAsDataURL(this.fileupload);\n reader.onload = () => {\n this.uploadedsign = reader.result; \n };\n }\n \n \n GetUploadedInitial() {\n this.signatureService.getUploadedInitial(this.userId).subscribe(\n data => {\n this.uploadedinitial = data;\n });\n }\n GetUploadedSigns() {\n this.signatureService.getUploadedSign(this.userId).subscribe(\n data => {\n this.uploadedsign = data;\n });\n }\n \n SaveChoosenESigns(form: NgForm) {\n const inputRequest: ChooseESign = {\n CustomerId: this.userId,\n CustomerFullName: form.controls[\"esfullname\"].value,\n CustomerInitials: \"\",\n SelectedESign: this.selectedesign,\n ipaddress: \"\",\n dnsip: \"\",\n browser: this.getBrowserName(),\n transaction: \"Edited E-Signature using Choose Option\"\n }\n this.signatureService.PostCustomerSelectedSign(inputRequest).subscribe(\n data => {\n if (data == \"1\") {\n alert(\"ESignature created successfully!!!\");\n \n const audit = {\n TransactionName:\"E-Signature\",\n TransactionType:\"Create\",\n TransactionDesc:\"E-Sign\",\n\n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n this.router.navigate([\"/docs\"]);\n }\n else {\n alert(\"ESignature creation failed\");\n }\n });\n }\n SaveDrawESigns(form: NgForm) {\n const inputRequest: DrawnESign = {\n CustomerId: this.userId,\n CustomerFullName: \"\",\n CustomerInitials: \"\",\n DrawnESign: this.signatureImage,\n DrawnEInitial: \"\",\n ipaddress: \"\",\n dnsip: \"\",\n browser: this.getBrowserName(),\n transaction: \"Edited E-Signature using Draw Option\"\n }\n this.signatureService.PostCustomerDrawSign(inputRequest).subscribe(\n data => {\n if (data == \"1\") {\n alert(\"ESignature created successfully!!!\");\n const audit = {\n TransactionName:\"E-Signature\",\n TransactionType:\"Create\",\n TransactionDesc:\"E-Sign\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n this.router.navigate([\"/docs\"]);\n }\n else {\n alert(\"ESignature creation failed\");\n }\n });\n }\n \n saveUploadedEsign()\n {\n this.signatureService.postESignature(this.userId, this.fileupload).subscribe(\n data => {\n \n if (data == \"1\") {\n alert(\"Signature uploaded successfully!!!\");\n const audit = {\n TransactionName:\"E-Signature\",\n TransactionType:\"Create\",\n TransactionDesc:\"E-Sign\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n this.router.navigate([\"/docs\"]);\n }\n else {\n alert(\"Image is present\");\n }\n });\n }\n \n getBrowserName() {\n const agent = window.navigator.userAgent.toLowerCase();\n switch (true) {\n case agent.indexOf(\"edge\") > -1:\n return \"Edge\";\n case agent.indexOf(\"opr\") > -1 && !!(window).opr:\n return \"Opera\";\n case agent.indexOf(\"chrome\") > -1 && !!(window).chrome:\n return \"Chrome\";\n case agent.indexOf(\"trident\") > -1:\n return \"IE\";\n case agent.indexOf(\"firefox\") > -1:\n return \"Firefox\";\n case agent.indexOf(\"safari\") > -1:\n return \"Safari\";\n default:\n return \"Other\";\n }\n }\n \n onSignFontChange(event) {\n var data = (event.target).value;\n if (data == \"1\") {\n this.selectedesign = \"Bimbo Regular\";\n }\n else if (data == \"2\") {\n this.selectedesign = \"Holligate Signature Demo\";\n }\n else if (data == \"3\") {\n this.selectedesign = \"Creattion Demo\";\n }\n }\n \n showInitial(data) {\n this.initialImage = data;\n }\n \n showImage(data) {\n this.signatureImage = data;\n }\n \n }","\n\n
\n
\n
\n
\n
E-Signature Style \n \n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n \n
Deleted Mails \n \n \n \n \n
\n \n \n \n \n \n \n {{ret.from}}\n \n \n \n {{ret.subject}}\n \n \n {{ret.sortdate}}\n \n \n \n \n \n \n \n \n \n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n \n
Inbox \n \n \n \n \n
\n \n \n \n \n \n \n {{ret.from}}\n \n \n \n {{ret.subject}}\n \n \n {{ret.sortdate}}\n \n \n \n \n \n \n \n
\n \n \n \n \n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n \n\n
\n \n
\n
\n
\n
\n \n From: {{mail.from}} \n \n
To: \n {{mail.to}} \n \n
\n
\n {{mail.sortdate}}
\n \n
\n
\n
\n
\n
\n
Sub: {{mail.subject}} \n \n \n
\n
{{mail.emailBody}} \n
\n\n
\n
\n\n
\n
\n Reply \n
\n
\n Reply All \n
\n
\n
\n
\n\n\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n\n
\n\n
To User \n
\n {{ replytouser}}
\n
\n
Message : \n\n
\n
\n\n
Upload Documents \n\n
\n\n
\n
\n\n SEND \n
\n
\n\n\n
\n
\n
\n \n
\n
\n
\n \n
Compose \n\n \n \n\n
\n\n \n
\n
To \n
\n \n \n \n \n {{ item.email }}\n \n \n \n
\n \n
\n \n
\n
Subject \n
\n
\n
Message \n
\n
\n \n
Upload Documents \n
\n
\n SEND
\n
\n\n
\n
\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n \n
Sent Mails \n\n \n \n\n
\n \n \n\n \n\n \n {{ret.toName}}\n \n\n \n {{ret.subject}}\n \n \n {{ret.date}}\n \n \n\n \n\n \n
\n
\n
\n \n
\n
\n
\n \n \n \n \n \n
\n\n","import { DatePipe } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { MailService } from 'src/app/Shared/Mail/mail.service';\nimport { MovesService } from 'src/app/Shared/MoveService/moves.service';\nimport { UserDetailsService } from 'src/app/Shared/UserDetails/user-details.service';\nimport { MailboxVM } from 'src/app/ViewModels/Email';\n\n@Component({\n selector: 'app-archive-mails',\n templateUrl: './archive-mails.component.html',\n styleUrls: ['./archive-mails.component.css']\n})\nexport class ArchiveMailsComponent implements OnInit {\n public isLoggedIn: boolean = false;\n uid: string;\n roleid: string;\n userName: string;\n usermail: string;\n pid: string;\n gridvalue: string;\n GUID: string;\n DateTime: Date;\n archiveList: any;\n q: number = 1;\n p: number = 1;\n searchText: any;\n selectedSelected: any = [];\n folderCreating: boolean;\n n: number;\n num: any;\n createdmsg: string;\n notify: string;\n CurrentFiles: any;\n inboxm: string;\n sentm: string;\n \n constructor(private router: ActivatedRoute, private userservice: UserDetailsService, private moveService: MovesService,\n private route: Router, private httpService: HttpClient, private modalService: NgbModal,\n private spinner: NgxSpinnerService, private datepipe: DatePipe, private http: HttpClient, \n private mailservice: MailService) {\n \n \n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.isLoggedIn = true;\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.userName = localStorage.getItem(\"UserName\");\n this.pid = localStorage.getItem(\"parentid\");\n this.usermail = localStorage.getItem(\"MailId\");\n this.gridvalue = localStorage.getItem(\"gridvalue\");\n this.GUID = localStorage.getItem(\"GUID\");\n }\n }\n\n ngOnInit(): void {\n this.GetarchiveMailList();\n }\n\n inbox() {\n this.route.navigate(['inboxmails']);\n }\n composemail() {\n this.route.navigate(['composemsg']);\n }\n deleteitems() {\n this.route.navigate(['del']);\n }\n sentitems() {\n this.route.navigate(['sentmails']);\n }\n archiveitems() {\n this.route.navigate(['archive']);\n }\n\n GetarchiveMailList() {\n this.spinner.show();\n var info ={\n UID :this.uid\n }\n this.mailservice.getarchivelist(info).subscribe((respose: any) => {\n this.archiveList = respose;\n var res = this.archiveList.sort((a,b)=> b.epochtime-a.epochtime)\n console.log(res);\n console.log(respose);\n this.spinner.hide(); \n });\n }\n\n ReadMessage(data) {\n localStorage.setItem('fromuser', data.From);\n localStorage.setItem('touser', data.To);\n localStorage.setItem('attachments', data.Attachments);\n localStorage.setItem('mailid', data.MasId);\n localStorage.setItem('transid', data.TransId);\n localStorage.setItem('maildate', data.DateforRM);\n localStorage.setItem('profilepic', data.UserProfilePic);\n localStorage.setItem('firstletter', data.FirstLetter);\n localStorage.setItem('docname', data.DocumentName);\n localStorage.setItem('emailbody', data.EmailBody);\n localStorage.setItem('sub', data.Subject); \n if(data.checkname == \"inbox\"){\n this.inboxm = 'inbox-' + data.mailId;\n this.route.navigate(['readmsg/'+ this.inboxm ]);\n }\n else if(data.checkname == \"sent\"){\n this.sentm = 'sent-' + data.mailId;\n this.route.navigate(['readmsg/'+ this.sentm ]);\n }\n }\n sort = \"1\";\n\n sortby() {\n if (this.sort == \"1\") {\n this.archiveList.sort((a, b) => a.fromName.toLowerCase() < b.fromName.toLowerCase() ? -1 : a.fromName.toLowerCase() > b.fromName.toLowerCase() ? 1 : 0)\n this.sort = \"2\";\n }\n else if (this.sort == \"2\") {\n this.archiveList.sort((a, b) => a.fromName.toLowerCase() > b.fromName.toLowerCase() ? -1 : a.fromName.toLowerCase() < b.fromName.toLowerCase() ? 1 : 0)\n this.sort = \"1\";\n\n }\n\n }\n sortname = \"1\";\n sortbydate() {\n if (this.sortname == \"1\") {\n this.archiveList.sort((a, b) => a.Sortdate < b.Sortdate ? -1 : a.Sortdate > b.Sortdate ? 1 : 0)\n this.sortname = \"2\";\n }\n else if (this.sortname == \"2\") {\n this.archiveList.sort((a, b) => a.Sortdate > b.Sortdate ? -1 : a.Sortdate < b.Sortdate ? 1 : 0)\n this.sortname = \"1\";\n\n }\n\n }\n\n toggleSelect(data) {\n this.CurrentFiles = data;\n if (data != null) {\n if (this.selectedSelected.length == 0) {\n this.selectedSelected.push(data);\n }\n else {\n const index = this.selectedSelected.indexOf(data, 0);\n if (index > -1) {\n this.selectedSelected.splice(index, 1);\n }\n else {\n this.selectedSelected.push(data); \n }\n }\n } \n }\n\n \n singleDelete(data){\n this.selectedSelected.push(data);\n this.multidelete();\n }\n multidelete() {\n this.DateTime = new Date();\n let latest_date = this.datepipe.transform(this.DateTime, 'dd-MM-yyyy hh:mm:ss a');\n // this.showper = true;\n // this.generalprogressbar = true;\n this.folderCreating = true;\n const inputRequest1: MailboxVM = {\n Fromuser:this.uid,\n MailsList:this.selectedSelected,\n CurrentDate:latest_date\n }\n this.mailservice.multideletemsgs(inputRequest1).subscribe((respose: any) => {\n if(respose == \"1\"){\n this.n=100;\n this.notify = \"Deleted Successfully...!\"\n this.GetarchiveMailList();\n this.folderCreating = false;\n this.selectedSelected = [];\n \n clearInterval(this.num);\n\n setTimeout(function () {\n this.folderCreating = false;\n this.foldercreated = false;\n this.generalprogressbar = false;\n this.errormsg = false;\n this.showper = false;\n this.n=10;\n }.bind(this), 3000);\n this.GetarchiveMailList();\n }\n else{\n this.selectedSelected = [];\n this.GetarchiveMailList();\n \n }\n });\n }\n\n restore(data){\n this.selectedSelected.push(data);\n this.multirestore();\n }\n multirestore() {\n this.DateTime = new Date();\n let latest_date = this.datepipe.transform(this.DateTime, 'dd-MM-yyyy hh:mm:ss a');\n const inputRequest1: MailboxVM = {\n Fromuser:this.uid,\n MailsList:this.selectedSelected,\n CurrentDate:latest_date\n }\n this.mailservice.restoredeletemessages(inputRequest1).subscribe((respose: any) => {\n if(respose == \"1\"){\n this.n=100;\n this.createdmsg = \"Archived Successfully...!\"\n this.folderCreating = false;\n this.selectedSelected = [];\n clearInterval(this.num);\n\n setTimeout(function () {\n this.folderCreating = false;\n this.foldercreated = false;\n this.generalprogressbar = false;\n this.errormsg = false;\n this.showper = false;\n this.n=10;\n }.bind(this), 3000);\n this.GetarchiveMailList();\n \n }\n else{\n this.selectedSelected = [];\n this.GetarchiveMailList();\n \n }\n });\n }\n}\n","\n
\n\n
\n \n
\n
\n\n
\n\n\n
\n
To \n
Select All \n\n
\n \n \n \n \n {{ item.email }}\n \n \n \n
\n\n
\n\n
\n
\n\n
\n
\n
\n \n
\n \n {{fileli.documentName}} \n
\n
Attach file \n
\n\n \n \n
\n
\n
\n {{file.name}} \n
\n
\n\n \n\n
\n
\n\n
\n
\n \n
\n
\n
\n \n
\n
\n
\n
\n \n close \n \n \n {{notify}} \n
\n
\n
\n \n
\n
\n\n
\n\n\n
\n
To \n
Cc \n \n \n\n
Select \n
\n
Select All \n
\n
Select Individuals \n
\n
\n
\n
\n
\n Select All \n
\n
\n
\n
Select Individuals \n
\n
\n\n\n
\n \n
\n \n \n \n \n {{ item.email }}\n \n \n \n
\n\n \n
\n Cc \n \n \n \n \n {{ item.email1 }}\n \n \n \n
\n\n
\n\n
\n
\n\n
\n
\n
\n\n
Add Attachment from Blocdrive\n
\n {{fileli.documentName}} \n
\n
Attach file \n
\n\n \n \n
\n
\n
\n {{file.name}} \n
\n
\n\n \n\n
\n
\n\n
\n
\n
\n \n
\n\n\n\n\n\n\n\n\n\n\n
\n
\n
× \n
\n
\n
Attach from Blocdrive
\n
\n
\n
\n
\n
\n \n \n
\n \n \n \n My Personal Files \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
× \n
\n
\n
Upload from Blocdrive
\n
\n
\n \n
\n
\n
\n
\n
\n \n \n\n\n\n\n \n \n
\n
\n
\n
\n \n \n
\n \n \n \n My Personal Files \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n\n\n \n \n
Add Signature: \n Edit Signature: \n \n \n \n \n\n\n\n \n \n\n
Enter the Email: \n \n","import { DatePipe } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { MailService } from 'src/app/Shared/Mail/mail.service';\nimport { MovesService } from 'src/app/Shared/MoveService/moves.service';\nimport { UserDetailsService } from 'src/app/Shared/UserDetails/user-details.service';\nimport { MailboxVM } from 'src/app/ViewModels/Email';\n\n@Component({\n selector: 'app-delete-mails',\n templateUrl: './delete-mails.component.html',\n styleUrls: ['./delete-mails.component.css']\n})\nexport class DeleteMailsComponent implements OnInit {\n public isLoggedIn: boolean = false;\n uid: string;\n roleid: string;\n userName: string;\n usermail: string;\n pid: string;\n gridvalue: string;\n GUID: string;\n DateTime: Date;\n deleteList: any;\n q: number = 1;\n p: number = 1;\n searchText: any;\n selectedSelected: any = [];\n folderCreating: boolean;\n n: number;\n notify: string;\n num: any;\n CurrentFiles: any;\n getPercent: any;\n createdmsg: string;\n inboxm: string;\n sentm: string;\n \n constructor(private router: ActivatedRoute, private userservice: UserDetailsService, private moveService: MovesService,\n private route: Router, private httpService: HttpClient, private modalService: NgbModal,\n private spinner: NgxSpinnerService, private datepipe: DatePipe, private http: HttpClient, \n private mailservice: MailService) {\n \n \n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.isLoggedIn = true;\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.userName = localStorage.getItem(\"UserName\");\n this.pid = localStorage.getItem(\"parentid\");\n this.usermail = localStorage.getItem(\"MailId\");\n this.gridvalue = localStorage.getItem(\"gridvalue\");\n this.GUID = localStorage.getItem(\"GUID\");\n }\n }\n\n\n ngOnInit(): void {\n this.GetDeleteMailList();\n }\n\n inbox() {\n this.route.navigate(['inboxmails']);\n \n }\n composemail() {\n this.route.navigate(['composemsg']);\n \n }\n deleteitems() {\n this.route.navigate(['del']);\n }\n sentitems() {\n this.route.navigate(['sentmails']);\n }\n archiveitems() {\n this.route.navigate(['archive']);\n }\n\n GetDeleteMailList() {\n this.spinner.show();\n var info ={\n UID :this.uid\n }\n this.mailservice.getdeletelist(info).subscribe((respose: any) => {\n this.deleteList = respose;\n var res = this.deleteList.sort((a,b)=> b.epochtime-a.epochtime)\n console.log(res);\n console.log(respose);\n this.spinner.hide(); \n });\n }\n\n ReadMessage(data) {\n localStorage.setItem('fromuser', data.From);\n localStorage.setItem('touser', data.To);\n localStorage.setItem('attachments', data.Attachments);\n localStorage.setItem('mailid', data.MasId);\n localStorage.setItem('transid', data.TransId);\n localStorage.setItem('maildate', data.DateforRM);\n localStorage.setItem('profilepic', data.UserProfilePic);\n localStorage.setItem('firstletter', data.FirstLetter);\n localStorage.setItem('docname', data.DocumentName);\n localStorage.setItem('emailbody', data.EmailBody);\n localStorage.setItem('sub', data.Subject); \n if(data.checkname == \"inbox\"){\n this.inboxm = 'inbox-' + data.mailId;\n this.route.navigate(['readmsg/'+ this.inboxm ]);\n }\n else if(data.checkname == \"sent\"){\n this.sentm = 'sent-' + data.mailId;\n this.route.navigate(['readmsg/'+ this.sentm ]);\n }\n }\n sort = \"1\";\n\n toggleSelect(data) {\n this.CurrentFiles = data;\n if (data != null) {\n if (this.selectedSelected.length == 0) {\n this.selectedSelected.push(data);\n }\n else {\n const index = this.selectedSelected.indexOf(data, 0);\n if (index > -1) {\n this.selectedSelected.splice(index, 1);\n }\n else {\n this.selectedSelected.push(data); \n }\n }\n }\n\n // for (var i = 0; i < this.selectedSelected.length; i++) {\n // if (this.selectedSelected[i].folderName != null) {\n // this.sfolder = this.sfolder + 1;\n // }\n // else {\n // this.sfiles = this.sfiles + 1;\n // }\n // }\n\n\n \n }\n\n \n singleDelete(data){\n this.selectedSelected.push(data);\n this.multidelete();\n }\n multidelete() {\n this.DateTime = new Date();\n let latest_date = this.datepipe.transform(this.DateTime, 'dd-MM-yyyy hh:mm:ss a');\n // this.showper = true;\n // this.generalprogressbar = true;\n this.folderCreating = true;\n const inputRequest1: MailboxVM = {\n Fromuser:this.uid,\n MailsList:this.selectedSelected,\n CurrentDate:latest_date\n }\n this.mailservice.permanentlydeletemessages(inputRequest1).subscribe((respose: any) => {\n if(respose == \"1\"){\n this.n=100;\n this.notify = \"Deleted Successfully...!\"\n this.GetDeleteMailList();\n this.folderCreating = false;\n this.selectedSelected = [];\n \n clearInterval(this.num);\n\n setTimeout(function () {\n this.folderCreating = false;\n this.foldercreated = false;\n this.generalprogressbar = false;\n this.errormsg = false;\n this.showper = false;\n this.n=10;\n }.bind(this), 3000);\n this.GetDeleteMailList();\n }\n else{\n this.selectedSelected = [];\n this.GetDeleteMailList();\n \n }\n });\n }\n trashempty(){\n const inputRequest1: MailboxVM = {\n Fromuser:this.uid,\n MailsList:this.deleteList,\n CurrentDate:null\n }\n this.mailservice.cleartrash(inputRequest1).subscribe((respose: any) => {\n if(respose == \"1\"){\n \n alert(\"Trash is empty\");\n this.GetDeleteMailList();\n }\n else{\n this.GetDeleteMailList();\n }\n });\n }\n\n sortby() {\n if (this.sort == \"1\") {\n this.deleteList.sort((a, b) => a.fromName.toLowerCase() < b.fromName.toLowerCase() ? -1 : a.fromName.toLowerCase() > b.fromName.toLowerCase() ? 1 : 0)\n this.sort = \"2\";\n }\n else if (this.sort == \"2\") {\n this.deleteList.sort((a, b) => a.fromName.toLowerCase() > b.fromName.toLowerCase() ? -1 : a.fromName.toLowerCase() < b.fromName.toLowerCase() ? 1 : 0)\n this.sort = \"1\";\n\n }\n\n }\n sortname = \"1\";\n sortbydate() {\n if (this.sortname == \"1\") {\n this.deleteList.sort((a, b) => a.Sortdate < b.Sortdate ? -1 : a.Sortdate > b.Sortdate ? 1 : 0)\n this.sortname = \"2\";\n }\n else if (this.sortname == \"2\") {\n this.deleteList.sort((a, b) => a.Sortdate > b.Sortdate ? -1 : a.Sortdate < b.Sortdate ? 1 : 0)\n this.sortname = \"1\";\n\n }\n\n }\n\n restore(data){\n this.selectedSelected.push(data);\n this.multirestore();\n }\n multirestore() {\n this.DateTime = new Date();\n let latest_date = this.datepipe.transform(this.DateTime, 'dd-MM-yyyy hh:mm:ss a');\n const inputRequest1: MailboxVM = {\n Fromuser:this.uid,\n MailsList:this.selectedSelected,\n CurrentDate:latest_date\n }\n this.mailservice.restoredeletemessages(inputRequest1).subscribe((respose: any) => {\n if(respose == \"1\"){\n this.n=100;\n this.createdmsg = \"Archived Successfully...!\"\n this.folderCreating = false;\n this.selectedSelected = [];\n clearInterval(this.num);\n\n setTimeout(function () {\n this.folderCreating = false;\n this.foldercreated = false;\n this.generalprogressbar = false;\n this.errormsg = false;\n this.showper = false;\n this.n=10;\n }.bind(this), 3000);\n this.GetDeleteMailList();\n \n }\n else{\n this.selectedSelected = [];\n this.GetDeleteMailList();\n \n }\n });\n }\n}\n","\n
\n
\n
\n
Empty Trash \n
\n Name\n \n \n
\n
\n
\n
\n
\n
\n
\n\n
\n
\n
\n \n \n
\n
Are you sure to empty trash....?? \n \n \n
\n
\n
\n
\n
\n
\n\n
\n \n Delete All \n \n Name\n \n \n
\n \n \n
\n
\n
\n
\n \n\n
\n
Are you sure to delete All Mails....?? \n \n \n
\n
\n
\n\n
\n
\n
\n
\n\n \n
\n\n
\n
\n
\n From: {{ mail.fromMail }} \n \n
\n To:\n \n \n {{ mail.toMail }},\n \n
\n
\n Cc:\n \n \n {{ mail.ccMail }},\n \n
\n
\n\n
\n
\n \n {{ mail.mailDateTime }}\n
\n \n \n
\n
\n\n
\n
\n
Sub: {{ mail.subject }} \n \n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n\n
\n {{ ret.documentName }}\n
\n
\n
\n
\n \n
\n {{ ret.documentName }}\n
\n
\n
\n
\n \n
\n {{ ret.documentName }}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n\n
\n
\n
\n Download Mail \n \n
\n
\n
\n\n\n\n
\n \n \n
\n\n
\n
\n
\n\n
\n \n\n \n \n\n\n
\n \n\n \n\n\n\n
\n \n\n \n \n \n
\n \n
\n\n \n \n\n
element as a byte array\n console.log(byteArray);\n\n\n const signinfo={\n Mailbyte : byteArray,\n FileName : \"downloadfile.pdf\"\n }\n\n this.gmailservice.downloadgmailfile(signinfo).subscribe((respose: any) => {\n this.gmaildata = respose;\n \n \n console.log(respose);\n this.spinner.hide();\n });\n\n }\n }\n// async toPdf() {\n// const dashboard = document.getElementById('dashboard');\n\n// const dashboardHeight = dashboard.clientHeight;\n// const dashboardWidth = dashboard.clientWidth;\n// const options = { background: 'white', width: dashboardWidth, height: dashboardHeight };\n\n// domtoimage.toPng(dashboard, options).then((imgData) => {\n// const doc = new jsPDF(dashboardWidth > dashboardHeight ? 'l' : 'p', 'mm', [dashboardWidth, dashboardHeight]);\n// const imgProps = doc.getImageProperties(imgData);\n// const pdfWidth = doc.internal.pageSize.getWidth();\n// const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;\n\n// doc.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);\n// doc.save('Dashboard for hyperpanels.pdf');\n// this.pdfByteArray = doc.output('arraybuffer');\n// console.log(this.pdfByteArray);\n\n// const arrayBuffer = this.pdfByteArray; // Your ArrayBuffer\n\n// // Convert ArrayBuffer to a Uint8Array\n// const uint8Array = new Uint8Array(arrayBuffer);\n \n// // Convert Uint8Array to a regular JavaScript array if needed\n// this.byteArray = Array.from(uint8Array);\n// console.log(this.byteArray);\n\n// const frmData = new FormData();\n// frmData.append(\"FileBlobOne\", this.pdfByteArray);\n// // const arrayBuffer = this.pdfByteArray;\n \n// // Convert ArrayBuffer to JSON\n// const jsonData = JSON.stringify(arrayBuffer);\n \n// // Now you can work with jsonData or send it to an API, for example\n// console.log(jsonData);\n \n// // const arrayBuffer = this.pdfByteArray;\n// // const textDecoder = new TextDecoder('utf-8'); // You may need to adjust the encoding based on your data.\n// // const jsonString = textDecoder.decode(arrayBuffer);\n// // console.log(jsonString)\n// });\n \n// }\n\n // async toPdf() {\n // try {\n // const dashboard = document.getElementById('dashboard');\n \n // const dashboardHeight = dashboard.clientHeight;\n // const dashboardWidth = dashboard.clientWidth;\n // const options = { background: 'white', width: dashboardWidth, height: dashboardHeight };\n \n // const imgData = await domtoimage.toPng(dashboard, options);\n \n // const doc = new jsPDF(dashboardWidth > dashboardHeight ? 'l' : 'p', 'mm', [dashboardWidth, dashboardHeight]);\n // const imgProps = doc.getImageProperties(imgData);\n // const pdfWidth = doc.internal.pageSize.getWidth();\n // const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;\n \n // doc.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);\n // doc.save('Dashboard for hyperpanels.pdf');\n // this.pdfByteArray = doc.output('arraybuffer');\n // console.log(this.pdfByteArray);\n \n // const arrayBuffer = this.pdfByteArray; // Your ArrayBuffer\n \n // // Convert ArrayBuffer to a Uint8Array\n // const uint8Array = new Uint8Array(arrayBuffer);\n \n // // Convert Uint8Array to a regular JavaScript array if needed\n // this.byteArray = Array.from(uint8Array);\n // console.log(this.byteArray);\n \n // const frmData = new FormData();\n // frmData.append(\"FileBlobOne\", this.pdfByteArray);\n \n // // Convert ArrayBuffer to JSON\n // const jsonData = JSON.stringify(arrayBuffer);\n \n // // Now you can work with jsonData or send it to an API, for example\n // console.log(jsonData);\n // } catch (error) {\n // console.error('Error:', error);\n // }\n // }\n\n\n\n \n\n\n\n // public convetToPDF()\n // {\n // var data = document.getElementById('dashboard');\n // html2canvas(data).then(canvas => {\n // // Few necessary setting options\n // var imgWidth = 208;\n // var pageHeight = 295;\n // var imgHeight = canvas.height * imgWidth / canvas.width;\n // var heightLeft = imgHeight;\n \n // const contentDataURL = canvas.toDataURL('image/png')\n // let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF\n // var position = 0;\n // pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)\n // pdf.save('new-file.pdf'); // Generated PDF\n // });\n // }\n\n\n // public convetToPDF()\n // {\n // const data = document.getElementById('dashboard');\n \n // // Function to check if all images are loaded\n // function areAllImagesLoaded(images: HTMLImageElement[]): boolean {\n // return images.every((img) => img.complete);\n // }\n\n // // Get all images within the 'dashboard' element\n // const images: HTMLImageElement[] = Array.from(data.getElementsByTagName('img'));\n\n // // Check if all images are loaded, and capture the content when they are\n // function captureWhenImagesLoaded() {\n // if (areAllImagesLoaded(images)) {\n // html2canvas(data).then((canvas) => {\n // // Your existing code for generating the PDF here...\n // var imgWidth = 208;\n // var pageHeight = 295;\n // var imgHeight = canvas.height * imgWidth / canvas.width;\n // var heightLeft = imgHeight;\n // const contentDataURL = canvas.toDataURL('image/png');\n // let pdf = new jspdf('p', 'mm', 'a4');\n // var position = 0;\n // pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);\n // pdf.save('new-file.pdf');\n // });\n // } else {\n // // If not all images are loaded, wait for a moment and check again\n // setTimeout(captureWhenImagesLoaded, 100);\n // }\n // }\n // }\n\n\n\n// public convetToPDF1()\n// {\n// var data = document.getElementById('contentToConvert');\n// html2canvas(data).then(canvas => {\n// // Few necessary setting options\n// var imgWidth = 208;\n// var pageHeight = 295;\n// var imgHeight = canvas.height * imgWidth / canvas.width;\n// var heightLeft = imgHeight;\n\n// const contentDataURL = canvas.toDataURL('image/png')\n// let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF\n// var position = 0;\n// pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)\n// pdf.save('new-file.pdf'); // Generated PDF\n// });\n// }\n\n// maildwnld(){\n// var data = document.getElementById('print-section');\n// this.spinner.show();\n// html2canvas(data).then(canvas => {\n// var imgWidth = 100;\n// var imgHeight = canvas.height * imgWidth / canvas.width;\n// const contentDataURL = canvas.toDataURL('image/jpg')\n// var signinfo = {\n// Mailbyte : contentDataURL,\n// FileName : \"downloadfile.pdf\"\n// }\n// this.gmailservice.downloadgmailfile(signinfo).subscribe((respose: any) => {\n// this.gmaildata = respose; \n// console.log(respose);\n// this.spinner.hide();\n// });\n\n// })\n// }\n\n captureAndDownload() {\n const screenshotDiv = document.getElementById('screenshotDiv');\n const captureButton = document.getElementById('captureButton');\n\n // if (!screenshotDiv || !captureButton) {\n // console.error('Elements not found.');\n // return;\n // }\n\n // Create a canvas element to render the screenshot\n const canvas = document.createElement('canvas');\n canvas.width = screenshotDiv.offsetWidth;\n canvas.height = screenshotDiv.offsetHeight;\n\n const context = canvas.getContext('2d');\n\n // // Draw the contents of the div onto the canvas\n // context.drawImage(screenshotDiv, 0, 0, canvas.width, canvas.height);\n\n // Convert the canvas content to a data URL (base64-encoded image)\n const dataURL = canvas.toDataURL('image/png'); // You can specify other image formats\n\n // Create a download link for the image\n const a = document.createElement('a');\n a.href = dataURL;\n a.download = 'screenshot.png'; // Specify the desired file name and extension\n\n // Simulate a click on the download link to trigger the download\n a.click();\n}\n\n\n// // downloads web page along with images using html extension\n// print1 (printSectionId: any) {\n// var innerContents = document.getElementById(printSectionId).innerHTML;\n\n// // Create a blob containing the innerContents\n// var blob = new Blob([innerContents], { type: 'text/html' });\n\n// // Create a URL for the blob\n// var url = URL.createObjectURL(blob);\n\n// // Create an anchor element to trigger the download\n// var a = document.createElement('a');\n// a.href = url;\n// a.download = \"dd.html\"; // Specify the desired file name (e.g., \"myFile.html\")\n\n// // Programmatically click the anchor element to trigger the download\n// a.click();\n\n// };\n\n\n\n// downloads web page using pdf extension\n// print1 (printSectionId: any) {\n// var innerContents = document.getElementById(printSectionId).innerHTML;\n\n// const content = this.contentToConvert.nativeElement;\n\n// html2canvas(content).then(canvas => {\n// const imgData = canvas.toDataURL('image/png');\n// const pdf = new jsPDF('p', 'mm', 'a4');\n// pdf.addImage(imgData, 'PNG', 10, 10, 190, 0);\n// pdf.save('your-document.pdf');\n// });\n// }\n\n\n// downloads web page using html extension\nasync print2 (printSectionId: any) {\n var innerContents = document.getElementById(printSectionId).innerHTML;\n\n // Create a blob containing the innerContents\n var blob = new Blob([innerContents], { type: 'text/html' });\n\n // Create a URL for the blob\n var url = URL.createObjectURL(blob);\n\n // Create an anchor element to trigger the download\n var a = document.createElement('a');\n a.href = url;\n a.download = this.subject + \".html\"; // Specify the desired file name (e.g., \"myFile.html\")\n\n // Programmatically click the anchor element to trigger the download\n a.click();\n this.gmailservice.downloadgmailfile(this.threadid).subscribe((respose: any) => {\n this.allattachments = respose; \n \n for(var i = 0; i < this.allattachments.length; i++){\n for(var j = 0; j < this.allattachments[i].attachments.length; j++){\n \n // Code to execute after the timeout\n \n window.open(this.allattachments[i].attachments[j].filebloblink,'_blank');\n console.log(\"comming insides\")\n }\n \n }\n \n console.log(respose);\n // this.spinner.hide();\n });\n \n};\n\n\n\n\n\n\n\n// //pdf file is downloading but the image is not displaying within them\n// print2() {\n// const content = this.contentToConvert.nativeElement;\n\n// html2canvas(content).then(canvas => {\n// const imgData = canvas.toDataURL('image/png');\n// const pdf = new jsPDF('p', 'mm', 'a4');\n// const width = pdf.internal.pageSize.getWidth();\n// const height = pdf.internal.pageSize.getHeight();\n// pdf.addImage(imgData, 'PNG', 0, 0, width, height);\n// pdf.save('your-document.pdf');\n// });\n// }\n}\n","import { DatePipe } from '@angular/common';\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { visibility } from 'html2canvas/dist/types/css/property-descriptors/visibility';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\nimport { GroupService } from 'src/app/Shared/Group/group.service';\nimport { MailService } from 'src/app/Shared/Mail/mail.service';\nimport { MovesService } from 'src/app/Shared/MoveService/moves.service';\nimport { UserDetailsService } from 'src/app/Shared/UserDetails/user-details.service';\nimport { Friend } from 'src/app/ViewModels/Friend';\nimport { ShareIdShow } from 'src/app/ViewModels/shareidshow';\nimport { Location } from '@angular/common';\nimport { ChangeDetectorRef } from '@angular/core';\nimport { EncryptionService } from 'src/app/Shared/encryption/encryption.service';\n@Component({\n selector: 'app-read-mail',\n templateUrl: './read-mail.component.html',\n styleUrls: ['./read-mail.component.css']\n})\nexport class ReadMailComponent implements OnInit {\n public isLoggedIn: boolean = false;\n uid: string;\n roleid: string;\n userName: string;\n usermail: string;\n pid: string;\n gridvalue: string;\n GUID: string;\n mailid: any;\n maildata: any;\n docments: boolean = false;\n Doc: any;\n imgdisplay: any;\n seleteddownload: boolean;\n closeResult: any;\n msg: any; m: string;\n date: any;\n zzz: any;\n individualmail:any;\n current_url: any; displayUrl: any;\n current_url1: any;\n ID: any; pdfUrl: any; pdfUrl1: any; pdfUrl2: any; pdfUrl3: any;\n videoplay: any;\n videodate: any;\n audioplay: any;\n audiodate: any;\n memlist: any;\n documentsArray:any = []\n tomem: any;\n replytouser: any;\n replayenable: boolean = false;\n mailsubject: any;\n message: any;\n frmDataa: FormData;\n SelectedFiles: any = [];\n selectedFriend: any = [];\n Friends: any;\n frndslist: any;\n Transid: void;\n errorMessages: string;\n email: any = [];\n serchfind: any;\n regexp = new RegExp(/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n frndslistone: any;\n accid: any;\n forwordmaildata: any;\n selectedSelected: any;\n selectedticketid: any;\n friends: boolean;\n friend: any;\n userImage: any;\n forwardimages: boolean = false;\n filedetails: any;\n blkid: any;\n esnid: any;\n showesign: boolean;\n docname1: any;\n docname2: any;\n docname3: any;\n docname4: any;\n docname5: any;\n docname6: any;\n docname7: any;\n docname8: any;\n docname9: any;\n docname10: any;\n CurrentFiles: any;\n selectedattachments: any = [];\n filename: any;\n filenameone: any;\n filenametwo: any;\n filenamethree: any;\n filenamefour: any;\n folderdisaply: boolean;\n subfolderdisaply: boolean;\n allfoldersdisplay: boolean;\n subfolderdetails: any;\n currentfoldername: any;\n FileFoldID: any;\n allSubFolders: any;\n SubFoldersList: any;\n foldernamelist: any;\n allFolders: any;\n fileslist: any;\n allFoldersList: any;\n sharedfolderdisaply: boolean;\n morefiles: boolean;\n fid: any;\n allFolders1: any;\n showforward: boolean = false;\n dat: any;\n color: boolean;\n progress: boolean;\n checkname: any;\n checkitem: any;\n id: any;\n fromid: any;\n Ismailid: any;\n fnameeintrnl: any;\n filenamintrnl: any;\n filenam: any;\n fnamee: any;\n IPAddress: any;\n dnsIP: any;\n downpath: any;\n notify: string;\n GroupList: any;\n selgp: any;\n guidd: any;\n grpusers: any = [];\n frnlistgp: any = [];\n notenterprise: boolean = false;\n frnlist: any = [];\n showtwobut: boolean;\n select: boolean = true;\n public dismissalert = false;\n selsel: any = [];\n showccusers: boolean = false;\n showccmail: boolean;\n selectedFriend1: any = [];\n emailq: any;\n selselcc: any = [];\n showccusers1: boolean;\n innbox: any;\n currentPage: number = 1;\n itemsPerPage: number = 50;\n totalItems: number = 50;\n InboxList: any;\n reademaildata: any;\n sentList: any;\n archiveList:any;\n foundIndex = -1;\n constructor(private router: ActivatedRoute, private userservice: UserDetailsService, private moveService: MovesService,\n private route: Router, private httpService: HttpClient, private modalService: NgbModal, private domSanitizer: DomSanitizer,\n private spinner: NgxSpinnerService, private datepipe: DatePipe, private http: HttpClient,\n private mailservice: MailService, private auditortransactionservice: AuditorTransactionService,\n private groupservice: GroupService, private location: Location,private cdr: ChangeDetectorRef,private encryptionService : EncryptionService) {\n this.router.params.subscribe(params => {\n if (params[\"id\"]) {\n this.checkname = params[\"id\"];\n this.checkitem = this.checkname.split('-');\n this.innbox = this.checkitem[0];\n this.mailid = this.checkitem[1];\n }\n });\n\n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.isLoggedIn = true;\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.userName = localStorage.getItem(\"UserName\");\n this.pid = localStorage.getItem(\"parentid\");\n this.usermail = localStorage.getItem(\"MailId\");\n this.gridvalue = localStorage.getItem(\"gridvalue\");\n this.GUID = localStorage.getItem(\"GUID\");\n this.fromid = localStorage.getItem(\"FromUser\");\n if (this.roleid != \"1\") {\n this.select = false;\n this.notenterprise = true;\n }\n }\n this.folderdisaply = true;\n }\n\n ngOnInit(): void {\n this.GetMailDetais();\n this.GetFriendDetails();\n this.GetFriendDetailsonee();\n this.UserGroup();\n\n this.cdr.detectChanges();\n if (this.innbox == \"inbox\") {\n this.GetInboxList();\n }\n else if (this.innbox == \"sent\") {\n this.GetSentMailList();\n }\n\n }\n\n GetInboxList() {\n\n var info = {\n UID: this.uid\n }\n this.mailservice.getInboxlist(info).subscribe((respose: any) => {\n this.InboxList = respose;\n this.totalItems = this.InboxList.length;\n\n\n for (let i = 0; i < this.InboxList.length; i++) {\n const item = this.InboxList[i];\n\n if (item.mailId === parseInt(this.mailid)) {\n this.foundIndex = i;\n break;\n }\n }\n\n if (this.foundIndex !== -1) {\n this.currentPage = this.foundIndex + 1;\n } else {\n console.log('Mail ID not found in InboxList');\n }\n\n\n // console.log(respose);\n this.spinner.hide();\n });\n }\n GetSentMailList() {\n var info = {\n UID: this.uid\n }\n this.mailservice.getsentlist(info).subscribe((respose: any) => {\n this.sentList = respose;\n this.totalItems = this.sentList.length;\n\n\n for (let i = 0; i < this.sentList.length; i++) {\n const item = this.sentList[i];\n\n if (item.mailId === parseInt(this.mailid)) {\n this.foundIndex = i;\n break;\n }\n }\n\n if (this.foundIndex !== -1) {\n this.currentPage = this.foundIndex + 1;\n } else {\n console.log('Mail ID not found in InboxList');\n }\n\n\n\n });\n }\n\n GetarchiveMailList() {\n var info ={\n UID :this.uid\n }\n this.mailservice.getarchivelist(info).subscribe((respose: any) => {\n this.archiveList = respose;\n \n for (let i = 0; i < this.archiveList.length; i++) {\n const item = this.archiveList[i];\n\n if (item.mailId === parseInt(this.mailid)) {\n this.foundIndex = i;\n break;\n }\n }\n\n if (this.foundIndex !== -1) {\n this.currentPage = this.foundIndex + 1;\n } else {\n console.log('Mail ID not found in InboxList');\n }\n\n\n });\n }\n\n ReadMessagePrevious() {\n\n if (this.innbox == \"inbox\") {\n\n\n this.foundIndex--; // Decrement index for previous message\n\n if (this.foundIndex >= 0 && this.foundIndex < this.InboxList.length) {\n const selectedItem = this.InboxList[this.foundIndex];\n console.log('Item at index:', selectedItem);\n\n\n this.currentPage = this.foundIndex + 1;\n\n\n this.reademaildata = 'inbox-' + selectedItem.mailId;\n\n this.route.navigate(['readmsg', this.reademaildata]);\n\n\n var info = {\n UID: selectedItem.mailId,\n FromId: this.uid,\n Checkname: this.checkitem[0],\n Id: this.id,\n ToUser: this.fromid\n }\n this.mailservice.getmaildetails(info).subscribe((respose: any) => {\n this.maildata = respose;\n this.Transid = this.maildata[0].trnsid;\n this.mailsubject = this.maildata[0].subject;\n if (this.maildata[0].images != null) {\n this.forwardimages = true;\n this.message = this.maildata[0].message;\n this.userImage = this.maildata[0].images;\n }\n if (this.maildata[0].subject == \"ESignature Required\") {\n this.showesign = true;\n }\n console.log(respose)\n this.date = this.maildata.date;\n this.memlist = this.maildata.memlist;\n\n\n for (let index = 0; index < this.memlist.length; index++) {\n if (index == 0) {\n this.tomem = this.memlist[index].useName;\n }\n else {\n this.tomem = this.tomem + \" , \" + this.memlist[index].useName;\n }\n }\n if (respose.documents != null) {\n this.Doc = respose.documents;\n console.log(this.Doc);\n this.docments = true;\n }\n console.log(respose);\n\n });\n\n\n } else {\n alert('No mail Available');\n }\n }\n else if (this.innbox == \"sent\") {\n this.foundIndex--; // Decrement index for previous message\n\n if (this.foundIndex >= 0 && this.foundIndex < this.sentList.length) {\n const selectedItem = this.sentList[this.foundIndex];\n console.log('Item at index:', selectedItem);\n\n\n this.currentPage = this.foundIndex + 1;\n\n\n this.reademaildata = 'sent-' + selectedItem.mailId;\n\n this.route.navigate(['readmsg', this.reademaildata]);\n\n var info = {\n UID: selectedItem.mailId,\n FromId: this.uid,\n Checkname: this.checkitem[0],\n Id: this.id,\n ToUser: this.fromid\n }\n this.mailservice.getmaildetails(info).subscribe((respose: any) => {\n this.maildata = respose;\n this.Transid = this.maildata[0].trnsid;\n this.mailsubject = this.maildata[0].subject;\n if (this.maildata[0].images != null) {\n this.forwardimages = true;\n this.message = this.maildata[0].message;\n this.userImage = this.maildata[0].images;\n }\n if (this.maildata[0].subject == \"ESignature Required\") {\n this.showesign = true;\n }\n console.log(respose)\n this.date = this.maildata.date;\n this.memlist = this.maildata.memlist;\n\n\n for (let index = 0; index < this.memlist.length; index++) {\n if (index == 0) {\n this.tomem = this.memlist[index].useName;\n }\n else {\n this.tomem = this.tomem + \" , \" + this.memlist[index].useName;\n }\n }\n if (respose.documents != null) {\n this.Doc = respose.documents;\n console.log(this.Doc);\n this.docments = true;\n }\n console.log(respose);\n\n });\n\n\n\n\n\n } else {\n alert('No mail Available');\n }\n }\n \n }\n ReadMessagePreviousNext() {\n\n if (this.innbox == \"inbox\") {\n\n this.foundIndex == this.foundIndex++;\n if (this.foundIndex >= 1 && this.foundIndex < this.InboxList.length) {\n const itemAtIndex = this.InboxList[this.foundIndex];\n console.log('Item at index:', itemAtIndex);\n this.currentPage = this.foundIndex + 1\n\n const selectedItem = itemAtIndex;\n\n this.reademaildata = 'inbox-' + selectedItem.mailId;\n\n this.route.navigate(['readmsg/' + this.reademaildata]);\n\n var info = {\n UID: selectedItem.mailId,\n FromId: this.uid,\n Checkname: this.checkitem[0],\n Id: this.id,\n ToUser: this.fromid\n }\n this.mailservice.getmaildetails(info).subscribe((respose: any) => {\n this.maildata = respose;\n this.Transid = this.maildata[0].trnsid;\n this.mailsubject = this.maildata[0].subject;\n if (this.maildata[0].images != null) {\n this.forwardimages = true;\n this.message = this.maildata[0].message;\n this.userImage = this.maildata[0].images;\n }\n if (this.maildata[0].subject == \"ESignature Required\") {\n this.showesign = true;\n }\n console.log(respose)\n this.date = this.maildata.date;\n this.memlist = this.maildata.memlist;\n\n\n for (let index = 0; index < this.memlist.length; index++) {\n if (index == 0) {\n this.tomem = this.memlist[index].useName;\n }\n else {\n this.tomem = this.tomem + \" , \" + this.memlist[index].useName;\n }\n }\n if (respose.documents != null) {\n this.Doc = respose.documents;\n console.log(this.Doc);\n this.docments = true;\n }\n console.log(respose);\n\n });\n\n } else {\n alert('No mail Available');\n }\n\n }\n else if (this.innbox == \"sent\") {\n this.foundIndex == this.foundIndex++;\n if (this.foundIndex >= 1 && this.foundIndex < this.sentList.length) {\n const itemAtIndex = this.sentList[this.foundIndex];\n console.log('Item at index:', itemAtIndex);\n this.currentPage = this.foundIndex + 1\n\n const selectedItem = itemAtIndex;\n\n this.reademaildata = 'sent-' + selectedItem.mailId;\n\n this.route.navigate(['readmsg/' + this.reademaildata]);\n\n var info = {\n UID: selectedItem.mailId,\n FromId: this.uid,\n Checkname: this.checkitem[0],\n Id: this.id,\n ToUser: this.fromid\n }\n this.mailservice.getmaildetails(info).subscribe((respose: any) => {\n this.maildata = respose;\n this.Transid = this.maildata[0].trnsid;\n this.mailsubject = this.maildata[0].subject;\n if (this.maildata[0].images != null) {\n this.forwardimages = true;\n this.message = this.maildata[0].message;\n this.userImage = this.maildata[0].images;\n }\n if (this.maildata[0].subject == \"ESignature Required\") {\n this.showesign = true;\n }\n console.log(respose)\n this.date = this.maildata.date;\n this.memlist = this.maildata.memlist;\n\n\n for (let index = 0; index < this.memlist.length; index++) {\n if (index == 0) {\n this.tomem = this.memlist[index].useName;\n }\n else {\n this.tomem = this.tomem + \" , \" + this.memlist[index].useName;\n }\n }\n if (respose.documents != null) {\n this.Doc = respose.documents;\n console.log(this.Doc);\n this.docments = true;\n }\n console.log(respose);\n\n });\n\n }\n else {\n alert('No mail Available');\n }\n }\n\n \n\n }\n UserGroup() {\n this.spinner.show();\n this.groupservice.getgroup(this.GUID).subscribe((Data: any) => {\n\n\n const decryptedData = this.encryptionService.decryptData(Data);\n this.GroupList = decryptedData;\n //this.GroupList = Data;\n this.spinner.hide();\n });\n }\n\n Selectindividualmail(rowEmail: any): void {\n // Ensure the arrays are initialized only once\n if (!this.selectedFriend) {\n this.selectedFriend = [];\n }\n if (!this.email) {\n this.email = [];\n }\n \n // Get the email from the row\n this.individualmail = rowEmail.email;\n \n // Check if the email exists and is valid\n if (this.individualmail && this.individualmail.includes('@')) {\n // Add the email to the selected arrays\n this.email.push(this.individualmail);\n this.selectedFriend.push(this.individualmail);\n \n // Remove duplicates\n this.selectedFriend = Array.from(new Set(this.selectedFriend));\n this.email = Array.from(new Set(this.email));\n }\n }\n Selectallmail() {\n this.selectedFriend = [];\n this.email = [];\n this.frnlist = this.frndslist;\n for (var i = 0; i < this.frnlist.length; i++) {\n if (this.frnlist[i].email != undefined && this.frnlist[i].email != null) {\n this.email.push(this.frnlist[i].email)\n this.selectedFriend.push(this.frnlist[i].email)\n //for removing duplicates from array list\n this.selectedFriend = Array.from(new Set(this.selectedFriend));\n this.email = Array.from(new Set(this.email));\n }\n else if (this.frnlist[i].includes('@')) {\n this.email.push(this.frnlist[i])\n this.selectedFriend.push(this.frnlist[i])\n //for removing duplicates from array list\n this.selectedFriend = Array.from(new Set(this.selectedFriend));\n this.email = Array.from(new Set(this.email));\n }\n }\n }\n\n Select() {\n this.showtwobut = true;\n this.select = false;\n }\n\n selectgrpname(selectgrpname) {\n // this.selectedFriend = [];\n // this.email = [];\n this.selgp = selectgrpname.id;\n this.groupservice.getgrpusers(this.selgp).subscribe((data: any) => {\n this.grpusers = data;\n this.frnlistgp = this.frndslist;\n for (var i = 0; i < this.frnlistgp.length; i++) {\n for (var j = 0; j < this.grpusers.length; j++) {\n if (this.frnlistgp[i].uid == this.grpusers[j].userId) {\n this.email.push(this.frnlistgp[i].email)\n this.selectedFriend.push(this.frnlistgp[i].email)\n //to remove duplicates from array\n this.email = Array.from(new Set(this.email));\n this.selectedFriend = Array.from(new Set(this.selectedFriend));\n }\n\n }\n }\n console.log(this.grpusers);\n this.spinner.hide()\n })\n\n }\n inbox() {\n this.route.navigate(['inboxmails']);\n }\n composemail() {\n this.route.navigate(['composemsg']);\n }\n deleteitems() {\n this.route.navigate(['del']);\n }\n sentitems() {\n this.route.navigate(['sentmails']);\n }\n archiveitems() {\n this.route.navigate(['archive']);\n }\n\n //...... Addnewmembers(data,newmember) {\n // this.forwordmaildata = data;\n // this.modalService.open(newmember).result.then((result) => {\n // this.closeResult = `Closed with: ${result}`;\n\n // }, (reason) => {\n // this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n // });\n //...... }\n\n Addnewmembers(data) {\n this.showforward = true;\n this.forwordmaildata = data;\n this.replayenable = false;\n }\n goBack() {\n \n\n\n if (this.innbox == \"inbox\") {\n this.route.navigate(['/inboxmails']);\n }\n else if (this.innbox == \"sent\") {\n this.route.navigate(['/sentmails']);\n }\n\n\n\n\n\n\n }\n GetMailDetais() {\n this.spinner.show();\n var info = {\n UID: this.mailid,\n FromId: this.uid,\n Checkname: this.checkitem[0],\n Id: this.id,\n ToUser: this.fromid\n }\n this.mailservice.getmaildetails(info).subscribe((respose: any) => {\n this.maildata = respose;\n this.Transid = this.maildata[0].trnsid;\n this.documentsArray = this.maildata[0].documents; \n this.mailsubject = this.maildata[0].subject;\n if (this.maildata[0].images != null) {\n this.forwardimages = true;\n this.message = this.maildata[0].message;\n this.userImage = this.maildata[0].images;\n }\n if (this.maildata[0].subject == \"ESignature Required\") {\n this.showesign = true;\n }\n console.log(respose)\n this.date = this.maildata.date;\n this.memlist = this.maildata.memlist;\n\n\n for (let index = 0; index < this.memlist.length; index++) {\n if (index == 0) {\n this.tomem = this.memlist[index].useName;\n }\n else {\n this.tomem = this.tomem + \" , \" + this.memlist[index].useName;\n }\n }\n if (respose.documents != null) {\n this.Doc = respose.documents;\n console.log(this.Doc);\n this.docments = true;\n }\n console.log(respose);\n this.spinner.hide();\n });\n }\n\n\n ViewESignFile(data) {\n this.filedetails = data;\n this.blkid = this.filedetails.documents[0].documentType;\n this.esnid = this.filedetails.documents[0].doclink;\n localStorage.setItem(\"PdfblockidRecipients\", this.blkid);\n localStorage.setItem(\"esignblockid\", this.esnid);\n this.route.navigate(['/viewer']);\n }\n\n GetFriendDetailsonee() {\n this.userservice.friendlist(this.GUID).subscribe((respose: any) => {\n\n\n const decryptedData = this.encryptionService.decryptData(respose);\n this.Friends = decryptedData;\n\n //this.Friends = respose;\n this.frndslistone = this.Friends.friendsList;\n // console.log(this.frndslist);\n var idd = this.accid;\n\n for (let i = 0; i < this.frndslist.length; i++) {\n if (idd != undefined) {\n if (idd.includes('@')) {\n if (this.frndslist[i]['email'] == this.accid) {\n for (i = 0; i < 100; i++) {\n window.clearInterval(i);\n }\n alert(this.accid + \" has accepted your Friend request\");\n this.accid = \"\";\n }\n }\n }\n if (this.frndslist[i]['friendId'] == this.uid) {\n this.frndslist[i]['friendId'] = this.frndslist[i]['userId']\n }\n }\n // console.log(this.frndslist);\n\n });\n }\n GetFriendDetails() {\n this.userservice.GetFriendRequests(this.GUID).subscribe((respose: any) => {\n\n const decryptedData = this.encryptionService.decryptData(respose);\n this.Friends = decryptedData;\n this.frndslist = this.Friends;\n // console.log(this.frndslist);\n // console.log(this.frndslist);\n var idd = this.accid;\n for (let i = 0; i < this.frndslist.length; i++) {\n if (idd != undefined) {\n if (idd.includes('@')) {\n if (this.frndslist[i]['email'] == this.accid) {\n for (i = 0; i < 100; i++) {\n window.clearInterval(i);\n }\n alert(this.accid + \" has accepted your Friend request\");\n this.accid = \"\";\n }\n }\n }\n if (this.frndslist[i]['friendId'] == this.uid) {\n this.frndslist[i]['friendId'] = this.frndslist[i]['userId']\n }\n }\n });\n }\n onItemRemoved(value: any) {\n //this.selecteduserlist.pop(value.display);\n for (var i = 0; i < this.frndslist.length; i++) {\n //...... if (this.frndslist[i].Email == value.display) {\n if (this.frndslist[i].email == value.display && value.email != undefined) {\n var index = this.selectedFriend.indexOf(value);\n this.selectedFriend.splice(index, 1);\n }\n else if (value == this.frndslist[i].email) {\n var index = this.selectedFriend.indexOf(value);\n this.selectedFriend.splice(index, 1);\n }\n }\n this.errorMessages = \"\";\n }\n\n onItemRemoved1(value: any) {\n //this.selecteduserlist.pop(value.display);\n for (var i = 0; i < this.frndslist.length; i++) {\n //...... if (this.frndslist[i].Email == value.display) {\n if (this.frndslist[i].email1 == value.display && value.email1 != undefined) {\n var index = this.selectedFriend1.indexOf(value);\n this.selectedFriend1.splice(index, 1);\n }\n else if (value == this.frndslist[i].email1) {\n var index = this.selectedFriend1.indexOf(value);\n this.selectedFriend1.splice(index, 1);\n }\n }\n this.errorMessages = \"\";\n }\n onItemAdded1(value: any) {\n if (value.email1 == undefined) {\n this.emailq = value.value;\n }\n else {\n this.emailq = value.email1;\n }\n this.serchfind = this.regexp.test(this.emailq);\n if (!this.serchfind) {\n this.errorMessages = \"Please Enter valid Email\";\n }\n if (value.uid != null) {\n this.selectedFriend1.push(value);\n }\n else {\n alert(\"Oops!! This person not in your Friends list.Let us add him/her Click Friend Request.\");\n this.friends = true;\n this.friend = this.emailq;\n this.selectedFriend = \"\";\n // this.savefrienddetails();\n }\n // else {\n // this.selectedFriend.push(value.email);\n // }\n }\n\n // onItemAdded(value: any) {\n // if (value.Email == undefined) {\n // this.email = value.value;\n // }\n // else {\n // this.email = value.Email;\n // }\n // this.serchfind = this.regexp.test(this.email);\n // if (!this.serchfind) {\n // this.errorMessages = \"Please Enter valid Email\";\n // }\n // if (value.uid != null) {\n // this.selectedFriend.push(value);\n // }\n // else {\n // this.selectedFriend.push(value.value);\n // }\n // }\n onItemAdded(value: any) {\n if (value.email == undefined) {\n this.email = value.value;\n }\n else {\n this.email = value.email;\n }\n this.serchfind = this.regexp.test(this.email);\n if (!this.serchfind) {\n this.errorMessages = \"Please Enter valid Email\";\n }\n if (value.uid != null) {\n this.selectedFriend.push(value);\n }\n else {\n alert(\"Oops!! This person not in your Friends list.Let us add him/her Click Friend Request.\");\n this.friends = true;\n this.friend = this.email;\n this.selectedFriend = \"\";\n // this.savefrienddetails();\n }\n // else {\n // this.selectedFriend.push(value.email);\n // }\n }\n // attachmentmail(){\n // var det = {\n // TicketId: this.selectedticketid,\n // FromId: this.uid,\n // MultiToUser: this.selectedFriend,\n // Blocdrivedoc:this.selectedSelected,\n // FromuserGUID: this.GUID,\n // MailId: this.forwordmaildata.mailId,\n // TransId:this.forwordmaildata.trnsid,\n // Message:this.message\n // //Externalmail:null,\n // }\n // //this.frmDataa.append(\"Drive\", this.selectedSelected[i]);\n // this.frmDataa.append(\"MessageData\", JSON.stringify(det));\n // this.frmDataa.append(\"fileUpload\", \"SelectedFiles\");\n\n // this.spinner.show();\n // this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/forwardmailattachment/', this.frmDataa).subscribe(\n // data => {\n // this.spinner.hide();\n // this.selectedFriend= this.selectedSelected;\n // // alert(\"Mail Sent Successfully\"); \n // this.mailsubject = \"\";\n // this.message = \"\";\n // window.location.reload();\n // // this.route.navigate(['sentmails']);\n\n // },\n // (err: HttpErrorResponse) => {\n // console.log(err.message);\n // });\n\n // }\n savefrienddetails() {\n this.spinner.show();\n const inputRequest: Friend = {\n Id: 0,\n FriendAccount: this.friend,\n UserId: this.uid,\n Status: 4,\n IsEnabled: true,\n GUID: this.GUID\n\n }\n this.userservice.SaveFrienddetails(inputRequest).subscribe((data: any) => {\n if (data == \"SameUser\") {\n alert(\"Please enter your Friend mailid!!\");\n\n }\n else if (data == \"alreadyfriends\") {\n alert(\"You are already Friends!!\");\n this.friends = false;\n }\n else if (data == \"NoUserFound\") {\n alert(\"We are sorry \" + this.accid + \" is not using Blocdrive!!\");\n this.friends = false;\n }\n else if (data == \"SentRequest\") {\n alert(\"You have already sent or recived request from this user!!\");\n this.friends = false;\n }\n else if (data == \"1\") {\n alert(\"Friend request sent successfully!!!\");\n this.friends = false;\n const audit = {\n TransactionName: \"Friend Request\",\n TransactionType: \"Send\",\n TransactionDesc: \"Friend Request\",\n\n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n }\n else {\n alert(\"Something went wrong\");\n // this.route.navigate(['/allfolders']);\n }\n this.spinner.hide();\n this.accid = \"\";\n\n });\n }\n\n //forward mail with and without attachment\n forword() {\n //this.attachmentmail();\n for (var j = 0; j < this.selectedFriend.length; j++) {\n\n if (this.selectedFriend[j].email == undefined) {\n for (var m = 0; m < this.frndslist.length; m++) {\n if (this.frndslist[m].email == this.selectedFriend[j]) {\n this.selsel.push(this.frndslist[m])\n break;\n }\n }\n }\n else if (this.selectedFriend[j].email != undefined) {\n for (var n = 0; n < this.frndslist.length; n++) {\n if (this.frndslist[n].email == this.selectedFriend[j].email) {\n this.selsel.push(this.frndslist[n])\n break;\n }\n }\n }\n }\n //for removing duplicates from an array\n this.selsel = Array.from(new Set(this.selsel));\n this.selsel.forEach(item => {\n item.ccopy = \"no\";\n });\n console.log(this.selsel);\n //......\n for (var j = 0; j < this.selectedFriend1.length; j++) {\n\n if (this.selectedFriend1[j].email1 == undefined) {\n for (var m = 0; m < this.frndslist.length; m++) {\n if (this.frndslist[m].email1 == this.selectedFriend1[j]) {\n this.selselcc.push(this.frndslist[m]);\n break;\n }\n }\n }\n else if (this.selectedFriend1[j].email1 != undefined) {\n for (var n = 0; n < this.frndslist.length; n++) {\n if (this.frndslist[n].email1 == this.selectedFriend1[j].email1) {\n this.selselcc.push(this.frndslist[n])\n break;\n }\n }\n }\n }\n //for removing duplicates from an array\n this.selselcc = Array.from(new Set(this.selselcc));\n this.selselcc.forEach(item => {\n item.ccopy = \"yes\";\n });\n\n //to combine 2 array lists\n this.selsel.push.apply(this.selsel, this.selselcc);\n console.log(this.selsel);\n\n if (this.frmDataa == null) {\n this.frmDataa = new FormData();\n }\n var det = {\n TicketId: this.selectedticketid,\n FromId: this.uid,\n //...... MultiToUser: this.selectedFriend,\n MultiToUser: this.selsel,\n Blocdrivedoc: this.selectedSelected,\n blocdriveattachments: this.selectedattachments,\n FromuserGUID: this.GUID,\n MailId: this.forwordmaildata.mailId,\n TransId: this.forwordmaildata.trnsid,\n Message: this.message,\n Id: this.forwordmaildata.id,\n Subject: this.forwordmaildata.subject\n\n }\n if (this.SelectedFiles != 0) {\n this.frmDataa.append(\"MessageData\", JSON.stringify(det));\n this.frmDataa.append(\"fileUpload\", \"SelectedFiles\");\n }\n else {\n this.frmDataa.append(\"MessageData\", JSON.stringify(det));\n }\n\n this.spinner.show();\n // this.httpService.post(\"http://localhost:8540\" + '/api/UploadFile/forwardmailattachment/', this.frmDataa).subscribe(\n // data => {\n // this.spinner.hide();\n // // this.selectedFriend= this.selectedSelected;\n // this.mailsubject = \"\";\n // this.message = \"\";\n\n // if(data == \"0\"){\n // (err: HttpErrorResponse) => {\n // console.log(err.message);\n // };\n // window.location.reload(); \n // } \n\n // var aa={\n // MultiToUser: this.selectedFriend,\n // MailId: this.forwordmaildata.mailId,\n // TransId:this.forwordmaildata.trnsid,\n // Id:this.forwordmaildata.id,\n // FromId:this.uid\n // };\n this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/PostAddNewMembers', this.frmDataa).subscribe((respose: any) => {\n if (respose == \"Succ\") {\n this.GetMailDetais();\n //...... alert(\"Mail forwarded successfully!!!\");\n this.spinner.hide();\n //...... window.location.reload();\n const audit = {\n TransactionName: \"Mail\",\n TransactionType: \"Forward\",\n TransactionDesc: \"Forwarded Mail\",\n }\n this.auditortransactionservice.AuditorTransactionDetailsFileMail(audit);\n // Delay for 3 seconds and then hide the notification and reload the page\n this.notify = \"Mail sent successfully!!!\";\n this.dismissalert = true;\n setTimeout(() => {\n this.dismissalert = false;\n this.mailsubject = \"\";\n this.message = \"\";\n this.route.navigate(['inboxmails']);\n }, 2000);\n //\n }\n else {\n alert(\"Something went worng\");\n }\n\n });\n // })\n }\n\n // forword(){\n // this.attachmentmail();\n // var aa={\n // MultiToUser: this.selectedFriend,\n // MailId: this.forwordmaildata.mailId,\n // TransId:this.forwordmaildata.trnsid,\n // Id:this.forwordmaildata.id\n // };\n // this.userservice.postaddnewebers(aa).subscribe((respose: any) => {\n // if(respose ==\"Succ\"){\n // alert(\"Mail Forwarded Successfully\");\n // const audit = {\n // TransactionName:\"Mail\",\n // TransactionType:\"Forward\",\n // TransactionDesc:\"Forwarded Mail\",\n\n // }\n // this.auditortransactionservice.AuditorTransactionDetailsFileMail(audit);\n // }\n // else{\n // alert(\"Something went worng\");\n // }\n\n // });\n // }\n replay(mail, aa) {\n // var qq = document.getElementById(mail.id);\n // qq.setAttribute(visibility,\"visible\");\n this.replayenable = true;\n this.showforward = false;\n this.replytouser = \"\";\n this.Ismailid = mail.isMailId\n\n if (aa == 'single') {\n this.replytouser = mail.fromName;\n this.selectedFriend.push(mail.fromId);\n }\n else if (aa == 'all') {\n //...... this.replytouser = mail.fromName;\n this.replytouser = \"\";\n this.selectedFriend.push(mail.fromId);\n for (let index = 0; index < mail.memlist.length; index++) {\n if (mail.memlist[index].uid != this.uid) {\n if (this.replytouser == \"\") {\n this.replytouser = mail.memlist[index].useName;\n }\n else {\n this.replytouser = this.replytouser + \" , \" + mail.memlist[index].useName;\n }\n\n this.selectedFriend.push(mail.memlist[index].uid);\n }\n }\n }\n\n window.scrollTo(0, document.body.scrollHeight);\n\n\n }\n\n // onChangeDocumnets(event: any) {\n // this.frmDataa = new FormData();\n // let files = [].slice.call(event.target.files);\n // for (var i = 0; i < files.length; i++) {\n // this.SelectedFiles.push(files[i]);\n // this.frmDataa.append(\"Docs\", files[i]);\n // }\n // this.docname1 = this.SelectedFiles[0].name ;\n // this.docname2 = this.SelectedFiles[1].name ;\n // this.docname3 = this.SelectedFiles[2].name ;\n // this.docname4 = this.SelectedFiles[3].name ;\n // this.docname5 = this.SelectedFiles[4].name ;\n // this.docname6 = this.SelectedFiles[5].name ;\n // this.docname7 = this.SelectedFiles[6].name ;\n // this.docname8 = this.SelectedFiles[7].name ;\n // this.docname9 = this.SelectedFiles[8].name ;\n // this.docname10 = this.SelectedFiles[9].name ;\n\n // }\n onChangeDocumnets(event: any) {\n this.frmDataa = new FormData();\n let files = [].slice.call(event.target.files);\n for (var i = 0; i < files.length; i++) {\n this.SelectedFiles.push(files[i]);\n this.frmDataa.append(\"Docs\", files[i]);\n // this.color = true;\n }\n var usr = {\n UserId: this.uid\n }\n this.frmDataa.append(\"UserIDD\", JSON.stringify(usr));\n // if(files.length == 1){\n this.progress = true;\n this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/PostSavesinglefile/', this.frmDataa).subscribe((data: any) => {\n this.progress = false;\n this.dat = data;\n this.color = true;\n // this.delfile = true;\n this.spinner.hide()\n })\n\n // }\n }\n RemoveFile(data) {\n var det = {\n FileName: data.name,\n UserId: this.uid,\n }\n\n this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/PostRemoveFile/', det).subscribe((data: any) => {\n this.fnamee = data;\n this.filenam = this.fnamee.documentName;\n for (let ri = 0; ri < this.SelectedFiles.length; ri++) {\n if (this.filenam == this.SelectedFiles[ri].name) {\n const index1 = this.SelectedFiles.indexOf(this.SelectedFiles[ri], 0);\n this.SelectedFiles.splice(index1, 1);\n }\n }\n\n })\n\n }\n\n RemoveInternalFile(data) {\n var det = {\n FileName: data.documentName,\n UserId: this.uid,\n }\n\n this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/PostRemoveInternalFile/', det).subscribe((data: any) => {\n this.fnameeintrnl = data;\n this.filenamintrnl = this.fnameeintrnl.documentName;\n for (let ri = 0; ri < this.selectedattachments.length; ri++) {\n if (this.filenamintrnl == this.selectedattachments[ri].documentName) {\n const index1 = this.selectedattachments.indexOf(this.selectedattachments[ri], 0);\n this.selectedattachments.splice(index1, 1);\n }\n }\n\n })\n\n }\n\n ccmail() {\n this.showccmail = true;\n }\n\n sendmail() {\n for (var k = 0; k < this.selectedFriend1.length; k++) {\n if (this.selectedFriend1[k].uid != undefined && this.selectedFriend1[k].uid != null) {\n this.selectedFriend1[k].uid = this.selectedFriend1[k].uid + \",\" + \"yes\";\n this.selectedFriend.push(this.selectedFriend1[k].uid);\n this.selectedFriend1[k].uid = [];\n }\n }\n\n if (this.frmDataa == null) {\n this.frmDataa = new FormData();\n }\n var det = {\n TicketId: null,\n FromId: this.uid,\n ReplyMultiToUser: this.selectedFriend,\n Subject: this.mailsubject,\n Message: this.message,\n FromuserGUID: this.GUID,\n MailId: this.mailid,\n TransId: this.Transid,\n IsMailIdReply: this.Ismailid\n\n }\n this.frmDataa.append(\"MessageData\", JSON.stringify(det));\n this.spinner.show();\n this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/PostSaveReplayMail/', this.frmDataa).subscribe(\n data => {\n this.spinner.hide();\n //...... alert(\"Mail sent successfully!!!\");\n const audit = {\n TransactionName: \"Mail\",\n TransactionType: \"Send\",\n TransactionDesc: \"Reply Mail\",\n\n }\n this.auditortransactionservice.AuditorTransactionDetailsFileMail(audit);\n this.notify = \"Mail sent successfully!!!\";\n this.dismissalert = true;\n\n // Delay for 3 seconds and then hide the notification and reload the page\n setTimeout(() => {\n this.dismissalert = false;\n this.mailsubject = \"\";\n this.message = \"\";\n this.route.navigate(['inboxmails']);\n\n }, 2000);\n //\n },\n (err: HttpErrorResponse) => {\n console.log(err.message);\n });\n }\n ViewImageDoc(aa, content) {\n if (aa.pdfFile != null) {\n // this.ViewDoc(aa)\n }\n else {\n this.imgdisplay = aa;\n this.modalService.open(content).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n this.m = this.msg;\n });\n }\n }\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return 'by pressing ESC';\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return 'by clicking on a backdrop';\n } else {\n return `with: ${reason}`;\n }\n }\n ViewDocument(aa, pdftesting) {\n if (aa.pdfFile != null) {\n // this.ViewDoc(aa)\n }\n else {\n\n this.zzz = aa;\n this.current_url = this.domSanitizer.bypassSecurityTrustResourceUrl(this.zzz.file);\n console.log(this.pdfUrl);\n this.pdfUrl = this.zzz.doclink;\n // this.doc=\"http://docs.google.com/gview?\"+this.zzz.file+\"&embedded=true\";\n\n this.modalService.open(pdftesting).result.then((result) => {\n\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n this.m = this.msg;\n console.log(this.m)\n\n });\n }\n }\n ViewVideo(cc, videocontent) {\n this.videoplay = cc.doclink\n this.videodate = this.date;\n // this.folderviewservice.viewDocument(cc).subscribe((data: any) => {\n // this.pdfUrl = data;\n this.modalService.open(videocontent).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n this.m = this.msg;\n });\n //});\n }\n\n Viewaudio(cc, videocontent) {\n this.audioplay = cc.doclink\n this.audiodate = this.date;\n // this.folderviewservice.viewDocument(cc).subscribe((data: any) => {\n // this.pdfUrl = data;\n this.modalService.open(videocontent).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n this.m = this.msg;\n });\n //});\n }\n MailFriend() {\n this.route.navigate(['/friendrequest']).then(() => {\n window.location.reload();\n })\n }\n\n\n\n\n\n // haspit section\n onClick(data) {\n this.CurrentFiles = data;\n\n if (data != null) {\n if (this.selectedattachments.length == 0) {\n // document.getElementById(data.Id.toString()).style.backgroundColor = \"#4f44c5\";\n // document.getElementById(data.Id.toString()).style.color = \"white\";\n this.selectedattachments.push(data);\n }\n else {\n const index = this.selectedattachments.indexOf(data, 0);\n if (index > -1) {\n this.selectedattachments.splice(index, 1);\n // document.getElementById(data.Id.toString()).style.backgroundColor = \"\";\n // document.getElementById(data.Id.toString()).style.color = \"\";\n }\n else {\n this.selectedattachments.push(data);\n // document.getElementById(data.Id.toString()).style.backgroundColor = \"#4f44c5\";\n // document.getElementById(data.Id.toString()).style.color = \"white\";\n }\n }\n //this.SelectedFiles.push(this.selectedattachments)\n }\n\n }\n // onClick(data) {\n // this.CurrentFiles = data;\n // if (data != null) {\n // for (var i = 0; i < this.selectedSelected.length; i++) {\n // if (this.selectedSelected[i].Id == data.Id) {\n // var index = this.selected.indexOf(data);\n // this.selectedSelected.splice(index, 1);\n // this.remove = true;\n // }\n // }\n // this.selectedSelected.push(data);\n // }\n\n // }\n uploadmypersonalfiles() {\n this.frmDataa = new FormData();\n var filedata = {\n InternalBdrive: this.selectedattachments\n }\n var usr = {\n UserId: this.uid,\n }\n this.frmDataa.append(\"UserIDD\", JSON.stringify(usr));\n this.frmDataa.append(\"Attach\", JSON.stringify(filedata));\n\n this.httpService.post(\"https://blocdrive.com/blocdriveapi\" + '/api/UploadFile/PostSavesinglefileInternal/', this.frmDataa).subscribe((data: any) => {\n })\n\n\n this.filename = this.selectedattachments[0].documentName;\n this.filenameone = this.selectedattachments[1].documentName;\n this.filenametwo = this.selectedattachments[2].documentName;\n this.filenamethree = this.selectedattachments[3].documentName;\n this.filenamefour = this.selectedattachments[4].documentName;\n\n // this.isvisible = true;\n // this.frmDataa = new FormData();\n // for (var i = 0; i < this.selectedSelected.length; i++) {\n // // this.frmData = new FormData();\n // this.AttachmnetsList.push(this.selectedSelected[i].documentName);\n // this.frmDataa.append(\"Drive\", this.selectedSelected[i]);\n // this.blocdriveFiles = this.selectedSelected[i].documentName;\n\n // }\n }\n\n GetSubfolderdetails(data) {\n this.folderdisaply = false;\n this.subfolderdisaply = true;\n this.allfoldersdisplay = false;\n this.subfolderdetails = data;\n this.currentfoldername = data.folderName;\n this.FileFoldID = data.folderId;\n this.GetPFolderlist(data.folderId);\n this.spinner.show();\n const dataaa: ShareIdShow = {\n EID: \"\",\n Fid: data.folderId,\n LoginUID: this.uid\n }\n this.mailservice.getsubfolders(dataaa).subscribe((respose: any) => {\n this.allSubFolders = respose;\n this.spinner.hide();\n for (let i = 0; i < this.allSubFolders.retData.length; i++) {\n if (this.allSubFolders.retData[i].file != null) {\n //...... this.allSubFolders.retData[i].file = this.domSanitizer.bypassSecurityTrustResourceUrl(this.allSubFolders.retData[i].file)\n this.allSubFolders.retData[i].file = this.allSubFolders.retData[i].file;\n if (this.allSubFolders.retData[i].DocumentType == 'image/jpeg' || this.allSubFolders.retData[i].DocumentType == 'image/png'\n || this.allSubFolders.retData[i].DocumentType == 'png' || this.allSubFolders.retData[i].DocumentType == 'jpeg' || this.allSubFolders.retData[i].DocumentType == 'jpg'\n || this.allSubFolders.retData[i].DocumentType == 'PNG') {\n this.SubFoldersList.push(this.allSubFolders.retData[i]);\n }\n }\n }\n\n });\n }\n GetPFolderlist(id) {\n // this.spinner.show();\n this.mailservice.getpfoldernames(id).subscribe((respose: any) => {\n // this.spinner.hide();\n this.foldernamelist = respose;\n console.log(this.foldernamelist);\n });\n }\n\n GetMypersonalfolders() {\n this.foldernamelist = null;\n this.currentfoldername = null;\n this.mailservice.getfolders(this.uid).subscribe((respose: any) => {\n this.allFolders = respose;\n this.fileslist = this.allFolders.retData;\n for (var i = 0; i < this.fileslist.length; i++) {\n if (this.fileslist[i].DocumentType == 'image/jpeg' || this.fileslist[i].DocumentType == 'image/png'\n || this.fileslist[i].DocumentType == 'png' || this.fileslist[i].DocumentType == 'jpeg' || this.fileslist[i].DocumentType == 'jpg'\n || this.fileslist[i].DocumentType == 'PNG') {\n var dataa = this.fileslist[i];\n this.allFoldersList.push(dataa);\n }\n }\n this.folderdisaply = true;\n this.subfolderdisaply = false;\n this.spinner.hide();\n });\n this.folderdisaply = true;\n this.sharedfolderdisaply = true;\n }\n\n closecurrentpopup() {\n var a = document.getElementById(\"closetwo\").click();\n var a = document.getElementById(\"closeshare\").click();\n var a = document.getElementById(\"closedelete\").click();\n this.folderdisaply = true;\n this.subfolderdisaply = false;\n this.sharedfolderdisaply = true;\n this.sharedfolderdisaply = false;\n //this.GetAllSharingFolders();\n }\n\n selectfile(data) {\n if (data != null) {\n if (this.selectedSelected.length == 0) {\n this.morefiles = false;\n document.getElementById(data.Id.toString()).style.backgroundColor = \"#F6F3FD\";\n this.selectedSelected.push(data);\n }\n else {\n const index = this.selectedSelected.indexOf(data, 0);\n if (index > -1) {\n this.selectedSelected.splice(index, 1);\n document.getElementById(data.Id.toString()).style.backgroundColor = \"\";\n }\n else {\n this.selectedSelected.push(data);\n document.getElementById(data.Id.toString()).style.backgroundColor = \"#F6F3FD\";\n }\n }\n if (this.selectedSelected.length == 0) {\n this.morefiles = false;\n }\n }\n if (this.selectedSelected.length <= 1) {\n this.morefiles = false;\n }\n else if (this.selectedSelected.length >= 2) {\n this.morefiles = true;\n }\n }\n GetAllFolders() {\n //this.spinner.show();\n this.userservice.getfolders(this.GUID).subscribe((respose: any) => {\n this.allFolders = respose;\n // console.log(\"user\", this.allFolders)\n });\n }\n GetAllFolders1() {\n this.userservice.getfolders(this.GUID).subscribe((respose: any) => {\n this.allFolders1 = respose;\n // console.log(\"user\", this.allFolders);\n // this.spinner.hide();\n });\n }\n\n GetDetails(details) {\n this.folderdisaply = false;\n this.subfolderdisaply = true;\n this.FileFoldID = details.folderID;\n this.currentfoldername = details.folderName;\n // this.spinner.show();\n this.allfoldersdisplay = false;\n this.GetPFolderlist(details.folderID);\n const dataaa: ShareIdShow = {\n EID: \"\",\n Fid: details.folderID,\n LoginUID: this.uid\n }\n this.mailservice.getsubfolders(dataaa).subscribe((respose: any) => {\n this.allSubFolders = respose;\n this.currentfoldername = this.allSubFolders.FileName;\n this.fid = this.allSubFolders.ParentId;\n // this.spinner.hide();\n for (let i = 0; i < this.allSubFolders.RetData.length; i++) {\n if (this.allSubFolders.RetData[i].file != null) {\n this.allSubFolders.RetData[i].file = this.domSanitizer.bypassSecurityTrustResourceUrl(this.allSubFolders.RetData[i].file);\n if (this.allSubFolders.RetData[i].DocumentType == 'image/jpeg' || this.allSubFolders.RetData[i].DocumentType == 'image/png'\n || this.allSubFolders.RetData[i].DocumentType == 'png' || this.allSubFolders.RetData[i].DocumentType == 'jpeg' || this.allSubFolders.RetData[i].DocumentType == 'jpg'\n || this.allSubFolders.RetData[i].DocumentType == 'PNG') {\n this.SubFoldersList.push(this.allSubFolders.RetData[i]);\n }\n }\n }\n });\n }\n\n\n\n //download file by its original name\n abc(data) {\n const inputRequest = {\n Id: data.Id,\n AUID: this.uid,\n FolderId: data.FolderId,\n FolderName: data.FolderName,\n BlockID: data.BlockId,\n ipaddress: this.IPAddress,\n dnsip: this.dnsIP,\n browser: null,\n transaction: null,\n Doclink: data.doclink,\n DocumentName: data.documentName\n }\n this.userservice.downloadFile(inputRequest).subscribe((data: any) => {\n if (data != null) {\n this.downpath = data;\n window.open(this.downpath);\n }\n else {\n this.notify = \"Something went wrong. Try again.!!\"\n }\n });\n }\n\n}","
\n
\n
\n
\n
\n
\n \n
\n\n \n \n \n \n
\n
\n
\n
\n From: {{ mail.fromName }} \n \n
To: {{ mail.toName }}
\n
Cc: {{ mail.toCCName }}
\n
\n
\n
\n {{ mail.date }}
\n \n
\n
\n
\n
\n
Sub: {{ mail.subject }} \n \n
\n
{{ mail.message }}
\n
\n
\n \n \n
\n \n {{ mail.fromName }} sent you a document to review and sign\n \n \n SIGN\n FILES \n
\n \n
\n
Please ESign the Document
\n
Thank You,
\n
{{ mail.fromName }}
\n
\n
\n
\n \n\n
\n
\n
{{ mail.signdetail }}
\n
\n\n \n\n
\n
\n
\n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n \n
\n
\n
\n
{{ ret.documentName }}
\n
\n
\n
\n
\n \n
\n\n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n Id \n Projects \n Action \n \n \n {{ 5 * (p - 1) + (i + 1) }} \n \n \n \n {{aa.fileName}} \n\n \n \n \n UploadData \n \n\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n","import { Component, OnInit } from '@angular/core';\nimport { NgForm } from '@angular/forms';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { AssignRightService } from 'src/app/Shared/AssignRightMaster/assign-right.service';\nimport * as $ from 'jquery';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\n\n@Component({\n selector: 'app-assign-right-master',\n templateUrl: './assign-right-master.component.html',\n styleUrls: ['./assign-right-master.component.css']\n})\nexport class AssignRightMasterComponent implements OnInit {\n notify: string;\n dismissalert: boolean;\n RightName: string;\n rightid: any;\n createdby: any;\n createdon: any;\n Rights: any;\n showSave: boolean;\n showUpdate: boolean;\n rightName: any;\n deleterightid: any;\n p:number=1\n uid: string;\n roleid: string;\n GUID: string;\n mobileview: boolean;\n constructor(private spinner:NgxSpinnerService,private auditortransactionservice:AuditorTransactionService,private assignrightservice:AssignRightService) {\n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.GUID = localStorage.getItem(\"GUID\");\n\n }\n this.isMobileMenu();\n }\n isMobileMenu() {\n if ($(window).width() > 991) {\n this.mobileview = false;\n }\n else {\n this.mobileview = true;\n }\n };\n ngOnInit() {\n this.GetRights();\n this.GetRightdata();\n this.RightName = \"\";\n }\n UpdateUserRight(form: NgForm) {\n this.spinner.show();\n const inputRequest1 = {\n Id: this.rightid ,\n AssignRigntType: form.controls[\"rightName\"].value,\n CreatedBy: this.createdby,\n CreatedOn: this.createdon,\n ModifiedBy:\"\",\n ModifiedOn:\"\",\n GUID: this.GUID\n }\n this.assignrightservice.UpdateUserRightRow(inputRequest1).subscribe(\n (data: any) => {\n if (data == 1) {\n this.notify = \"Right updated successfully\"\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Update\",\n TransactionDesc:\"Assignright master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 3000);\n this.GetRights();\n this.spinner.hide();\n \n }\n else{\n this.notify = \"Something went wrong.Please Try again.!!\"\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 3000);\n this.GetRights();\n this.spinner.hide();\n }\n }\n );\n }\n SaveUserRight(form: NgForm) {\n this.spinner.show();\n const inputRequest = {\n Id: 0,\n AssignRigntType: form.controls[\"rightName\"].value,\n CreatedBy:\"\",\n CreatedOn:\"\",\n ModifiedBy:\"\",\n ModifiedOn:\"\",\n GUID: this.GUID\n\n }\n this.assignrightservice.saveUserRight(inputRequest).subscribe(\n (data: any) => {\n if (data != null) {\n this.notify = \"Right saved successfully\"\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Create\",\n TransactionDesc:\"Assignright master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 3000);\n this.GetRights();\n this.spinner.hide();\n \n }\n else{\n this.notify = \"Something went wrong.Please Try again.!!\"\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 3000);\n this.GetRights();\n this.spinner.hide();\n }\n }\n );\n }\n GetRights() {\n this.spinner.show();\n this.assignrightservice.getUserRights(this.GUID).subscribe((response: any) => {\n this.Rights = response;\n this.spinner.hide();\n });\n }\n GetRightdata() {\n this.spinner.show();\n this.assignrightservice.getUserRightdata(this.roleid).subscribe((response: any) => {\n this.Rights = response;\n this.spinner.hide();\n });\n }\n\n editRight(data:any){\n this.showSave = false;\n this.showUpdate = true;\n this.rightid = data.id;\n this.rightName = data.assignRigntType;\n this.createdby=data.createdBy;\n this.createdon=data.createdOn;\n }\n addClick(){\n this.showSave = true;\n this.showUpdate = false;\n if (this.rightName != \"\") {\n this.rightName = \"\";\n }\n }\n deleteRight(data:any){\n this.deleterightid = data.id;\n }\n deleteRightRow(){ \n this.spinner.show();\n this.assignrightservice.deleteRightdata(this.deleterightid).subscribe(\n (data: any) => {\n if (data != null) {\n this.notify = \"Right deleted successfully\"\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Delete\",\n TransactionDesc:\"Assignright master\",\n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 3000);\n this.GetRights();\n this.spinner.hide();\n \n }else{\n this.notify = \"Something Went Wrong. Try again.!!\"\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 3000);\n this.GetRights();\n this.spinner.hide();\n } \n });\n }\n}\n","
\n
\n
\n
\n
\n
\n
Rights List \n
\n
\n
\n
\n
\n
\n
\n \n Sl No \n Right \n Created By \n Created On \n Modified By \n Modified On \n Edit \n Delete \n \n \n {{ 5 * (p - 1) + (i+1) }} \n {{aa.assignRigntType}} \n {{aa.createdBy}} \n {{aa.createdOn|date:'short'}} \n {{aa.modifiedBy}} \n {{aa.modifiedOn|date:'short'}} \n \n \n Edit\n \n \n \n Delete \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n
\n
\n \n\n
\n
Are you sure to delete..?? \n \n \n
\n
\n
\n\n
\n
\n \n
\n
\n
\n
\n \n close \n \n \n {{notify}} \n
\n
\n
","import { Component, OnInit } from '@angular/core';\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\nimport { BranchService } from 'src/app/Shared/BranchMaster/branch.service';\nimport { branch } from 'src/app/ViewModels/Role';\n\n@Component({\n selector: 'app-branch',\n templateUrl: './branch.component.html',\n styleUrls: ['./branch.component.css']\n})\n\nexport class BranchComponent implements OnInit {\n closeResult: any;\n BranchName: any;\n branchname: any;\n BranchDesc: any;\n branchdesc: any;\n public dismissalert = false;\n notify: string;\n BranchList: any;\n p: number = 1;\n editbranchName: any;\n editdesc: any;\n editbranchid: any;\n ubranchname: any;\n ubranchdesc: any;\n createdon: any;\n createdby: any;\n DeleteName: any;\n deleteid: any;\n uid: string;\n branchid: string;\n mobileview: boolean;\n GUID: string;\n constructor(private modalService: NgbModal,private auditortransactionservice:AuditorTransactionService\n , private spinner: NgxSpinnerService,private BranchService: BranchService) { \n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.branchid = localStorage.getItem(\"branch\");\n this.uid = localStorage.getItem(\"userId\"); \n this.GUID = localStorage.getItem(\"GUID\");\n \n }\n this.isMobileMenu();\n }\n \n ngOnInit(): void {\n this.Branchs();\n this.Branchdata();\n this.BranchName = \"\";\n this.BranchDesc = \"\";\n }\n isMobileMenu() {\n if ($(window).width() > 991) {\n this.mobileview = false;\n }\n else {\n this.mobileview= true;\n }\n };\n \n Branchs() {\n this.spinner.show();\n this.BranchService.getAllBranchs(this.GUID ).subscribe((Data: any) => {\n this.BranchList = Data;\n this.spinner.hide();\n });\n }\n \n Branchdata() {\n this.spinner.show();\n this.BranchService.getAllBranchdata(this.branchid).subscribe((Data: any) => {\n this.BranchList = Data;\n this.spinner.hide();\n });\n }\n addBranch(addbranch) {\n this.modalService.open(addbranch).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n EditBranch(updatedata, updatebranch) {\n this.editbranchName = updatedata.branchName;\n this.editdesc = updatedata.branchDesc;\n this.editbranchid = updatedata.id;\n this.createdon = updatedata.createdOn;\n this.createdby = updatedata.createdBy;\n this.modalService.open(updatebranch).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n deleteBranch(deletedata, deletebranch) {\n this.DeleteName = deletedata.branchName;\n this.deleteid = deletedata.id;\n this.modalService.open(deletebranch).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return \"by pressing ESC\";\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return \"by clicking on a backdrop\";\n } else {\n return `with: ${reason}`;\n }\n }\n SaveBranch() {\n const inputRequest: branch = {\n Id: 0,\n BranchName: this.branchname,\n BranchDesc: this.branchdesc,\n CreatedBy: \"\",\n CreatedOn: \"\",\n UserId: this.uid,\n GUID:this.GUID \n };\n this.spinner.show();\n this.BranchService.saveBranch(inputRequest).subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Branch added successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Create\",\n TransactionDesc:\"Branch master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Branchs();\n } else {\n this.notify = \"Something went wrong.Please Try again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Branchs();\n }\n });\n }\n \n UpdateBranch() {\n const inputRequest1: branch = {\n Id: this.editbranchid,\n BranchName: this.editbranchName,\n BranchDesc: this.editdesc,\n CreatedBy: this.createdby,\n CreatedOn: this.createdon,\n UserId: this.uid ,\n GUID:this.GUID \n \n \n };\n this.spinner.show();\n this.BranchService.UpdateBranch(inputRequest1).subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Branch updated successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Update\",\n TransactionDesc:\"Branch master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Branchs();\n this.spinner.hide();\n } else {\n this.notify = \"Something went wrong.Please Try Again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Branchs();\n this.spinner.hide();\n }\n });\n }\n DeleteBranchRow() {\n this.spinner.show();\n this.BranchService.deleteBranch(this.deleteid).subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Branch deleted successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Delete\",\n TransactionDesc:\"Branch master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Branchs();\n this.spinner.hide();\n } else {\n this.notify = \"Something went wrong.Please Try again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Branchs();\n this.spinner.hide();\n }\n });\n }\n closealert(){\n this.dismissalert=false;\n }\n }\n \n","
\n
\n
Branch List \n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Sl No \n Branch Name \n Created By \n Created On \n \n Modified On \n Edit \n Delete \n \n \n \n {{ 5 * (p - 1) + (i + 1) }} \n {{ aa.branchName }} \n {{ aa.createdBy }} \n {{ aa.createdOn | date: \"short\" }} \n \n {{ aa.modifiedOn | date: \"short\" }} \n \n \n Edit\n \n \n \n \n Delete\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n \n \n
Branch Name: \n \n
\n \n \n
Branch Name: \n \n
\n \n \n
Are your sure? Do you want delete {{ DeleteName }}!! \n \n \n\n
\n
\n
\n
\n \n close \n \n \n \n {{ notify }}\n
\n
\n
\n","import { Component, OnInit } from '@angular/core';\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { Client } from 'src/app/ViewModels/Client';\nimport { ClientService } from 'src/app/Shared/Client/client.service';\nimport * as $ from 'jquery';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\nimport { EncryptionService } from 'src/app/Shared/encryption/encryption.service';\n\n@Component({\n selector: 'app-client',\n templateUrl: './client.component.html',\n styleUrls: ['./client.component.css']\n})\nexport class ClientComponent implements OnInit {\n\n closeResult: any;\n ClientName: any;\n clientname: any;\n Address: any;\n address: any;\n ContactPersonName: any;\n contactpersonname: any;\n ContactNumber: any;\n contactnumber: any;\n OfficeNumber: any;\n officenumber: any;\n Email: any;\n email: any;\n public dismissalert = false;\n notify: string;\n ClientList: any;\n p: number = 1;\n editclientName: any;\n editid: any;\n uclientname: any;\n uclientdesc: any;\n createdon: any;\n createdby: any;\n DeleteName: any;\n deleteid: any;\n editaddress: any;\n editcontactnumber: any;\n editcontactpersonname: any;\n editofficenumber: any;\n editemail: any;\n uid: string;\n roleid: string;\n mobileview: boolean;\n regexp = new RegExp(/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n phonev = new RegExp(/^[6-9]\\d{9}$/);\n //telephoneval= new RegExp(/^[0-9]\\d{2,4}-\\d{6,8}$/\n telephoneval= new RegExp(/^[6-9]\\d{9}$/);\n \n checkphone: boolean;\n checkemail: boolean;\n checktelephone: boolean;\n GUID: string;\n constructor(private modalService: NgbModal,\n private auditortransactionservice:AuditorTransactionService, \n private spinner: NgxSpinnerService, \n private clientService: ClientService,private encryptionService:EncryptionService) {\n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.GUID = localStorage.getItem(\"GUID\");\n\n }\n this.isMobileMenu();\n }\n isMobileMenu() {\n if ($(window).width() > 991) {\n this.mobileview = false;\n }\n else {\n this.mobileview = true;\n }\n };\n\n ngOnInit(): void {\n this.Clients();\n this.ClientName = '';\n this.Address = '';\n }\n Clients() {\n this.spinner.show();\n this.clientService.getAllClients(this.GUID).subscribe((Data: any) => {\n const decryptedData = this.encryptionService.decryptData(Data);\n this.ClientList = decryptedData;\n //this.ClientList = Data;\n this.spinner.hide();\n });\n }\n addClient(addclient) {\n this.modalService.open(addclient).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n EditClient(updatedata, updateclient) {\n this.editclientName = updatedata.clientName;\n this.editaddress = updatedata.address;\n this.editcontactpersonname = updatedata.contactPersonName;\n this.editcontactnumber = updatedata.contactNumber;\n this.editofficenumber = updatedata.officeNumber;\n this.editemail = updatedata.email;\n this.editid = updatedata.id;\n this.createdon = updatedata.createdOn;\n this.createdby = updatedata.createdBy;\n this.modalService.open(updateclient).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n deleteClient(deletedata, addclient) {\n this.DeleteName = deletedata.clientName;\n this.deleteid = deletedata.id;\n this.modalService.open(addclient).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return 'by pressing ESC';\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return 'by clicking on a backdrop';\n } else {\n return `with: ${reason}`;\n }\n }\n SaveClient() {\n this.checkphone = this.phonev.test(this.contactnumber);\n this.checkemail = this.regexp.test(this.email);\n this.checktelephone=this.telephoneval.test(this.officenumber)\n if(!this.checkphone){\n alert(\"Please enter valid contact number\")\n }\n else if(!this.checkemail){\n alert(\"Please enter valid Email\")\n }\n // else if(!this.checktelephone){\n // alert(\"Please Enter Valid Office Number\")\n\n // }\n else{\n\n \n const inputRequest: Client = {\n ID: 0,\n ClientName: this.clientname,\n Address: this.address,\n ContactPersonName: this.contactpersonname,\n ContactNumber: this.contactnumber,\n Email: this.email,\n OfficeNumber: this.officenumber,\n IsEnabled: 0,\n UserId: this.uid,\n CreatedBy: \"\",\n CreatedOn: \"\",\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n GUID:this.GUID \n };\n this.spinner.show();\n this.clientService.saveClient(inputRequest).subscribe((data: any) => {\n if (data == 'success') {\n this.notify = 'Client added Successfully';\n const audit = {\n TransactionName:\"Project Management\",\n TransactionType:\"Create\",\n TransactionDesc:\"Client\",\n \n }\n this.auditortransactionservice.AuditorDetailsProject(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Clients();\n } else {\n this.notify = 'Something went wrong!!!Please Try Again.!!';\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Clients();\n }\n });\n }\n }\n\n UpdateClient() {\n var checkphone = this.phonev.test(this.editcontactnumber);\n var checkemail = this.regexp.test(this.editemail);\n var checktelephone=this.telephoneval.test(this.editofficenumber)\n if(!checkphone){\n alert(\"Please enter valid Contact Number\")\n }\n else if(!checkemail){\n alert(\"Please enter valid Email\")\n }\n else if(!checktelephone){\n alert(\"Please enter valid Office Number\")\n\n }\n else{\n\n \n const inputRequest1: Client = {\n ID: this.editid,\n ClientName: this.editclientName,\n Address: this.editaddress,\n ContactNumber: this.editcontactnumber,\n ContactPersonName: this.editcontactpersonname,\n OfficeNumber: this.editofficenumber,\n Email: this.editemail,\n IsEnabled: 1,\n UserId: this.uid,\n CreatedBy: this.createdby,\n CreatedOn: this.createdon,\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n GUID:this.GUID \n\n };\n this.spinner.show();\n this.clientService.UpdateClient(inputRequest1).subscribe((data: any) => {\n if (data == 'success') {\n this.notify = 'Client Updated Successfully';\n const audit = {\n TransactionName:\"Project Management\",\n TransactionType:\"Update\",\n TransactionDesc:\"Client\",\n \n }\n this.auditortransactionservice.AuditorDetailsProject(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Clients();\n this.spinner.hide();\n } else {\n this.notify = 'Something went wrong!!!Please Try Again...';\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Clients();\n this.spinner.hide();\n }\n });\n }\n }\n DeleteClientRow() {\n this.spinner.show();\n this.clientService.deleteClient(this.deleteid).subscribe((data: any) => {\n if (data == 'success') {\n this.notify = 'Folder deleted successfully';\n const audit = {\n TransactionName:\"Project Management\",\n TransactionType:\"Delete\",\n TransactionDesc:\"Client\",\n \n }\n this.auditortransactionservice.AuditorDetailsProject(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Clients();\n this.spinner.hide();\n } else {\n this.notify = 'Something went wrong.Please Try Again.!!';\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Clients();\n this.spinner.hide();\n }\n });\n }\n closealert() {\n this.dismissalert = false\n }\n}\n","\n
\n\n\n
\n
Clients List \n
\n
\n
\n
\n \n Add\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Sl No \n Client Name \n Address \n Contact PersonName \n Contact Number \n Office Number \n Email \n Created By \n Created On \n Modified By \n Modified On \n Edit \n Delete \n \n \n \n {{ 5 * (p - 1) + (i + 1) }} \n {{ aa.clientName }} \n {{ aa.address }} \n {{ aa.contactPersonName }} \n {{ aa.contactNumber }} \n {{ aa.officeNumber }} \n {{ aa.email }} \n {{ aa.createdBy }} \n {{ aa.createdOn | date: \"short\" }} \n {{ aa.modifiedBy }} \n {{ aa.modifiedOn | date: \"short\" }} \n \n \n Edit\n \n \n \n \n Delete\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n\n\n
\n \n \n
Client Name: \n Address: \n Contact Person Name: \n Contact Number: \n Office Number: \n Email: \n \n
\n \n \n
Client Name: \n Address: \n Contact Person Name: \n Contact Number: \n Office Number: \n Email: \n \n
\n \n \n
Are your sure? Do you want delete {{ DeleteName }}!! \n \n \n\n
\n
\n
\n
\n \n close \n \n \n \n {{ notify }} \n
\n
\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-company',\n templateUrl: './company.component.html',\n styleUrls: ['./company.component.css']\n})\nexport class CompanyComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","
company works!
\n","import { Component, OnInit, Output, EventEmitter } from '@angular/core';\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { CountryService } from 'src/app/Shared/Country/country.service';\nimport { Country } from 'src/app/ViewModels/Country';\nimport * as $ from 'jquery';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\n\n@Component({\n selector: 'app-country',\n templateUrl: './country.component.html',\n styleUrls: ['./country.component.css']\n})\nexport class CountryComponent implements OnInit {\n closeResult: any;\n CountryName: any;\n countryname: any;\n CountryDesc: any;\n countrydesc: any;\n public dismissalert = false;\n notify: string\n CountryList: any;\n p: number = 1;\n editcountryName: any;\n editdesc: any;\n editcontryid: any;\n ucountryname: any;\n ucountrydesc: any;\n createdon: any;\n createdby: any;\n DeleteName: any;\n deleteid: any;\n uid: string;\n roleid: string;\n mobileview: boolean;\n inputstring:any;\n constructor(private modalService: NgbModal,private auditortransactionservice:AuditorTransactionService, private spinner: NgxSpinnerService, private countryService: CountryService) {\n this.inputstring = \"InputString\";\n\n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n\n }\n this.isMobileMenu();\n }\n isMobileMenu() {\n if ($(window).width() > 991) {\n this.mobileview = false;\n }\n else {\n this.mobileview= true;\n }\n };\n\n ngOnInit(): void {\n this.Countries();\n this.CountryName = \"\";\n this.CountryDesc = \"\";\n }\n Countries() {\n this.spinner.show();\n this.countryService.getAllCountries().subscribe((Data: any) => {\n this.CountryList = Data;\n this.spinner.hide();\n\n })\n }\n addCountry(addcountry) {\n this.modalService.open(addcountry).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n });\n }\n EditCountry(updatedata, updatecountry) {\n this.editcountryName = updatedata.countryName\n this.editdesc = updatedata.countryDesc\n this.editcontryid = updatedata.countryId\n this.createdon = updatedata.createdOn;\n this.createdby=updatedata.createdBy;\n this.modalService.open(updatecountry).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n \n });\n }\n deleteCountry(deletedata,deletecountry) {\n this.DeleteName=deletedata.countryName;\n this.deleteid = deletedata.countryId;\n this.modalService.open(deletecountry).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n });\n}\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return 'by pressing ESC';\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return 'by clicking on a backdrop';\n } else {\n return `with: ${reason}`;\n }\n }\n SaveCountry() {\n const inputRequest: Country = {\n CountryId: 0,\n CountryName:this.countryname,\n CountryDesc:this.countrydesc,\n CreatedBy: \"\",\n CreatedOn: \"\",\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n UserId:this.uid \n }\n this.spinner.show();\n this.countryService.saveCountry(inputRequest).subscribe(\n (data: any) => {\n if (data == \"success\") {\n this.notify = \"Country added successfully\"\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Create\",\n TransactionDesc:\"Country master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 1000);\n this.spinner.hide();\n this.Countries();\n } else {\n this.notify = \"Something went wrong!!! Please Try Again.!!\"\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 1000);\n this.spinner.hide();\n this.Countries();\n }\n });\n }\n\n UpdateCountry() {\n const inputRequest1: Country = {\n CountryId: this.editcontryid,\n CountryName: this.editcountryName,\n CountryDesc: this.editdesc,\n CreatedBy: this.createdby,\n CreatedOn: this.createdon,\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n UserId:this.uid \n }\n this.spinner.show();\n this.countryService.UpdateCountry(inputRequest1).subscribe(\n (data: any) => {\n if (data == \"success\") {\n this.notify = \"Country updated successfully\"\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Update\",\n TransactionDesc:\"Country master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 1000);\n this.Countries();\n this.spinner.hide();\n } else {\n this.notify = \"Something went wrong!!! Please Try Again.!!\"\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 1000);\n this.Countries();\n this.spinner.hide();\n }\n });\n }\n DeleteCountryRow() {\n this.spinner.show();\n this.countryService.deleteCountry(this.deleteid).subscribe(\n (data: any) => {\n if (data ==\"success\") {\n this.notify = \"Country Deleted Successfully\"\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Delete\",\n TransactionDesc:\"Country master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 1000);\n this.Countries();\n this.spinner.hide();\n\n } else {\n this.notify = \"Something went wrong!!! Please Try Again.!!\"\n setTimeout(() => this.dismissalert = true, 100);\n setTimeout(function () {\n this.dismissalert = false;\n }.bind(this), 1000);\n this.Countries();\n this.spinner.hide();\n }\n });\n }\n closealert(){\n this.dismissalert=false;\n }\n}\n","
\n\n\n
\n
Countries List \n
\n
\n
\n
\n \n Add\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Sl No \n Country Name \n Country Description \n Created By \n Created On \n Modified By \n Modified On \n Edit \n Delete \n \n \n \n {{ 5 * (p - 1) + (i + 1) }} \n {{ aa.countryName }} \n {{ aa.countryDesc }} \n {{ aa.createdBy }} \n {{ aa.createdOn | date: \"short\" }} \n {{ aa.modifiedBy }} \n {{ aa.modifiedOn | date: \"short\" }} \n \n \n Edit\n \n \n \n \n Delete\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
Country Name: \n Country Description: \n \n
\n \n \n
Country Name: \n Country Description: \n \n
\n \n \n
Are your sure? Do you want delete {{ DeleteName }}!! \n \n \n\n
\n
\n
\n
\n \n close \n \n \n \n {{ notify }}\n
\n
\n
","import { Component, OnInit } from '@angular/core';\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { Department } from 'src/app/ViewModels/Department';\nimport { DepartmentService } from 'src/app/Shared/Department/department.service';\nimport { RoleService } from 'src/app/Shared/Role/role.service';\nimport * as $ from 'jquery';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\n\n@Component({\n selector: 'app-department',\n templateUrl: './department.component.html',\n styleUrls: ['./department.component.css']\n})\nexport class DepartmentComponent implements OnInit {\n closeResult: any;\n DepartmentName: any;\n departmentname: any;\n DepartmentDesc: any;\n departmentdesc: any;\n public dismissalert = false;\n notify: string;\n DepartmentList: any;\n p: number = 1;\n editdepartmentName: any;\n editdesc: any;\n editdepartmentid: any;\n udepartmentname: any;\n udepartmentdesc: any;\n createdon: any;\n createdby: any;\n DeleteName: any;\n deleteid: any;\n RoleList: any=[];\n selectedrole: any;\n editrole: any;\n uid: string;\n roleid: string;\n mobileview: boolean;\n GUID: string;\n departmentcode: any;\n editdepartmentcode: any;\n constructor(private modalService: NgbModal,private auditortransactionservice:AuditorTransactionService\n ,private spinner: NgxSpinnerService,private departmentService: DepartmentService,\n private roleService:RoleService) {\n \n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.GUID = localStorage.getItem(\"GUID\");\n\n }\n this.isMobileMenu();\n\n }\n isMobileMenu() {\n if ($(window).width() > 991) {\n this.mobileview = false;\n }\n else {\n this.mobileview= true;\n }\n };\n \n ngOnInit(): void {\n this.Departments();\n this.Departmentdata();\n this.Roles();\n this.DepartmentName = \"\";\n this.DepartmentDesc = \"\";\n\n }\n Roles(){\n this.spinner.show();\n this.roleService.getAllRoles(this.GUID).subscribe((Data: any) => {\n this.RoleList = Data;\n this.spinner.hide();\n });\n }\n onSelectedRole(id){\n this.selectedrole=id;\n }\n Departments() {\n this.spinner.show();\n this.departmentService.getAllDepartments(this.GUID).subscribe((Data: any) => {\n this.DepartmentList = Data;\n this.spinner.hide();\n });\n }\n Departmentdata() {\n this.spinner.show();\n this.departmentService.getAllDepartmentdata(this.roleid).subscribe((Data: any) => {\n this.DepartmentList = Data;\n this.spinner.hide();\n });\n }\n addDepartment(adddepartment) {\n this.modalService.open(adddepartment).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n EditDepartment(updatedata, updatedepartment) {\n this.editdepartmentName = updatedata.majorDepartmentName;\n this.editdesc = updatedata.departmentDesc;\n this.editdepartmentid = updatedata.id;\n this.editrole=updatedata.roleId;\n this.createdon = updatedata.createdOn;\n this.createdby = updatedata.createdBy;\n this.editdepartmentcode=updatedata.code\n this.modalService.open(updatedepartment).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n deleteDepartment(deletedata, adddepartment) {\n this.DeleteName = deletedata.departmentName;\n this.deleteid = deletedata.id;\n this.modalService.open(adddepartment).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return \"by pressing ESC\";\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return \"by clicking on a backdrop\";\n } else {\n return `with: ${reason}`;\n }\n }\n SaveDepartment() {\n const inputRequest: Department = {\n Id: 0,\n MajorDepartmentName: this.departmentname,\n DepartmentDesc: this.departmentdesc,\n CreatedBy: \"\",\n CreatedOn: \"\",\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n RoleId:this.selectedrole,\n UserId:this.uid,\n GUID:this.GUID,\n Code:this.departmentcode\n };\n this.spinner.show();\n this.departmentService\n .saveDepartment(inputRequest)\n .subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Department added successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Create\",\n TransactionDesc:\"Department master\",\n\n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Departments();\n } else {\n this.notify = \"Something went wrong!!! Please Try Again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Departments();\n }\n });\n }\n\n UpdateDepartment() {\n if(this.selectedrole==null || this.selectedrole==\"\"){\n this.selectedrole=this.editrole\n }\n const inputRequest1: Department = {\n Id: this.editdepartmentid,\n MajorDepartmentName: this.editdepartmentName,\n DepartmentDesc: this.editdesc,\n CreatedBy: this.createdby,\n CreatedOn: this.createdon,\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n RoleId:this.selectedrole,\n UserId:this.uid,\n GUID:this.GUID,\n Code:this.editdepartmentcode\n\n };\n this.spinner.show();\n this.departmentService\n .UpdateDepartment(inputRequest1)\n .subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Department updated successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Update\",\n TransactionDesc:\"Department master\",\n\n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Departments();\n this.spinner.hide();\n } else {\n this.notify = \"Something went wrong!!! Please Try Again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Departments();\n this.spinner.hide();\n }\n });\n }\n DeleteDepartmentRow() {\n this.spinner.show();\n this.departmentService\n .deleteDepartment(this.deleteid)\n .subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Department deleted successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Delete\",\n TransactionDesc:\"Department master\",\n\n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Departments();\n this.spinner.hide();\n } else {\n this.notify = \"Something Went Wrong. Try again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Departments();\n this.spinner.hide();\n }\n });\n }\n closealert(){\n this.dismissalert=false;\n }\n GetRole(rid) {\n for (let i = 0; i < this.RoleList.length; i++) {\n if (rid == this.RoleList[i].id) {\n return this.RoleList[i].roleName;\n }\n }\n }\n}\n","
\n\n
\n
Department List \n
\n
\n
\n
\n \n Add\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Sl No \n Role \n Code \n Level 1 Department \n Created By \n Created On \n Modified By \n Modified On \n Edit \n Delete \n \n \n \n {{ 5 * (p - 1) + (i + 1) }} \n {{ GetRole(aa.roleId) }} \n {{ aa.code }} \n {{ aa.majorDepartmentName }} \n {{ aa.createdBy }} \n {{ aa.createdOn | date: \"short\" }} \n {{ aa.modifiedBy }} \n {{ aa.modifiedOn | date: \"short\" }} \n \n \n Edit\n \n \n \n \n Delete\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n \n \n \n Select Role \n \n {{ role.roleName }}\n \n \n
Level 1 Department Code: \n Level 1 Department Name: \n \n
\n \n \n \n Select Role \n \n {{ role.roleName }}\n \n \n
Level 1 Department Code: \n Level 1 Department Name: \n \n
\n \n \n
Are your sure? Do you want delete {{ DeleteName }}!! \n \n \n\n
\n
\n
\n
\n \n close \n \n \n \n {{ notify }} \n
\n
\n
","import { Component, OnInit } from '@angular/core';\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { DesignationService } from 'src/app/Shared/Designation/designation.service';\nimport { Designation } from 'src/app/ViewModels/Designation';\nimport { RoleService } from 'src/app/Shared/Role/role.service';\nimport { DepartmentService } from 'src/app/Shared/Department/department.service';\nimport * as $ from 'jquery';\nimport { AuditorTransactionService } from 'src/app/Shared/auditortransaction/auditor-transaction.service';\n\n@Component({\n selector: 'app-designation',\n templateUrl: './designation.component.html',\n styleUrls: ['./designation.component.css']\n})\nexport class DesignationComponent implements OnInit {\n closeResult: any;\n DesignationName: any;\n designationname: any;\n DesignationDesc: any;\n designationdesc: any;\n public dismissalert = false;\n notify: string;\n DesignationList: any;\n p: number = 1;\n editdesignationName: any;\n editdesc: any;\n editdesignationid: any;\n udesignationname: any;\n udesignationdesc: any;\n createdon: any;\n createdby: any;\n DeleteName: any;\n deleteid: any;\n RoleList: any = [];\n DepartmentList: any = [];\n selectedrole: any;\n selecteddepartment: any;\n editrole: any;\n editdepid: any;\n AllDepartmentList: any = [];\n uid: string;\n roleid: string;\n mobileview: boolean;\n GUID: string;\n constructor(private modalService: NgbModal,private auditortransactionservice:AuditorTransactionService\n , private spinner: NgxSpinnerService, private designationService: DesignationService,\n private roleService: RoleService, private departmentService: DepartmentService) {\n if (localStorage.getItem(\"IsLoggedIn\") == \"true\") {\n this.uid = localStorage.getItem(\"userId\");\n this.roleid = localStorage.getItem(\"role\");\n this.GUID = localStorage.getItem(\"GUID\");\n\n }\n this.isMobileMenu();\n }\n\n ngOnInit(): void {\n this.Designations();\nthis.Designationdata();\n this.Roles();\n this.Departments();\n this.DesignationName = \"\";\n this.DesignationDesc = \"\";\n }\n isMobileMenu() {\n if ($(window).width() > 991) {\n this.mobileview = false;\n }\n else {\n this.mobileview = true;\n }\n };\n\n Roles() {\n this.spinner.show();\n this.roleService.getAllRoles(this.GUID).subscribe((Data: any) => {\n this.RoleList = Data;\n this.spinner.hide();\n });\n }\n Departments() {\n this.spinner.show();\n this.departmentService.getAllDepartments(this.GUID).subscribe((Data: any) => {\n this.AllDepartmentList = Data;\n this.spinner.hide();\n });\n }\n Designationdata() {\n this.spinner.show();\n this.designationService.getDesignationsdata(this.roleid).subscribe((Data: any) => {\n this.DesignationList = Data;\n this.spinner.hide();\n });\n }\n\n onSelectedRole(id) {\n this.selectedrole = id;\n this.spinner.show();\n this.departmentService.getParticularDepart(this.selectedrole).subscribe((Data: any) => {\n this.DepartmentList = Data;\n this.spinner.hide();\n });\n }\n onSelectedDepartment(id) {\n this.selecteddepartment = id\n }\n Designations() {\n this.spinner.show();\n this.designationService.getAllDesignations(this.GUID).subscribe((Data: any) => {\n this.DesignationList = Data;\n this.spinner.hide();\n });\n }\n addDesignation(addesignation) {\n this.modalService.open(addesignation).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n EditDesignation(updatedata, updatedesignation) {\n this.editdesignationName = updatedata.designationName;\n this.editdesignationid = updatedata.id;\n this.createdon = updatedata.createdOn;\n this.createdby = updatedata.createdBy;\n this.editrole = updatedata.roleId;\n this.editdepid = updatedata.departmentId\n this.modalService.open(updatedesignation).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n deleteDesignation(deletedata, adddesignation) {\n this.DeleteName = deletedata.designationName;\n this.deleteid = deletedata.id;\n this.modalService.open(adddesignation).result.then(\n (result) => {\n this.closeResult = `Closed with: ${result}`;\n },\n (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }\n );\n }\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return \"by pressing ESC\";\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return \"by clicking on a backdrop\";\n } else {\n return `with: ${reason}`;\n }\n }\n SaveDesignation() {\n const inputRequest: Designation = {\n Id: 0,\n DesignationName: this.designationname,\n DesignationDesc: this.designationdesc,\n CreatedBy: \"\",\n CreatedOn: \"\",\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n RoleId: this.selectedrole,\n DepartmentId: this.selecteddepartment,\n UserId: this.uid,\n GUID: this.GUID\n };\n this.spinner.show();\n this.designationService.saveDesignation(inputRequest)\n .subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Designation added successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Create\",\n TransactionDesc:\"Designation master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Designations();\n } else {\n this.notify = \"Something Went Wrong. Try again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.spinner.hide();\n this.Designations();\n }\n });\n }\n\n UpdateDesignation() {\n if (this.selectedrole == null || this.selectedrole == \"\") {\n this.selectedrole = this.editrole\n }\n if (this.selecteddepartment == null || this.selecteddepartment == \"\") {\n this.selecteddepartment = this.editdepid\n }\n const inputRequest1: Designation = {\n Id: this.editdesignationid,\n DesignationName: this.editdesignationName,\n DesignationDesc: this.editdesc,\n CreatedBy: this.createdby,\n CreatedOn: this.createdon,\n ModifiedBy: \"\",\n ModifiedOn: \"\",\n DepartmentId: this.selecteddepartment,\n RoleId: this.selectedrole,\n UserId: this.uid,\n GUID: this.GUID\n\n };\n this.spinner.show();\n this.designationService\n .UpdateDesignation(inputRequest1)\n .subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Designation updated successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Update\",\n TransactionDesc:\"Designation master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Designations();\n this.spinner.hide();\n } else {\n this.notify = \"Something Went Wrong. Try again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Designations();\n this.spinner.hide();\n }\n });\n }\n DeleteDesignationRow() {\n this.spinner.show();\n this.designationService\n .deleteDesignation(this.deleteid)\n .subscribe((data: any) => {\n if (data == \"success\") {\n this.notify = \"Designation deleted successfully\";\n const audit = {\n TransactionName:\"Master\",\n TransactionType:\"Delete\",\n TransactionDesc:\"Designation master\",\n \n }\n this.auditortransactionservice.AuditorTransactionDetails(audit);\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Designations();\n this.spinner.hide();\n } else {\n this.notify = \"Something Went Wrong. Try again.!!\";\n setTimeout(() => (this.dismissalert = true), 100);\n setTimeout(\n function () {\n this.dismissalert = false;\n }.bind(this),\n 3000\n );\n this.Designations();\n this.spinner.hide();\n }\n });\n }\n closealert() {\n this.dismissalert = false;\n }\n GetDepartment(deptid) {\n for (let i = 0; i < this.AllDepartmentList.length; i++) {\n if (deptid == this.AllDepartmentList[i].id) {\n return this.AllDepartmentList[i].majorDepartmentName;\n }\n }\n }\n GetRole(rid) {\n for (let i = 0; i < this.RoleList.length; i++) {\n if (rid == this.RoleList[i].id) {\n return this.RoleList[i].roleName;\n }\n }\n }\n}\n","
\n\n\n
\n
Designation List \n
\n
\n
\n
\n \n Add\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Sl No \n Role \n Department \n Designation Name \n Created By \n Created On \n Modified By \n Modified On \n Edit \n Delete \n \n \n \n {{ 5 * (p - 1) + (i + 1) }} \n {{ GetRole(aa.roleId) }} \n {{ GetDepartment(aa.departmentId) }} \n {{ aa.designationName }} \n {{ aa.createdBy }} \n {{ aa.createdOn | date: \"short\" }} \n {{ aa.modifiedBy }} \n {{ aa.modifiedOn | date: \"short\" }} \n \n \n Edit\n \n \n \n \n Delete\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n \n \n \n Select Role \n \n {{ role.roleName }}\n \n Select Department \n \n {{ dep.majorDepartmentName }}- {{ dep.code }}\n \n \n
Designation Name: \n \n
\n \n \n \n Select Role \n \n {{ role.roleName }}\n \n Select Department \n \n {{ dep.departmentName }}\n Designation Name: \n
\n \n
\n \n \n
Are your sure? Do you want delete {{ DeleteName }}!! \n \n \n\n
\n
\n
\n
\n \n close \n \n \n \n {{ notify }}\n \n
\n
![](\"./assets/img/folder.svg\")
\r\n ![](\"assets/img/pdficon.png\"\r\n)
\r\n ![](\"assets/img/xls.png\")
\r\n ![](\"assets/img/ppticon2.png\"\r\n)
\r\n ![](\"assets/img/video.png\"\r\n)
\r\n ![](\"assets/img/docx.png\"\r\n)
\r\n ![](\"assets/img/zip.jpg\")
\r\n ![](\"assets/img/txt.png\")
\r\n ![](\"assets/img/anyf1.png\"\r\n)
\r\n ![](\"assets/img/bak.png\")
\r\n\r\n ![](\"assets/img/exe.png\")
\r\n\r\n ![](\"assets/img/html.png\")
\r\n\r\n ![](\"assets/img/bak11.png\")
\r\n\r\n ![](\"assets/img/pdf.png\")
\r\n\r\n ![](\"assets/img/video.png\")
\r\n\r\n ![](\"assets/img/Excel.png\")
\r\n\r\n ![](\"assets/img/ppt.png\")
\r\n\r\n ![](\"assets/img/nvideo.png\"\r\n)
\r\n\r\n ![](\"assets/img/word.jpg\")
\r\n\r\n ![](\"assets/img/textt.png\")
\r\n\r\n ![](\"assets/img/sql.jpg\")
\r\n ![](\"./assets/img/folder.svg\"\r\n)
\r\n ![](\"./assets/img/tick.png\")
\r\n {{ createdmsg }}\r\n \r\n ![](\"./assets/img/image.png\")
{{ file.name }}\r\n ![](\"./assets/img/xls.png\")
{{ file.name }}\r\n ![](\"./assets/img/nvideo.png\")
{{ file.name }}\r\n ![](\"./assets/img/zip.jpg\")
{{ file.name }}\r\n ![](\"./assets/img/text.png\")
{{ file.name }}\r\n ![](\"./assets/img/pdficon.png\")
{{ file.name }}\r\n ![](\"./assets/img/ppt.png\")
{{ file.name }}\r\n ![](\"./assets/img/word.jpg\")
{{ file.name }}\r\n ![\"icon\"](\"assets/img/png.png\")
\r\n ![\"icon\"](\"assets/img/zip.png\")
\r\n ![\"icon\"](\"assets/img/sql.png\")
\r\n ![\"icon\"](\"assets/img/mp4.png\")
\r\n ![](\"assets/img/pdficon.png\")
\r\n ![](\"assets/img/ppticon2.png\")
\r\n ![](\"assets/img/docx.png\")
\r\n ![\"HTML](\"./assets/search.png\")
AI Search\r\n ![\"icon\"](\"assets/img/doc.png\")
\r\n ![\"icon\"](\"assets/img/allfile.png\")
\r\n ![](\"./../../assets/img/Vector122.png\")
\n {{d.FolderName}}\n \n ![\"\"](\"./../../assets/img/request.svg\")
\n ![](\"../../../assets/img/Group)
\n ![](\"./../../assets/img/Multiselect.png\")
\n ![](\"./../../assets/img/FRICON.png\")
\n ![](\"./../../assets/img/iconfinder_531_1926279)
\n ![\"Business](\"assets/img/register.svg\")
\n ![\"IMG\"](\"../assets/img/img-01.png\")
\n ![](\"./assets/img/folder.svg\"\n)
\n ![](\"assets/img/anyf1.png\")
\n ![](\"./assets/img/Vector122.png\")
\n My Personal Files \n ![](\"./assets/img/Vector)
\n ![](\"./assets/img/uploa_files.png\")
\n ![](\"./assets/img/uploa_files.jpg\")
\n ![](\"./assets/img/uploa_files.png\"\n)
![](\"./assets/img/uploa_files.jpg\"\n)
\n ![](\"./assets/img/close)
\n ![](\"./assets/img/edit.png\")
![](\"./assets/img/date.png\")
![](\"./assets/img/IARback.svg\")
![](\"./assets/img/IARfront.svg\")
![](\"./assets/img/Choosefrom.png\")
\n ![\"\"](\"assets/img1/expand.png\")
\n ![\"\"](\"assets/img1/compres.png\")
\n\n \n ![\"\"](\"assets/img/inbox.png\")
![\"\"](\"assets/img/download.png\")
![](\"./assets/img/folder.png\")
\n ![\"\"](\"assets/images/restore.png\" "\\"Restore\\"")
\n ![\"\"](\"assets/images/permanentdel.png\" "\\"permanently")
\n ![](\"./assets/img/folder.png\"\n)
\n ![](\"./assets/img/backimage.png\" "\\"Back\\"")
\n ![](\"./assets/img/ppticon2.png\")
\n ![](\"./assets/img/docx.png\")
\n ![](\"./assets/img/txt.png\")
\n\n ![](\"/assets/img/back.png\")
\n ![](\"/assets/img/icon.png\"){kind=icon}
![\"\"](\"assets/img/blocdrivelogo1.png\")
\n ![\"\"](\"assets/img/sogala.png\")
\n ![\"\"](\"assets/img/dinesh.png\")
\n ![\"\"](\"assets/img/sid.png\")
\n ![\"\"](\"assets/img/a.png\")
\n ![\"Using](\"/assets/img/Bonlineimg1.svg\")
\n ![\"Using](\"/assets/img/Bonlineimg3.svg\")
\n ![\"Using](\"/assets/img/Bonlineimg2.svg\")
\n ![\"Using](\"/assets/img/Bonlineimg4.svg\")
\n ![\"\"](\"assets/img/welcome.svg\")
![](\"assets/img/session.jpg\")
\n ![](\"assets/img/clienttrans.jpeg\"){kind=spacer}