;\n }\n\n let focusedSextantInfo = null;\n let brushingPlan = null;\n if (focusedSextant) {\n focusedSextantInfo = (\n \n \n
\n );\n\n if (this.state.plan) {\n let planTime = 0;\n switch (this.state.currentSextant) {\n case 1:\n planTime = this.state.plan.top_right_time;\n break;\n case 2:\n planTime = this.state.plan.top_center_time;\n break;\n case 3:\n planTime = this.state.plan.top_left_time;\n break;\n case 4:\n planTime = this.state.plan.bottom_left_time;\n break;\n case 5:\n planTime = this.state.plan.bottom_center_time;\n break;\n case 6:\n planTime = this.state.plan.bottom_right_time;\n break;\n default:\n break;\n }\n\n brushingPlan = (\n \n
Brushing Plan \n
time (seconds)
\n
\n
Save\n Plan \n
\n Plan updated\n \n
36 ? chartData.length - 36 : 0}>\n \n \n \n \n );\n }\n\n let dropdown = (\n Perio\n Exam: {v.date} \n )\n })\n }\n \n );\n\n let chart = null;\n if (chartData !== null && chartBrush !== null) {\n chart = (\n \n \n \n \n \n \n );\n } else {\n chart = (\n \n {\"There are no brushing sessions available for the dates \" + (this.state.previousPerioDate ? \"between \" + this.state.previousPerioDate +\n \" and \" : \"before \") + (this.state.perioDate ? this.state.perioDate : \"today\") + \".\"}\n \n )\n }\n\n let print_plan_info = [];\n if (this.state.plan) {\n for (let i = 0; i < 6; i++) {\n print_plan_info.push(\n \n {i + 1} \n {this.state.plan[Scorecard.sextantPlans[i]]} \n \n )\n }\n }\n\n let today = new Date();\n let currentMonth = today.toLocaleString('en-us', {month: 'long'});\n let currentYear = today.getFullYear();\n let currentDay = String(today.getDate()).padStart(2, '0');\n\n let patientName = this.state.patient && this.state.patient.hasOwnProperty('first_name') ? this.state.patient.first_name : '';\n if (patientName !== \"\") {\n patientName += this.state.patient.hasOwnProperty('last_name') ? ' ' + this.state.patient.last_name : '';\n }\n\n // Do not react to sextant selection as per SB-64\n // let displayScore = 'N/A';\n // displayScore = focusedSextant && this.state.sextantScores.length === 6 ? this.state.sextantScores[this.state.currentSextant - 1] + '%' : displayScore;\n let displayScore = this.state.generalScore ? this.state.generalScore + '%' : 'N/A';\n\n let brushMfgLogo = null;\n switch (this.state.manufacturer) {\n case \"Brushlink\":\n brushMfgLogo = (\n \n
\n \n \n
\n \n {\"Average Brushing Score \" + this.state.brushScoreLabel}\n
\n \n
\n
\n \n
\n Brushing Score\n
\n
\n {displayScore} {this.state.generalTrend ? this.state.generalTrend.label : ''}\n
\n
\n
\n Perio Score\n
\n
\n {perioScore > 0 ? perioScore + '%' : 'N/A'} {perioTrend ? perioTrend.label : ''}\n
\n
\n
\n \n Frequency: {this.state.averageBrushingDaily} times/day\n
\n \n Length: {abmLabel} {absLabel} \n
\n \n Days Missed: {this.state.daysMissed} \n
\n \n
\n\n
\n \n
\n \n {this.state.activePerio && focusedSextant ? \n {chart}\n
\n {brushingPlan}\n \n
\n
\n\n
\n
\n \n
\n \n
\n
\n\n
\n
\n
\n Report: {patientName} \n \n Brushing Grade: {this.state.generalScore ? this.state.generalScore : 'N/A'}% Perio Grade: {perioScore > 0 ? perioScore : 'N/A'}% \n \n
\n
\n Brushing Plan \n \n \n Sextant \n Duration(s) \n \n \n {print_plan_info}\n
\n \n\n
\n
\n \n Brushing Statistics \n Length {abmLabel} {absLabel} \n Frequency {this.state.averageBrushingDaily} times/day \n Days Missed {this.state.daysMissed} \n \n
\n
\n
\n
\n
\n
\n
\n
\n Notes \n \n
\n
\n
\n\n
\n Brush Providers \n \n You have not paired with a brush provider yet, brushing data will be disabled until you link\n up with the patient's brush provider. You can access the configuration page by clicking\n this link .
\n The SmartBrush configuration page can also be accessed through the DDX store and clicking the\n configure button under the SmartBrush section.
\n \n \n OK \n \n \n
\n
Before you can use the DDX SmartBrush, you must agree to our terms of service. Please review the\n information below and accept the terms to continue. \n
Service Agreement Document \n
\n
\n
\n By checking this box, you agree to the terms in the document linked above\n
\n
Accept \n
\n Paired \n Disconnect \n \n );\n } else {\n let grushTermsAccepted = this.state.preferences.grush_accepted;\n if (grushTermsAccepted == null) {\n\n }\n\n let grushSignUp = null;\n if (!this.state.grush_reg_token) {\n grushSignUp = (\n \n Sign up with Grush \n \n Grush Signup \n \n \n \n );\n }\n grush_paired = (\n \n Pair existing Grush account \n {grushSignUp}\n \n Grush Pair \n \n \n\n \n );\n }\n\n let brushlink_paired = null;\n if (this.state.brushlink_paired === true) {\n brushlink_paired = (\n \n Paired \n Disconnect \n \n );\n } else {\n\n let blTermsAccepted = this.state.preferences.brushlink_accepted;\n if (blTermsAccepted == null) { // document link & accept button\n //blTermsAccepted = (\n\n //);\n }\n let signUp = null;\n if (this.state.brushlink_reg_token) {\n signUp = (\n Sign up with\n Brushlink \n );\n }\n brushlink_paired = (\n \n Pair existing Brushlink account \n {signUp}\n \n );\n }\n\n let bl = null;\n if (process.env.REACT_APP_BRUSHLINK_ENABLED === \"1\") {\n bl = (\n \n Brushlink\n \n );\n }\n\n let gr = null;\n if (process.env.REACT_APP_GRUSH_ENABLED === \"1\") {\n gr = (\n \n Grush\n \n )\n }\n\n let oralb = null;\n if (process.env.REACT_APP_ORALB_ENABLED === \"1\") {\n oralb = (\n \n Oral-B\n \n Pair a patient with Oral-B \n \n \n \n )\n }\n\n return (\n \n
Brush Providers \n
\n Pair with brush providers to support patients with those smart toothbrushes, and to view and\n interact with their brushing data.\n
\n
\n
\n \n {patient.pairing_patient_info ? patient.pairing_patient_info.first_name + \" \" + patient.pairing_patient_info.last_name : \"DDX ID: \" + patient.pairing_patient}
\n \n \n Linked with {patient.pairing_manufacturer_text}
\n \n \n this.patientPairAction(patient.pairing_patient, \"0\")} color=\"danger\">Un-pair \n \n \n );\n }\n\n return (\n \n
Patient Management \n
\n Message\n \n
\n
\n \n Patient \n Status \n Actions \n \n \n {patients}\n \n
\n
\n
\n
\n
\n
Analytical Configuration \n
\n Configuration updated\n \n
Here you can modify how much a section of the grades counts towards the final score. If they are set to zero, they will not be used to calculate the patients final perio or brushing scores. \n
\n
\n Reset to Defaults \n Save configuration \n
\n
\n );\n }\n\n return (\n \n \n Authentication Error \n There was a problem authenticating with DDX. The following message was returned from the server:
\n {this.state.error} \n \n
\n \n );\n }\n}\n\nexport default Auth;\n","import React from 'react';\nimport querystring from 'query-string';\nimport {Col, Container, Row} from 'reactstrap';\nimport fetch from './fetch';\n\nclass BrushlinkAuth extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n error: null\n };\n }\n\n componentDidMount() {\n const query = querystring.parse(window.location.search.substring(1));\n if (query.error) {\n let redirect;\n switch (query.error) {\n case 'login_required':\n case 'interaction_required':\n redirect = window.sessionStorage.getItem('brush_brushlink_authorize_url');\n break;\n default:\n break;\n }\n if (redirect) {\n window.location = redirect;\n } else {\n this.setState({\n error: query.error_description\n });\n }\n return;\n } else {\n window.sessionStorage.removeItem('brush_brushlink_authorize_url');\n }\n\n const state = window.sessionStorage.getItem('brush_brushlink_state');\n window.sessionStorage.removeItem('brush_brushlink_state');\n\n // Section removed as per https://ddxdental.atlassian.net/browse/SB-67\n // if (query.state !== state) {\n // this.setState({\n // error: 'Invalid state'\n // });\n // return;\n // }\n\n // api request to backed with code\n let params = {\n code: query.code\n };\n\n fetch('/api/v1/brushlink-token?' + querystring.stringify(params), {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n }\n }).finally((resp) => {\n if (!this.state.error) {\n //browserHistory.replace(query.redirect_uri ? query.redirect_uri : '/providers');\n if (window.opener) {\n window.opener.location.reload();\n // window.close(); // https://ddxdental.atlassian.net/browse/SB-67\n }\n }\n });\n\n }\n\n render() {\n if (!this.state.error) {\n return (\n \n
\n Successfully paired with Brushlink! You can now close this window and access patient data from\n inside the DDX Smartbrush Addon\n \n \n );\n }\n\n return (\n \n \n Authentication Error \n There was a problem authenticating with Brushlink. The following message was returned from\n the server:
\n {this.state.error} \n \n
\n \n );\n }\n}\n\nexport default BrushlinkAuth;","import React from 'react';\nimport { Navbar, Nav, NavbarBrand, NavItem, Container, Row, Col } from 'reactstrap';\nimport { Link, browserHistory } from 'react-router';\nimport auth from './auth';\nimport querystring from 'query-string';\n\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nclass ManufacturerBase extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n }\n }\n\n componentDidMount() {\n }\n\n _onSessionChange() {\n // Change detected; wipe session\n window.sessionStorage.removeItem('session_state');\n window.sessionStorage.removeItem('access_token');\n window.location.reload();\n }\n\n render() {\n return (\n \n
\n \n DDX SmartBrush - Portal\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n\n
\n
\n
\n \n DDX SmartBrush - Portal\n \n \n \n \n
\n\n
Smartbrush Login \n
\n
this.publishContent(content.content_id, '0')}>Un-publish \n );\n } else if (content.content_approved === '1') {\n published = (\n this.publishContent(content.content_id, '1')}>Publish \n );\n }\n\n let rejected = null;\n if (content.content_approved === '-1') {\n rejected = (\n \n this.reapplyContent(content.content_id)}>Re-apply for approval \n this.showApprovalLog(content)}>Approval Log \n \n );\n }\n\n let edit = (\n this.selectEdit(content)}>Edit \n );\n\n let deleteButton = (\n { this.setState({ deleteContent: content }); this.toggleDeleteModal(); }}>\n Delete\n \n );\n\n let viewDetails = (\n this.selectContent(content)}>View Details \n );\n\n\n let contentSubtitle = \"\";\n switch (content.content_approved) {\n case \"-1\":\n contentSubtitle = \"Approval denied\";\n break;\n case \"0\":\n contentSubtitle = \"Awaiting approval\";\n break;\n case \"1\":\n if (content.content_published === \"1\") {\n contentSubtitle = \"Currently published\";\n } else {\n contentSubtitle = \"Currently un-published\";\n }\n break;\n }\n\n let lastAction = new Date(content.content_uploaded);\n if (content.content_updated) {\n lastAction = new Date(content.content_updated);\n }\n let daysPending = (((new Date()).getTime() - lastAction.getTime()) / 86400000);\n let hoursPending = Math.floor((daysPending % 1) * 24);\n let daysText = 'day';\n if (daysPending >= 2) {\n daysText = 'days';\n }\n let hoursText = 'hour';\n if (hoursPending >= 2) {\n hoursText = 'hours';\n }\n\n let contentPending = \"\";\n let action = \"Pending for\";\n if (content.content_approved === \"1\") {\n if (content.content_published === \"1\") {\n action = \"Published for\";\n } else {\n action = \"\";\n }\n }\n\n if (action !== \"\") {\n if (daysPending >= 1) {\n contentPending = (\n {action} {daysPending.toFixed(0)} {daysText} and {hoursPending} {hoursText}
\n );\n } else if (hoursPending >= 1) {\n contentPending = (\n {action} {hoursPending} {hoursText}
\n );\n } else {\n contentPending = (\n {action} less than an hour
\n );\n }\n }\n\n if (content.content_approved === \"-1\") {\n contentPending = (\n Denied on {lastAction.toLocaleString('en-us', {month: 'short'})} {lastAction.getDate()}, {lastAction.getFullYear()}
\n );\n }\n\n let html = (\n \n \n {content.content_title} {contentSubtitle} \n \n {contentPending}\n \n\n \n \n {viewDetails}\n {edit}\n \n \n â‹® \n \n {published}\n {rejected}\n {deleteButton}\n \n \n \n \n
\n \n \n\n );\n\n content.html = html;\n\n switch (content.content_approved) {\n case \"0\":\n approvalContent.push(content);\n break;\n case \"1\":\n approvedContent.push(content);\n break;\n case \"-1\":\n rejectedContent.push(content);\n break;\n }\n }\n }\n }\n\n this.setState({\n content: {\n approvedContent: approvedContent,\n approvalContent: approvalContent,\n rejectedContent: rejectedContent,\n }\n });\n }\n\n submitEditContent(e) {\n e.preventDefault();\n\n const data = new FormData(e.target);\n\n this.setState({\n formInvalid: false,\n submitFailed: false\n });\n\n if (!this.validateForm()) {\n this.setState({\n formInvalid: true\n });\n return;\n }\n\n mfgFetch('/api/v1/mfg/resubmit', {\n method: 'POST',\n body: data,\n })\n .then(async (resp) => {\n if (!resp || !resp.ok) {\n throw \"invalid response status\";\n }\n this.setState({\n editModalState: false,\n alertState: true,\n });\n this.grabContent();\n this.setAlertMessage(\"Your content was successfully edited.\\n\");\n })\n .catch((err) => {\n console.error('There was an error trying to edit your content: ', err);\n this.setState({\n submitFailed: true\n });\n });\n }\n\n handleEditSubmit(e, id) {\n this.submitEditContent(e);\n if (this.state.reapplyEdit) {\n this.reapplyContent(id);\n }\n }\n\n saveAndReapply() {\n this.setState({\n reapplyEdit: true,\n });\n }\n\n submitContent(e) {\n e.preventDefault();\n const data = new FormData(e.target);\n\n this.setState({\n formInvalid: false,\n submitFailed: false,\n addDisabled: true,\n });\n\n if (!this.validateForm()) {\n this.setState({\n formInvalid: true,\n addDisabled: false,\n });\n return;\n }\n\n mfgFetch('/api/v1/mfg/content', {\n method: 'POST',\n body: data,\n })\n .then(async (resp) => {\n if (!resp || !resp.ok) {\n throw \"invalid response status\";\n }\n this.setState({\n addModalState: false,\n alertState: true,\n addDisabled: false,\n });\n this.grabContent();\n this.setAlertMessage(\"Your content was successfully submitted. Please wait for one of our team members to review and process your content.\\n\");\n })\n .catch((err) => {\n console.error('Could not submit content: ', err);\n this.setState({\n submitFailed: true,\n addDisabled: false,\n });\n });\n\n }\n\n addContentClick(e) { // open add content window\n this.setState({\n addModalState: true,\n content_title: \"\",\n content_type: \"video\",\n content_description: \"\",\n content_category: \"educational\",\n content_range_start: null,\n content_range_end: null,\n content_file: null,\n content_thumbnail: null,\n });\n }\n\n toggleAddModal() { // toggle open content window\n this.setState(prevState => ({\n addModalState: !prevState.addModalState\n }));\n }\n\n toggleDeleteModal() { // toggle open content window\n this.setState(prevState => ({\n deleteModalState: !prevState.deleteModalState,\n }));\n }\n\n toggleViewModal() {\n this.setState(prevState => ({\n viewModalState: !prevState.viewModalState,\n }));\n }\n\n toggleLogModal() {\n this.setState(prevState => ({\n logModalState: !prevState.logModalState,\n }));\n }\n\n toggleEditModal() {\n this.setState(prevState => ({\n editModalState: !prevState.editModalState,\n }));\n }\n\n toggleWarningModal() {\n this.setState(prevState => ({\n warningModalState: !prevState.warningModalState,\n }));\n }\n\n\n validateForm() {\n // @TODO extra form validation\n return true;\n }\n\n handleChange(e) {\n if (e.target.name === 'content_file' || e.target.name === 'content_thumbnail') {\n this.setState({ [e.target.name]: e.target.files[0] });\n return;\n }\n this.setState({ [e.target.name]: e.target.value });\n }\n\n deleteContent(contentId) {\n mfgFetch('/api/v1/mfg/delete', {\n method: 'POST',\n body: JSON.stringify({\n content_id: contentId,\n }),\n })\n .then(async (resp) => {\n if (!resp || !resp.ok) {\n throw \"invalid response status\";\n }\n this.setAlertMessage(\"Successfully deleted content.\");\n this.grabContent();\n })\n .catch((err) => {\n console.error('could not delete content: ', err);\n this.setAlertMessage(\"There was an error trying to delete that content.\");\n });\n this.setState({\n deleteModalState: false\n });\n }\n\n publishContent(contentId, status) {\n mfgFetch('/api/v1/mfg/publish', {\n method: 'POST',\n body: JSON.stringify({\n content_id: contentId,\n content_published: status\n }),\n })\n .then(async (resp) => {\n if (!resp || !resp.ok) {\n throw \"invalid response status\";\n }\n let action = \"published\";\n if (status === '0') {\n action = \"un-published\";\n }\n this.setAlertMessage(\"Successfully \" + action + \" content.\");\n this.grabContent();\n })\n .catch((err) => {\n console.error('could not publish content: ', err);\n this.setAlertMessage(\"There was an error trying to modify that content.\");\n });\n\n }\n\n reapplyContent(contentId) {\n mfgFetch('/api/v1/mfg/reapply', {\n method: 'POST',\n body: JSON.stringify({\n content_id: contentId,\n }),\n })\n .then(async (resp) => {\n if (!resp || !resp.ok) {\n throw \"invalid response status\";\n }\n this.setAlertMessage(\"Successfully re-submitted content for approval.\");\n this.grabContent();\n })\n .catch((err) => {\n console.error('could not re-apply content: ', err);\n this.setAlertMessage(\"There was an error trying to re-submit that content for approval.\");\n });\n }\n\n dismissAlert() {\n this.setState({\n alertState: false,\n });\n }\n\n setAlertMessage(msg) {\n this.setState({\n alertMessage: msg\n });\n }\n\n render() {\n let approvalContent = [];\n for(let content of this.state.content.approvalContent) {\n if (!content) {\n continue;\n }\n approvalContent.push(content.html);\n\n }\n // Add more content button\n approvalContent.push(\n \n \n this.addContentClick(e)}>\n + \n
\n \n \n );\n\n let approvedContent = [];\n for(let content of this.state.content.approvedContent) {\n if (!content) {\n continue;\n }\n approvedContent.push(content.html);\n }\n\n let rejectedContent = [];\n for(let content of this.state.content.rejectedContent) {\n if (!content) {\n continue;\n }\n rejectedContent.push(content.html);\n }\n\n let approvalSection = (\n \n
Awaiting Approval \n
\n {approvalContent}\n
\n
\n
Approved Content \n
\n {approvedContent}\n
\n
\n
Rejected Content \n
\n {rejectedContent}\n
\n
Start Date: {(new Date(this.state.selectedContent.content_range_start)).toLocaleDateString(locale)}End Date: {(new Date(this.state.selectedContent.content_range_end)).toLocaleDateString(locale)}Pending for: {daysPending.toFixed(0)} {daysText} and {hoursPending} {hoursText}Pending for: {hoursPending} {hoursText}Pending for: less than an hour\n {this.state.selectedContent.content_title} \n \n \n
\n
\n Description: {this.state.selectedContent.content_description}
\n Type: {this.state.selectedContent.content_type}
\n Category: {this.state.selectedContent.content_category}
\n {start}\n {end}\n Manufacturer: {this.state.selectedContent.content_manufacturer_text}Uploaded: {uploaded.toLocaleDateString(\"en-US\")}Last Updated: {updated.toLocaleDateString(\"en-US\")} \n
\n \n View Content \n \n \n
\n
\n this.toggleViewModal()}>Close \n \n
\n \n );\n }\n\n let deleteModal = null;\n if (this.state.deleteContent) {\n deleteModal = (\n \n Are you sure? \n \n Please confirm that you would like to DELETE content titled: {this.state.deleteContent.content_title} \n \n \n this.deleteContent(this.state.deleteContent.content_id)}>Yes, delete \n this.toggleDeleteModal()}>No, go back \n \n \n );\n }\n\n let logModal = null;\n if (this.state.logContent) {\n let denials = [];\n for (let denial of this.state.logContent.content_denials) {\n let deniedDate = new Date(denial.denial_created);\n denials.push(\n \n Denied by {denial.denial_username} - {deniedDate.toLocaleString('en-us', {month: 'long'}) + '-' + deniedDate.getDate()} \n Reasoning: {denial.denial_reason} \n \n );\n }\n logModal = (\n \n {this.state.logContent.content_title} - Approval Log \n \n {denials}\n \n \n this.toggleLogModal()}>Close \n \n \n );\n }\n\n let addModal = (\n \n Upload Content \n \n \n );\n\n let warningModal = (\n \n Warning \n \n Editing a piece of content that is already approved will cause it to become un-approved and no longer able to be published. It will re-enter the awaiting for approval queue if edited.\n \n \n this.setState({warningModalState: false})}>I understand \n \n \n );\n\n let editModal = null;\n if (this.state.editContent) {\n\n let dateInputStart = new Date(this.state.content_range_start);\n let startInputValue = \"\";\n if (dateInputStart) {\n let tempDate = new Date(dateInputStart.getTime() - (dateInputStart.getTimezoneOffset() * 6000));\n if (!isNaN(tempDate)) {\n startInputValue = tempDate.toISOString().split(\"T\")[0];\n }\n }\n let dateInputEnd = new Date(this.state.content_range_end);\n let endInputValue = \"\";\n if (dateInputEnd) {\n let tempDate = new Date(dateInputEnd.getTime() - (dateInputEnd.getTimezoneOffset() * 6000));\n if (!isNaN(tempDate)) {\n endInputValue = tempDate.toISOString().split(\"T\")[0];\n }\n }\n editModal = (\n \n Edit Content \n \n \n );\n }\n\n return (\n \n
\n \n {this.state.alertMessage}\n \n \n {approvalSection}\n {approvedSection}\n {rejectedSection}\n\n {addModal}\n {editModal}\n {viewModal}\n {deleteModal}\n {logModal}\n {warningModal}\n
\n \n {content.content_title} \n \n \n \n \n \n \n Thumbnail Impressions: {loaded} since initial upload
\n Thumbnail Clicks: {clicked} since initial upload
\n Upload Date: {uploaded.toLocaleDateString(\"en-US\")}
\n Last Updated: {lastUpdated.toLocaleDateString(\"en-US\")}
\n this.viewDetailedInfo(content)}>Detailed Analytics \n \n \n \n \n \n );\n\n }\n }\n\n let logoLoads = 0;\n let logoLoads30 = 0;\n\n if (this.state.analytics.analytics_logo) {\n for (let logoLoad of this.state.analytics.analytics_logo) {\n logoLoads++;\n let now = new Date();\n let logoDate = new Date(logoLoad.analytic_created);\n let diffDays = Math.abs(now.getTime() - logoDate.getTime()) / (1000 * 60 * 60 * 24);\n if (diffDays < 30.0) {\n logoLoads30++;\n }\n }\n }\n\n const categoryBarData = [\n {\n \"name\": \"Educational\",\n \"Thumbnail Clicks\": eduClick,\n \"Thumbnail Impressions\": eduLoad,\n },\n {\n \"name\": \"New Products\",\n \"Thumbnail Clicks\": newClick,\n \"Thumbnail Impressions\": newLoad,\n },\n {\n \"name\": \"Events\",\n \"Thumbnail Clicks\": eventsClick,\n \"Thumbnail Impressions\": eventsLoad,\n },\n {\n \"name\": \"Miscellaneous\",\n \"Thumbnail Clicks\": miscClick,\n \"Thumbnail Impressions\": miscLoad,\n }\n ];\n\n let barChart = (\n \n \n \n \n );\n\n let practiceInfo = [];\n if (this.state.detailContent) {\n if (this.state.detailContent.content_analytics) {\n for (let adata of this.state.detailContent.content_analytics) {\n let d = new Date(adata.analytic_created);\n let ac = adata.analytic_command === \"CLICK\" ? \"clicked thumbnail\" : \"loaded thumbnail\";\n if (!adata.analytic_practice_name) {\n continue;\n }\n\n let locInfo = [];\n\n if (adata.analytic_country) {\n locInfo.push(\n Country: {adata.analytic_country} \n );\n }\n\n if (adata.analytic_region) {\n locInfo.push(\n State/Region: {adata.analytic_region} \n )\n }\n\n practiceInfo.push(\n \n \n \n Practice {adata.analytic_practice_name} {ac}\n \n \n \n {d.toLocaleDateString(\"en-US\")} \n \n {locInfo}\n \n
\n \n \n \n );\n }\n }\n }\n\n let detailModal = (\n \n Detailed Analytics \n {practiceInfo}\n \n );\n\n return (\n \n
Basic Statistics \n
\n
Logo visibility: Logo viewed {logoLoads} times. Of those {logoLoads}, {logoLoads30} were within the last 30 days.
\n
\n
\n \n \n Published Content \n {contentAnalytics}\n \n \n \n Category Information \n {barChart}\n \n \n {detailModal}\n
\n {date.toLocaleString(\"default\", options)} \n \n User: {log.activity_username} {log.activity_message} \n \n \n );\n }\n }\n\n let currentLogo = (\n No current logo, upload one below. \n );\n if (this.state.preferences.hasOwnProperty(\"preferences_logo\") && this.state.preferences.preferences_logo !== \"\") {\n currentLogo = (\n \n Current Logo \n );\n }\n\n let tempLogo = null;\n if (this.state.preferences.hasOwnProperty(\"preferences_temp_logo\") && this.state.preferences.preferences_temp_logo !== \"\") {\n tempLogo = (\n \n Awaiting Approval \n );\n }\n\n return (\n \n
\n \n {this.state.alertMessage}\n \n \n
\n \n
\n Settings \n \n
\n
Logo \n
\n {currentLogo}\n {tempLogo}\n
\n
\n
\n\n
\n Activity Log \n \n {logs}\n \n \n\n
\n
\n \n {practice.practice_id}\n \n \n {practice.practice_name}\n \n \n {practice.practice_region}\n \n \n {practice.practice_country}\n \n \n );\n }\n\n return (\n \n
Linked practices \n
\n \n Practice ID \n Practice Name \n Practice Region \n Practice Country \n \n \n {linkedPractices}\n \n
\n
\n
\n
\n \n DDX SmartBrush - Portal\n \n \n \n \n
\n\n
\n
\n
\n You are currently not subscribed to DDX SmartBrush data services and can not access these features.\n \n \n
\n
\n \n DDX SmartBrush - Admin Portal\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n
\n \n
\n \n
\n\n
\n
\n \n DDX SmartBrush - Admin Login\n \n \n \n \n
\n\n
Smartbrush Admin Login \n
\n\n
this.selectContent(content)}>View Details \n );\n\n let lastUpdated = new Date(content.content_updated);\n let daysPending = (((new Date()).getTime() - lastUpdated.getTime()) / 86400000);\n let hoursPending = Math.floor((daysPending % 1) * 24);\n let daysText = 'day';\n if (daysPending >= 2) {\n daysText = 'days';\n }\n let hoursText = 'hour';\n if (hoursPending >= 2) {\n hoursText = 'hours';\n }\n\n if (daysPending >= 1) {\n contentPending = (\n Pending for {daysPending.toFixed(0)} {daysText} and {hoursPending} {hoursText}
\n );\n } else if (hoursPending >= 1) {\n contentPending = (\n Pending for {hoursPending} {hoursText}
\n );\n } else {\n contentPending = (\n Pending for less than an hour
\n );\n }\n\n approvalContent.push(\n \n \n {content.content_title} Awaiting approval \n \n {contentPending}\n \n \n \n {viewDetails}\n \n
\n \n \n );\n }\n\n let logoApprovals = [];\n for (let pref of this.state.approvalLogos) {\n logoApprovals.push(\n \n \n New Logo Awaiting approval \n \n \n \n \n Manufacturer: {pref.preferences_manufacturer_text}\n \n
\n \n this.approvePreference(pref.preferences_manufacturer, \"logo\", \"1\")}>Approve \n this.toggleDeny(e, pref.preferences_manufacturer, \"logo\")}>Deny \n
\n \n \n );\n }\n\n let blurbApprovals = [];\n for (let pref of this.state.approvalBlurbs) {\n let oldSlogan = null;\n if (pref.preferences_blurb !== \"\") {\n oldSlogan = (\n Old Slogan: {pref.preferences_blurb}
\n );\n }\n blurbApprovals.push(\n \n \n New Slogan Awaiting approval \n \n New slogan: {pref.preferences_temp_blurb}\n {oldSlogan}\n \n \n \n Manufacturer: {pref.preferences_manufacturer_text}\n \n
\n \n this.approvePreference(pref.preferences_manufacturer, \"blurb\", \"1\")}>Approve \n this.toggleDeny(e, pref.preferences_manufacturer, \"blurb\")}>Deny \n
\n \n \n );\n }\n\n let approvalSection = (\n \n
Awaiting Approval \n
\n {approvalContent}\n
\n
\n {logoApprovals}\n
\n
\n {blurbApprovals}\n
\n
this.approveContent(this.state.selectedContent.content_id, \"-1\")}>Deny Content \n );\n break;\n\n case \"logo\":\n denyButton = (\n this.approvePreference(this.state.denyPrefId, \"logo\", \"-1\")}>Deny Logo \n );\n break;\n\n case \"blurb\":\n denyButton = (\n this.approvePreference(this.state.denyPrefId, \"blurb\", \"-1\")}>Deny Slogan \n );\n break;\n }\n\n denyModal = (\n \n \n Deny Content \n \n
\n Are you sure you want to deny this uploaded {this.state.denyContent} ? You must give a denial reason below which the manufacturer will be able to view.\n
\n
\n ![\"DDX](\"/ddx_scorecard.png\"/)
\n ![\"Print](\"print_icon_b.svg\"){kind=icon}
{\n this.setState({\n activePerioDate: Scorecard.CURRENT_PERIO,\n }, () => {\n // ugly way to wait for the cascade of state changes, update react to use the useEffect hook :P\n setTimeout(Scorecard.onPrintClick, 100)\n }\n );\n\n }}/>\n ![\"Henry](\"henryschein.png\")
\n \n ![\"DDX](\"/ddx.png\")
\n \n