\r\n
\r\n )\r\n}\r\n\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n createStyles({\r\n root:{\r\n \"&.MuiIconButton-root\":{\r\n color: \"#000000\"\r\n },\r\n \"&.MuiTouchRipple-root\":{\r\n backgroundColor: 'transparent',\r\n },\r\n disableRipple: {\r\n '&:hover': {\r\n backgroundColor: 'transparent',\r\n }\r\n }\r\n }\r\n }),\r\n);\r\n\r\nexport default Header;","\r\nexport const data = {\r\n \r\n en: {\r\n NominationPeriodClosure:{\r\n currentyear:\"2022\",\r\n nextyear:\"2023\",\r\n message:\"The nomination period for 2022 has been closed. Thank you for recognizing all the extraordinary and dedicated caregivers and we will see you back here in 2023.\"\r\n },\r\n\r\n VIANominations: {\r\n welcome: \"Welcome \",\r\n message:\"The Values in Action Award is the highest honor we give at Providence. This annual recognition program celebrates caregivers who go above and beyond to model the five core values: Compassion, Dignity, Justice, Excellence and Integrity.\",\r\n //\"Values in Action allows all people of Providence St. Joseph Health to celebrate those who are embodying Compassion Dignity Justice Excellence and integrity. We honour those making deep commitments to our Mission and our vision of Health for a Better World.\",\r\n findAndNominate: \"Find and Nominate a caregiver\",\r\n selectLabel: \"Please enter LAST NAME, FIRST NAME\",\r\n nominationsHeader:\"NOMINATIONS\",\r\n valuesInActionHeader:\"ABOUT VALUES IN ACTION\",\r\n systemAwardeesHeader:\"SYSTEM AWARDEES\",\r\n },\r\n\r\n searchBox:{\r\n selfNominationMsg:`You cannot nominate yourself. Please make another selection.`,\r\n duplicateNominationMsg:`You already submitted a nomination for this employee for this year. Please make another selection.`,\r\n error:`Error`, \r\n userNotFound: `No user found. Try nominating manually here.` \r\n },\r\n AdminSearchBox:\r\n {\r\n selfNominatingAdmin:'You are an Admin already. Please make another selection.',\r\n duplicateAdminMsg:'You already added this person as admin. Please make another selection',\r\n error:'Error',\r\n userNotFound:`No user found.`\r\n },\r\n\r\n errorMessage:{\r\n msg500: `Something went wrong, Please try back soon!`,\r\n msg400: `Bad Request. Please try again!`,\r\n msg404: `Resource not found`,\r\n msg401:`Unauthorized request, Please try again with authorized credentials!`,\r\n msg403:`Invalid Request`\r\n },\r\n\r\n nominationEditor:{\r\n intro: \"Write Your Nomination\",\r\n sampleWriteUp: \"Not Sure where to start? Here are some \",\r\n writeUpLink: \"Thought Starters\",\r\n back:\"BACK\",\r\n textBoxPlaceHolder: \"Write here...\",\r\n of:\"of\",\r\n characters:\"characters\",\r\n minimum:\"(500 minimum)\",\r\n submitAnonymously: \"Submit Anonymously\",\r\n confirmationText: \"Are you sure you want to submit this nomination anonymously? Values in Action nominations should be detailed and highlight real examples you have experienced of the nominee's great work. Submitting anonymously will reduce the personal insight in the nomination. Although the nominee will not be able to see your information, your name will be shared with our mission team who may follow up with you. \",\r\n yes:\"YES\",\r\n no:\"NO\",\r\n submit:\"SUBMIT\",\r\n draft:\"SAVE AS DRAFT\",\r\n saving: \"Saving...\",\r\n saved:\"Saved as draft\"\r\n },\r\n\r\n nominationSection:{\r\n title:\"Nominations\",\r\n draftTab:\"Draft\",\r\n sentTab:\"Sent\",\r\n receivedTab:\"Received\",\r\n viewMoreBttn:\"View More\",\r\n noEntries:\"No entries to show\",\r\n year:\"Year\",\r\n edit:\"Edit\",\r\n delete:\"Delete\",\r\n msgNotificationClose:\"Cannot edit/submit this draft as the nomination window is closed.\",\r\n alert:{\r\n alertContent:\"Nomination Deleted Successfully!\",\r\n }, \r\n dialog:{\r\n dlgTitle:\"Delete Nomination\",\r\n dlgContent:\"Are you sure you want to delete this Nomination?\",\r\n dlgYes:\"Yes\",\r\n dlgNo:\"No\"\r\n }\r\n\r\n },\r\n\r\n VIASection:{\r\n title:\"Values in Action\",\r\n subtitle:\"Learn more about Values In Action from Chief Mission Officer Dougal Hewitt and other program founders.\",\r\n compassion:'COMPASSION',\r\n dignity:'DIGNITY',\r\n justice:'JUSTICE',\r\n excellence:'EXCELLENCE',\r\n integrity:'INTEGRITY'\r\n },\r\n\r\n awardSection:{\r\n title:\"System Awardees\",\r\n imgText:\"Click to play video\"\r\n },\r\n\r\n nomDashboard:{\r\n title:\"Your Nominations\",\r\n sent: \"Sent\",\r\n received: \"Received\"\r\n },\r\n\r\n ThoughtStarters:{\r\n title:\"Writing a Nomination\",\r\n subTitle: \"Not sure where to start? Here are some questions to consider and examples of well-written nominations.\",\r\n section1Header: \"Thought Starters \",\r\n section1Content1: 'How does your nominee comfort and nurture others?',\r\n section1Content2:'How does your nominee consistently show respect for each person’s dignity?',\r\n section1Content3:'How does your nominee work to provide equal access to care and basic human needs for all?',\r\n section1Content4:'How do they foster unity and understanding among people of different backgrounds and points of view?',\r\n section1Content5:'How does your nominee demonstrate excellence, setting the highest standards of safety and quality?',\r\n section1Content6:'How does your nominee show commitment to doing the right thing for the right reasons?',\r\n section1Content7:'How do they demonstrate courage and humility when faced with challenges?',\r\n section1Content8:'When it comes to living our Mission, vision and values, what stands out most about your nominee?',\r\n section2Header: \"Example Nomination A \",\r\n section2Content: `John Doe provides a welcoming presence at our hospital. During the years we have worked together, I have continually been impressed by his dedication to our patients’, visitors’, and caregivers’ needs. Regardless of the time of day or circumstance, he always gives his patients personalized attention and assists those that may need a little extra care.\r\n \r\nHe knows people by name and remembers small details about their lives when asking, during a passing greeting, how they and their family are doing. Whether it is gently transporting a patient, quietly encouraging someone who is anxious about their surgery, or discreetly draping a blanket over a patient with dementia to preserve their modesty, he genuinely cares about his work.\r\n\r\nJohn collaborates with caregivers in all departments across our hospital and serves as part of its web of life, interacting with managers, housekeepers, techs, and nurses — all of whom rely on him to provide the highest-quality, safest care. He is a great problem-solver, knowing just who to ask and what to do to help find a solution when one is not readily available. On our busiest, highest-stress days, he is consistently reliable and upbeat.\r\n\r\nBecause of my role, I have the privilege of witnessing John’s positive, big-picture impact over the entire hospital. The fact that fellow caregivers are happy to see that he’s sharing a shift with them is a sure sign of their confidence in his abilities and performance.`,\r\n section3Header: \"Example Nomination B\",\r\n section3Content: `Jane Doe exemplifies our five values of compassion, dignity, justice, excellence, and integrity here at Providence St. Joseph Hospital. Her high standards, continual search for innovations that improve quality and service, and her enthusiasm in sharing these best practices with others are integral in our hospital’s ability to deliver care.\r\n\r\nShortly after joining the hospital, Jane identified an opportunity to reduce food waste in our cafeteria, benefitting the health of people in our community and saving money for the hospital. Spearheading a team effort between multiple departments, Jane’s vision led to significant advances and policy changes. This included discontinuing paper tray liners and pre-packaged condiments in plastic wrappers, working with a local non-profit to donate unserved food, introducing reusable mugs and bottles and incentivizing their use through discounting the price for sodas and coffee, and composting food scraps from meal preparation.\r\n\r\nIn addition to these innovations, Jane brings an upbeat, teambuilding, and encouraging leadership style to her departments, routinely celebrating the accomplishments of her team members and advocating for them with fellow senior leaders. I love working with her and look forward to witnessing her bright mind and enthusiastic attitude for many years to come.\r\n\r\n\r\n\r\n`,\r\n },\r\n\r\n Faq:{\r\n title:\"Questions\",\r\n subtitle: \"Browse our FAQ to quickly get answers about Values in Action and the nomination process. Still need help? \",\r\n link:\" Contact our support team.\",\r\n viewFaqBttn:\"View FAQ\",\r\n contact:`?subject=Values In Action support question&body=\r\n ![](\"/logos/ProvidenceLogo.png\")
\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 {LanguagesSupported.map((language: any, key: number) => {\r\n return \r\n })}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {userNotFoundMsg}\r\n \r\n
}\r\n id=\"search\"\r\n style={{ width: \"60%\" , backgroundColor:\"#FFFFFF\"}}\r\n open={open}\r\n onOpen={() => {\r\n setOpen(true);\r\n }}\r\n onClose={() => {\r\n setOpen(false)\r\n }}\r\n getOptionSelected={(option: any, value: any) => option.name === value.name}\r\n getOptionLabel={(option: any) => option.name}\r\n options={options}\r\n loading={isLoading}\r\n renderOption={(option: any) => {\r\n \r\n return {{ nomineeHandler(option, AdminSearchBox) } }}>\r\n \r\n
\r\n }}\r\n renderInput={(params: any) => (\r\n \r\n
\r\n \r\n
\r\n {option.name.trim(\" \")}
\r\n {option?.jobTitle}
\r\n {option?.officeLocation}
\r\n \r\n \r\n {error} \r\n {message}\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\n\r\nexport default AdminSearchBox;","import React, { FunctionComponent, useEffect, useState } from 'react';\r\nimport Container from '@material-ui/core/Container';\r\nimport styles from \"./Common.module.scss\";\r\nimport { data } from './local';\r\nimport { Button, createStyles, makeStyles, Menu, MenuItem, Select, styled, Table, TableBody, TableCell, TableHead, TableRow, TextField } from '@material-ui/core';\r\nimport { Theme } from '@mui/material/styles';\r\nimport { DataGrid, GridColDef, GridValueGetterParams } from '@mui/x-data-grid';\r\nimport AdminSearchBox from './AdminSearchBox';\r\nimport { eventEmitter, getadminDetails, getisAdminSelected, getNominatorMail, getToken, getUserGraphId, getUserInfo, setadminDetails, setisAdminExists } from './common';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux'\r\nimport { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControlUnstyled, Modal, tableCellClasses, Typography } from '@mui/material';\r\nimport { getAdminDetailsBasedonEmail, getAdminList, getNominatorId } from './services';\r\nimport { appInsights } from '../AppInsights';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\nimport { NotificationAlert } from \"../components/NotificationAlert\";\r\n\r\nvar adminList: any;\r\n\r\nconst AddAdmin: FunctionComponent\r\n {alert &&
\r\n {token &&
\r\n\r\n \r\n {\"Add Admin\"}\r\n \r\n \r\n \r\n Are you sure you want to add this person as Admin?\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {\"Delete Admin\"}\r\n \r\n \r\n \r\n Are you sure you want to delete the selected Admins?\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n Add Admin
\r\n\r\nGive Admin privileges to
\r\n\r\n {token &&
\r\n
\r\n Admins
\r\n \r\n \r\n \r\n\r\n
\r\n {\r\n setSelectionModel(ids);\r\n const selectedIDs = new Set(ids);\r\n const selectedRows = adminList.filter((row: any) =>\r\n selectedIDs.has(row.id),\r\n );\r\n setSelectedRowS(selectedRows);\r\n \r\n }}\r\n // onSelectionModelChange={(newSelectionModel) => {\r\n // console.log({newSelectionModel})\r\n // setSelectionModel(newSelectionModel);\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\nexport default withStyles(styles)(ImgDialog)\r\n","export const createImage = (url) =>\r\n new Promise((resolve, reject) => {\r\n const image = new Image()\r\n image.addEventListener('load', () => resolve(image))\r\n image.addEventListener('error', (error) => reject(error))\r\n image.setAttribute('crossOrigin', 'anonymous') \r\n image.src = url\r\n })\r\n\r\nexport function getRadianAngle(degreeValue) {\r\n return (degreeValue * Math.PI) / 180\r\n}\r\n\r\nexport function rotateSize(width, height, rotation) {\r\n const rotRad = getRadianAngle(rotation)\r\n\r\n return {\r\n width:\r\n Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),\r\n height:\r\n Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height),\r\n }\r\n}\r\n\r\nexport default async function getCroppedImg(\r\n imageSrc,\r\n pixelCrop,\r\n rotation = 0,\r\n flip = { horizontal: false, vertical: false }\r\n) {\r\n const image = await createImage(imageSrc)\r\n const canvas = document.createElement('canvas')\r\n const ctx = canvas.getContext('2d')\r\n\r\n if (!ctx) {\r\n return null\r\n }\r\n\r\n const rotRad = getRadianAngle(rotation)\r\n\r\n const { width: bBoxWidth, height: bBoxHeight } = rotateSize(\r\n image.width,\r\n image.height,\r\n rotation\r\n )\r\n\r\n canvas.width = bBoxWidth\r\n canvas.height = bBoxHeight\r\n\r\n ctx.translate(bBoxWidth / 2, bBoxHeight / 2)\r\n ctx.rotate(rotRad)\r\n ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1)\r\n ctx.translate(-image.width / 2, -image.height / 2)\r\n\r\n ctx.drawImage(image, 0, 0)\r\n const data = ctx.getImageData(\r\n pixelCrop.x,\r\n pixelCrop.y,\r\n pixelCrop.width,\r\n pixelCrop.height\r\n )\r\n\r\n canvas.width = pixelCrop.width\r\n canvas.height = pixelCrop.height\r\n\r\n ctx.putImageData(data, 0, 0)\r\n\r\n return new Promise((resolve, reject) => {\r\n canvas.toBlob((file) => {\r\n resolve(file)\r\n }, 'image/jpeg')\r\n })\r\n}\r\n","import React, { FunctionComponent, useEffect, useState, useCallback } from 'react';\r\nimport Container from '@material-ui/core/Container';\r\nimport { data } from './local';\r\nimport { Avatar, Button, createStyles, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, InputLabel, makeStyles, Menu, MenuItem, Paper, Select, StepLabel, styled, Table, TableBody, TableCell, TableHead, TableRow, Theme } from '@material-ui/core';\r\nimport TableContainer from '@mui/material/TableContainer';\r\nimport { eventEmitter, getNominatorMail, getToken, getUserGraphId, getUserInfo } from './common';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\nimport { addAwardeeDetails, getAwardeeList } from './services';\r\nimport { DataGrid, GridColDef } from '@mui/x-data-grid';\r\nimport PhotoCamera from '@mui/icons-material/PhotoCamera';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport CancelOutlinedIcon from '@mui/icons-material/CancelOutlined';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\nimport FileUploadIcon from '@mui/icons-material/FileUpload';\r\nimport { appInsights } from '../AppInsights';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport { NotificationAlert } from \"./NotificationAlert\";\r\nimport ReactDOM from 'react-dom'\r\nimport Cropper from 'react-easy-crop'\r\nimport Slider from '@material-ui/core/Slider'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport ImgDialog from '../helpers/ImpDialog'\r\nimport getCroppedImg from '../helpers/cropImage'\r\nimport { containerClasses } from '@mui/material';\r\n\r\nimport styles from \"./Common.module.scss\";\r\nconst AddAwardee: FunctionComponent\r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n < div className={styles.awardeePopup}>\r\n \r\n \r\n \r\n {\"Add Awardee\"}\r\n \r\n \r\n \r\n Are you sure you want to add this person as Awardee for the year {(new Date().getFullYear())}?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* File Size alert */}\r\n \r\n \r\n \r\n Image size is too large. Upload an Image less than 2 MB!\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n Add System Awardee
\r\n\r\nEnter Awardee's details here
\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 Show\r\n \r\n
\r\n \r\n Zoom \r\n
\r\n \r\n \r\n
\r\n \r\n
Awardees
\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 Please use the switch to enable/disable the nomination window
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n {state ? \"Are you sure you want to enable the nomination window?\" : \"Closure Message\"} \r\n {!state ?\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 {closeMessageShow ?\r\n \r\n
\r\n {textAreaCount}/300\r\n
\r\n }\r\n
\r\n
\r\n
: null}\r\n Closure Message
\r\n\r\n
\r\n {closureMessage}\r\n
\r\n {reportUrl != null?