*/}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nThree.contextType = Context\r\n// controlls disabled prop of next/save button\r\nThree.allowNext = state => {\r\n // console.log('state.shoot.defaultCrews', state.shoot.defaultCrews)\r\n // state.shoot.defaultCrews && state.shoot.defaultCrews.map((crew, index) => (\r\n // return crew.\r\n // ))\r\n return false\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n authentication: state.authentication,\r\n open: state.shoots.showDialog,\r\n roles: state.misc.roles,\r\n users: state.misc.users,\r\n crew: state.crew,\r\n locations: state.misc.locations,\r\n equipment: state.misc.equipment,\r\n activeCompany: state.companies.activeCompany,\r\n accessLevel: state.companies.accessLevel,\r\n crewlength: state.crewlength,\r\n searchcrewLength: state.searchcrewLength,\r\n crewModal: state.users.crewModal,\r\n setModal: state.users.setModal,\r\n }\r\n}\r\n\r\nconst connector = connect(mapStateToProps)\r\n\r\nexport default withStyles(styles, { withTheme: true })(connector(Three))\r\n","import yellow from \"@material-ui/core/colors/yellow\"\r\nimport { hexToRgbA } from \"../../utils/color\"\r\n\r\nconst styles = theme => ({\r\n card: {\r\n // width: 300\r\n },\r\n media: {\r\n height: \"100%\",\r\n width: \"200px\",\r\n // paddingTop: \"56.25%\", // 16:9\r\n position: \"relative\",\r\n },\r\n imageOverlay: {\r\n \"&:before\": {\r\n position: \"absolute\",\r\n top: \"0\",\r\n left: \"0\",\r\n bottom: \"0\",\r\n right: \"0\",\r\n color: \"white\",\r\n textTransform: \"uppercase\",\r\n fontWeight: \"500\",\r\n fontFamily: \"Roboto\",\r\n fontSize: \"24px\",\r\n padding: \"12px\",\r\n display: \"flex\",\r\n alignItems: \"flex-end\",\r\n justifyContent: \"center\",\r\n },\r\n },\r\n imageOverlayPreferred: {\r\n \"&:before\": {\r\n content: \"'Preferred'\",\r\n background: `linear-gradient(transparent, ${hexToRgbA(\r\n yellow[700],\r\n 0.75\r\n )})`,\r\n },\r\n },\r\n imageOverlayDoNotUse: {\r\n \"&:before\": {\r\n content: \"'Do Not Use'\",\r\n background: `linear-gradient(transparent, ${hexToRgbA(\r\n theme.palette.secondary.main,\r\n 0.75\r\n )})`,\r\n },\r\n },\r\n cardHeadline: {\r\n fontSize: \"1.3em\",\r\n display: \"inline-block\",\r\n whiteSpace: \"nowrap\",\r\n overflow: \"hidden\",\r\n width: \"100%\",\r\n textOverflow: \"ellipsis\",\r\n marginBottom: 0,\r\n },\r\n cardContent: {\r\n width: \"65%\",\r\n textAlign: \"left\",\r\n minHeight: 170,\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n },\r\n checkBox: {\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n },\r\n checkBoxRoot: {\r\n color: \"#fff\",\r\n },\r\n checkBoxChecked: {\r\n color: [\"#fff\", \"!important\"],\r\n },\r\n moreButton: {\r\n position: \"absolute\",\r\n top: 0,\r\n right: 0,\r\n color: \"#fff\",\r\n },\r\n primaryPlace: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n overflow: \"hidden\",\r\n },\r\n placeName: {\r\n fontSize: 10,\r\n display: \"inline-block\",\r\n whiteSpace: \"nowrap\",\r\n overflow: \"hidden\",\r\n textOverflow: \"ellipsis\",\r\n },\r\n placeIcon: {\r\n width: \"0.7em\",\r\n marginLeft: -2,\r\n },\r\n rating: {\r\n marginLeft: -theme.spacing(1),\r\n },\r\n popoverTitle: {\r\n fontWeight: 600,\r\n },\r\n listItem: {\r\n padding: [0, \"!important\"],\r\n },\r\n listText: {\r\n color: \"rgba(0,0,0,0.35)\",\r\n },\r\n bottomArea: {\r\n display: \"flex\",\r\n alignItems: \"flex-end\",\r\n flexGrow: 1,\r\n },\r\n messageButton: {\r\n marginRight: theme.spacing(1),\r\n },\r\n positionsArea: {\r\n textAlign: \"right\",\r\n marginLeft: 16,\r\n },\r\n positions: {\r\n fontSize: \"1rem\",\r\n fontFamily: \"Oswald\",\r\n fontWeight: 300,\r\n marginBottom: 0,\r\n },\r\n positionRate: {\r\n fontWeight: 500,\r\n fontFamily: '\"Oswald\"',\r\n marginBottom: 0,\r\n lineHeight: \"1.1em\",\r\n },\r\n fab: {\r\n width: 44,\r\n height: 44,\r\n },\r\n fabSelected: {\r\n backgroundColor: \"#455a64\",\r\n },\r\n fabIcon: {\r\n transition: theme.transitions.create(\"transform\", {\r\n easing: theme.transitions.easing.sharp,\r\n }),\r\n },\r\n fabIconAnimated: {\r\n transform: \"rotate(45deg)\",\r\n },\r\n badge: {\r\n color: \"#fff\",\r\n backgroundColor: \"#455a64\",\r\n right: -20,\r\n width: 20,\r\n height: 20,\r\n },\r\n icons: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n color: theme.palette.grey[400],\r\n justifyContent: \"space-between\",\r\n width: \"80px\",\r\n },\r\n boxIcon: {\r\n fontSize: \"1.3em\",\r\n },\r\n vehicleIcon: {\r\n fontSize: \"1.1em\",\r\n },\r\n iconDisabled: {\r\n color: theme.palette.grey[200],\r\n cursor: [\"default\", \"!important\"],\r\n },\r\n popover: {\r\n pointerEvents: \"none\",\r\n },\r\n popoverPaper: {\r\n padding: theme.spacing(2),\r\n },\r\n modal: {\r\n position: \"absolute\",\r\n width: \"50%\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n transform: \"translate(-50%,-50%)\",\r\n backgroundColor: theme.palette.background.paper,\r\n boxShadow: theme.shadows[5],\r\n outline: \"none\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: \"65%\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"80%\",\r\n },\r\n },\r\n trigger: {\r\n cursor: \"pointer\",\r\n },\r\n badgeWrapper: {\r\n position: \"absolute\",\r\n bottom: -12,\r\n right: 30,\r\n height: 45,\r\n width: 45,\r\n boxShadow:\r\n \"0px 0px 0px -1px rgba(0, 0, 0, 0.1), 0px 2px 16px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.1)\",\r\n backgroundColor: theme.palette.secondary.main,\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n borderRadius: 2,\r\n },\r\n badgeImage: {\r\n height: 35,\r\n },\r\n verticalSlate: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n positionText: {\r\n fontSize: \"0.7rem\",\r\n fontWeight: 800,\r\n },\r\n marginLeft: {\r\n marginLeft: theme.spacing(5),\r\n },\r\n})\r\n\r\nexport default styles\r\n","import React, { Component, Fragment } from \"react\"\r\nimport { withStyles } from \"@material-ui/core/styles\"\r\nimport styles from \"./styles\"\r\nimport Card from \"@material-ui/core/Card\"\r\nimport CardContent from \"@material-ui/core/CardContent\"\r\nimport CardMedia from \"@material-ui/core/CardMedia\"\r\nimport Button from \"@material-ui/core/Button\"\r\nimport Typography from \"@material-ui/core/Typography\"\r\nimport Image from \"../../assets/images/login_bg.jpg\"\r\nimport Divider from \"@material-ui/core/Divider\"\r\nimport IconButton from \"@material-ui/core/IconButton\"\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\"\r\nimport PlaceIcon from \"@material-ui/icons/Place\"\r\nimport Grid from \"@material-ui/core/Grid\"\r\nimport Rating from \"../../components/Rating\"\r\nimport classNames from \"classnames\"\r\nimport Popover from \"@material-ui/core/Popover\"\r\nimport List from \"@material-ui/core/List\"\r\nimport ListItem from \"@material-ui/core/ListItem\"\r\nimport ListItemText from \"@material-ui/core/ListItemText\"\r\nimport Modal from \"@material-ui/core/Modal\"\r\nimport EliteImage from \"../../assets/images/elite1.png\"\r\nimport { isEmpty, capitalize, flatten } from \"lodash\"\r\nimport Menu from \"@material-ui/core/Menu\"\r\nimport MenuItem from \"@material-ui/core/MenuItem\"\r\nimport Tooltip from \"@material-ui/core/Tooltip\"\r\nimport green from \"@material-ui/core/colors/green\"\r\nimport { hiddenLoginModal } from \"../../actions/authentication\"\r\nimport LocalHospitalIcon from \"@material-ui/icons/LocalHospital\"\r\n\r\nclass CrewSlate extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n searchTerm: \"\",\r\n checked: false,\r\n equipmentAnchor: null,\r\n vehicleAnchor: null,\r\n positionsAnchor: null,\r\n videoModalOpen: false,\r\n menuAnchorEl: null,\r\n }\r\n }\r\n\r\n handleBook = () => {\r\n hiddenLoginModal()\r\n .then(res => {\r\n this.props.onOpenBookingDialog(this.props.crew)\r\n })\r\n .catch(err => console.log({ err }))\r\n }\r\n\r\n handleRating = num => {\r\n hiddenLoginModal()\r\n .then(res => {\r\n this.props.ratingChanged(num)\r\n })\r\n .catch(err => console.log({ err }))\r\n }\r\n\r\n handleOpenMenu = e => {\r\n this.setState({ menuAnchorEl: e.currentTarget })\r\n }\r\n handleCloseMenu = () => {\r\n this.setState({ menuAnchorEl: null })\r\n }\r\n handleMenuItemClick = (action, note) => {\r\n this.handleCloseMenu()\r\n this.props.onRemoveFromCompany(this.props.crew)\r\n }\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n })\r\n }\r\n\r\n handleChecked = event => {\r\n this.setState({ checked: event.target.checked })\r\n }\r\n handlePopoverOpen = (name, event) => {\r\n this.setState({ [`${name}Anchor`]: event.target })\r\n }\r\n\r\n handlePopoverClose = name => {\r\n this.setState({ [`${name}Anchor`]: null })\r\n }\r\n\r\n generate(element) {\r\n return [0, 1, 2].map(value =>\r\n React.cloneElement(element, {\r\n key: value,\r\n })\r\n )\r\n }\r\n beforeOpenModal = e => {\r\n const crew = this.props.crew\r\n let url = `/${crew.id}`\r\n if (e.target.id === \"card-media\") {\r\n if (this.props.currentUser.id) {\r\n this.props.onOpenProfile()\r\n } else {\r\n const { locations, roles } = crew\r\n // first_name && first_name.length > 0 && (url += `/${first_name}`)\r\n // last_name && last_name.length > 0 && (url += `_${last_name}`)\r\n this.props.isPositionSearch && this.props.isPositionSearch.name\r\n ? (url += `/${this.props.isPositionSearch.name.replace(/\\W/g, \"_\")}`)\r\n : roles &&\r\n roles.length > 0 &&\r\n (url += `/${roles[\r\n Math.floor(Math.random() * roles.length)\r\n ].name.replace(/\\W/g, \"_\")}`)\r\n locations &&\r\n locations.length > 0 &&\r\n (url += `/${locations[\r\n Math.floor(Math.random() * locations.length)\r\n ].city.replace(/\\W/g, \"_\")}`)\r\n window.location.href = window.location.origin + url.toLowerCase()\r\n }\r\n }\r\n }\r\n\r\n hasNotClaimed = () => {\r\n return (\r\n flatten([\r\n this.props.crew.roles,\r\n this.props.crew.locations,\r\n this.props.crew.equipment,\r\n this.props.crew.vehicles,\r\n ]).find(c => c.creator_id === this.props.crew.id) === undefined\r\n )\r\n }\r\n render() {\r\n const {\r\n equipmentAnchor,\r\n vehicleAnchor,\r\n positionsAnchor,\r\n menuAnchorEl,\r\n } = this.state\r\n const { isPositionSearch } = this.props\r\n const currentPosition = this.props.crew.roles.find(\r\n r => r.name === isPositionSearch.name\r\n )\r\n const equipmentOpen = !!equipmentAnchor\r\n const vehicleOpen = !!vehicleAnchor\r\n const positionsOpen = !!positionsAnchor\r\n let companyRating = undefined\r\n if (this.props.accessLevel === 1) {\r\n companyRating = this.props.crew.ratings\r\n .sort((a, b) => b.score - a.score)\r\n .find(r => r.company_id === this.props.activeCompany)\r\n }\r\n const myRating = this.props.crew.ratings\r\n .sort((a, b) => b.score - a.score)\r\n .find(\r\n r => r.creator_id === this.props.currentUser.id && r.company_id === 0\r\n )\r\n let selectedRating = 0\r\n if (companyRating) {\r\n selectedRating = companyRating.score\r\n } else if (myRating && this.props.activeCompany === null) {\r\n selectedRating = myRating.score\r\n }\r\n const canDelete =\r\n this.props.crew.companies.length === 1 &&\r\n this.props.crew.companies[0].id === this.props.activeCompany &&\r\n this.hasNotClaimed()\r\n return (\r\n
\r\n {this.props.topArea && this.props.topArea()}\r\n \r\n {/**/}\r\n {canDelete && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {this.props.crew.badges.length > 0 && (\r\n \r\n )}\r\n \r\n {/* {this.props.crew &&\r\n window.location.host.search(\"staging\") >= 0 && (\r\n {this.props.crew.master_rating}
\r\n )} */}\r\n \r\n \r\n \r\n \r\n {this.props.crew.first_name} {this.props.crew.last_name}\r\n \r\n {this.props.roleHeadline && this.props.roleHeadline()}\r\n {/* \r\n {this.props.crew.shootRole && this.props.crew.shootRole.name}\r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n this.props.crew.video\r\n ? this.setState({ videoModalOpen: true })\r\n : false\r\n }\r\n className={classNames(\r\n \"icon-reel\",\r\n this.props.classes.icon,\r\n this.props.classes.reelIcon,\r\n this.props.classes.trigger,\r\n {\r\n [this.props.classes.iconDisabled]: !this.props.crew\r\n .video,\r\n }\r\n )}\r\n />\r\n this.setState({ videoModalOpen: false })}\r\n >\r\n \r\n \r\n \r\n {this.props.crew.equipment.map(equipment => (\r\n \r\n \r\n \r\n {equipment.name}\r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n \r\n this.props.crew.vehicles.length > 0\r\n ? this.handlePopoverOpen(\"vehicle\", event)\r\n : false\r\n }\r\n onMouseOut={() => this.handlePopoverClose(\"vehicle\")}\r\n />\r\n this.handlePopoverClose(\"vehicle\")}\r\n anchorOrigin={{\r\n vertical: \"center\",\r\n horizontal: \"right\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"center\",\r\n horizontal: \"left\",\r\n }}\r\n disableRestoreFocus\r\n >\r\n \r\n Vehicles\r\n \r\n \r\n {this.props.crew.vehicles.map(vehicle => (\r\n \r\n \r\n \r\n {capitalize(vehicle.make)}{\" \"}\r\n {capitalize(vehicle.model)} {vehicle.year}\r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n