\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n ![](\\\"CSG)
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\"","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'app-client',\n templateUrl: './client.component.html',\n styleUrls: ['./client.component.css']\n})\nexport class ClientComponent {\n @Input() client : IClient;\n}\n","module.exports = \"ul.clients li {\\r\\n color: #000acb;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\nul.clients li.selected {\\r\\n background-color : #cccccc;\\r\\n}\\r\\n\"","module.exports = \"\\r\\n Client Code - {{client.umdncodep}}
\\r\\n- \\r\\n
- \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
- \\r\\n
- \\r\\n \\r\\n {{client.company}} - {{client.umdncodep}}\\r\\n \\r\\n \\r\\n
Version: {{version}}
\\r\\n\"","import { Component } from '@angular/core';\r\nimport { environment } from '../../../environments/environment';\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n})\r\nexport class HomeComponent {\r\n public version: string = environment.VERSION;\r\n}\r\n","module.exports = \".divRight {\\r\\n text-align: right;\\r\\n padding: .1em;\\r\\n}\\r\\n.divLeft {\\r\\n text-align: left;\\r\\n padding: .1em;\\r\\n}\\r\\n.divCenter {\\r\\n text-align: center;\\r\\n padding: .1em;\\r\\n}\\r\\n.myPanelStyle1.ui-panel .ui-panel-titlebar {\\r\\n background:red;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n.myPanelStyleTitle.ui-panel .ui-panel-titlebar .ui-panel-title {\\r\\n background:green;\\r\\n color:white;\\r\\n font-weight:bold;\\r\\n font-family: verdana;\\r\\n}\\r\\n\"","module.exports = \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Type \\r\\n Status \\r\\n Company \\r\\n Contact \\r\\n City \\r\\n State \\r\\n Modified \\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 \\r\\n \\r\\n \\r\\n {{rowData['uldstat']}} \\r\\n {{rowData['status']}} \\r\\n {{rowData['company']}} \\r\\n {{rowData['contact']}} \\r\\n {{rowData['city']}} \\r\\n {{rowData['state']}} \\r\\n {{rowData[\\\"modified\\\"] | date:'shortDate'}} \\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 Select a date for the Follow Up Field\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n\\r\\n \\r\\n Add a new Sales Note\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n\\r\\n \\r\\n Add a new CSG Note\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\"","import { Component, OnInit, Inject } from '@angular/core';\nimport { MessageService } from 'primeng/components/common/messageservice';\nimport { AuthService } from \"../../services/auth.service\";\nimport { Globals } from '../../services/globals.service';\nimport { LeadService } from '../../services/lead.service';\nimport { ILeadHeader } from '../../interfaces/leadHeader';\nimport { PhonePipe } from '../../pipes/phone.pipe'\nimport { IFollowUp } from '../../interfaces/followup'\nimport { ISalesNote } from '../../interfaces/salesNote'\nimport { ICSGNote } from '../../interfaces/CSGNote'\nimport { Router } from \"@angular/router\";\n\n@Component({\n selector: 'app-lead-grid',\n templateUrl: './lead-grid.component.html',\n styleUrls: ['./lead-grid.component.css'],\n providers: [PhonePipe]\n})\nexport class LeadGridComponent implements OnInit {\n rows: ILeadHeader[];\n rowExpanded : any;\n rowOpen: number;\n selectedLead: any;\n leadData: any;\n cols: any[];\n displayEditFollowUp: boolean = false;\n displayEditSalesNote: boolean = false;\n displayEditCSGNote: boolean = false;\n newFollowUp: Date;\n newSalesNote: string;\n newCSGNote: string;\n iconStyles = {\n 'width': this.auth.isAdministrator() ? '11em' : '3em'\n };\n\n constructor(private messageService: MessageService,\n private leadService: LeadService,\n private globals: Globals,\n public auth: AuthService,\n private router: Router,\n @Inject('BASE_URL') baseUrl: string) {\n\n leadService.getLeadHeaders()\n .subscribe(\n data => this.rows = data,\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error getting lead header', detail: err.error });\n console.log(err);\n }\n );\n }\n\n ngOnInit() {\n this.cols = [\n { field: \"uldstat\" },\n { field: \"status\" },\n { field: \"company\" },\n { field: \"contact\" },\n { field: \"city\" },\n { field: \"state\" }\n ]\n }\n\n onRowSelect(event) {\n console.log(\"Row selected\" + event.data.uguid);\n this.messageService.add ({ severity: 'info', summary: 'Lead Selected', detail: 'Uguid: ' + event.data.uguid });\n }\n\n onRowUnselect(event) {\n console.log(\"Row unselected\");\n this.messageService.add({ severity: 'success', summary: 'Lead Unselected', detail: 'Uguid: ' + event.data.uguid });\n }\n\n onRowExpand(rowe) {\n //console.log(\"row expand\");\n //console.log(rowe);\n //console.log(rowe.data.lid);\n this.leadData = [];\n this.rowExpanded = rowe.data;\n this.leadService.getLead(rowe.data.lid)\n .subscribe(\n data => this.leadData = data,\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error getting lead', detail: err.error });\n console.log(err);\n }\n );\n }\n\n showEditFollowUp() {\n if (!this.leadData.std2.stdv.std.followup) {\n this.newFollowUp = new Date();\n } else {\n this.newFollowUp = new Date(this.leadData.std2.stdv.std.followup);\n }\n\n this.displayEditFollowUp = true;\n }\n\n showEditSalesNote() {\n let header: string = \"Created by \" + this.globals.user + \", \" + new Date().toLocaleString() + \"\\n\";\n this.newSalesNote = header;\n this.displayEditSalesNote = true;\n }\n\n showEditCSGNote() {\n let header: string = \"Created by \" + this.globals.user + \", \" + new Date().toLocaleString() + \"\\n\";\n this.newCSGNote = header;\n this.displayEditCSGNote = true;\n }\n\n updateFollowUp() {\n this.displayEditFollowUp = false;\n let fu: IFollowUp = { lid: this.leadData.std2.stdv.std.lid, followUp: this.newFollowUp };\n this.leadService.updateFollowUp(fu)\n .subscribe(\n data => {\n //console.log(data);\n this.leadData.std2.stdv.std.followup = data.followUp;\n this.messageService.add({ severity: 'success', summary: 'Follow up field was updated to:', detail: new Date(data.followUp).toLocaleDateString('en-US') });\n },\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error updating follow up field', detail: err.error });\n console.log(err);\n }\n );\n }\n\n updateSalesNote() {\n this.displayEditSalesNote = false;\n let sn: ISalesNote = {\n uguid: this.leadData.std2.stdv.std.uguid,\n salesNote: this.newSalesNote,\n modifiedDate : new Date()\n };\n this.leadService.updateSalesNote(sn)\n .subscribe(\n data => {\n //console.log(data);\n this.leadData.std2.salesNotes = data.salesNote;\n this.leadData.std2.stdv.std.modified = data.modifiedDate;\n let index = this.rows.indexOf(this.rowExpanded);\n if (index > -1) {\n this.rows[index].modified = data.modifiedDate.toString();\n }\n this.messageService.add({ severity: 'success', summary: 'Sales Note was updated to:', detail: this.newSalesNote });\n },\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error updating Sales Note field', detail: err.error });\n console.log(err.message);\n }\n );\n }\n\n updateCSGNote() {\n this.displayEditCSGNote = false;\n let cn: ICSGNote = {\n lid: this.leadData.std2.stdv.std.lid,\n csgNote: this.newCSGNote,\n modifiedDate: new Date()\n };\n this.leadService.updateCSGNote(cn)\n .subscribe(\n data => {\n this.leadData.std2.stdv.std.notes = data.csgNote;\n this.leadData.std2.stdv.std.modified = data.modifiedDate;\n let index = this.rows.indexOf(this.rowExpanded);\n if (index > -1) {\n this.rows[index].modified = data.modifiedDate.toString();\n }\n this.messageService.add({ severity: 'success', summary: 'CSG Note was updated to:', detail: this.newCSGNote });\n },\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error updating CSG Note field', detail: err.error });\n console.log(err.message);\n }\n );\n }\n\n emailLead(row) {\n //console.log(row); \n this.leadService.emailSalesLead(row.lid)\n .subscribe(\n data => {\n //console.log(data);\n this.messageService.add({ severity: 'success', summary: 'Lead was emailed to Dawn', detail: data.contact + \" @ \" + data.company });\n },\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error emailing Sales Note', detail: err.error });\n console.log(err.message);\n }\n );\n }\n\n emailCSV() {\n //console.log(this.globals.cc);\n this.leadService.emailClientDatabase(this.globals.cc)\n .subscribe(\n data => {\n console.log(data);\n this.messageService.add({ severity: 'success', summary: 'Database in CSV format was emailed to Dawn', detail: data.company });\n },\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error emailing Database', detail: err.error });\n console.log(err.message);\n }\n );\n }\n\n removeLead(row) {\n //console.log(row); \n if (window.confirm('Are sure you want to delete this lead: ' + row.contact + \" - \" + row.company + \"?\")) {\n //alert(\"Delete Lid:\" + row.lid.toString());\n this.leadService.deleteLead(row.lid)\n .subscribe(\n data => {\n //console.log(data);\n let index = this.rows.indexOf(row);\n this.rows = this.rows.filter((val, i) => i != index);\n //console.log(this.rows);\n this.messageService.add({ severity: 'success', summary: 'Lead was deleted', detail: row.contact + \" @ \" + row.company });\n },\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error deleting lead', detail: err.error });\n console.log(err.message);\n }\n );\n }\n }\n\n editLead(row) {\n //console.log(row);\n this.router.navigate(['/add-edit-lead', row.lid]);\n //if (window.confirm('Are sure you want to edit this item: ' + row.contact + \" - \" + row.company + \"?\")) {\n // alert(\"Edit Lid:\" + row.lid.toString());\n // //edit logic\n //}\n }\n\n}\n","module.exports = \".login-container {\\r\\n max-width: 600px;\\r\\n padding: 40px 40px;\\r\\n background-color: #F7F7F7;\\r\\n margin: 0 auto;\\r\\n border-radius: 10px;\\r\\n border: 1px solid #eee;\\r\\n}\\r\\n\\r\\n .login-container .login-img {\\r\\n width: 96px;\\r\\n height: 96px;\\r\\n margin: 0 auto 10px;\\r\\n display: block;\\r\\n border-radius: 50%;\\r\\n }\\r\\n\\r\\n .login-container .login-title {\\r\\n margin: 15px 0;\\r\\n text-align: center;\\r\\n font-size: 1.5em;\\r\\n color: #444;\\r\\n }\\r\\n\\r\\n .login-container .login-link {\\r\\n margin-top: 10px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .login-container .login-form .form-group {\\r\\n margin-bottom: 8px;\\r\\n }\\r\\n\\r\\n .login-container .login-form .error-panel {\\r\\n color: #e74c3c;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n @media (max-width: 767px) {\\r\\n .login-container {\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\"","module.exports = \"\\r\\n\"","import { Component, Inject } from \"@angular/core\";\r\nimport { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';\r\nimport { Router } from \"@angular/router\";\r\nimport { AuthService } from '../../services/auth.service';\r\nimport { UserService } from '../../services/user.service';\r\nimport { Globals } from '../../services/globals.service';\r\n\r\n@Component({\r\n selector: \"login\",\r\n templateUrl: \"./login.component.html\",\r\n styleUrls: ['./login.component.css']\r\n})\r\n\r\nexport class LoginComponent {\r\n title: string;\r\n form: FormGroup;\r\n\r\n constructor(private router: Router,\r\n private fb: FormBuilder,\r\n private globals: Globals,\r\n private authService: AuthService,\r\n private userService: UserService,\r\n @Inject('BASE_URL') private baseUrl: string) {\r\n\r\n this.title = \"User Login\";\r\n\r\n // initialize the form\r\n this.createForm();\r\n }\r\n\r\n createForm() {\r\n this.form = this.fb.group({\r\n Username: ['', Validators.required],\r\n Password: ['', Validators.required]\r\n });\r\n }\r\n\r\n onSubmit() {\r\n var url = this.baseUrl + \"api/token/auth\";\r\n var username = this.form.value.Username;\r\n var password = this.form.value.Password;\r\n this.globals.cc = \"\";\r\n\r\n this.authService.login(username, password)\r\n .subscribe(res => {\r\n // login successful\r\n this.userService.getUser(username)\r\n .subscribe(data => {\r\n // fill some globals for later\r\n this.globals.cc = data.companyCode;\r\n this.globals.user = data.firstName + \" \" + data.lastName;\r\n this.globals.company = data.company;\r\n if (data.isAdministrator) {\r\n this.router.navigate([\"/home\"]);\r\n } else {\r\n this.router.navigate([\"/lead-grid\"]);\r\n }\r\n },\r\n error => {\r\n console.error(error);\r\n this.router.navigate([\"/home\"]);\r\n });\r\n },\r\n err => {\r\n // login failed\r\n console.log(err);\r\n this.form.setErrors({\r\n \"auth\": \"Incorrect username or password\"\r\n });\r\n });\r\n }\r\n\r\n onBack() {\r\n this.router.navigate([\"home\"]);\r\n }\r\n\r\n // retrieve a FormControl\r\n getFormControl(name: string) {\r\n return this.form.get(name);\r\n }\r\n\r\n // returns TRUE if the FormControl is valid\r\n isValid(name: string) {\r\n var e = this.getFormControl(name);\r\n return e && e.valid;\r\n }\r\n\r\n // returns TRUE if the FormControl has been changed\r\n isChanged(name: string) {\r\n var e = this.getFormControl(name);\r\n return e && (e.dirty || e.touched);\r\n }\r\n\r\n // returns TRUE if the FormControl is invalid after user changes\r\n hasError(name: string) {\r\n var e = this.getFormControl(name);\r\n return e && (e.dirty || e.touched) && !e.valid;\r\n }\r\n}\r\n","module.exports = \"\"","module.exports = \"\\r\\n
\\r\\n {{globals.company}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Company:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.company}}\\r\\n
\\r\\n \\r\\n Phone:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.phone | phoneThing }}\\r\\n
\\r\\n \\r\\n Division:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.division}}\\r\\n
\\r\\n \\r\\n Fax:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.fax | phoneThing}}\\r\\n
\\r\\n \\r\\n Contact:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.contact}}\\r\\n
\\r\\n \\r\\n Mobile:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.mobile | phoneThing}}\\r\\n
\\r\\n \\r\\n Title:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.title}}\\r\\n
\\r\\n \\r\\n Email:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.email}}\\r\\n
\\r\\n \\r\\n Address:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.address1}}\\r\\n
\\r\\n \\r\\n Web:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.web}}\\r\\n
\\r\\n \\r\\n Address:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.address2}}\\r\\n
\\r\\n \\r\\n Type:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.uldstat}}\\r\\n
\\r\\n \\r\\n Suite:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.usuite}}\\r\\n
\\r\\n \\r\\n Status:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.status}}\\r\\n
\\r\\n \\r\\n City:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.city}}\\r\\n
\\r\\n \\r\\n Source:\\r\\n
\\r\\n \\r\\n {{leadData.std2.source}}\\r\\n
\\r\\n \\r\\n State:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.state}}\\r\\n
\\r\\n \\r\\n Posted:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.uwhen | date:'shortDate'}}\\r\\n
\\r\\n \\r\\n Zip:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.zip}}\\r\\n
\\r\\n \\r\\n Modified:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.modified | date:'shortDate'}}\\r\\n
\\r\\n \\r\\n Country:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.country}}\\r\\n
\\r\\n \\r\\n \\r\\n Follow Up:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.followup| date:'shortDate'}}\\r\\n
\\r\\n \\r\\n Parent:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.uparent}}\\r\\n
\\r\\n \\r\\n Employees:\\r\\n
\\r\\n \\r\\n {{leadData.employees}}\\r\\n
\\r\\n \\r\\n Application:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.ucurrentap}}\\r\\n
\\r\\n \\r\\n Product:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.uproduct}}\\r\\n
\\r\\n \\r\\n Timing:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.ubuywhen}}\\r\\n
\\r\\n \\r\\n SIC:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.usic}}\\r\\n
\\r\\n \\r\\n Industry:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.uindustry}}\\r\\n
\\r\\n \\r\\n NAICS:\\r\\n
\\r\\n \\r\\n {{leadData.std2.stdv.std.unaics}}\\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 \\r\\n
\\r\\n \\r\\n Total number of leads: {{rows? rows.length : 0}}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\n mdnusers-list works!\\n
\\n\"","import { Component, OnInit, Inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\n\n@Component({\n selector: 'app-mdnusers-list',\n templateUrl: './mdnusers-list.component.html',\n styleUrls: ['./mdnusers-list.component.css']\n})\nexport class MdnusersListComponent implements OnInit {\n selectedUser: IMDNUser;\n users: IMDNUser[];\n\n constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {\n var url = baseUrl + 'api/clients';\n\n http.get\\r\\n
\\r\\n\"","import { Component } from '@angular/core';\r\nimport { AuthService } from \"../../services/auth.service\";\r\nimport {Router} from \"@angular/router\";\r\n\r\n@Component({\r\n selector: 'app-nav-menu',\r\n templateUrl: './nav-menu.component.html',\r\n styleUrls: ['./nav-menu.component.css']\r\n})\r\nexport class NavMenuComponent {\r\n isExpanded = false;\r\n constructor(\r\n public auth: AuthService,\r\n public router: Router\r\n )\r\n {\r\n }\r\n\r\n collapse() {\r\n this.isExpanded = false;\r\n }\r\n\r\n toggle() {\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n logout(): boolean {\r\n if (this.auth.logout()) {\r\n this.router.navigate([\"/login\"]);\r\n }\r\n return false;\r\n }\r\n}\r\n","module.exports = \".login-container {\\r\\n max-width: 600px;\\r\\n padding: 40px 40px;\\r\\n background-color: #F7F7F7;\\r\\n margin: 0 auto;\\r\\n border-radius: 10px;\\r\\n border: 1px solid #eee;\\r\\n}\\r\\n\\r\\n .login-container .login-img {\\r\\n width: 96px;\\r\\n height: 96px;\\r\\n margin: 0 auto 10px;\\r\\n display: block;\\r\\n border-radius: 50%;\\r\\n }\\r\\n\\r\\n .login-container .login-title {\\r\\n margin: 15px 0;\\r\\n text-align: center;\\r\\n font-size: 1.5em;\\r\\n color: #444;\\r\\n }\\r\\n\\r\\n .login-container .login-forgot-password {\\r\\n margin-top: 10px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .login-container .login-form .form-group {\\r\\n margin-bottom: 8px;\\r\\n }\\r\\n\\r\\n .login-container .login-form .error-panel {\\r\\n color: #e74c3c;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n @media (max-width: 767px) {\\r\\n .login-container {\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\"","module.exports = \"\\r\\n ![](\\\"//ssl.gstatic.com/accounts/ui/avatar_2x.png\\\")
\\r\\n
\\r\\n\"","import { Component, Inject } from \"@angular/core\";\r\nimport { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';\r\nimport { Router } from \"@angular/router\";\r\nimport { UserService } from \"../../services/user.service\"\r\nimport { IUser } from \"../../interfaces/User\";\r\n\r\n@Component({\r\n selector: \"register\",\r\n templateUrl: \"./register.component.html\",\r\n styleUrls: ['./register.component.css']\r\n})\r\n\r\nexport class RegisterComponent {\r\n title: string;\r\n form: FormGroup;\r\n data: any;\r\n\r\n constructor(private router: Router,\r\n private fb: FormBuilder,\r\n private userService: UserService\r\n )\r\n {\r\n this.title = \"New User Registration\";\r\n // initialize the form\r\n this.createForm();\r\n }\r\n\r\n createForm() {\r\n this.form = this.fb.group({\r\n Username: ['', Validators.required],\r\n Email: ['',\r\n [Validators.required,\r\n Validators.email]\r\n ],\r\n IsAdministrator: Boolean [\"false\"],\r\n Password: ['', Validators.required],\r\n PasswordConfirm: ['', Validators.required],\r\n FirstName: ['', Validators.required],\r\n LastName: ['', Validators.required],\r\n Title: [''],\r\n Company: ['', Validators.required],\r\n CompanyCode: ['', Validators.required],\r\n Web: [''],\r\n }, {\r\n validator: this.passwordConfirmValidator\r\n });\r\n }\r\n\r\n onSubmit() {\r\n // build a temporary user object from form values\r\n var tempUser = \\r\\n {{title}}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{col.header}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{rowData[col.field]}}\\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
\\r\\n\"","import { Component, OnInit, Inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { Message } from 'primeng/api';\nimport { InputTextModule } from 'primeng/components/inputtext/inputtext';\nimport { CheckboxModule } from 'primeng/checkbox';\nimport { MessageService } from 'primeng/api';\nimport { UserService } from '../../services/user.service';\nimport { Router } from \"@angular/router\";\nimport { IUser } from \"../../interfaces/User\";\n\n@Component({\n selector: 'app-show-user',\n templateUrl: './show-user.component.html',\n styleUrls: ['./show-user.component.css'],\n providers: [MessageService]\n})\nexport class ShowUserComponent implements OnInit {\n rows: any[];\n cc: string = \"\";\n cols: any[];\n selectedUser: any;\n msgs: Message[] = [];\n displayDialog: boolean = false;\n data: IUser[];\n errorMsg: any;\n user: IUser = {};\n\n constructor(private messageService: MessageService,\n private router: Router,\n private userService: UserService,\n http: HttpClient) {\n\n userService.getUsers()\n .subscribe(\n data => this.rows = data,\n err => {\n this.messageService.add({ severity: 'error', summary: 'Error getting users', detail: err });\n console.error(err);\n this.errorMsg = \\r\\n List of Users\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Selected User: {{selectedUser ? selectedUser.userName + ' - ' + selectedUser.lastName + ' - ' + selectedUser.company + ' - ' + selectedUser.email: 'none'}}\\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
\\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
\\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
\\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
\\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