/authentication/logout from triggering a logout\n this.setState({ isReady: true, message: \"The logout was not initiated from within the page.\" });\n }\n break;\n case LogoutActions.LogoutCallback:\n this.processLogoutCallback();\n break;\n case LogoutActions.LoggedOut:\n this.setState({ isReady: true, message: \"You successfully logged out!\" });\n this.navigateToLogin();\n break;\n default:\n throw new Error(`Invalid action '${action}'`);\n }\n\n this.populateAuthenticationState();\n }\n\n render() {\n const { isReady, message } = this.state;\n if (!isReady) {\n return
\n }\n if (!!message) {\n return ({message}
);\n } else {\n const action = this.props.action;\n switch (action) {\n case LogoutActions.Logout:\n return (Processing logout
);\n case LogoutActions.LogoutCallback:\n return (Processing logout callback
);\n case LogoutActions.LoggedOut:\n return ({message}
);\n default:\n throw new Error(`Invalid action '${action}'`);\n }\n }\n }\n\n async logout(returnUrl) {\n const state = { returnUrl };\n const isauthenticated = await authService.isAuthenticated();\n if (isauthenticated) {\n const result = await authService.signOut(state);\n switch (result.status) {\n case AuthenticationResultStatus.Redirect:\n break;\n case AuthenticationResultStatus.Success:\n await this.navigateToReturnUrl(returnUrl);\n break;\n case AuthenticationResultStatus.Fail:\n this.setState({ message: result.message });\n break;\n default:\n throw new Error(\"Invalid authentication result status.\");\n }\n } else {\n this.setState({ message: \"You successfully logged out!\" });\n this.navigateToLogin();\n }\n }\n\n async processLogoutCallback() {\n const url = window.location.href;\n const result = await authService.completeSignOut(url);\n switch (result.status) {\n case AuthenticationResultStatus.Redirect:\n // There should not be any redirects as the only time completeAuthentication finishes\n // is when we are doing a redirect sign in flow.\n throw new Error('Should not redirect.');\n case AuthenticationResultStatus.Success:\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\n break;\n case AuthenticationResultStatus.Fail:\n this.setState({ message: result.message });\n break;\n default:\n throw new Error(\"Invalid authentication result status.\");\n }\n }\n\n async populateAuthenticationState() {\n const authenticated = await authService.isAuthenticated();\n this.setState({ isReady: true, authenticated });\n }\n\n getReturnUrl(state) {\n const params = new URLSearchParams(window.location.search);\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\n // This is an extra check to prevent open redirects.\n throw new Error(\"Invalid return url. The return url needs to have the same origin as the current page.\")\n }\n return (state && state.returnUrl) ||\n fromQuery ||\n `${window.location.origin}${ApplicationPaths.Login}`;\n }\n\n navigateToReturnUrl(returnUrl) {\n return window.location.replace(returnUrl);\n }\n\n navigateToLogin() {\n return window.location.replace('/authentication/login');\r\n }\n}\n","import React, { Component, Fragment } from 'react';\nimport { Route } from 'react-router';\nimport { Login } from './Login'\nimport { Logout } from './Logout'\nimport { ApplicationPaths, LoginActions, LogoutActions } from './ApiAuthorizationConstants';\n\nexport default class ApiAuthorizationRoutes extends Component {\n\n render () {\n return(\n \n loginAction(LoginActions.Login)} />\n loginAction(LoginActions.LoginFailed)} />\n loginAction(LoginActions.LoginCallback)} />\n loginAction(LoginActions.Profile)} />\n loginAction(LoginActions.Register)} />\n logoutAction(LogoutActions.Logout)} />\n logoutAction(LogoutActions.LogoutCallback)} />\n logoutAction(LogoutActions.LoggedOut)} />\n );\n }\n}\n\nfunction loginAction(name){\n return (\n
\n \n Roles \n \n this.props.history.push('/admin/roles/create')}\n style={{ whiteSpace: 'nowrap' }}\n >\n + Add\n \n \n
\n \n \n \n \n \n Id\n this.handleSort('id')}\n className='sort-button'\n />\n \n \n Name\n this.handleSort('name')}\n className='sort-button'\n />\n \n \n \n \n {this.state.roles.map((role, i) => {\n return (\n this.handleRowClick(role.id)}\n >\n {role.id} \n {role.name} \n \n )\n })}\n \n
\n \n
\n \n
\n
\n \n Create Role \n \n
\n \n this.setState({ roleName: e.target.value })}\n name='roleName'\n id='roleName'\n placeholder='Role Name'\n />\n \n this.createRole()}\n >\n Create\n \n \n
\n \n \n Role added successfully!\n \n )} \n {this.state.success === false && (\n \n Error adding role!\n \n )}\n \n
\n \n
\n \n \n Not Allowed \n \n
\n \n You do not have permission to access this page. \n \n
\n \n this.props.history.push('/')}\n >\n Go Home\n \n \n
\n \n
\n )\n }\n}","import Session from \"../auth/Session\";\n\nconst AccountFunctions = {\n getAccountAsync: async function (name) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/GetAccount`, {\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n getAccountsAsync: async function () {\n const token = Session.getToken();\n const response = await fetch(`api/Account/GetAccounts`, {\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n getAccountById: async function (id) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/GetAccountByIdAsync`, {\n method: \"POST\",\n body: JSON.stringify({ \"id\" : id }),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n getInvoicesAsync: async function () {\n const token = Session.getToken();\n const response = await fetch(`api/Account/GetInvoices`, {\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n getInvoiceAsync: async function (invoiceNo) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/GetInvoice?invoiceNo=${invoiceNo}`, {\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n postAccountUploadAsync: async function (fileData) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/UploadAccountFile`, {\n method: \"POST\",\n body: fileData,\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n postAccountCreditCardAsync: async function (fileData) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/AccountCreditCard`, {\n method: \"POST\",\n body: fileData,\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n postAccountUpdateAsync: async function (accountData) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/RequestAccountUpdate`, {\n method: \"POST\",\n body: JSON.stringify(accountData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n postCustomerSupportRequestAsync: async function (formData) {\n const token = Session.getToken();\n const response = await fetch(`api/Account/CustomerSupportRequest`, {\n method: \"POST\",\n body: JSON.stringify(formData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n\n}\n\nexport default AccountFunctions;","\nconst utilities = {\n dimensions: {\n XL: 1200,\n LG: 992,\n MD: 768,\n SM: 576,\n },\n getScreenWidth: function() {\n const width = window.innerWidth;\n if (width < this.dimensions.SM) {\n return 'xs';\n } else if (width >= this.dimensions.SM && width < this.dimensions.MD) {\n return 'sm';\n } else if (width >= this.dimensions.MD && width < this.dimensions.LG) {\n return 'md';\n } else if (width >= this.dimensions.LG && width < this.dimensions.XL) {\n return 'lg';\n } else {\n return 'xl';\n }\n } \n}\n\nexport default utilities;","import React, { Component } from 'react';\nimport Session from '../auth/Session';\nimport AuthFunctions from '../services/AuthService';\nimport { Container, Row, Col, Input, Table, Button } from 'reactstrap';\nimport { Typeahead } from 'react-bootstrap-typeahead';\nimport AdminFunctions from './AdminFunctions';\nimport AccountFunctions from '../services/AccountService';\nimport utilities from '../util/utilities';\nimport { FaSort, FaEdit } from 'react-icons/fa'\nimport '../layout/site.css';\n\nexport class Users extends Component {\n static displayName = Users.name;\n\n constructor(props) {\n super(props);\n\n this.state = {\n users: [],\n search: '',\n ticNo: '',\n clientOptions: [],\n client: null,\n height: 0,\n width: 0,\n sort: {\n column: null,\n direction: 'desc'\n },\n };\n\n window.addEventListener('resize', this.setWindowDimensions); \n this.checkAuthenticated();\n }\n\n async checkAuthenticated() {\n var isAuthenticated = await AuthFunctions.getAuthenticatedAsync();\n if (!isAuthenticated) {\n this.props.history.push('/login');\n }\n }\n\n async componentDidMount() {\n document.getElementsByTagName('html')[0].className = \"\";\n\n const isAdmin = AdminFunctions.isAdminAsync();\n const role = await AdminFunctions.getRoleNameAsync();\n\n console.log('Role: ' + role);\n\n if (role != null && role.length != 0) {\n this.setState({ userRole: role[0] });\n }\n\n if (!isAdmin && role != \"Client Quality Administrator\") {\n this.props.history.push('/accessdenied');\n }\n\n this.setWindowDimensions();\n this.getClientDropdown();\n this.getUsers();\n }\n\n render() {\n return (\n \n
\n \n Users \n \n
\n \n {this.state.userRole == 'TIC-MS Administrator' &&\n this.setState({ ticNo: e.target.value })}\n name='ticNo'\n id='ticNo'\n placeholder='TIC #'\n style={this.state.width < utilities.dimensions.LG ? { marginBottom: '20px' } : {}}\n />\n\n {/* this.setState({ client: selected })}*/}\n {/* selected={this.state.client}*/}\n {/* options={this.state.clientOptions}*/}\n {/* placeholder='Client'*/}\n {/* style={ this.state.width < utilities.dimensions.MD ? { marginBottom: '20px' } : {}}*/}\n {/* />*/}\n \n }\n this.setState({ search: e.target.value })}\n name='search'\n id='search'\n placeholder='Search' \n style={ this.state.width < utilities.dimensions.LG ? { marginBottom: '20px' } : {}}\n />\n \n this.searchUsers()}\n >\n Search\n \n \n this.props.history.push({ pathname: '/admin/users/details', state: { existingUser: false }})}\n style={{ whiteSpace: 'nowrap' }}\n >\n New User\n \n \n
\n \n \n \n \n {/**/}\n {/* First Name*/}\n {/* this.handleSort('firstName')}*/}\n {/* className='sort-button'*/}\n {/* />*/}\n {/* */}\n \n TIC #\n this.handleSort('ticNo')}\n className='sort-button'\n />\n \n \n Name\n this.handleSort('lastName')}\n className='sort-button'\n />\n \n \n Active\n this.handleSort('active')}\n className='sort-button'\n />\n \n \n User Level\n this.handleSort('userLevel')}\n className='sort-button'\n />\n \n \n Email\n this.handleSort('email')}\n className='sort-button'\n />\n \n \n Mobile Phone\n this.handleSort('mobilePhone')}\n className='sort-button'\n />\n \n \n Direct Line\n this.handleSort('homePhone')}\n className='sort-button'\n />\n \n Edit \n \n \n \n {this.state.users.map((user, i) => {\n return (\n \n {user.ticNo} \n {user.firstName} {user.lastName} \n \n \n {user.userLevel} \n {user.email} \n {user.mobilePhone} \n {user.homePhone} \n \n this.handleRowClick(user.id)}\n />\n \n \n )\n })}\n \n
\n \n
\n \n
\n
\n \n Clients \n \n
\n \n this.setState({ search: e.target.value })}\n name='search'\n id='search'\n placeholder='Search'\n style={ this.state.width < utilities.dimensions.LG ? { marginBottom: '20px' } : {}}\n />\n \n this.searchClients()}\n >\n Search\n \n \n this.props.history.push('/admin/clients/create')}\n >\n + Add\n \n \n
\n \n \n \n \n \n Id \n this.handleSort('id')}\n className='sort-button'\n /> \n \n \n Name\n this.handleSort('name')}\n className='sort-button'\n />\n \n \n \n \n {this.state.clients.map((client, i) => {\n return (\n this.handleRowClick(client.id)}\n >\n {client.id} \n {client.name} \n \n )\n })}\n \n
\n \n
\n \n
\n \n \n \n {this.props.children}\n
\n \n \n \n )\n }\n}","import React, { Component } from 'react';\nimport { Container, Row, Col, Input, Table, Button, Collapse, Alert } from 'reactstrap';\nimport { Typeahead } from 'react-bootstrap-typeahead';\nimport { RowItem } from '../layout/RowItem';\nimport authService from '../api-authorization/AuthorizeService';\nimport AdminFunctions from './AdminFunctions';\nimport '../layout/site.css';\n\nexport class RoleDetails extends Component {\n static displayName = RoleDetails.name;\n\n constructor(props) {\n super(props);\n\n this.state = {\n adminRoleId: '',\n roleId: '',\n roleName:'',\n addPool: [],\n removePool: [],\n addUser: null,\n removeUser: null,\n showAddSection: false,\n showRemoveSection: false,\n success: undefined\n };\n\n }\n\n async componentDidMount() { \n const isAdmin = await AdminFunctions.isAdminAsync();\n const adminRoleId = await AdminFunctions.getRoleIdByName('Admin');\n this.setState({ adminRoleId: adminRoleId });\n if(!isAdmin) {\n this.props.history.push('/accessdenied');\n }\n else {\n if(this.props.location.state !== undefined) {\n if(this.props.location.state.existingRole) {\n const roleId = this.props.location.state.roleId;\n this.setState({ roleId: roleId })\n this.getRoleDetails(roleId);\n } \n }\n else {\n this.props.history.push('/admin/roles/create');\n }\n } \n }\n\n render() {\n return (\n \n
\n \n Role Details \n \n Role Id: {this.state.roleId} \n \n this.setState({ showAddSection: !this.state.showAddSection })}\n disabled={!this.state.addPool.length > 0 ? true : false}\n className='btn-20-right'\n >\n {!this.state.showAddSection ? 'Add Users' : 'Hide'}\n \n \n this.setState({ showRemoveSection: !this.state.showRemoveSection })}\n disabled={!this.state.removePool.length > 0 ? true : false}\n >\n {!this.state.showRemoveSection ? 'Remove Users' : 'Hide'}\n \n \n \n \n Edit Role Name \n \n this.setState({ roleName: e.target.value })}\n disabled={this.state.roleId === this.state.AdminRoleId ? true : false}\n />\n \n this.renameRole()}\n disabled={this.state.roleId === this.state.AdminRoleId ? true : false}\n >\n Save\n \n \n \n \n \n this.setState({ showAddSection: !this.state.showAddSection })}\n className='btn-float-right'\n />\n \n Add Users to Role \n \n this.setState({ addUser: selected })}\n selected={this.state.addUser}\n labelKey='name'\n options={this.state.addPool}\n placeholder='Search'\n />\n \n this.addUserToRole()}\n disabled={!this.state.addUser ? true : false }\n >\n Add\n \n \n \n \n \n \n this.setState({ showRemoveSection: !this.state.showRemoveSection })}\n className='btn-float-right'\n />\n \n Remove Users from Role \n \n this.setState({ removeUser: selected })}\n selected={this.state.removeUser}\n labelKey='name'\n options={this.state.removePool}\n placeholder='Search'\n />\n \n this.removeUserFromRole()}\n disabled={!this.state.removeUser ? true : false }\n >\n Remove\n \n \n \n \n {this.state.removePool.length > 0 && (\n \n Users in Role \n \n \n \n \n Id \n Name \n \n \n \n {this.state.removePool.map((ra, i) => {\n return (\n \n {ra.id} \n {ra.name} \n \n )\n })}\n \n
\n \n \n )}\n \n \n Success!\n \n )}\n {this.state.success === false && (\n \n Error!\n \n )}\n \n
\n \n
\n
\n \n User Details \n \n
\n \n this.setState({ ticNo: e.target.value })}\n name='ticNo'\n id='ticNo'\n readOnly={this.state.userRole != 'TIC-MS Administrator'}\n placeholder='TIC #'\n style={{ display: this.state.userRole != 'TIC-MS Administrator' ? 'none' : '' }}\n />\n \n
\n \n this.setState({ userLevel: selected })}\n selected={this.state.userLevel}\n readOnly={this.state.userRole != \"TIC-MS Administrator\" && this.state.userRole != \"Client Quality Administrator\"}\n options={this.state.userRole == \"TIC-MS Administrator\" ? this.state.userLevels : this.state.clientLevels}\n placeholder='User Level'\n />\n \n this.setState({ active: e.target.checked })}\n checked={!!this.state.active}\n name='active'\n />\n Active \n \n
\n \n this.setState({ firstName: e.target.value })}\n name='firstName'\n id='firstName'\n placeholder='First Name'\n />\n \n
\n \n this.setState({ lastName: e.target.value })}\n name='lastName'\n id='lastName'\n placeholder='Last Name'\n />\n \n
\n \n this.setState({ email: e.target.value })}\n name='email'\n id='email'\n placeholder='Email'\n />\n \n
\n \n this.setState({ mobilePhone: e.target.value })}\n name='mobilePhone'\n id='mobilePhone'\n placeholder='Mobile Phone'\n />\n \n
\n \n this.setState({ homePhone: e.target.value })}\n name='homePhone'\n id='homePhone'\n placeholder='Direct Line'\n />\n \n
\n \n this.setState({ address1: e.target.value })}\n name='address1'\n id='address1'\n placeholder='Address 1'\n />\n \n
\n \n this.setState({ address2: e.target.value })}\n name='address2'\n id='address2'\n placeholder='Address 2'\n />\n \n
\n \n this.setState({ city: e.target.value })}\n name='city'\n id='city'\n placeholder='City'\n />\n \n
\n \n this.setState({ state: e.target.value })}\n name='state'\n id='state'\n placeholder='State'\n />\n \n this.setState({ zip: e.target.value })}\n name='zip'\n id='zip'\n placeholder='Zip'\n />\n \n
\n {(this.state.userId !== null && (this.state.userRole == 'TIC-MS Administrator' || this.state.userRole == 'Client Quality Administrator')) &&\n \n this.handleResetPassword()}\n >\n Send Password Reset Email\n \n \n
\n }\n \n this.props.history.push('/admin/users')}\n >\n Back to Users\n \n \n this.handleSave()}\n >\n Save\n \n }\n \n
\n \n \n {this.state.message}\n \n )}\n {this.state.success === false && (\n \n {this.state.message}\n \n )}\n \n
\n \n
\n
\n \n Create Client \n \n
\n \n this.setState({ clientName: e.target.value })}\n name='clientName'\n id='clientName'\n placeholder='Name'\n />\n \n this.createClient()}\n >\n Create\n \n \n
\n \n \n Client added successfully!\n \n )} \n {this.state.success === false && (\n \n Error adding Client!\n \n )}\n \n
\n \n
\n
\n \n Client Details \n \n Client Id: {this.state.clientId} \n \n \n \n Edit Client Name \n \n this.setState({ clientName: e.target.value })}\n name='clientName'\n id='clientName'\n placeholder='Name'\n />\n \n this.editClient()} \n >\n Save\n \n \n \n \n \n Client saved successfully!\n \n )} \n {this.state.success === false && (\n \n Error saving Client!\n \n )}\n \n
\n \n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport AdminFunctions from '../admin/AdminFunctions';\r\nimport AccountFunctions from '../services/AccountService';\r\nimport { Container, Row, Col, Input, Button } from 'reactstrap';\r\nimport '../layout/site.css';\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport AuthFunctions from '../services/AuthService';\r\n\r\nexport class AccountDetails extends Component {\r\n static displayName = AccountDetails.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n stateList: [],\r\n client: null,\r\n Account: { notes: [] },\r\n OriginalAccount: { notes: [] },\r\n Modified: {},\r\n Accounts: [],\r\n sites: [],\r\n isAdmin: false,\r\n height: 0,\r\n width: 0,\r\n sort: {\r\n column: null,\r\n direction: 'desc'\r\n },\r\n showToast: false,\r\n loading: false,\r\n noResults: false,\r\n currentPage: 1,\r\n itemsPerPage: 100,\r\n numberOfPages: 0,\r\n districtDefault: {},\r\n shippingSame: false,\r\n showToast: false,\r\n creditCard: false,\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleCreditCardChange = this.handleCreditCardChange.bind(this);\r\n this.handleAddressChange = this.handleAddressChange.bind(this);\r\n this.handlePageSizeChange = this.handlePageSizeChange.bind(this);\r\n this.requestEmail = this.requestEmail.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.formChanged = this.formChanged.bind(this);\r\n this.valueChanged = this.valueChanged.bind(this);\r\n\r\n window.addEventListener('resize', this.setWindowDimensions);\r\n //document.getElementsByTagName('html')[0].className = \"background-ring\";\r\n this.checkAuthenticated();\r\n }\r\n\r\n async checkAuthenticated() {\r\n var isAuthenticated = await AuthFunctions.getAuthenticatedAsync();\r\n if (!isAuthenticated) {\r\n this.props.history.push('/login');\r\n }\r\n }\r\n\r\n valueChanged(field, value) {\r\n var account = this.state.Account;\r\n var modified = this.state.Modified;\r\n account[field] = value;\r\n modified[field] = (value !== this.state.OriginalAccount[field]);\r\n this.setState({ Account: account, Modified: modified });\r\n this.formChanged();\r\n }\r\n\r\n formChanged() {\r\n return JSON.stringify(this.state.Account) !== JSON.stringify(this.state.OriginalAccount);\r\n }\r\n\r\n handleClose() {\r\n this.setState({ showToast: false });\r\n }\r\n\r\n async handleCreditCardChange() {\r\n var useCC = !this.state.creditCard;\r\n\r\n this.setState({ creditCard: useCC });\r\n\r\n if (useCC) {\r\n const formData = new FormData();\r\n\r\n formData.append('CreditCard', useCC);\r\n\r\n var response = await AccountFunctions.postAccountCreditCardAsync(formData);\r\n\r\n if (response != null) {\r\n this.setState({ modalTitle: 'Email Sent!' });\r\n this.setState({ modalBody: (Thank you for contacting TICMS , your request for CC payment has been sent for our review!
) });\r\n\r\n this.setState({ showToast: true });\r\n }\r\n\r\n }\r\n }\r\n\r\n async requestEmail() {\r\n if (this.formChanged()) {\r\n var dto = {\r\n updated: this.state.Account,\r\n original: this.state.OriginalAccount\r\n };\r\n\r\n var response = await AccountFunctions.postAccountUpdateAsync(dto);\r\n\r\n if (response != null) {\r\n this.setState({ modalTitle: 'Email Sent!' });\r\n this.setState({ modalBody: (Thank you for providing TICMS with your customer account update.The TICMS team will take care of this for you.
) });\r\n this.setState({ showToast: true });\r\n }\r\n } else {\r\n this.setState({ modalTitle: 'No Changes!' });\r\n this.setState({ modalBody: 'No changes were detected. If you wish to submit a request for an update, please modify your Account information and try again.' });\r\n this.setState({ showToast: true });\r\n }\r\n };\r\n\r\n async handleSubmission(fileData) {\r\n const formData = new FormData();\r\n\r\n formData.append('File', fileData);\r\n formData.append('CreditCard', this.state.creditCard);\r\n formData.append('PONo', this.state.Account.billToPO);\r\n\r\n var response = await AccountFunctions.postAccountUploadAsync(formData);\r\n\r\n if (response != null) {\r\n this.setState({ modalTitle: 'Email Sent!' });\r\n this.setState({ modalBody: (Thank you for contacting TICMS , your file has been sent for our review!
) });\r\n\r\n this.setState({ showToast: true });\r\n }\r\n };\r\n\r\n handleClick(event) {\r\n let id = Number(event.target.id);\r\n\r\n if (id === 0) {\r\n this.setState({\r\n currentPage: 1\r\n });\r\n } else if (id === -1) {\r\n this.setState({\r\n currentPage: Math.ceil(this.state.sites.length / this.state.itemsPerPage)\r\n });\r\n } else {\r\n this.setState({\r\n currentPage: Number(event.target.id)\r\n });\r\n }\r\n }\r\n\r\n handleAddressChange(event) {\r\n if (event.target.checked) {\r\n var tempCompany = this.state.Account;\r\n tempCompany.shipToAddress1 = tempCompany.customerAddress1;\r\n tempCompany.shipToAddress2 = tempCompany.customerAddress2;\r\n tempCompany.shipToCity = tempCompany.customerCity;\r\n tempCompany.shipToState = tempCompany.customerState;\r\n tempCompany.shipToZip = tempCompany.customerZip;\r\n\r\n this.setState({ Account: tempCompany });\r\n }\r\n\r\n this.setState({ shippingSame: event.target.checked });\r\n }\r\n\r\n handleChange(event) {\r\n this.setState({ currentPage: Number(event.target.value) });\r\n }\r\n\r\n handlePageSizeChange(event) {\r\n let pageSize = Number(event.target.value);\r\n this.setState({ itemsPerPage: pageSize });\r\n if (this.state.currentPage > Math.ceil(this.state.sites.length / pageSize)) {\r\n this.setState({ currentPage: Math.ceil(this.state.sites.length / pageSize) })\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n document.getElementsByTagName('html')[0].className = \"\";\r\n\r\n this.setWindowDimensions();\r\n const isAdmin = await AdminFunctions.isAdminAsync();\r\n this.setState({ isAdmin: isAdmin });\r\n if (isAdmin) {\r\n\r\n }\r\n else {\r\n }\r\n\r\n this.getAccountData();\r\n }\r\n\r\n async getAccountData() {\r\n var account = await AccountFunctions.getAccountAsync();\r\n\r\n if (account.success == true) {\r\n if (account.data != null) {\r\n var data = account.data;\r\n if (data.customerAddress1 === data.shipToAddress1 && data.customerAddress2 == data.shipToAddress2 && data.customerCity === data.shipToCity && data.customerState === data.shipToState && data.customerZip === data.shipToZip) {\r\n this.setState({ shippingSame: true });\r\n data.shippingSame = true;\r\n } else {\r\n this.setState({ shippingSame: false });\r\n data.shippingSame = false;\r\n }\r\n var original = JSON.parse(JSON.stringify(data));\r\n\r\n this.setState({ Account: data, OriginalAccount: original });\r\n }\r\n }\r\n }\r\n\r\n setWindowDimensions = () => {\r\n this.setState({\r\n height: window.innerHeight,\r\n width: window.innerWidth\r\n });\r\n };\r\n\r\n render() {\r\n //Put in logic here! \r\n\r\n return (\r\n \r\n
\r\n \r\n Account Information \r\n \r\n
\r\n \r\n Company Information \r\n \r\n Customer Courier Information \r\n \r\n
\r\n \r\n {\r\n this.valueChanged('customerName', e.target.value);\r\n }}\r\n className={this.state.Modified.customerName ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='CustomerNameC'\r\n id='CustomerNameC'\r\n placeholder='Customer Name'\r\n value={this.state.Account.customerName}\r\n />\r\n {\r\n this.valueChanged('customerAddress1', e.target.value);\r\n }}\r\n className={this.state.Modified.customerAddress1 ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Address1C'\r\n id='Address1C'\r\n placeholder='Address 1'\r\n value={this.state.Account.customerAddress1}\r\n />\r\n {\r\n this.valueChanged('customerAddress2', e.target.value);\r\n }}\r\n className={this.state.Modified.customerAddress2 ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Address2C'\r\n id='Address2C'\r\n placeholder='Address 2'\r\n value={this.state.Account.customerAddress2}\r\n />\r\n {\r\n this.valueChanged('customerCity', e.target.value);\r\n }}\r\n className={this.state.Modified.customerCity ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='CityC'\r\n id='CityC'\r\n placeholder='City'\r\n value={this.state.Account.customerCity}\r\n />\r\n \r\n {\r\n this.valueChanged('customerState', e.target.value);\r\n }}\r\n className={this.state.Modified.customerState ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='StateC'\r\n maxLength={2}\r\n id='StateC'\r\n placeholder='State'\r\n value={this.state.Account.customerState}\r\n />\r\n \r\n {\r\n this.valueChanged('customerZip', e.target.value);\r\n }}\r\n className={this.state.Modified.customerZip ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Zipc'\r\n id='ZipC'\r\n placeholder='Zip'\r\n value={this.state.Account.customerZip}\r\n />\r\n \r\n
\r\n \r\n Shipping Address \r\n \r\n this.handleAddressChange(e)}\r\n placeholder='ShippingSame'\r\n value={this.state.shippingSame}\r\n /> Same as Company Information \r\n \r\n
\r\n {\r\n this.valueChanged('shipToAddress1', e.target.value);\r\n }}\r\n className={this.state.Modified.shipToAddress1 ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Address1S'\r\n id='Address1S'\r\n placeholder='Address 1'\r\n readOnly={this.state.shippingSame}\r\n value={this.state.Account.shipToAddress1}\r\n />\r\n {\r\n this.valueChanged('shipToAddress2', e.target.value);\r\n }}\r\n className={this.state.Modified.shipToAddress2 ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Address2S'\r\n id='Address2S'\r\n placeholder='Address 2'\r\n readOnly={this.state.shippingSame}\r\n value={this.state.Account.shipToAddress2}\r\n />\r\n {\r\n this.valueChanged('shipToCity', e.target.value);\r\n }}\r\n className={this.state.Modified.shipToCity ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='CityC'\r\n id='CityC'\r\n placeholder='City'\r\n readOnly={this.state.shippingSame}\r\n value={this.state.Account.shipToCity}\r\n />\r\n \r\n {\r\n this.valueChanged('shipToState', e.target.value);\r\n }}\r\n className={this.state.Modified.shipToState ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='StateC'\r\n maxLength={2}\r\n id='StateC'\r\n placeholder='State'\r\n readOnly={this.state.shippingSame}\r\n value={this.state.Account.shipToState}\r\n />\r\n \r\n {\r\n this.valueChanged('shipToZip', e.target.value);\r\n }}\r\n className={this.state.Modified.shipToZip ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Zipc'\r\n id='ZipC'\r\n placeholder='Zip'\r\n readOnly={this.state.shippingSame}\r\n value={this.state.Account.shipToZip}\r\n />\r\n \r\n
\r\n \r\n Quality Contact \r\n \r\n (This contact will appear on the certification) \r\n \r\n
\r\n {\r\n this.valueChanged('qcName', e.target.value);\r\n }}\r\n className={this.state.Modified.qcName ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='FirstNameLastNameQ'\r\n id='FirstNameLastNameQ'\r\n placeholder='First Name Last Name'\r\n value={this.state.Account.qcName}\r\n />\r\n \r\n {\r\n this.valueChanged('qcPhone', e.target.value);\r\n }}\r\n className={this.state.Modified.qcPhone ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='OfficePhone'\r\n id='OfficePhone'\r\n placeholder='Office Phone'\r\n value={this.state.Account.qcPhone}\r\n />\r\n \r\n {\r\n this.valueChanged('qcExt', e.target.value);\r\n }}\r\n className={this.state.Modified.qcExt ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Ext'\r\n id='Ext'\r\n placeholder='Ext.'\r\n value={this.state.Account.qcExt}\r\n />\r\n \r\n
\r\n {\r\n this.valueChanged('qcEmail', e.target.value);\r\n }}\r\n className={this.state.Modified.qcEmail ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='EmailQ'\r\n id='EmailQ'\r\n placeholder='Email'\r\n value={this.state.Account.qcEmail}\r\n />\r\n \r\n {\r\n this.valueChanged('courierAccountNo', e.target.value);\r\n }}\r\n className={this.state.Modified.courierAccountNo ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Acc #'\r\n id='name'\r\n placeholder='Acc #'\r\n value={this.state.Account.courierAccountNo}\r\n />\r\n \r\n {\r\n this.valueChanged('courierName', e.target.value);\r\n }}\r\n className={this.state.Modified.courierName ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Courier'\r\n id='name'\r\n placeholder='Courier'\r\n value={this.state.Account.courierName}\r\n />\r\n \r\n (FedEx Accounts will have an additional surcharge that will apply) \r\n \r\n
\r\n {\r\n this.valueChanged('courierInstructions', e.target.value);\r\n }}\r\n className={this.state.Modified.courierInstructions ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Special Instructions'\r\n id='name'\r\n placeholder='Special Instructions'\r\n value={this.state.Account.courierInstructions}\r\n />\r\n Billing Address \r\n\r\n {\r\n this.valueChanged('billToName', e.target.value);\r\n }}\r\n className={this.state.Modified.billToName ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Courier'\r\n id='name'\r\n placeholder='Bill To'\r\n value={this.state.Account.billToName}\r\n />\r\n\r\n\r\n \r\n {\r\n this.valueChanged('billToPO', e.target.value);\r\n }}\r\n className={this.state.Modified.billToPO ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='PO #'\r\n id='name'\r\n placeholder='PO #'\r\n value={this.state.Account.billToPO}\r\n />\r\n \r\n \r\n { this.handleSubmission(e.target.files[0]) }}\r\n className='hideFileInput normalInput'\r\n placeholder='Upload'\r\n />\r\n
\r\n \r\n this.handleCreditCardChange()}\r\n value={this.state.creditCard}\r\n placeholder='Courier'\r\n /> Pay By Credit Card \r\n \r\n
\r\n {\r\n this.valueChanged('billToAddress1', e.target.value);\r\n }}\r\n className={this.state.Modified.billToAddress1 ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Address1'\r\n id='Address1'\r\n placeholder='Address 1'\r\n value={this.state.Account.billToAddress1}\r\n />\r\n {\r\n this.valueChanged('billToAddress2', e.target.value);\r\n }}\r\n className={this.state.Modified.billToAddress2 ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Address2'\r\n id='Address2'\r\n placeholder='Address 2'\r\n value={this.state.Account.billToAddress2}\r\n />\r\n {\r\n this.valueChanged('billToCity', e.target.value);\r\n }}\r\n className={this.state.Modified.billToCity ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='City'\r\n id='City'\r\n placeholder='City'\r\n value={this.state.Account.billToCity}\r\n />\r\n \r\n {\r\n this.valueChanged('billToState', e.target.value);\r\n }}\r\n className={this.state.Modified.billToState ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='State'\r\n maxLength={2}\r\n id='State'\r\n placeholder='State'\r\n value={this.state.Account.billToState}\r\n />\r\n \r\n {\r\n this.valueChanged('billToZip', e.target.value);\r\n }}\r\n className={this.state.Modified.billToZip ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Zip'\r\n id='Zip'\r\n placeholder='Zip'\r\n value={this.state.Account.billToZip}\r\n />\r\n \r\n
\r\n {\r\n this.valueChanged('billToEmail', e.target.value);\r\n }}\r\n className={this.state.Modified.billToEmail ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Email'\r\n id='BillEmail'\r\n placeholder='Email'\r\n value={this.state.Account.billToEmail}\r\n />\r\n Secondary Quality Contact \r\n {\r\n this.valueChanged('qc2Name', e.target.value);\r\n }}\r\n className={this.state.Modified.qc2Name ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='FirstLastNameSQC'\r\n id='FirstLastNameSQC'\r\n placeholder='First Name_Last Name'\r\n value={this.state.Account.qc2Name}\r\n />\r\n \r\n {\r\n this.valueChanged('qc2Phone', e.target.value);\r\n }}\r\n className={this.state.Modified.qc2Phone ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='OfficePhone'\r\n id='OfficePhone'\r\n placeholder='Office Phone'\r\n value={this.state.Account.qc2Phone}\r\n />\r\n \r\n {\r\n this.valueChanged('qc2Ext', e.target.value);\r\n }}\r\n className={this.state.Modified.qc2Ext ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='Ext'\r\n id='Ext'\r\n placeholder='Ext.'\r\n value={this.state.Account.qc2Ext}\r\n />\r\n \r\n
\r\n {\r\n this.valueChanged('qc2Email', e.target.value);\r\n }}\r\n className={this.state.Modified.qc2Email ? 'normalInput modifiedInput' : 'normalInput'}\r\n name='EmailSQC'\r\n id='EmailSQC'\r\n placeholder='Email'\r\n value={this.state.Account.qc2Email}\r\n />\r\n \r\n this.requestEmail()}>\r\n Request Data Update\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.modalTitle} \r\n \r\n \r\n {this.state.modalBody}\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n \r\n
\r\n this.handlePrintInvoice(invoice.invoiceNo)}>Print {invoice.invoiceNo} \r\n {invoice.customerPO} \r\n {invoice.invoiceDate != null && {invoice.invoiceDate} } \r\n {invoice.dueDate != null && {invoice.dueDate} } \r\n {invoice.netTerms} \r\n {invoice.paymentMethod} \r\n {invoice.paymentStatus} \r\n \r\n )\r\n });\r\n\r\n const renderPrintItems = this.state.invoice.details.map((detail, i) => {\r\n return (\r\n \r\n {detail.qty == 0 ? '' : detail.qty} \r\n {detail.partNo} \r\n {detail.mte} \r\n {detail.description} \r\n {detail.qty == 0 ? '' : this.formatCurrency(detail.cost)} \r\n {detail.qty == 0 ? '' : this.formatCurrency(detail.extended)} \r\n \r\n )\r\n });\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.invoices.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Invoices \r\n \r\n
\r\n \r\n
\r\n From Date
\r\n To Date
\r\n
\r\n \r\n \r\n this.setState({ search: e.target.value })}\r\n name='search'\r\n id='search'\r\n style={{ width: '200px'}}\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='Enter Invoice #, PO #'\r\n />\r\n
\r\n \r\n this.setState({ fromDate: e.target.value })}\r\n name='DateFrom'\r\n id='DateFrom'\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='From Date'\r\n />\r\n
\r\n \r\n this.setState({ toDate: e.target.value })}\r\n name='DateTo'\r\n id='DateTo'\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='To Date'\r\n />\r\n
\r\n\r\n \r\n this.setState({ searchType: 1 })}\r\n name='paidStatus'\r\n id='paidStatus'\r\n placeholder='UnpaidInvoice'\r\n checked={this.state.searchType == 1}\r\n /> Show Unpaid Invoices \r\n
\r\n \r\n this.setState({ searchType: 2 })}\r\n name='paidStatus'\r\n id='paidStatus'\r\n placeholder='AllInvoice'\r\n checked={this.state.searchType == 2}\r\n /> Show All Invoices \r\n
\r\n \r\n \r\n this.searchInvoiceNo()}\r\n style={{ width: '125px' }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Search\r\n \r\n
\r\n
\r\n {this.state.invoices.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Print\r\n \r\n \r\n Invoice #\r\n this.handleSort('invoiceNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n PO #\r\n this.handleSort('customerPO')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Inv. Date\r\n this.handleSort('invoiceDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Due Date\r\n this.handleSort('dueDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Terms\r\n this.handleSort('netTerms')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Pay. Method\r\n this.handleSort('paymentMethod')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Pay. Status\r\n this.handleSort('paymentStatus')}\r\n className='sort-button'\r\n />\r\n \r\n\r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.invoices.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {this.state.toastTitle} \r\n \r\n \r\n {this.state.toastSpinner &&\r\n \r\n \r\n {this.state.toastButton &&\r\n \r\n Close\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 647 TRADE CENTER BLVD CHESTERFIELD, MO 63005 \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 SHIP TO: Attn: {this.state.invoice.ccpMan} \r\n \r\n \r\n {this.state.invoice.custName} \r\n \r\n \r\n {this.state.invoice.shipTo} \r\n \r\n \r\n {this.state.invoice.shipCity} {this.state.invoice.shipState} {this.state.invoice.shipZip} \r\n \r\n \r\n BILL TO: Attn: {this.state.invoice.acctMan} \r\n \r\n \r\n {this.state.invoice.billName} \r\n \r\n \r\n {this.state.invoice.billTo} \r\n \r\n \r\n {this.state.invoice.billCity} {this.state.invoice.billState} {this.state.invoice.billZip} \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 Invoice No: {this.state.invoice.invoiceNo} \r\n \r\n \r\n Inv Date: {this.state.invoice.invoiceDate != null && {this.state.invoice.invoiceDate} } \r\n \r\n \r\n Customer #: {this.state.invoice.ticNo} \r\n \r\n \r\n P.O. #: {this.state.invoice.customerPO} \r\n \r\n \r\n Terms: {this.state.invoice.netTerms} \r\n \r\n \r\n Ship Via: {this.state.invoice.shipVia} \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 QTY\r\n \r\n \r\n TIC REF#\r\n \r\n \r\n CUST ID\r\n \r\n \r\n DESCRIPTION\r\n \r\n \r\n COST\r\n \r\n \r\n EXTENDED\r\n \r\n \r\n \r\n \r\n <>\r\n {renderPrintItems}\r\n \r\n \r\n \r\n \r\n Parts: {this.formatCurrency(this.state.invoice.parts)} \r\n \r\n \r\n Tax: {this.formatCurrency(this.state.invoice.taxes)} \r\n \r\n \r\n Shipping - Handling & Ins.: {this.formatCurrency(this.state.invoice.freight)} \r\n \r\n \r\n Grand Total: {this.formatCurrency(this.state.invoice.total)} \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n // invoices\r\n\r\n async searchInvoices() {\r\n this.setState({ loading: true, loadingDocument: false });\r\n const token = Session.getToken();\r\n const query = this.state.search ? this.state.search : '';\r\n //const clientId = (this.state.client && this.state.client.length !== 0) ? this.state.client[0].id : 0;\r\n var client = (this.state.client && this.state.client.length !== 0) ? this.state.client[0] : '';\r\n\r\n if (typeof client !== 'string' && !(client instanceof String)) {\r\n client = client.label;\r\n }\r\n\r\n const response = await fetch(`api/Account/SearchInvoices?query=${query}&client=${client}`, {\r\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\r\n });\r\n const data = await response.json();\r\n this.setState({ invoices: data, loading: false, noResults: data.length === 0 ? true : false });\r\n }\r\n\r\n // table sort\r\n\r\n searchInvoiceNo() {\r\n var invoices = this.state.invoiceOrig;\r\n var search = this.state.search;\r\n var searchType = this.state.searchType;\r\n var fromDate = this.state.fromDate;\r\n var toDate = this.state.toDate;\r\n\r\n if (search != null && search != \"\") {\r\n invoices = invoices.filter(function (invoice) {\r\n return (invoice.invoiceNo.includes(search) || invoice.customerPO.includes(search));\r\n });\r\n }\r\n\r\n invoices = invoices.filter(function (invoice) {\r\n return (searchType == 2 || (searchType == 1 && invoice.paymentStatus == 'Not Paid'));\r\n });\r\n\r\n if (fromDate !== null && fromDate !== '') {\r\n var from = new Date(fromDate);\r\n invoices = invoices.filter(function (invoice) {\r\n var invoiceDate = new Date(invoice.invoiceDate);\r\n return (invoiceDate.getTime() >= from.getTime());\r\n });\r\n }\r\n\r\n if (toDate !== null && toDate !== '') {\r\n var to = new Date(toDate);\r\n var endOfDay = 24 * 60 * 60 * 1000;\r\n invoices = invoices.filter(function (invoice) {\r\n var invoiceDate = new Date(invoice.invoiceDate);\r\n return (invoiceDate.getTime() <= to.getTime() + endOfDay);\r\n });\r\n }\r\n\r\n this.setState({ invoices: invoices });\r\n }\r\n\r\n handleSort(column) {\r\n const direction = this.state.sort.column ? (this.state.sort.direction === 'asc' ? 'desc' : 'asc') : 'desc';\r\n const data = this.state.invoices;\r\n\r\n if (column == 'dueDate' || column == 'invoiceDate') {\r\n data.sort((a, b) => {\r\n var dateA = new Date(a[column]);\r\n var dateB = new Date(b[column]);\r\n return dateB - dateA;\r\n });\r\n } else {\r\n data.sort((a, b) => a[column] instanceof Date ? (b[column] - a[column]) : a[column].localeCompare(b[column]));\r\n }\r\n\r\n\r\n if (direction === 'desc') {\r\n data.reverse();\r\n }\r\n this.setState({\r\n invoices: data,\r\n sort: {\r\n column,\r\n direction\r\n }\r\n })\r\n }\r\n}","import Session from \"../auth/Session\";\n\nconst InstrumentFunctions = {\n postQuoteRequestUploadAsync: async function (fileData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/UploadQuoteRequestFile`, {\n method: \"POST\",\n body: fileData,\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n postAssetChangeRequestAsync: async function (formData) {\n const token = Session.getToken();\n const response = await fetch(`api/calibration/assetchangerequest`, {\n method: \"POST\",\n body: JSON.stringify(formData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n postExistingQuoteRequestAsync: async function (formData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/ExistingQuoteRequest`, {\n method: \"POST\",\n body: JSON.stringify(formData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n postExistingPackingListAsync: async function (formData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/ExistingQuoteRequest`, {\n method: \"POST\",\n body: JSON.stringify(formData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n postNewQuoteRequestAsync: async function (formData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/NewQuoteRequest`, {\n method: \"POST\",\n body: JSON.stringify(formData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n postNewPackingListAsync: async function (formData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/NewPackingList`, {\n method: \"POST\",\n body: JSON.stringify(formData),\n headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\n });\n const data = await response.json();\n return data;\n },\n postOnSiteScheduleUploadAsync: async function (fileData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/UploadOnSiteScheduleFile`, {\n method: \"POST\",\n body: fileData,\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n },\n postInstrumentListUploadAsync: async function (fileData) {\n const token = Session.getToken();\n const response = await fetch(`api/Calibration/UploadInstrumentList`, {\n method: \"POST\",\n body: fileData,\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n return data;\n }\n}\n\nexport default InstrumentFunctions;","import React, { Component } from 'react';\r\nimport AuthFunctions from '../services/AuthService';\r\nimport AdminFunctions from '../admin/AdminFunctions';\r\nimport InstrumentFunctions from '../services/InstrumentService';\r\nimport { Container, Row, Col, Input, Button, Table, Spinner, UncontrolledTooltip } from 'reactstrap';\r\nimport { FaSort } from 'react-icons/fa'\r\nimport '../layout/site.css';\r\nimport Modal from 'react-bootstrap/Modal';\r\n\r\nexport class ManageAssets extends Component {\r\n static displayName = ManageAssets.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isAdmin: false,\r\n height: 0,\r\n width: 0,\r\n showToast: false,\r\n partNo: '',\r\n selectedChange: '',\r\n comments: '',\r\n };\r\n this.handleClose = this.handleClose.bind(this);\r\n window.addEventListener('resize', this.setWindowDimensions);\r\n this.checkAuthenticated();\r\n }\r\n\r\n async checkAuthenticated() {\r\n var isAuthenticated = await AuthFunctions.getAuthenticatedAsync();\r\n if (!isAuthenticated) {\r\n this.props.history.push('/login');\r\n }\r\n }\r\n\r\n handleClose() {\r\n this.setState({ showToast: false });\r\n }\r\n\r\n async handleSubmission() {\r\n var data = { partNo: this.state.partNo, requestedChange: this.state.selectedChange, comments: this.state.comments };\r\n\r\n var response = await InstrumentFunctions.postAssetChangeRequestAsync(data);\r\n\r\n //if (response != null) {\r\n this.setState({ showToast: true });\r\n //}\r\n };\r\n\r\n async componentDidMount() {\r\n document.getElementsByTagName('html')[0].className = \"\";\r\n\r\n this.setWindowDimensions();\r\n const isAdmin = await AdminFunctions.isAdminAsync();\r\n this.setState({ isAdmin: isAdmin });\r\n if (isAdmin) {\r\n\r\n }\r\n else {\r\n }\r\n }\r\n\r\n setWindowDimensions = () => {\r\n this.setState({\r\n height: window.innerHeight,\r\n width: window.innerWidth\r\n });\r\n };\r\n\r\n render() {\r\n //Put in logic here! \r\n\r\n return (\r\n \r\n
\r\n \r\n Manage TICMS Calibrated Assets \r\n \r\n
\r\n \r\n \r\n this.setState({ partNo: e.target.value })}\r\n className='fullInput'\r\n placeholder='Enter the R# or M&TE# Here'\r\n />\r\n \r\n
\r\n \r\n this.setState({ selectedChange: 'Change a Calibration Interval' })}\r\n className='rightRadios'\r\n placeholder=''\r\n /> Change a Calibration Interval \r\n
\r\n \r\n this.setState({ selectedChange: 'Change a M&TE' })}\r\n name='requestedChange'\r\n id='requestedChange'\r\n className='rightRadios'\r\n placeholder=''\r\n /> Change a M&TE \r\n
\r\n \r\n this.setState({ selectedChange: 'Change a Department' })}\r\n name='requestedChange'\r\n id='requestedChange'\r\n className='rightRadios'\r\n placeholder=''\r\n /> Change A Department \r\n
\r\n \r\n this.setState({ selectedChange: 'Request a Different Calibration Date' })}\r\n name='requestedChange'\r\n id='requestedChange'\r\n className='rightRadios'\r\n placeholder=''\r\n /> Request a Different Calibration Date \r\n
\r\n \r\n this.setState({ selectedChange: 'Remove a Tool From Service' })}\r\n name='requestedChange'\r\n id='requestedChange'\r\n className='rightRadios'\r\n placeholder=''\r\n /> Remove Tool From Service \r\n
\r\n \r\n this.setState({ selectedChange: 'Other' })}\r\n name='requestedChange'\r\n id='requestedChange'\r\n className='rightRadios'\r\n placeholder=''\r\n /> Other \r\n
\r\n this.setState({ comments: e.target.value })}\r\n placeholder='Enter comments here'\r\n />\r\n { this.handleSubmission() }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Request Change\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for requesting an asset change. A TICMS team member is working on your request.\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n this.handleDelete(i)}>Delete {instrument.manufacturer} \r\n {instrument.model} \r\n {instrument.serialNo} \r\n {instrument.description} \r\n {instrument.range} \r\n {instrument.qty} \r\n \r\n )\r\n });\r\n\r\n const renderPrintItems = this.state.printItems.map((instrument, i) => {\r\n return (\r\n \r\n {instrument.manufacturer} \r\n {instrument.model} \r\n {instrument.serialNo} \r\n {instrument.description} \r\n {instrument.range} \r\n {instrument.qty} \r\n \r\n )\r\n });\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.instruments.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n New Instruments \r\n \r\n
\r\n \r\n this.setState({ Upload: true })}\r\n name='search'\r\n id='search'\r\n checked={this.state.Upload === true}\r\n value='Upload'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder=''\r\n />\r\n Upload Instrument List \r\n \r\n { this.setState({ Upload: true }); this.handleInstrumentListUpload(e.target.files[0]); }}\r\n name='fileUpload'\r\n id='fileUpload'\r\n style={{ width: '50%', display: 'inline-block', marginLeft: '10px' }}\r\n placeholder='Upload'\r\n />\r\n \r\n \r\n\r\n
\r\n \r\n this.setState({ Upload: false })}\r\n name='search'\r\n id='search'\r\n checked={this.state.Upload === false}\r\n value='Entry'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder=''\r\n />\r\n New Instrument \r\n \r\n
\r\n \r\n this.setState({manufacturer: e.target.value})}\r\n placeholder='Manufacturer'\r\n />\r\n \r\n this.setState({ toolDescription: e.target.value })}\r\n placeholder='Tool Description'\r\n />\r\n \r\n this.handleAdd()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Add Instrument\r\n \r\n \r\n { this.handleQuoteRequestSubmission() }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Request Quote\r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ modelNum: e.target.value })}\r\n placeholder='Model #'\r\n />\r\n \r\n this.setState({ sizeRange: e.target.value })}\r\n placeholder='Size / Range'\r\n />\r\n \r\n this.handlePackingListCreate()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Create Packing List\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n this.setState({ serialNum: e.target.value })}\r\n placeholder='Serial #'\r\n />\r\n \r\n this.setState({ noOfPieces: e.target.value })}\r\n placeholder='# of Pieces (if applicable)'\r\n />\r\n \r\n
\r\n\r\n \r\n
\r\n {this.state.instruments.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Delete\r\n \r\n \r\n Manufacturer\r\n this.handleSort('manufacturer')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Model #\r\n this.handleSort('model')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Serial #\r\n this.handleSort('serialNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Tool Description\r\n this.handleSort('description')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Size / Range\r\n this.handleSort('range')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n # of Pieces\r\n this.handleSort('qty')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.instruments.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for requesting a quote for calibration. A TICMS team member is working on your quote.\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for contacting TICMS , your file has been sent for our review!
\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n \r\n Create Packing List \r\n \r\n \r\n \r\n this.setState({ poNo: e.target.value })}\r\n name='PONo'\r\n id='poNo'\r\n className='fullInput'\r\n value={this.state.poNo}\r\n placeholder='PO #'\r\n />\r\n
\r\n \r\n \r\n this.setState({ useCC: e.target.checked ? 'Yes' : 'No' })}\r\n name='useCC'\r\n id='useCC'\r\n className='fullInput'\r\n value={this.state.useCC == 'Yes'}\r\n placeholder='Use CC'\r\n />\r\n Pay with credit card?\r\n \r\n
\r\n \r\n this.setState({ instructions: e.target.value })}\r\n name='instructions'\r\n id='instructions'\r\n maxLength={500}\r\n className='form-control marginTop fullInput'\r\n value={this.state.instructions}\r\n placeholder='Special Instructions'\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n Close\r\n \r\n \r\n Print Packing List\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 Packing List \r\n \r\n \r\n \r\n PO #: {this.state.poNo}Credit Card: {this.state.useCC} \r\n \r\n Special Instructions: {this.state.instructions} \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Company Information \r\n \r\n \r\n Quality Contact \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n TIC #: {this.state.Account.ticNo} \r\n \r\n \r\n Company Name: {this.state.Account.customerName} \r\n \r\n \r\n Address: {this.state.Account.customerAddress1} \r\n \r\n \r\n Address 2: {this.state.Account.customerAddress2} \r\n \r\n \r\n City, State, Zip: {this.state.Account.customerCity}, {this.state.Account.customerState} {this.state.Account.customerZip} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Name: {this.state.Account.qcName} \r\n \r\n \r\n Office Phone: {this.state.Account.qcPhone} ext. {this.state.Account.qcExt} \r\n \r\n \r\n Email: {this.state.Account.qcEmail} \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 Mfg.\r\n \r\n \r\n Model #\r\n \r\n \r\n Serial #\r\n \r\n \r\n Description\r\n \r\n \r\n Size / Range\r\n \r\n \r\n # of Pieces\r\n \r\n \r\n \r\n \r\n <>\r\n {renderPrintItems}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
{selectedItems.length} Instruments Selected
\r\n );\r\n }\r\n\r\n const customNoDataRenderer = () => {\r\n return (\r\n 0 Instruments Selected
\r\n );\r\n }\r\n\r\n const additionalItems = this.state.instrumentsAdd;\r\n\r\n const renderAdditionalItems = additionalItems.map((instrument, i) => {\r\n return (\r\n \r\n this.handleDeleteAdditional(i)}>Delete {instrument.manufacturer} \r\n {instrument.model} \r\n {instrument.serialNo} \r\n {instrument.description} \r\n {instrument.range} \r\n {instrument.qty} \r\n \r\n )\r\n });\r\n\r\n const customItemRenderer = ({ item, itemIndex, props, state, methods }) => (\r\n \r\n
\r\n {item.label}\r\n
\r\n
\r\n this.handleCheck(false, item.value)}\r\n color={'#0a58ca'}\r\n />\r\n
\r\n
\r\n \r\n this.handleSelectClick(e, instrument.partNo) }\r\n checked={instrument.selected}\r\n style={{ marginLeft: '0.0rem' }}\r\n className='centerCheckBoxInput'\r\n />\r\n \r\n {instrument.partNo} \r\n {instrument.mte} \r\n {instrument.description} \r\n {instrument.serialNo} \r\n {instrument.department} \r\n {instrument.calDate != null && {instrument.calDate} } \r\n {instrument.expDate != null && {instrument.expDate} } \r\n \r\n )\r\n });\r\n\r\n const renderPrintItems = this.state.printItems.map((instrument, i) => {\r\n return (\r\n \r\n {instrument.partNo} \r\n {instrument.mte} \r\n {instrument.description} \r\n {instrument.serialNo} \r\n {instrument.department} \r\n {instrument.calDate != null && {instrument.calDate} } \r\n {instrument.expDate != null && {instrument.expDate} } \r\n \r\n )\r\n });\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.instruments.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Existing Instruments \r\n \r\n
\r\n \r\n \r\n
\r\n Due Date From
\r\n Due Date To
\r\n
\r\n \r\n { this.handleRequestQuote() }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Request Quote\r\n \r\n
\r\n
\r\n \r\n \r\n this.setState({ search: e.target.value })}\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='R#, M&TE, Serial#'\r\n />\r\n
\r\n \r\n {/*//TODO: Replace with a datepicker. Maybe react-datepicker? */}\r\n this.setState({ fromDate: e.target.value })}\r\n name='DueDateFrom'\r\n id='DueDateFrom'\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='From Date'\r\n />\r\n
\r\n \r\n {/*//TODO: Replace with a datepicker. Maybe react-datepicker? */}\r\n this.setState({ toDate: e.target.value })}\r\n name='DueDateTo'\r\n id='DueDateTo'\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='To Date'\r\n />\r\n
\r\n \r\n this.searchInstruments()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Search\r\n \r\n
\r\n \r\n this.handlePackingListCreate()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Create Packing List\r\n \r\n
\r\n
\r\n \r\n
\r\n {this.state.instruments.length !== 0 && (\r\n \r\n \r\n undefined}\r\n values={selectedItems}\r\n loading={this.state.loading}\r\n options={selectedItems}\r\n /> \r\n
\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n this.handleCheckAll(e)}\r\n style={{ marginLeft: '0.0rem' }}\r\n className='centerCheckBoxInput'\r\n />\r\n
\r\n \r\n \r\n R#\r\n this.handleSort('partNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n M&TE#\r\n this.handleSort('mte')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Tool Description\r\n this.handleSort('description')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Serial #\r\n this.handleSort('serialNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Department\r\n this.handleSort('department')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Cal. Date\r\n this.handleSort('calDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Due Date\r\n this.handleSort('expDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.instruments.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for requesting a quote for calibration. A TICMS team member is working on your quote.\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n \r\n Create Packing List \r\n \r\n \r\n \r\n this.setState({ poNo: e.target.value })}\r\n name='PONo'\r\n id='poNo'\r\n className='fullInput'\r\n value={this.state.poNo}\r\n placeholder='PO #'\r\n />\r\n
\r\n \r\n \r\n this.setState({ useCC: e.target.checked ? 'Yes' : 'No' })}\r\n name='useCC'\r\n id='useCC'\r\n className='fullInput'\r\n value={this.state.useCC == 'Yes'}\r\n placeholder='Use CC'\r\n />\r\n Pay with credit card?\r\n \r\n
\r\n \r\n this.setState({ instructions: e.target.value })}\r\n name='instructions'\r\n id='instructions'\r\n maxLength={500}\r\n className='form-control marginTop fullInput'\r\n value={this.state.instructions}\r\n placeholder='Special Instructions'\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n Close\r\n \r\n \r\n Print Packing List\r\n \r\n \r\n \r\n
\r\n \r\n Request Quote \r\n \r\n \r\n \r\n Include New Instruments? \r\n
\r\n \r\n {\r\n this.setState({ manufacturer: e.target.value });\r\n }}\r\n placeholder='Manufacturer'\r\n />\r\n \r\n {\r\n this.setState({ description: e.target.value });\r\n }}\r\n placeholder='Tool Description'\r\n />\r\n \r\n {\r\n this.setState({ model: e.target.value });\r\n }}\r\n placeholder='Model #'\r\n />\r\n \r\n
\r\n \r\n {\r\n this.setState({ range: e.target.value });\r\n }}\r\n placeholder='Size / Range'\r\n />\r\n \r\n {\r\n this.setState({ serialNo: e.target.value });\r\n }}\r\n placeholder='Serial #'\r\n />\r\n \r\n {\r\n this.setState({ qty: e.target.value });\r\n }}\r\n placeholder='# of Pieces (if applicable)'\r\n />\r\n \r\n this.handleAddNew()}\r\n >\r\n Add\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Delete\r\n \r\n \r\n Manufacturer\r\n \r\n \r\n Model #\r\n \r\n \r\n Serial #\r\n \r\n \r\n Tool Description\r\n \r\n \r\n Size / Range\r\n \r\n \r\n # of Pieces\r\n \r\n \r\n \r\n \r\n {!this.state.noResults ? (\r\n <>\r\n {renderAdditionalItems}\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 Close\r\n \r\n this.handleQuoteRequestSubmission()}>\r\n Request Quote\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 Packing List \r\n \r\n \r\n \r\n PO #: {this.state.poNo}Credit Card: {this.state.useCC} \r\n \r\n Special Instructions: {this.state.instructions} \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Company Information \r\n \r\n \r\n Quality Contact \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n TIC #: {this.state.Account.ticNo} \r\n \r\n \r\n Company Name: {this.state.Account.customerName} \r\n \r\n \r\n Address: {this.state.Account.customerAddress1} \r\n \r\n \r\n Address 2: {this.state.Account.customerAddress2} \r\n \r\n \r\n City, State, Zip: {this.state.Account.customerCity}, {this.state.Account.customerState} {this.state.Account.customerZip} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Name: {this.state.Account.qcName} \r\n \r\n \r\n Office Phone: {this.state.Account.qcPhone} ext. {this.state.Account.qcExt} \r\n \r\n \r\n Email: {this.state.Account.qcEmail} \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#\r\n \r\n \r\n M&TE#\r\n \r\n \r\n Tool Description\r\n \r\n \r\n Serial #\r\n \r\n \r\n Dept.\r\n \r\n \r\n Cal. Date\r\n \r\n \r\n Due Date\r\n \r\n \r\n \r\n \r\n <>\r\n {renderPrintItems}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Customer Service \r\n \r\n
\r\n \r\n We're here to help \r\n \r\n \r\n this.setState({ subject: e.target.value })}\r\n value={this.state.subject}\r\n className='smallInput'\r\n placeholder='Subject'\r\n />\r\n this.setState({ message: e.target.value })}\r\n value={this.state.message}\r\n name='Message'\r\n id='Message'\r\n placeholder='Message'\r\n \r\n />\r\n this.handleSubmission()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Submit\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for reaching out to TICMS . A team member will be in contact with you shortly.\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n\r\n // table sort\r\n GetIdFromQuery(location) {\r\n //#!?lid=2&sales=2\r\n var id = location.search().Id;\r\n if (id == null) return 0;\r\n else return id;\r\n }\r\n\r\n async handleSave() {\r\n debugger\r\n const token = Session.getToken();\r\n var dto = this.state.site;\r\n await this.saveSite(dto, token);\r\n }\r\n\r\n async saveSite(dto, token) {\r\n //const response = await fetch('api/Sites/SaveSite', {\r\n // method: 'POST',\r\n // body: JSON.stringify(dto),\r\n // headers: !token ? {} : { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }\r\n //});\r\n //const data = await response.json();\r\n //this.setState({ success: data });\r\n }\r\n}","import React, { Component } from 'react';\r\nimport AdminFunctions from '../admin/AdminFunctions';\r\nimport { Container, Row, Col, Input, Button, Table, Spinner, UncontrolledTooltip } from 'reactstrap';\r\nimport { FaSort } from 'react-icons/fa';\r\nimport { MdClear } from 'react-icons/md';\r\nimport '../layout/site.css';\r\nimport CalsCertsFunctions from '../services/CalsCertsService';\r\n//import Button from 'react-bootstrap/Button';\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport CloseButton from 'react-bootstrap/CloseButton';\r\nimport Moment from 'react-moment';\r\nimport moment from 'moment';\r\nimport Select from 'react-dropdown-select';\r\nimport AuthFunctions from '../services/AuthService';\r\nimport FileSaver from 'file-saver';\r\n\r\nexport class CalsNCerts extends Component {\r\n\r\n static displayName = CalsNCerts.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n siteList: [],\r\n client: null,\r\n search: null,\r\n fromDate: '',\r\n toDate: '',\r\n instruments: [],\r\n instrumentsOrig: [],\r\n history: [],\r\n //isAdmin: false,\r\n height: 0,\r\n width: 0,\r\n sort: {\r\n column: null,\r\n direction: 'desc'\r\n },\r\n loading: false,\r\n noResults: false,\r\n currentPage: 1,\r\n itemsPerPage: 100,\r\n numberOfPages: 0,\r\n show: false,\r\n showToast: false,\r\n toastBody: '',\r\n toastTitle: '',\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleClickAll = this.handleClickAll.bind(this);\r\n this.handleSelectClick = this.handleSelectClick.bind(this);\r\n this.handleCheck = this.handleCheck.bind(this);\r\n this.handleCheckAll = this.handleCheckAll.bind(this);\r\n this.handlePageSizeChange = this.handlePageSizeChange.bind(this);\r\n this.handleShow = this.handleShow.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.checkAuthenticated();\r\n }\r\n\r\n async checkAuthenticated() {\r\n var isAuthenticated = await AuthFunctions.getAuthenticatedAsync();\r\n if (!isAuthenticated) {\r\n this.props.history.push('/login');\r\n }\r\n }\r\n\r\n handleClick(event) {\r\n let id = Number(event.target.id);\r\n\r\n if (id === 0) {\r\n this.setState({\r\n currentPage: 1\r\n });\r\n } else if (id === -1) {\r\n this.setState({\r\n currentPage: Math.ceil(this.state.instruments.length / this.state.itemsPerPage)\r\n });\r\n } else {\r\n this.setState({\r\n currentPage: Number(event.target.id)\r\n });\r\n }\r\n }\r\n\r\n handleClickAll() {\r\n }\r\n\r\n handleClose() {\r\n this.setState({ show: false, showToast: false });\r\n }\r\n\r\n handleShow(ticNo, partNo) { \r\n this.setState({ show: true, historyPartNo: partNo });\r\n this.getCalibrationHistory(ticNo, partNo);\r\n }\r\n\r\n handleChange(event) {\r\n this.setState({ currentPage: Number(event.target.value) });\r\n }\r\n\r\n handlePageSizeChange(event) {\r\n let pageSize = Number(event.target.value);\r\n this.setState({ itemsPerPage: pageSize });\r\n if (this.state.currentPage > Math.ceil(this.state.instruments.length / pageSize)) {\r\n this.setState({ currentPage: Math.ceil(this.state.instruments.length / pageSize) })\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n document.getElementsByTagName('html')[0].className = \"\";\r\n\r\n //this.setWindowDimensions();\r\n const isAdmin = await AdminFunctions.isAdminAsync();\r\n this.setState({ isAdmin: isAdmin });\r\n if (isAdmin) {\r\n\r\n }\r\n else {\r\n }\r\n\r\n this.getCalibrations();\r\n }\r\n\r\n async getCalibrations() {\r\n var calibrations = await CalsCertsFunctions.getCalibrationsAsync();\r\n \r\n if (calibrations.success == true) {\r\n if (calibrations.data != null) {\r\n var original = calibrations.data;\r\n\r\n original.forEach((instrument, i) => {\r\n if (instrument.partNo == null) instrument.partNo = \"\";\r\n if (instrument.mte == null) instrument.mte = \"\";\r\n if (instrument.serialNo == null) instrument.serialNo = \"\";\r\n });\r\n\r\n var filtered = original.slice(0);\r\n this.setState({ instruments: filtered, instrumentsOrig: original });\r\n }\r\n }\r\n\r\n }\r\n\r\n async getCertificateFile(partNo) {\r\n var filtered = this.state.instruments.filter(function (instrument) {\r\n return instrument.partNo == partNo;\r\n });\r\n\r\n if (filtered.length > 0) {\r\n var instrument = filtered[0];\r\n\r\n var fileAuth = await CalsCertsFunctions.getFileAuth();\r\n\r\n if (fileAuth != null) {\r\n var authString = fileAuth.id;\r\n\r\n //this.setState({ toastTitle: 'File Downloaded!', toastBody: 'The selected Cert has been downloaded!', showToast: true });\r\n var ticNumber = instrument.ticNo.replace('TIC', '');\r\n var partNumber = instrument.partNo.replace('R', '');\r\n var dateMonth = moment(instrument.calDate).format('MMYY');\r\n var calDate = moment(instrument.calDate).format('MM-DD-yyyy');\r\n\r\n var anchor = document.createElement(\"a\");\r\n anchor.href = `/api/calibration/viewcert/${authString}/${ticNumber}_${partNumber}_${dateMonth}.pdf?ticNo=${ticNumber}&partNo=${partNumber}&calDate=${calDate}`;\r\n anchor.target = '_blank';\r\n anchor.click();\r\n } else {\r\n this.setState({ toastTitle: 'Download Error!', toastBody: 'There was an error downloading the selected Cert!', showToast: true });\r\n }\r\n\r\n //var certificate = await CalsCertsFunctions.getCertificateFileAsync(instrument);\r\n\r\n //if (certificate != null) {\r\n // if (certificate.ok == true && certificate.status == 200) {\r\n // certificate.blob().then((data) => {\r\n // //this.setState({ toastTitle: 'File Downloaded!', toastBody: 'The selected Cert has been downloaded!', showToast: true });\r\n // var ticNumber = instrument.ticNo.replace('TIC', '');\r\n // var partNumber = instrument.partNo.replace('R', '');\r\n // var dateMonth = moment(instrument.calDate).format('MMYY');\r\n // var calDate = moment(instrument.calDate).format('MM-dd-yyyy');\r\n\r\n // var anchor = document.createElement(\"a\");\r\n // anchor.href = `/api/calibration/viewcert/${ticNumber}_${partNumber}_${dateMonth}.pdf?ticNo=${ticNumber}&partNo=${partNumber}&calDate=${calDate}`;\r\n // anchor.target = '_blank';\r\n // anchor.click();\r\n\r\n // //window.open(url);\r\n\r\n // //anchor.href = url;\r\n // ////anchor.download = `${ticNumber}${partNumber}${dateMonth}.pdf`;\r\n // //anchor.filename = `${ticNumber}${partNumber}${dateMonth}.pdf`;\r\n // //anchor.target = '_blank';\r\n // //anchor.click();\r\n // //setTimeout(function () {\r\n // // window.URL.revokeObjectURL(url);\r\n // //}, 0);\r\n // }).catch((error) => {\r\n // console.log(error);\r\n // this.setState({ toastTitle: 'Download Error!', toastBody: 'There was an error downloading the selected Cert!', showToast: true });\r\n // });\r\n // } else if (certificate.status == 204) {\r\n // this.setState({ toastTitle: 'Cert Unavailable!', toastBody: 'The selected Cert could not be located!', showToast: true });\r\n // }\r\n //}\r\n }\r\n }\r\n\r\n async getCertificateFileHistory(ticNo, fileName) {\r\n var historyPartNo = this.state.historyPartNo;\r\n var filtered = this.state.instruments.filter(function (instrument) {\r\n return instrument.partNo == historyPartNo;\r\n });\r\n\r\n if (filtered.length > 0) {\r\n var instrument = filtered[0];\r\n\r\n var fileAuth = await CalsCertsFunctions.getFileAuth();\r\n\r\n if (fileAuth != null) {\r\n var authString = fileAuth.id;\r\n\r\n //var certificate = await CalsCertsFunctions.getPastCertificateFileAsync(ticNo, fileName);\r\n\r\n //if (certificate != null) {\r\n // if (certificate.ok == true && certificate.status == 200) {\r\n // certificate.blob().then((data) => {\r\n //this.setState({ toastTitle: 'File Downloaded!', toastBody: 'The selected Cert has been downloaded!', showToast: true });\r\n var ticNumber = instrument.ticNo.replace('TIC', '');\r\n var partNumber = instrument.partNo.replace('R', '');\r\n var dateMonth = fileName.slice(-4);\r\n\r\n var anchor = document.createElement(\"a\");\r\n anchor.href = `/api/calibration/viewcert/${authString}/${ticNumber}_${partNumber}_${dateMonth}.pdf?ticNo=${ticNumber}`;\r\n anchor.target = '_blank';\r\n anchor.click();\r\n //window.URL.revokeObjectURL(url);\r\n // }).catch((error) => {\r\n // console.log(error);\r\n // this.setState({ toastTitle: 'Download Error!', toastBody: 'There was an error downloading the selected Cert!', showToast: true });\r\n // });\r\n // } else if (certificate.status == 204) {\r\n // this.setState({ toastTitle: 'Cert Unavailable!', toastBody: 'The selected Cert could not be located!', showToast: true });\r\n // }\r\n // }\r\n } else {\r\n this.setState({ toastTitle: 'Download Error!', toastBody: 'There was an error downloading the selected Cert!', showToast: true });\r\n }\r\n }\r\n }\r\n\r\n async getCertificateZipFile() {\r\n var filtered = this.state.instruments.filter(function (instrument) {\r\n return instrument.selected == true;\r\n });\r\n\r\n if (filtered.length > 0) {\r\n this.setState({ toastTitle: 'Packaging Files!', toastBody: 'The selected Certs are being packaged for download. This may take a while to complete. If there are fewer files provided than were selected, there were Certs that were not available.', showToast: true });\r\n\r\n var certificate = await CalsCertsFunctions.getCertificateZipFileAsync(filtered);\r\n\r\n if (certificate != null) {\r\n if (certificate.ok == true && certificate.status == 200) {\r\n certificate.blob().then((data) => {\r\n console.log(data);\r\n var date = new Date().toLocaleDateString();\r\n var url = window.URL.createObjectURL(data);\r\n var anchor = document.createElement(\"a\");\r\n anchor.href = url;\r\n anchor.download = 'SelectedCerts-' + date + '.zip';\r\n anchor.click();\r\n window.URL.revokeObjectURL(url);\r\n }).catch((error) => { console.log(error); });\r\n }\r\n }\r\n }\r\n }\r\n\r\n async getCalibrationHistory(ticNo, partNo) {\r\n var calibrations = await CalsCertsFunctions.getCalibrationHistoryAsync(ticNo, partNo);\r\n\r\n if (calibrations.success == true) {\r\n if (calibrations.data != null) {\r\n calibrations.data.sort(function (a, b) {\r\n var dateA = new Date(a.cert_date);\r\n var dateB = new Date(b.cert_date);\r\n\r\n return dateB - dateA;\r\n });\r\n\r\n this.setState({ history: calibrations.data });\r\n }\r\n }\r\n\r\n }\r\n\r\n //setWindowDimensions = () => {\r\n // this.setState({\r\n // height: window.innerHeight,\r\n // width: window.innerWidth\r\n // });\r\n //};\r\n\r\n handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n this.searchInstruments();\r\n }\r\n }\r\n\r\n handleCheckAll(event) {\r\n var instruments = this.state.instruments;\r\n var checked = event.target.checked;\r\n\r\n instruments.forEach((instrument, index) => {\r\n instrument.selected = checked;\r\n });\r\n\r\n this.setState({ instruments: instruments });\r\n }\r\n\r\n handleSelectClick(event, partNo) {\r\n this.handleCheck(event.target.checked, partNo);\r\n }\r\n\r\n handleCheck(checked, partNo) {\r\n var instruments = this.state.instruments;\r\n var filtered = instruments.filter(function (instrument) {\r\n return instrument.partNo == partNo;\r\n });\r\n\r\n if (filtered.length > 0) {\r\n filtered[0].selected = checked;\r\n }\r\n\r\n this.setState({ instruments: instruments });\r\n }\r\n\r\n render() {\r\n // Logic for displaying instruments!\r\n const indexOfLastItem = this.state.currentPage * this.state.itemsPerPage;\r\n const indexOfFirstItem = indexOfLastItem - this.state.itemsPerPage;\r\n const currentItems = this.state.instruments.slice(indexOfFirstItem, indexOfLastItem);\r\n\r\n const selectedItems = this.state.instruments.filter(function (instrument) {\r\n return instrument.selected != null && instrument.selected == true; \r\n }).map((instrument) => \r\n ({label: instrument.partNo + ' - ' + instrument.description, value: instrument.partNo})\r\n ).sort(function (a, b) {\r\n return (a.value.localeCompare(b.value));\r\n });\r\n \r\n //const [show, setShow] = Component(false);\r\n\r\n // const handleClose = () => this.setState({ show: false });\r\n // const handleShow = () => this.setState({ show: true });\r\n\r\n const customContentRenderer = () => {\r\n return (\r\n {selectedItems.length} Instruments Selected
\r\n );\r\n }\r\n\r\n const customNoDataRenderer = () => {\r\n return (\r\n 0 Instruments Selected
\r\n );\r\n }\r\n\r\n const customItemRenderer = ({ item, itemIndex, props, state, methods }) => (\r\n \r\n
\r\n {item.label}\r\n
\r\n
\r\n this.handleCheck(false, item.value)}\r\n color={'#0a58ca'}\r\n />\r\n
\r\n
\r\n this.getCertificateFile(instrument.partNo)}>View this.handleShow(instrument.ticNo, instrument.partNo)}>Show \r\n this.handleSelectClick(e, instrument.partNo)}\r\n style={{ marginLeft: '0.0rem' }}\r\n checked={instrument.selected}\r\n className='centerCheckBoxInput'\r\n />\r\n \r\n {instrument.partNo} \r\n {instrument.mte} \r\n {instrument.description} \r\n {instrument.manufacturer} \r\n {instrument.model} \r\n {instrument.serialNo} \r\n {instrument.department} \r\n {instrument.calDate != null && {instrument.calDate} } \r\n {instrument.expDate != null && {instrument.expDate} } \r\n \r\n )\r\n });\r\n\r\n const renderItems2 = this.state.history.map((cert, i) => {\r\n return (\r\n \r\n this.getCertificateFileHistory(cert.ticNo, cert.filename)}>View {cert.cal_date != null && {cert.cal_date} } \r\n {cert.cert_date != null && {cert.cert_date} } \r\n \r\n )\r\n });\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.instruments.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n Cals & Certs \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Cal Date From
\r\n Cal Date To
\r\n
\r\n
\r\n
\r\n \r\n \r\n this.setState({ search: e.target.value })}\r\n name='search'\r\n id='search'\r\n style={{ width: '175px' }}\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='R#, M&TE, Serial#'\r\n />\r\n
\r\n \r\n this.setState({ fromDate: e.target.value })}\r\n name='DateFrom'\r\n id='DateFrom'\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='From Date'\r\n />\r\n
\r\n \r\n this.setState({ toDate: e.target.value })}\r\n name='DateTo'\r\n id='DateTo'\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='To Date'\r\n />\r\n
\r\n \r\n { this.searchInstruments() }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Search\r\n \r\n
\r\n \r\n this.getCertificateZipFile()}\r\n style={{ width: '175px' }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Download Certs\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {this.state.instruments.length !== 0 && (\r\n \r\n \r\n undefined}\r\n values={selectedItems}\r\n loading={this.state.loading}\r\n options={selectedItems}\r\n /> \r\n
\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Cert\r\n \r\n \r\n History\r\n \r\n \r\n \r\n this.handleCheckAll(e)} //Call a function to check all the checkboxes.\r\n style={{ marginLeft: '0.0rem' }}\r\n className='centerCheckBoxInput'\r\n />\r\n
\r\n\r\n \r\n \r\n R#\r\n this.handleSort('partNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n M&TE#\r\n this.handleSort('mte')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Description\r\n this.handleSort('description')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Mfg\r\n this.handleSort('manufacturer')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Model\r\n this.handleSort('model')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Serial #\r\n this.handleSort('serialNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Dept\r\n this.handleSort('department')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Cal. Date\r\n this.handleSort('calDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Cal. Due\r\n this.handleSort('expDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.instruments.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n {this.state.toastTitle} \r\n \r\n \r\n {this.state.toastBody}\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n {/*TODO: Add closeButton to Header... and get it to display!*/}\r\n \r\n Historical Certificates for {this.state.historyPartNo} \r\n \r\n \r\n \r\n \r\n \r\n Cert\r\n \r\n \r\n Cal. Date\r\n this.handleSort('calDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Cert Date\r\n this.handleSort('expDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems2}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\n
\n \n Admin \n \n \n \n \n Clients \n Roles \n Users \n \n \n \n
{selectedItems.length} Instruments Selected
\r\n );\r\n }\r\n\r\n const customNoDataRenderer = () => {\r\n return (\r\n 0 Instruments Selected
\r\n );\r\n }\r\n\r\n const customDeletedContentRenderer = () => {\r\n return (\r\n {addedItems.length} Instruments Added
\r\n );\r\n }\r\n\r\n const customDeletedNoDataRenderer = () => {\r\n return (\r\n 0 Instruments Added
\r\n );\r\n }\r\n\r\n const customItemRenderer = ({ item, itemIndex, props, state, methods }) => (\r\n \r\n
\r\n {item.label}\r\n
\r\n
\r\n this.handleCheck(false, item.value, item.newIndex)}\r\n color={'#0a58ca'}\r\n />\r\n
\r\n
\r\n
\r\n {item.label}\r\n
\r\n
\r\n this.handleDelete(false, item.value, item.newIndex)}\r\n color={'#0a58ca'}\r\n />\r\n
\r\n
\r\n {/**/}\r\n {/* this.handleDeleteClick(e, instrument.partNo, instrument.newIndex)}*/}\r\n {/* checked={instrument.delete}*/}\r\n {/* disabled={instrument.selected == true}*/}\r\n {/* className='centerCheckBoxInput'*/}\r\n {/* />*/}\r\n {/* */}\r\n \r\n this.handleSelectClick(e, instrument.partNo)}\r\n checked={instrument.selected}\r\n disabled={instrument.delete == true}\r\n className='centerCheckBoxInput'\r\n />\r\n \r\n {instrument.partNo} \r\n {instrument.mte} \r\n {instrument.expDate != null && {instrument.expDate} } \r\n {instrument.description} \r\n \r\n )\r\n });\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.instruments.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n Schedule On-Site \r\n \r\n
\r\n \r\n \r\n
\r\n From Date
\r\n To Date
\r\n
\r\n \r\n \r\n this.setState({ search: e.target.value })}\r\n name='search'\r\n id='search'\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='Enter R#, M&TE#'\r\n />\r\n
\r\n \r\n this.setState({ fromDate: e.target.value })}\r\n name='DateFrom'\r\n id='DateFrom'\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='From Date'\r\n />\r\n
\r\n \r\n this.setState({ toDate: e.target.value })}\r\n name='DateTo'\r\n id='DateTo'\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='To Date'\r\n />\r\n
\r\n \r\n this.searchInstruments()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Search\r\n \r\n
\r\n \r\n this.handleAddNew()}\r\n style={{ width: '250px' }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Add New Item\r\n \r\n
\r\n
\r\n \r\n \r\n undefined}\r\n values={selectedItems}\r\n loading={this.state.loading}\r\n options={selectedItems}\r\n />\r\n
\r\n \r\n this.handleOpenRequest()}\r\n style={{ width: '250px' }}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Request Onsite Schedule\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n undefined}\r\n values={addedItems}\r\n loading={this.state.loading}\r\n options={addedItems}\r\n />\r\n
\r\n \r\n
\r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n this.handleCheckAll(e)} //Call a function to check all the checkboxes.\r\n className='centerCheckBoxInput fullInput'\r\n />\r\n
\r\n\r\n \r\n \r\n R#\r\n this.handleSort('partNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n M&TE#\r\n this.handleSort('mte')}\r\n className='sort-button'\r\n />\r\n \r\n\r\n\r\n \r\n Date Due\r\n this.handleSort('expDate')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Tool Description\r\n this.handleSort('description')}\r\n className='sort-button'\r\n />\r\n \r\n\r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.instruments.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n New Item \r\n \r\n \r\n \r\n this.setState({ description: e.target.value })}\r\n name='ToolDescription'\r\n id='ToolDescription'\r\n className='fullInput'\r\n value={this.state.description}\r\n placeholder='Tool Description'\r\n />\r\n
\r\n \r\n this.setState({ mte: e.target.value })}\r\n name='MnTE'\r\n id='MnTE'\r\n className='fullInput'\r\n value={this.state.mte}\r\n placeholder='M&TE#'\r\n />\r\n
\r\n \r\n this.setState({ model: e.target.value })}\r\n name='ModelNum'\r\n id='ModelNum'\r\n className='fullInput'\r\n value={this.state.model}\r\n placeholder='Model #'\r\n />\r\n
\r\n \r\n this.setState({ manufacturer: e.target.value })}\r\n name='Manufacturer'\r\n id='Manufacturer'\r\n className='fullInput'\r\n value={this.state.manufacturer}\r\n placeholder='Manufacturer'\r\n />\r\n
\r\n \r\n this.setState({ range: e.target.value })}\r\n name='Range'\r\n id='Range'\r\n className='fullInput'\r\n value={this.state.range}\r\n placeholder='Range'\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n Close\r\n \r\n \r\n Add Item\r\n \r\n \r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for requesting a quote for calibration. A TICMS team member is working on your quote.\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n \r\n Request Onsite Schedule \r\n \r\n \r\n \r\n this.setState({ poNum: e.target.value })}\r\n placeholder='PO #'\r\n />\r\n
\r\n \r\n \r\n this.setState({ useCC: e.target.checked ? 'Yes' : 'No' })}\r\n name='useCC'\r\n id='useCC'\r\n className='fullInput'\r\n value={this.state.useCC == 'Yes'}\r\n placeholder='Use CC'\r\n style={{ marginTop: '5px' }}\r\n />\r\n Pay with credit card?\r\n \r\n
\r\n \r\n this.setState({ fileUpload: e.target.files[0] })}\r\n name='fileUpload'\r\n id='fileUpload'\r\n style={{ display: 'inline-block', marginTop: '10px' }}\r\n placeholder='Upload'\r\n />\r\n
\r\n \r\n this.setState({ notes: e.target.value })}\r\n placeholder='Notes To TIC-MS'\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n this.handleClose()}>\r\n Close\r\n \r\n this.handleSubmission()}>\r\n Request Onsite Schedule\r\n \r\n \r\n \r\n
\r\n {order.customerPO} \r\n {order.partNo} \r\n {order.mte} \r\n {order.serialNo} \r\n {order.noun} \r\n {order.status} \r\n \r\n )\r\n });\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.orders.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n Inquire Order Status \r\n \r\n
\r\n \r\n \r\n this.setState({ poNum: e.target.value })}\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='PO #'\r\n />\r\n \r\n this.setState({ partNo: e.target.value })}\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='R#'\r\n />\r\n \r\n this.setState({ mte: e.target.value })}\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='M&TE#'\r\n />\r\n \r\n this.setState({ serialNo: e.target.value })}\r\n className='fullInput'\r\n onKeyPress={this.handleKeyPress}\r\n placeholder='S/N'\r\n />\r\n \r\n\r\n this.searchOrders()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Search\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {this.state.orders.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n PO#\r\n this.handleSort('customerPO')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n R#\r\n this.handleSort('partNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n M&TE#\r\n this.handleSort('mte')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n S/N\r\n this.handleSort('serialNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Noun\r\n this.handleSort('noun')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Status\r\n this.handleSort('status')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.orders.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n {(asset.certs != null && asset.certs.length != 0) ?\r\n {\r\n e.preventDefault();\r\n this.getCertificateFile(asset.certs[0].id, asset.certs[0].originalFileName);\r\n }}>View \r\n : 'N/A'\r\n }\r\n \r\n \r\n {(asset.certs != null && asset.certs.length != 0) ?\r\n {\r\n this.setState({ history: asset.certs, showHistory: true });\r\n e.preventDefault();\r\n }}>Show \r\n : 'N/A'\r\n }\r\n \r\n {asset.manufacturer} \r\n {asset.model} \r\n {asset.serialNo} \r\n {asset.description} \r\n {asset.range} \r\n {asset.qty} \r\n \r\n \r\n \r\n \r\n \r\n this.handleEditAsset(asset.id)}\r\n />\r\n \r\n \r\n this.handleDeleteAsync(asset.id)}\r\n />\r\n \r\n \r\n )\r\n });\r\n\r\n const renderHistory = this.state.history.map((assetCert, i) => {\r\n return (\r\n \r\n this.getCertificateFile(assetCert.id, assetCert.originalFileName)}>View {assetCert.originalFileName} \r\n {assetCert.addedBy} \r\n {assetCert.dateAdded != null && {assetCert.dateAdded} } \r\n \r\n )\r\n });\r\n\r\n\r\n // Logic for displaying page numbers\r\n const pageNumbers = [];\r\n for (let i = 1; i <= Math.ceil(this.state.assets.length / this.state.itemsPerPage); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n const renderPageNumbers = pageNumbers.map(number => {\r\n return (\r\n {number} \r\n );\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Add Company Assets \r\n \r\n
\r\n \r\n this.setState({ search: e.target.value })}\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='Manufacturer, Model #, Serial #, Description'\r\n />\r\n \r\n this.searchAssets()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Search\r\n \r\n \r\n this.handleAddAsset()}\r\n disabled={this.state.loading ? true : false}\r\n >\r\n Add Instrument\r\n \r\n \r\n
\r\n {this.state.assets.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Cert\r\n \r\n \r\n History\r\n \r\n \r\n Manufacturer\r\n this.handleSort('manufacturer')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Model #\r\n this.handleSort('model')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Serial #\r\n this.handleSort('serialNo')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Tool Description\r\n this.handleSort('description')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n Size / Range\r\n this.handleSort('range')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n # of Pieces\r\n this.handleSort('qty')}\r\n className='sort-button'\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderItems}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.state.assets.length !== 0 && (\r\n \r\n Page \r\n \r\n {renderPageNumbers}\r\n \r\n Page Size \r\n \r\n 10 \r\n 25 \r\n 50 \r\n 100 \r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for requesting a quote for calibration. A TICMS team member is working on your quote.\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n \r\n Email Sent! \r\n \r\n \r\n Thank you for contacting TICMS , your file has been sent for our review!
\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\r\n \r\n {this.state.selectedAsset.id === '' ? 'Add' : 'Edit'} Company Asset \r\n \r\n \r\n \r\n {\r\n var selected = this.state.selectedAsset;\r\n selected.manufacturer = e.target.value;\r\n this.setState({ selectedAsset: selected });\r\n }}\r\n placeholder='Manufacturer'\r\n />\r\n \r\n {\r\n var selected = this.state.selectedAsset;\r\n selected.description = e.target.value;\r\n this.setState({ selectedAsset: selected });\r\n }}\r\n placeholder='Tool Description'\r\n />\r\n \r\n
\r\n \r\n \r\n {\r\n var selected = this.state.selectedAsset;\r\n selected.model = e.target.value;\r\n this.setState({ selectedAsset: selected });\r\n }}\r\n placeholder='Model #'\r\n />\r\n \r\n {\r\n var selected = this.state.selectedAsset;\r\n selected.range = e.target.value;\r\n this.setState({ selectedAsset: selected });\r\n }}\r\n placeholder='Size / Range'\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n var selected = this.state.selectedAsset;\r\n selected.serialNo = e.target.value;\r\n this.setState({ selectedAsset: selected });\r\n }}\r\n placeholder='Serial #'\r\n />\r\n \r\n {\r\n var selected = this.state.selectedAsset;\r\n selected.qty = e.target.value;\r\n this.setState({ selectedAsset: selected });\r\n }}\r\n placeholder='# of Pieces (if applicable)'\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Close\r\n \r\n \r\n {this.state.selectedAsset.id === '' ? 'Add' : 'Save'}\r\n \r\n \r\n \r\n
\r\n {/*TODO: Add closeButton to Header... and get it to display!*/}\r\n \r\n Certificate History \r\n \r\n \r\n \r\n \r\n \r\n Cert\r\n \r\n \r\n File\r\n \r\n \r\n Added By\r\n \r\n \r\n Date Added\r\n \r\n \r\n \r\n \r\n {this.state.loading === true && this.state.loadingDocument === false ? (\r\n \r\n \r\n \r\n \r\n\r\n ) : (\r\n <>\r\n {!this.state.noResults ? (\r\n <>\r\n {renderHistory}\r\n \r\n ) : (\r\n \r\n \r\n No Results Found \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n Close\r\n \r\n \r\n \r\n
\n
\n \n \n
\n {this.state.signinFailed &&\n Username or password is incorrect! \r\n }\n \n this.setState({ username: e.target.value, usernameMissing: false })}\r\n className='form-control'\r\n value={this.state.username}\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='Username'\r\n />\n {this.state.usernameMissing &&\n Username is required! \r\n }\n
\n \n this.setState({ password: e.target.value, passwordMissing: false })}\r\n className='form-control'\r\n value={this.state.password}\r\n onKeyPress={(e) => this.handleKeyPress(e)}\r\n placeholder='Password'\r\n />\n {\n var type = this.state.passwordType === 'password' ? 'text' : 'password';\n this.setState({ passwordType: type });\n }}\n />\n {this.state.passwordMissing &&\n Password is required! \r\n }\n
\n \n \n Forgot your password? \n
\n \n {\r\n this.submitLogin();\r\n }}>\r\n Log In\r\n \n \n
\n \n
\n \n
\r\n {\r\n Session.removeUserSession();\r\n window.location.href = '/login';\r\n return <>;\r\n }} />\r\n {\r\n window.location.href = '/Identity/Account/ForgotPassword';\r\n return <>;\r\n }} />\r\n \r\n );\r\n }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\nimport React, { useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\n//import registerServiceWorker from './registerServiceWorker';\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nReactDOM.render(\n \n ,\n rootElement);\n\n// Uncomment the line above that imports the registerServiceWorker function\n// and the line below to register the generated service worker.\n// By default create-react-app includes a service worker to improve the\n// performance of the application by caching static assets. This service\n// worker can interfere with the Identity UI, so it is\n// disabled by default when Identity is being used.\n//\n//registerServiceWorker();\n\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAYAAAA+s9J6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAS2SURBVHhe7d2hkhxFAIDhgTqR50Aggo2AB8GciKEQCBQCESQIBAqBoDAnzvAgmLMgEDxHRKrArFhC7ezkduj/Zuf7TG5PzFR17189XV1zee/5x6/+noDM+4d/gYgIISZCiIkQYiKEmAghJkKIiRBiT+6w/vffvj38xGN99Mk3h5/YAishxEQIMRFCTIQQEyHERAgxEUJMhBDb5GH9ng+jjc/1sRJCTIQQEyHERAgxEUJMhBATIcRECLHVDutHvhHvsH4Mh/5jWAkhJkKIiRBiIoSYCCEmQoiJEGIihNjQw3qHv0+H+Xo6rIQQEyHERAgxEUJMhBATIcRECDERQmyTh/Vr3etar7PEyHsxz0oIMRFCTIQQEyHERAgxEUJMhBATIcS8Wb9T5uvpsBJCTIQQEyHERAgxEUJMhBATIcRECDGH9Tu1ZL6Yt9b32UoIMRFCTIQQ2+Se8KvPP5iePXt2+PRfr1+/nn74+a/Dp9Ou9TpL2BNebq3vsz95eMYWr7PEknsxb6258DgKMRFCTIQQsyc8Y4vXWWLkvbZo5PhYCSEmQoiJEGIihJgIISZCiIkQYiKEmMP6M7Z4nSWM4byRc2ElhJgIISZCiHmz3pv1J+15Lzfy+7zJCLmceOaN/D57HIWYCCEmQojZE+6U+ZpnTwg7IkKIiRBiDusd1p9kTzhvrfHxFsUZW7zOEiPvtUUjx8fjKMRECDERQsye8IwtXmcJYzhv5FxYCSEmQoiJEGIihJgIISZCiIkQYiKEmMP6M671gHjkvbZo5PhYCSEmQoiJEGLerPdm/Un2hPPWGp9NRsjlzNe8kePjcRRiIoSYCCFmT7hTa82X61zOSggxEUJMhBBzWO+w/qQ97+VGfp+9RXHGtU68MZw3ci48jkJMhBATIcTsCc+41n3IyHtt0cjxsRJCTIQQEyHERAgxEUJMhBATIcRECDGH9Wds8TpLGMN5I+fCSggxEUJMhBDzZr0360/a815u5Pd5kxFyOfHMG/l99jgKMRFCTIQQsyfcKfM1z54QdkSEEBMhxBzWO6w/yZ5w3lrj4y2KM7Z4nSVG3muLRo6Px1GIiRBiIoSYPeEZW7zOEsZw3si5sBJCTIQQEyHERAgxEUJMhBATIcRECDGH9Wdc6wHxyHtt0cjxsRJCTIQQEyHEvFnvzfqT7AnnrTU+m4yQy5mveSPHx+MoxEQIMRFCzJ5wp9aaL9e5nJUQYiKEmAghtuvD+rf9+svt9PDwMN3c3Bx+8+7evHkzvXjxYvr0s/vDb5bb4mG961xu129RvO3rLz6cXr58efj0eHd3d9P3P/15+LTcFsfQdS7ncfTIJSvgsbWuwz6IEGIihJg94ZFXXz6fbm9vD58e7/7+fvruxz8On5a7hjG8FvaEsCMihJgIISZCiIkQYiKEmAghJkKIOaw/4rD+35bcy3UuZyWEmAghJkKIiRBiIoSYCCEmQoiJEGL+DP6R+rB+pGuYr/+Tw3rYERFCTIQQEyHERAgxEUJMhBAT4ZG5/5bsXax1HfZh6GE9XBOH9XAlRAgxEUJMhBATIcRECDERQkyEEFvtsB54HCshxEQIMRFCTIQQEyHERAgxEUJMhJCapn8AGUXBAeelvPwAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"static/media/tic-ms-instruments-icon.72be53d4.png\";","module.exports = __webpack_public_path__ + \"static/media/tic-ms-certs-icon.230fe28f.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/tic-ms-schedule-icon.eb8578f5.png\";","module.exports = __webpack_public_path__ + \"static/media/tic-ms-inquire-icon.61611e2b.png\";","module.exports = __webpack_public_path__ + \"static/media/tic-ms-end-users-icon.208341b7.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAFzUkdCAK7OHOkAAAAEZ0FNQQAAsY8L/GEFAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAWqUlEQVR4Xu3dCZhN9f8H8I+Komz1U1FC9siSMDNkH5Sxy+5HdirGkmKGsW+lDLI2jBKGiewZg8YWxs4/yyP7VsgTWVL0/72/9+OZc8/cOXNn5t6Ze875vJ7nPp3v92rSzLzvOd8902t+If+SEMKlx/ifQggXJCBCGJCACGFA2iBetndzKB05coQOHTpEZ8+epfPnz9OFCxfo4sWLdOvWLbpz5w7dvXtXvR4+fEiPP/44ZcuWjXLkyEHPPfccvfDCC5Q/f34qVKgQlShRgkqVKkXFihWjsm8N5/+C8CYJiIdtXP4BxcTE0KZNm2jfvn109OhR+vvvv/ldz8iaNSuVL1+eAgICqHr16urlX28ivys8SQLiAQtnvkuLFy+mdevW0YEDB7g2/TzxxBNUpUoVaty4MTVv3pzeaT2H3xFpJQFJpQ3f9aZvv/2WvvnmG/X45EsQlo4dO1KbNm3Ir+4ErhWpIQFJocWzW9HEiRNp0aJF9M8//3Cte5555hl65ZVX6OWXX1btijx58qj2Bh6Z8MKdAF8T7RG0T37//Xe6evUqXbp0ic6cOaPaLWinuCt79uwqKMHBwdS4QyTXipSQgLgp4osgGj16NK1evZprjOEX/6233qLKlStTuXLl1AsN7dIBQ/lPpBwa/MeOHVN3rD179tD27dvVI92DBw/4T7iGhn+rVq1o2LBh1Py9BVwr3CEBScb6pT1p0KBBtHDhQq5JWtGiRalZs2ZUt25d9ZhToeZofsd7tq8bSBs3bqQ1a9bQypUr6dq1a/xOYghKly5dKCwsjOq2mMG1wogEJAn4tP70009p/PjxdPv2ba5NDI9JeNZv3749VaxYMU13iLQ6uHU4xcbG0vz582nZsmX0119/8TvOcHfD3aR///5UvvpIrhWuSEBciJrTmtq2bWvY+MaYxMCBA1UwUnOnOLJjFN28eZNu3LihAvioKzhLlizqFxjth1y5clGZqmGqPqV+XNmXZs+eTVOmTKFff/2Va51hTCUiIoK69HPvsdGOJCAa+KX98ssv1S/+vXv3uNZZ2bJlaeTIkdSwYUN6vcowrk3a/rhhdPDgQdq7dy8dPnyYjh8/TqdOnVIN7qQ+4R957LHH1B0KDfrChQtT8eLFqUyZMlShQgUqWLCgW3er+I1DaMaMGTRmzBjV6NfDY1dISAgNHTqUylUbwbXiEQkI27XhE3U3+P7777nGGUa00Ujv3Lmz4ac6QoaG9KpVq9SA4Y4dO9RouaflzZuXatSoQfXq1aMGDRpQjUbh/I5rW9f0p7Fjx6o7yv3797k2AdpMS5cupcDm07lGgATkf2KXvU9BQUHqU96VDz/8UH0CG41WY1xk3rx5amzk559/5tr0gbtAzZo1VcAxUGg09oHHRzTUd+3axTUJXnzxRYqOjqYeH/3ANcL2kxUxroGuWFfheOmllxzTRvbkTDIc0XPbUcXiF9QjDx5V0jscgG5eNM47depE+fLloxpv3KAV33Tid5216rZY3dUwloNxF60rV65Q7dq1KaxfGa4Rtg4IpohUq1aNzp07xzUJMG0DbYZ+YVu4xtnqhV2ofOEzqqEbGRnp8rElI2CAEe0otFfeLHae1i7uxu8kwCPi/OU3acuWLWrgUgvtotatW1PPti9wjb3ZNiDLIjuo8Qr0Iul98skntHz5cnqrwedck2B37GBqXPOh6sVasGBBika20xPuKujuxczfRjUeqMa6XrcBa9WAo7+/P9c44P8Jj5XdWv2Ha+zLlm0QfKpWrVpVTT3Xypw5M82aNYsmzTnFNc6mjK5JXbt2pdOnT3ONeWAU/6uvvqI+oZu5JsGeTSHUoUMH1f7Qw91o+oLLXLIf291Bflo/SPX8uAoHBtdchQODhnUq3VLP52YMB+Dvjb9//YC7qutZ681aY9RsZDTy9XAnGT2oApfsx1YBQRcs7gDohtVCYxW/IJ+MTdyzs+rbzmrdRXi4cTeqWUyaNIlq1aqleu60sAALj2T6kOBxC4Om88IbcY292CogGANYsmQJlxwwGIdfjGGf7eeaBF+Oq6Omj2Dhk5Vs27aN/Pz8aGlEW65xQOMdXdW4w2phdjG6j+NWBXONfdgmIJiNixFyveHDh9PYaUe5lCDkw9dUI/769etcYy1Y/ot22PypTbjGAaPpaItgxoAWHknRTjm83V5zt2wRkANbwtSjlX7pK6aLhIaGcinBB/99ST1W+ErXrbdg6kmdOnXo62lNucYBA41oj2EumBZWTE6fbq+Rdlv0YnVsmkNNWdfC1PT4+Hiq8vZnXOOAcPTq1YtL9vD888+rtSVN/jufaxzGDa5EjRo5tz2w6AvjQ0FtI7jG2iwfEHTpvvbaa05T1tHuwC9E1/5ruMYBvTVNmzp/mtoFxkt2796d6AMjoPSvNGeO8xr3+vXrq7tJRk7tTy+Wf8TCmgf9eg7cIfThwJQRPGPb1YkTJ9Rjpb6NgV6vAgUKcMnhhx9+UAGxA0vfQTCVRN/YxPwqzJcKqP8p1zjGOSpVquRzmy9kBARibrTz7AJXd1bMJMCjltWnyFv6DoLp3Xr4BdCGA9CTJeFwGDx4MC35qg2XHJo0aUKBgYFccsBYEsaOrM6ydxDMtSpZsqTTXKnSpUurIGgXOuEugwVIKd2hxMowMIqxEu33acH05mqzOi207bBrpDsLx8zKsncQrCXXTyTEOmztDxMj63369JFw6GA6PCZiarXv/Z3akEILj6pYGGZllgwI5lvpb/+Ylt6iRQsuOWAnkLi4OC4JLTxqYRKjFpbl6mFyp5VZMiAY5ML0CC30ZunvHmh7CNewZl7fvYu7CNbPaKFHy9WaE6uwZED0jwdPP/00tWzZkksOGzZsUGshRNImTJiQaOYvZvdq4TFW//22EssFJCa6l9pZXcvVOm1MXBTGcBfBwjEtjKznzp2bSw76P2MllgsIJtrpG+dYq62F3RLXrl3LJWFk5syZfOXwRo1RahtTLdyJrfqYZbmA6O8e2KkD2+NoYecRfYiEa5s3b6Z1Ud255KDvzQK0RazIUgE5tG2E2ohAC7NV9f30UVFRfCXcgf2ytHBgDyYtaum/71ZhqYBgB0P9JgwIiBY+Da22AMrb9GMdeMzCPlxa6C5Hz6DVWCogP/74I18lwDpsrfXr1/OVcBdmPmPnSS0c7aCFcxcvX7be5g6WCgh+kFqYwl2/pfNAlqsQCWNYaLZz504uOWCrUj1MO7EaSwVEvxkDDq3Rw/pzTC2R6SXuwbam+F5howctbKKtJwHxYWignzx5kksOmF6ih907Hr1E8jJlyqS+V/qODowrYa8tLexcbzWWCQg2IdAfJ4DZpsJ78AirhYFFq7FMQFx9eklAvAvnlmhJQHwUelhcTbvGtpmBlf9UL9mx3HOG9i2tvqfoVtfCIy72Acb32tVewGZk+gVTIwaUo549exoeXgn4M1sPOm/G/H8/ef+QTbPDrpPFKzp38fqXuqL2+TWCA4dwBNyQ8fFcY06mvoPgkwprPJILh0h/OBcR69jNvq+vaQOCRVG4Kwjfhflu3bt3V0dGmJVpA4IzwV0dSil8y9WrV009c9q0AdEPCgrflRHH0nmKaQMiI+Hmod8T2UxM3UgXwtskIEIYkIAIYUACIoQBCYgQBiQgQhiQgAhhQAIihAEJiBAGJCBCGJCACGFAAiKEAdMGJHPmzHwlfF2WLFn4ynxMGxCcNyjMwcw/K9MGJCgoSO3cLnwbjt1+++23uWQ+pg1IpTrjaN68eWpTAeGb8BgcGRlJb9YawzXmY+pG+sCR2ykmJoYKFy7MNcJXFClSRB1zFzzM3IekWuKc9INbh6vzKbBP0+3bt7nW2RtvvEEfjdrBJQfZ9id5rrb9mRDiRwcOHKCjR4+qw4i0+vXrRw0aNFCHFllhe1dLBCS1JCDJcxWQR96t94TTScHY6PqPP/6gyoHjucb8TP2IJTLW6tWr+coBu+lbKRwgARGpEj23XaJjtM3cW5UU2wUkblUwbVz+gXqJ5P377790ePtILiWYOnUqXyVo3bo1X1mH7QKCw/ExfiJjKO5599131RkhWjjyOSIigksOlStXplbdFnPJOmwXkEGDBiU6oVW45u/vr4JQOmAo1zgMGDAg0Vks/fv35ytrsV1AajQKp+DgYC6JpFStWlWdfY4BWS1sGB4dHc0lh7Jly6o7jRXZspsX54mULFmSzp8/zzXmkTVrVqpWrRoVLVqUnnrqKa51D3ajxElcOMhUf1y2VqdOnWjmzJlUoaZzN/h389qrRyl05Wpt3LiR+oRu5pK12HYcZOTA8tS8eXMu+T6EYciQIdS3b18KqP8p16bO3s2happOSEiI0wbgefLkUY3vUeGJD+NEpwbuKvpzIBGm+OMvc8l6bNvN26xZM2rUqBGXfBsOo9mxYwdFrbuf5nAA7gzTvr5I+/fvVwedPvvsszR48GA6ceKEy3Bs+K63Om9eH45XX32VpkyZwiVrsvVI+uYVfej1119Xh734KjxSIRzte3/HNZ6Fbm9MKkwqeItnt6KGDRvSmTNnuMYBHR34e7XpsYRrrMnWAQHMK8LUeV81efJkmhOV+AQtzD+7d+8el9yDhUvlqyce03DlyI5R9PXXX1Pv3r0TzW/D11mxYoWaLGp1tn3EeuTjMTtp6FDnbkxfgXPI33//fS45IBhvV7lHOXLkUJ/iKXnhblQq/wnatnYAfzXXVi/sQk2aNKGOHTsmCseTTz5JUVFRtggH2D4gMGLECGrcuDGXfAeOLytXbQSXHDAG8dlnn9GdO3e4xn0PHjygJUuWqLMDXY2OoyFeP+AulShRQt0h9HLmzKnmX4VO3Ms11icB+Z/XqwyjBQsWUMWKFbnGN+AXWWtpRFuXUzxSCt28S5cuVdcIyrSxtal84TNUoEABmjRpUqJBQMCZ87t27TL9+o6UkoAwv7oTaN26dapXxxfkypWLihcvziUHhBgHY3oCptxULH6B8uXLRzVr1lRf21UwAIelxsfHU/P3FnCNfdi+ka4XE92LatWqRcePH+eajIGp439nde48eDHbT2pQLr1ghBx3rF4fx3CN/cgdRKduixm0detWqlAhY8/3zp49O18lwImx6QF3LvRg7du3z9bhAAmICzUbT6HNmzdTYGAg16Q/VwdfohfKW7AasH79+up4bZxKO2HGCSpTNYzftS8JSBL8601UbZKMmqV66dIlvkqA+WOehBF0dATMmjWLLl68SOf/eJMGj9stwdCQgBjApgPrf8qmNibAuEN6OnfuHG1d4xxOT06NwbT/a9eu0YkrpWhK5Hmq3XQavyO0JCBuGDvtqNoxBZP10hO2zdHCWA0a72mVO3duNZ6C7m1hTALipqC2ERQXF0fh4eFqwCw9zJ8/n68c8OiD8QuMV6QWRtQxWFirSdrHU+xAunlTASPOeETx5LhEUnbv3k3v9V3JJYedMR+rkW48IqVEtmzZ1LyzwObTuUYkRwKSBpjpimkq+hV2nlSmTBk1gm3m7TvNTB6x0qB19yg6erEEHT58WM2bwie0px06dIjatWtH++OkvZARJCAegKBsP/y86irFAqKAgAB+xzOWLVtGderUUbNsRfqSRywvwdY4y5cvp9jYWNW4v3XrFr+Tephqjr2nsIAJew03bDeX3xHeIgFJBwe2hKnlrXihuxiPTRjnwGAgNlJITt68edUO9phRi/lRmHWM7l53Fz+J1JOAZKBD20ao5b43b95U6zvwwpoNrNhDdyxGurGRggQh40hAhDAgjXQhDEhAhDAgARHCgARECAMSECEMmLYXC2vHcYjksWPH1Ag2BuK0L2yqhsNfXNGfd6Fn9H5a/l3w1tfOqH8X0C2NJcJYM/Pon3gVLFhQjd1gDMesU+tNERDsxo4lsFgfsXPnThUKjB0Ic8BSYaxzR1gwyImlvS06O5+O66t8NiCYqoGVfDijAqG4f/8+vyOsALtG4kxDvDDPzFdnK/tUQLCtJjYNmD17trpbYFRZWB9mDOAYBewD3LhDJNf6Bp9opO+OHUztGmaj/Pnzq2MJcNeQcNgHzij5/PPPqVixYpQ/5x61obivyNCAYBJf7/Z5qUiRIupwmMuXL/M7wo6wOhMfjlj1mDPTJor4IuN33c+wgIz5+E21STJ2L5dgCD2cPeLn50dlCv6i2qMZJd0Dsn3dQLVRMrbX/+WXX7hWCNcWLVqkPkg7t8itzixJb+kakMkjq6sTnbDZgRDuunv3rtqm6J133lGngqWndAkIkt+0NlG9evVMebKs8A3Y6RKbWHwxohrXeJ/XA4ITVbFMdPTo0V7fIkdY35UrV9RAY482z3ONd3k1ID+u7KuOEsCRXUJ4Cj5o+/TpQ83qGE+B8QSvBQSbq1WpUkX1RgjhDaNGjaJq5a67PE7OU7wSEGy6jKMDcO62EN40Y8YMNQrvrR4ujwcEEwsxvwabqQmRHnDYT0hICJc8y6MBwcg4tujHVplCpKexY8dSn075ueQ5Hg3IRx99RJs2beKSEOkLszImhvpzyTM8FpCwfmVo8uTJXBIi/WETvvbt29O6qO5ck3YeCciyyA7UtWtXLgmRcW7cuEEdOnTwWM9WmgOCdkfLli1lhZ/wGdgLedy4cVxKmzQHBPP4sd+sEL5k+PDhFDmlMZdSL00rCtcs6kqlSpWi27dvc40QvgPr33FCV+mAoVyTcmm6g6DXQMIhfFV8fDxFRqZtCW+qAzJ+SGVas2YNl4TwTVipijMdUyvVAQkLk8Pmhe/DatUxY1K/Y0qqAjJucCXat28fl4TwbVOnTqW4VcFcSplUBQQnuwphFmgnT5s2jUspk+KAYEuWvXv3ckkIc0BA4jcO4ZL7UhyQ6dPlEHphPteuXaOIiAguuS9FAVm/tCetX7+eS0KYS3h4OF+5L0UBQZ+y7HgozOrkyZM0Z9I7XHKP2wHBiq25c+VcbmFuKd1yyu2AbNu2jU6dOsUlIcwJG4jsj3P/rBK3A7J69Wq+EsK8rl+/TmvXruVS8twOSEq+qBC+bMWKFXyVPLcCghVasgmDsAqcPeMutwIikxKFlVy4cIGi57bjkjG3AoLzAYWwkpiYGL4y5lZAMK9eCCuJjY3lK2PJBgS7JJ4+fZpLQliDux/6yQZkz549fCWEdWCX+Nhl73MpaRIQYVsHDhzgq6QlG5AjR47wlRDW4pGAnD17lq+EsBZ3tqtKNiDnzp3jKyGsxZ0Pf8OAHNw6XI5oFpblznmZhgG5ePGi2hBYCCvChz9uAkYMA3Lp0iW+EsJ6sPgvuSckw4DcunWLr4SwJjwlGTEMyJ07d/hKCGv6888/+co1w4DcvXuXr4SwpuRuAnIHEbaW3E1A7iDC1tJ0B5EuXmF1abqDCGF1Dx8+5CvXJCBCGHg8z8vVkhxKrFA6G/n5+XEp/fXo0YMKFSpEv/32m+ErOjpaHbclfIe/v7/63XH189K+MvpnhyPa9hxOuqvX8IzCbq3+Q8HBqTtXwRNCQ0Np+UYuGMCO80FBQVwSviAwMJAu/VmZS0nL6J8ddn2f8e0VLiUmj1hCGJCACGFAAiKEAQmIEAYkIEIYkIAIYUACIrwiU6ZMfGVuEhAhDEhAhDAgARHCgARECAMSECEMSECEMCABEcKABER4hYyDCGEDEhAhDEhAhDAgARHCgARECAMSECEMSECEMCABEV4h4yBC2IAERAgDEhAhDEhAhDAgARHCgARECAMSECEMSECEMGB4PogQdid3ECEMSECEMCABESJJRP8PdrK9QkGiN24AAAAASUVORK5CYII=\""],"sourceRoot":""} ![](\"/images/ticlogo.jpg\")
\n