\n \n {competitionData.name}\n \n
\n \n {warning &&\n \n \n }\n {this.renderSecondaryButtons()}\n
\n - \n
\n {currentButton}\n
\n \n \n {competitionData.name}\n \n
\n\n \n {warning &&\n \n \n }\n {this.renderSecondaryButtons()}\n
\n - \n {this.renderListItem(SupervisorAccount, \"Arrangør\", competitionData.organizationName, true)}\n {this.renderListItem(FlagIcon, \"Konkurransetype\", getCompetitionType(competitionData, true))}\n {this.renderListItem(EventAvailableIcon, \"Innlevering åpner\", moment(competitionData.submissionStart).format('LLL'), true)}\n {this.renderListItem(EventBusyIcon, \"Innlevering stenger\", moment(competitionData.submissionEnd).format('LLL'), true)}\n {this.renderListItem(PhotoFilter, \"Klasser\", this.getClasses())}\n
\n \n {children}\n \n {loading &&
\n );\n }\n}\n\n\nexport default withStyles(getStyles)(ProgressButton);","// @flow\nimport * as React from 'react';\n\ntype Props = {\n onChange?: ?(value: any) => void,\n value: any,\n};\n\ntype State = {\n value: any,\n};\n\nexport default () =>\n (InnerComponent: React.ComponentType\n
\n );\n }\n }\n )\n\n\n\nexport default getLoadingIndicator;","import React from 'react';\nimport {\n Table,\n TableHead,\n TableCell,\n TableRow,\n TableBody,\n TableSortLabel,\n withStyles,\n} from '@material-ui/core';\n\n\nconst getStyles = (theme) => ({\n row: {\n cursor: 'pointer',\n },\n tableContainer: {\n overflowX: 'auto',\n },\n});\n\nclass DataTable extends React.Component {\n handleSort = (key) => {\n const { orderBy, direction } = this.props.order;\n const isDesc = orderBy === key && direction === 'desc';\n const newDirection = isDesc ? 'asc' : 'desc';\n this.props.onSort && this.props.onSort({ orderBy: key, direction: newDirection });\n }\n renderHeaderCells = () => {\n const { columns, headerClassName, order } = this.props;\n\n const { orderBy, direction } = order || { direction: '' };\n\n return columns.map(c => {\n const alignment = c.headerAlignment || 'left';\n \n if(c.getHeaderCell) {\n return c.getHeaderCell(this.props);\n }\n\n if(c.sortable) {\n return (\n \n \n
\n {!hasData && this.renderEmptyTable()}\n
\n );\n }\n}\n\nexport default withStyles(getStyles)(DataTable);","// @flow\nimport * as React from 'react';\nimport { withStyles, IconButton } from '@material-ui/core';\nimport {\n ChevronLeft,\n ChevronRight,\n} from '@material-ui/icons';\n\ntype Props = {\n onChange?: ?(value: any) => void,\n value: any,\n};\n\ntype State = {\n value: any,\n};\n\nconst getStyles = (theme) => ({\n container: {\n display: 'flex',\n justifyContent: 'flex-end',\n alignItems: 'center',\n paddingTop: 10,\n },\n displayText: {\n lineHeight: '48px',\n }\n});\n\n\nexport default () =>\n (InnerComponent: React.ComponentType\n
\n\n );\n }\n }\n )","import React, { useState } from 'react'\nimport {\n withStyles,\n TableCell,\n Button,\n IconButton,\n Menu,\n MenuItem,\n} from '@material-ui/core';\nimport TextField from '../../../Fields/TextField/TextField.component';\nimport withInternalChangeHandler from '../../../Fields/withInternalChangeHandler';\nimport moment from 'moment';\nimport withLoadingIndicator from '../../../LoadingIndicator/withLoadingIndicator';\nimport Table from '../../../Table/Table.component';\nimport withPaging from '../../../Table/withPaging';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useHistory } from 'react-router-dom';\nimport { Settings } from '@material-ui/icons';\n\nconst FormTextField = withInternalChangeHandler()(TextField);\nconst PagingTable = withLoadingIndicator()(withPaging()(Table));\n\nconst useStyles = makeStyles(() => ({\n root: {\n\n },\n searchText: {\n '@media(max-width: 580px)': {\n position: \"relative\",\n },\n '@media(min-width: 580px)': {\n position: \"absolute\",\n right: 5,\n top: 5,\n }\n },\n table: {\n minWidth: 650,\n marginBottom: 10,\n }\n}));\n\nconst ComponentListView = (props) => {\n\n const [secondaryButtonEl, setSecondaryButtonEl] = useState();\n const classes = useStyles();\n const history = useHistory();\n\n const setUnFinished = (competitionID) => {\n props.unFinishCompetition(competitionID)\n }\n\n const secondaryButtons = [\n {\n key: \"unFinishCompetition\",\n getText: () => \"Sett ikke fullført\",\n onClick: (p, cd) => setUnFinished(cd.competitionID),\n shouldRender: (p, cd) => { return (cd.finished && cd.awardingClosed && cd.isAdmin && !cd.nsffPatronate && cd.competitionType !== 4) },\n },\n {\n key: 'participationList',\n getText: () => \"Se deltakerliste\",\n onClick: (p, cd) => history.push(`/competitions/${cd.competitionID}/participationList`),\n shouldRender: (p) => {\n return p.isAdmin\n },\n },\n ]\n\n const columnsAllCompetitions = [\n {\n key: 'name',\n displayName: 'Konkurransenavn',\n },\n {\n key: 'submissionEnd',\n displayName: 'Sluttdato',\n getDataCell: (props, data, key) =>\n getDateDataCell(\n props,\n data,\n key,\n ),\n },\n {\n key: 'organizationName',\n displayName: 'Arrangør',\n },\n {\n key: 'resultList',\n getDataCell: (props, data, key) =>\n getButtonCell(\n props,\n data,\n key,\n ),\n },\n {\n key: 'secondary',\n getDataCell: (props, data, key) =>\n getSettingsCell(\n props,\n data,\n key,\n ),\n },\n ];\n\n const getDateDataCell = (props, data, key, code) => {\n const classes = props.customClasses;\n const { submissionStart, submissionEnd } = data;\n return (\n \n \n \n \n \n
\n \n {this.getDisplayText()}\n
\n \n
\n )\n}\n\nexport default withStyles()(ComponentListView);\n\n","import { connect } from 'react-redux';\nimport CompetitionListView from './CompetitionListView.component';\nimport { unFinishCompetition } from './CompetitionListCard.actions';\n\nconst mapStateToProps = () => ({\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n unFinishCompetition: (competitionID) => {\n dispatch(unFinishCompetition(competitionID));\n },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CompetitionListView);","import React from 'react';\nimport EvaluationListCard from './EvaluationListCard.container';\nimport CompetitionListCard from './CompetitionListCard.container';\nimport {\n withStyles,\n Grid,\n Typography,\n} from '@material-ui/core';\nimport ProgressButton from '../../../Button/ProgressButton.component';\nimport CompetitionListView from \"./CompetitionListView.container\";\nimport \"moment/locale/nb\";\n\nconst styles = theme => ({\n header: {\n marginBottom: 16,\n },\n root: {\n padding: 10,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n button: {\n float: 'right',\n },\n loadMoreButton: {\n width: '100%',\n marginTop: 10,\n }\n});\nclass CompetitionList extends React.Component {\n\n state = { searchText: \"\" }\n\n handleSearch = (searchText) => {\n this.setState({ searchText })\n this.props.onSearch(searchText);\n }\n\n renderListItem = (competition) => {\n const { header, competitions, classes, ...passOnProps } = this.props;\n return competition.competitionType === 1 || competition.competitionType === 4 ?\n (\n \n
\n );\n } else {\n return (\n \n \n {competitions && competitions.length > 0 ?\n competitions.map((c) => this.renderListItem(c)) :\n this.renderNoItems()\n }\n \n {usePaging && this.renderPagingButton()}\n
\n );\n }\n }\n}\n\nexport default withStyles(styles)(CompetitionList);","\nimport React from 'react';\nimport { Typography } from '@material-ui/core';\n\nconst Error = (props) => {\n return (\n \n
\n );\n }\n }\n )\n\n\n\nexport default getErrorMessageHandler;","import React from 'react';\nimport CompetitionList from './CompetitionList.component';\nimport withLoadingIndicator from '../../../LoadingIndicator/withLoadingIndicator';\nimport withErrorMessage from '../../../Error/withErrorMessage';\nimport {\n withStyles,\n Typography,\n Paper,\n Button,\n} from '@material-ui/core';\n\nconst CompetitionListWithLoading = withLoadingIndicator()(withErrorMessage()(CompetitionList));\n\nconst styles = theme => ({\n header: {\n marginBottom: 16,\n },\n root: {\n padding: 10,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n position: \"relative\",\n },\n button: {\n float: 'right',\n },\n});\nclass CompetitionListWrapper extends React.Component {\n render() {\n const { headerText, classes, isAnyAdmin, ready, showCreateNew, ...passOnProps } = this.props;\n return (\n \n
\n ) :\n (\n \n \n Rapport\n \n
\n \n Eksporter \n \n
\n\n \n\t\t\t\t\n\t\t\t\t\tValgte konkurranser\n\t\t\t\t \n\t\t\t\t{selectedCompetitions.length > 0 ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trenderErrorMessages = (errorMessages) => {\n\t\treturn (\n\t\t\tIngen valgte konkurranser
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{errorMessages && this.renderErrorMessages(errorMessages)}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.validationErrorMessage}\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tFelter som skal vises i rapport\n\t\t\t\t \n\t\t\t\t{fields}\n\t\t\t
\n\t\t);\n\t}\n\trender() {\n\t\tconst { showReport, selectedCompetitions } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{!showReport &&\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default withStyles(styles)(Report);","import { connect } from 'react-redux';\nimport Report from './Report.component';\nimport { requestFinishedCompetitions } from './Report.actions';\nimport { setViewMode } from '../Competition.actions';\n\nconst mapStateToProps = (state) => {\n return {\n competitions: state.reports.data,\n paging: state.reports.paging,\n searchText: state.reports.searchText,\n loading: state.reports.loading,\n isNsffAdmin: state.userProfile.data.isNsffAdmin,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n requestFinishedCompetitions: (searchText, paging) => {\n dispatch(requestFinishedCompetitions(searchText, paging));\n },\n onBackToCompetitions: () => {\n dispatch(setViewMode(\"compList\"));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Report);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport CompetitionList from './CompetitionsList/CompetitionList.container';\nimport Report from './Report/Report.container';\nimport competitionListKeys from './competitionListKeys';\nimport Button from '@material-ui/core/Button';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport AddIcon from '@material-ui/icons/AddCircle';\nimport DocIcon from '@material-ui/icons/Description';\nimport { withRouter } from 'react-router-dom';\nimport { Alert } from '@material-ui/lab';\nimport moment from 'moment';\nimport \"moment/locale/nb\";\n\nmoment.locale(\"nb\");\n\nconst styles = theme => ({\n root: {\n padding: 10,\n },\n});\n\nclass Competition extends React.Component {\n\n handleClickNew = () => {\n this.props.push(\"/competitions/new\");\n }\n\n handleClickReport = () => {\n this.props.fetchCompsForReport();\n this.props.setViewMode(\"report\");\n }\n\n isActiveClub = () => {\n const mainClub = this.props.orgs.find(org => org.organizationID === this.props.mainOrganizationID)\n if(!mainClub) return false;\n if (mainClub.organizationExpireDate < moment().format(\"YYYY-MM-DD\")) {\n return false;\n } else {\n return true;\n }\n }\n\n getMainClubName = () => {\n const mainClub = this.props.orgs.find(org => org.organizationID === this.props.mainOrganizationID);\n return mainClub?.organizationName;\n }\n\n renderCompetitionLists = () => {\n const { classes, isAnyAdmin } = this.props;\n return (\n \n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\t{showReport &&\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.renderAvailableCompetitions()}\n\t\t\t\t\t\t{this.renderSelections()}\n\t\t\t\t\t\n {!this.isActiveClub() &&\n \n Din hovedklubb \"{this.getMainClubName()} har status inaktiv, du kan derfor ikke delta i noen konkurranser nå.\n }\n\n {isAnyAdmin && this.isActiveClub() &&\n \n \n \n \n }\n
\n );\n }\n\n render() {\n const { viewMode } = this.props;\n\n return (\n \n {viewMode === \"compList\" && this.renderCompetitionLists()}\n {viewMode === \"report\" &&\n
\n );\n }\n}\n\nexport default withStyles(styles)(withRouter(Competition));","import React from 'react';\nimport Competition from './Competition.component';\nimport withLoadingIndicator from '../../LoadingIndicator/withLoadingIndicator';\n\nconst CompetitionWithLoading = withLoadingIndicator()(Competition);\n\nclass CompetitionWrapper extends React.Component {\n\n componentDidMount() {\n this.props.loadData();\n this.props.setViewMode(\"compList\");\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.viewMode === \"compList\" && this.props.viewMode !== prevProps.viewMode) {\n this.props.loadData();\n }\n }\n\n render() {\n const { match, ...passOnProps } = this.props;\n\n return (\n \n
\n \n );\n }\n}\n\nexport default CompetitionWrapper;","import { connect } from 'react-redux';\nimport { getActive, getUpcomming, setViewMode, loadCompetitionData, fetchMoreFinished, fetchSearchFinished } from './Competition.actions';\nimport CompetitionWrapper from './CompetitionWrapper.component';\nimport { requestFinishedCompetitions } from './Report/Report.actions';\nimport { push } from 'connected-react-router';\n\nconst mapStateToProps = (state) => ({\n viewMode: state.competition.viewMode,\n selectedComp: state.competition.selectedComp,\n registerViewActiveStep: state.competition.registerViewActiveStep,\n isAnyAdmin: state.userProfile.data.isAnyAdmin,\n ready: state.competition.competitionDataLoaded,\n orgs: state.clubs.orgs,\n mainOrganizationID: state.userProfile.data.mainOrganizationID,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchActive: () => {\n dispatch(getActive());\n },\n fetchUpcomming: () => {\n dispatch(getUpcomming());\n },\n setViewMode: (mode, selectedComp, registerViewActiveStep) => {\n dispatch(setViewMode(mode, selectedComp, registerViewActiveStep));\n },\n loadData: () => {\n dispatch(loadCompetitionData());\n },\n onLoadMoreFinishedCompetitions: (paging, searchText) => {\n dispatch(fetchMoreFinished(paging, searchText));\n },\n onSearchFinishedCompetitions: (searchText) => {\n dispatch(fetchSearchFinished(searchText));\n },\n fetchCompsForReport: () => {\n dispatch(requestFinishedCompetitions());\n },\n push: (url) => {\n dispatch(push(url));\n }\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CompetitionWrapper);","import React from 'react';\nimport moment from \"moment\";\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Avatar from '@material-ui/core/Avatar';\nimport Divider from '@material-ui/core/Divider';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { personService } from '../../../Services/personService';\n\nimport {\n Email,\n Phone,\n PhotoCamera,\n Cake,\n Home,\n Work,\n Info\n} from '@material-ui/icons';\n\nconst styles = theme => ({\n root: {\n\n },\n dataContainer: {\n textAlign: \"center\",\n },\n buttonContainer: {\n textAlign: \"right\",\n },\n img: {\n borderRadius: \"100%\",\n },\n dataTitle: {\n fontWeight: \"bold\",\n },\n orgText: {\n display: 'flex',\n alignItems: 'center',\n paddingBottom: 8,\n '&:last-child': {\n paddingBottom: 0,\n }\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n dot: {\n backgroundColor: \"#001789\",\n height: 6,\n width: 6,\n borderRadius: 3,\n marginLeft: 5,\n }\n});\n\nclass UserProfileDisplay extends React.Component {\n\n handleClick = (value) => {\n this.props.handleClick(true);\n }\n\n renderField = (AvatarComponent, primaryText, secondaryText) => {\n const { classes } = this.props;\n if (!primaryText) {\n primaryText = secondaryText;\n secondaryText = null;\n }\n return (\n \n
\n );\n }\n}\n\nUserProfileDisplay.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(UserProfileDisplay);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\n\nconst styles = theme => ({\n formControl: {\n margin: 8,\n width: \"100%\"\n },\n});\n\n\nclass MainOrganizationSelector extends React.Component {\n handleChange = (e) => {\n this.props.callBackFunction(e);\n }\n\n render() {\n const { classes, selectedID, organizations } = this.props;\n return (\n \n \n
\n \n })
\n \n {userData.firstName + \" \" + userData.lastName}\n \n
\n - \n {this.renderField(Email, userData.email)}\n {this.renderField(Phone, userData.mobile)}\n {this.renderField(Home, userData.address, (userData.zipCode + \", \" + userData.city))}\n {this.renderField(Cake, moment(userData.birthDate).format('LL'))}\n {this.renderField(Work, userData.position || \"Ikke satt\")}\n {this.renderField(Info, userData.hasApprovedMarketing ? \"Ønsker å motta nyhetsbrev\" : \"Ønsker ikke å motta nyhetsbrev\")}\n
\n {userOrgs.map(o => (\n
\n\n \n {userData.mainOrganizationID === o.organizationID &&\n \n \n {o.organizationName}\n \n \n \n }\n {userData.mainOrganizationID !== o.organizationID &&\n \n {o.organizationName}\n \n }\n
\n ))}\n - \n {distinctionViewObjects.map(viewObject => this.renderDistinction(viewObject))}\n
\n \n \n { cardData.title }:\n \n \n { cardData.value }\n \n \n
\n );\n}\n\nStatisticCard.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(StatisticCard);","import React from 'react';\nimport {\n Paper,\n Typography,\n Grid,\n withStyles,\n Button\n} from '@material-ui/core';\nimport StatisticCard from './StatisticCard.component';\n\nconst getStyles = (theme) => ({\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n button: {\n float: 'right',\n }\n});\n\n\nconst Statistics = ({ statistics, classes, openMyResults }) => {\n \n const handleCardClick = (awardFilter) => {\n openMyResults(awardFilter);\n } \n\n return (\n \n {viewMode === \"compList\" &&\n
\n );\n }\n}\n\nexport default withStyles(styles)(UserProfile);","import { connect } from 'react-redux';\nimport { getActive } from '../Competition/Competition.actions';\nimport Dashboard from './Dashboard.component';\nimport { initForm as initFormAction } from '../../Form/Form.actions';\nimport { showEditProfile, fetchPayments } from './Dashboard.actions';\n\nconst mapStateToProps = (state) => ({\n userData: state.userProfile.data,\n showEdit: state.userProfile.showEdit,\n orgs: state.clubs.orgs,\n viewMode: state.competition.viewMode,\n selectedComp: state.competition.selectedComp,\n registerViewActiveStep: state.competition.registerViewActiveStep,\n distinctionTypes: state.distinctions.distinctionTypes,\n mainOrganizationID: state.userProfile.data.mainOrganizationID,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchActive: () => {\n dispatch(getActive());\n },\n fetchPayments: () => {\n dispatch(fetchPayments())\n },\n onShowEditProfile: (userData) => {\n dispatch(initFormAction('userProfileForm', userData));\n dispatch(showEditProfile());\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Dashboard);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '../../Fields/TextField/TextField.component';\nimport Typography from '@material-ui/core/Typography';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Paper from '@material-ui/core/Paper';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport IconButton from '@material-ui/core/IconButton';\nimport Person from '@material-ui/icons/Person';\nimport Add from '@material-ui/icons/Add';\nimport moment from \"moment\";\nimport \"moment/locale/nb\";\n\nmoment.locale(\"nb\");\n\nconst styles = theme => ({\n personPaper: {\n marginBottom: 8,\n },\n loadingContainer: {\n textAlign: \"center\",\n },\n dialogContent: {\n paddingBottom: 0,\n },\n searchContainer: {\n display: \"flex\",\n marginTop: 8,\n },\n searchTextField: {\n flexGrow: 1,\n marginRight: 16,\n },\n searchResultList: {\n marginTop: 16,\n },\n});\n\nclass AddAdminMember extends React.Component {\n state = {\n searchText: \"\",\n };\n\n handleChangeSearchText = (e) => {\n this.setState({searchText: e.target.value});\n }\n\n handleClickSearch = () => {\n this.props.searchFunction(this.state.searchText);\n }\n\n handleClose = () => {\n this.props.closeDialogFunction();\n }\n\n handleAddPerson = (e, currentSelectedPerson) => {\n this.setState({ anchorEl: e.currentTarget, currentSelectedPerson });\n }\n\n handleCloseRoleMenu = (e) => {\n this.setState({ anchorEl: null });\n }\n\n handleSetRole = (role) => {\n this.setState({ anchorEl: null });\n this.props.closeDialogFunction();\n\n this.props.setRoleFunction(role.organizationRoleID, this.state.currentSelectedPerson);\n }\n\n render() {\n const { classes, open, roles, searchResult, isLoading } = this.props;\n\n \n\n return (\n \n \n \n \n {!showEdit && o.isMember)} />}\n {showEdit && \n \n \n \n \n
\n }\n {this.renderOrgParticipationDialog()}\n \n
\n {isLoading &&\n \n
\n }\n {searchResult && searchResult.length > 0 && !isLoading &&\n - \n
- \n
\n {orgs && adminsByOrgID && orgs.map((item, key) =>\n \n }>\n \n {item.organizationName}\n \n \n \n {!rolesLoading &&\n \n \n )}\n {!rolesLoading &&\n
\n );\n }\n}\n\nControlledExpansionPanels.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ControlledExpansionPanels);","import { connect } from 'react-redux';\nimport ControlledExpansionPanels from './ControlledExpansionPanels.component';\nimport { getAdmins, searchPersonInOrg, setRole, removeRole, clearSearchResult } from './Admin.actions';\nimport { createSelector } from 'reselect';\n\n\nconst getOrgsFromState = state => state.clubs.orgs;\n\nconst makeGetOrgs = () =>\n createSelector(\n getOrgsFromState,\n orgs => orgs.filter(o => o.isAdmin)\n )\n\nconst makeMapStateToProps = () => {\n const getOrgs = makeGetOrgs();\n\n return (state) => ({\n orgs: getOrgs(state),\n adminsByOrgID: state.metaData.adminsByOrgID,\n roles: state.roles.roles,\n rolesLoading: state.roles.isLoading,\n searchResult: state.roles.searchResult,\n isLoadingSearch: state.roles.isLoadingSearch,\n loadingSettingRole: state.roles.loadingSettingRole,\n });\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n getRolesForOrg: (orgID) => {\n dispatch(getAdmins(orgID));\n },\n setRoleForMember: (orgID, organizationRoleID, person) => {\n dispatch(setRole(orgID, organizationRoleID, person));\n },\n removeRoleForMember: (orgID, organizationRoleID, personID) => {\n dispatch(removeRole(orgID, organizationRoleID, personID));\n },\n searchForMemberInOrg: (searchText, orgID) => {\n dispatch(searchPersonInOrg(searchText, orgID));\n },\n clearSearchResult: () => {\n dispatch(clearSearchResult());\n },\n});\n\nexport default connect(makeMapStateToProps, mapDispatchToProps)(ControlledExpansionPanels);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ControlledExpansionPanels from './ControlledExpansionPanels.container';\n\nconst styles = theme => ({\n root: {\n padding: 10,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n button: {\n float: \"right\",\n backgroundColor: \"#2ecc71\",\n color: \"white\",\n },\n});\n\nclass Admin extends React.Component {\n\n render() {\n const { classes } = this.props;\n\n return (\n \n \n Klubbstyre\n \n {roles.map((role, key) =>\n
\n }\n {rolesLoading &&\n \n \n \n
\n \n {role.organizationRoleMembers.map((person, key) =>\n \n )}\n
\n )}\n {loadingSettingRole &&\n \n
\n }\n \n \n
\n }\n \n
\n );\n }\n}\n\nexport default withStyles(styles)(Admin);","import React from \"react\";\nimport { TableRow, TableCell } from \"@material-ui/core\";\nimport MomentUtils from \"@date-io/moment\";\nimport { DatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\nimport moment from \"moment\";\nimport \"moment/locale/nb\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport { PhotoCamera } from \"@material-ui/icons\";\nmoment.locale(\"nb\");\n\nfunction ClubListItem(props) {\n const { org, handleExpireDateUpdate, classes } = props;\n\n const handleDateChange = (momentDate) => {\n if (momentDate) {\n handleExpireDateUpdate(org, momentDate.format(\"YYYY-MM-DD\"));\n }\n };\n\n return (\n <>\n \n \n \n \n
\n \n \n
\n );\n}\n\nexport default withStyles(styles)(Clubs);\n","// @flow\nimport * as React from 'react';\nimport { withStyles } from '@material-ui/core';\n\ntype Props = {\n onChange?: ?(value: any) => void,\n value: any,\n};\n\ntype State = {\n value: any,\n};\n\nconst getStyles = (theme) => ({\n errorContainer: {\n color: 'red',\n },\n});\n\n\nexport default () =>\n (InnerComponent: React.ComponentTypeLokalklubber
\n\n \n \n \n
\n \n
\n\n );\n }\n }\n )","import Clubs from \"./Clubs.component\";\nimport { connect } from \"react-redux\";\nimport {\n getAdminOrganizations,\n setOrganizationExpireDate,\n} from \"./Clubs.actions\";\n\nconst mapStateToProps = (state) => ({\n adminOrgs: state.clubs.adminOrgs,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n setOrganizationExpireDate: (orgID, org) => {\n dispatch(setOrganizationExpireDate(orgID, org));\n },\n getAdminOrganizations: (dt) => {\n dispatch(getAdminOrganizations(dt));\n },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Clubs);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { Link, withRouter } from \"react-router-dom\";\nimport logo from '../../images/nsff_logo_32.png';\n\nconst styles = {\n root: {\n flexGrow: 1,\n position: \"fixed\",\n top: 0,\n width: \"100%\",\n zIndex: 1000,\n },\n grow: {\n flexGrow: 1,\n color: \"#ffffff\",\n marginLeft: 8,\n },\n tab: {\n height: 64,\n },\n icon: {\n color: \"white\",\n },\n};\n\n\nconst sortedTabs = (tabs) => {\n return tabs.sort((a, b) => a.order - b.order);\n}\n\nconst defaultTabs = [\n {\n label: 'Min side',\n to: '/dashboard',\n order: 0,\n },\n {\n label: 'Konkurranser',\n to: '/competitions',\n order: 1,\n },\n {\n label: 'Hederstegn & plaketter',\n to: '/distinctions',\n order: 4,\n },\n {\n label: 'Logg ut',\n to: '/login',\n order: 100,\n onClick: (props) => { props.onLogout(); },\n },\n];\n\nconst adminTabs = sortedTabs([\n ...defaultTabs,\n {\n label: 'Administrasjon',\n to: '/admin',\n order: 3,\n },\n]);\n\nconst nsffTabs = sortedTabs([\n ...adminTabs,\n {\n label: \"Klubber\",\n to: \"/clubs\",\n order: 2,\n }\n]);\n\nclass Navbar extends React.Component {\n constructor(props) {\n super(props);\n this.state = { screenWidth: 0 };\n this.updateWindowDimensions = this.updateWindowDimensions.bind(this);\n }\n\n componentDidMount() {\n this.updateWindowDimensions();\n window.addEventListener('resize', this.updateWindowDimensions);\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this.updateWindowDimensions);\n }\n\n updateWindowDimensions() {\n this.setState({ screenWidth: window.innerWidth });\n }\n\n handleMenuButtonClick = (event) => {\n this.setState({ anchorEl: event.currentTarget });\n }\n\n handleCloseMenu = () => {\n this.setState({ anchorEl: null });\n }\n\n handleLogoutClick = () => {\n this.props.onLogout();\n }\n\n handleTabClick = (ev, tab, tabIndex, currentValue) => {\n this.currentValue = tabIndex;\n // workaround to make tab refresh reclick\n if (tabIndex === currentValue) {\n ev.preventDefault();\n ev.stopPropagation();\n this.props.pushLocation('/empty');\n //this.props.history.push('/empty');\n setTimeout(() => { this.props.replaceLocation(tab.to); }, 0);\n }\n tab.onClick && tab.onClick(this.props);\n }\n\n renderTabs = (tabs, value) => {\n const { classes } = this.props;\n return tabs.map((t, index) => (\n \n {errorMessage}\n
\n }\n \n \n \n \n 
\n \n \n NSFF\n \n {screenWidth >= 850 &&\n \n {this.renderTabs(tabs, value)}\n \n }\n {screenWidth < 850 &&\n \n \n
\n );\n }\n}\n\nNavbar.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(withRouter(Navbar));","import { connect } from 'react-redux';\nimport { userService } from '../Services/userService';\nimport { logout } from '../Pages/Login/Login.actions';\nimport Navbar from './Navbar.component';\nimport { push, replace } from 'connected-react-router';\n\nconst mapStateToProps = (state) => ({\n userProfile: state.userProfile.data,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n onLogout: () => {\n userService.logout();\n dispatch(logout());\n },\n pushLocation: (url) => {\n dispatch(push(url));\n },\n replaceLocation: (url) => {\n dispatch(replace(url));\n }\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Navbar);","\n\nexport const getAvailableDistinctions = (currentPoints, distinctionsByItemID, distinctionItems) => {\n return distinctionItems.filter(di => di.pointsToArchieve <= currentPoints && (!distinctionsByItemID[di.distinctionItemID] || !distinctionsByItemID[di.distinctionItemID].archievedYear)).length;\n}","import React from 'react';\nimport {\n NewReleases\n} from '@material-ui/icons';\nimport {\n TableCell,\n Tooltip\n} from '@material-ui/core';\nimport {getAvailableDistinctions } from '../availableDistinctions';\n\nconst getDistinctionDataCell = (props, data, code, tooltipSingular, tooltipPlural) => {\n const classes = props.customClasses;\n const { distinctionsByItemID, pointsByDistinctionTypeID } = data;\n const distinctionType = props.distinctionTypesByCode[code];\n\n const distinctionTypePoints = pointsByDistinctionTypeID[distinctionType.distinctionTypeID] || { points: 0 };\n\n const availableDistinctions = getAvailableDistinctions(\n distinctionTypePoints.points,\n distinctionsByItemID,\n distinctionType.distinctionItems\n );\n return (\n \n \n \n \n {this.renderMenuItems(tabs)}\n \n
\n }\n \n {!!availableDistinctions && props.editMode && \n
\n \n 1 ? tooltipPlural : tooltipSingular} oppnådd`}\n >\n
\n }\n \n
\n\n \n {distinctionTypePoints.points}
\n \n {\"Hederstegn & plaketter\"} \n
\n \n \n \n \n \n Filter\n \n \n Filtrer på utildelte hederstegn og plaketter\n \n \n \n \n Filter\n \n Filtrer på klubb \n \n
\n )}\n \n
\n {editMode && (\n \n \n
\n \n \n \n {children}\n \n {!loading && internalSuccess &&
\n );\n }\n}\n\n\nexport default withStyles(getStyles)(ProgressTextField);","\n\nexport default function(value) {\n return value.length === 4 && !isNaN(value);\n}","import React from 'react';\nimport {\n ListItem,\n withStyles,\n} from '@material-ui/core';\nimport ProgressTextField from '../../../Fields/TextField/ProgressTextField.component';\nimport withInternalChangeHandler from '../../../Fields/withInternalChangeHandler';\nimport withErrorMessageHandler from '../../../Fields/withErrorMessageHandler';\nimport isValidYear from '../../../../Utils/validations/year.validator';\nimport { NewReleases } from '@material-ui/icons';\n\nconst TextField = withInternalChangeHandler()(withErrorMessageHandler()(ProgressTextField));\n\nconst getStyles = (theme) => ({\n distinctionItemDetails: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n },\n distinctionItemName: {\n flexGrow: 1,\n },\n distinctionItemDescription: {\n fontStyle: 'italic',\n },\n distinctionItemContainer: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n availableIndicator: {\n width: 24,\n height: 24,\n marginLeft: 10,\n }\n});\n\nclass DistinctionItemListItem extends React.Component {\n state = {\n errorMessage: null,\n };\n\n\n handleBlur = (year) => {\n if(!year || isValidYear(year)) {\n this.setState({ errorMessage: null });\n this.props.onYearChange(this.props.distinctionItem.distinctionItemID, year);\n return;\n }\n this.setState({ errorMessage: 'Ikke et gyldig år' });\n }\n renderAvailableIndicator = () => {\n const { displayAvailableIndicator, distinctionItem, distinction, points } = this.props;\n if(displayAvailableIndicator) {\n const isAvailable = (!distinction || !distinction.archievedYear) && distinctionItem.pointsToArchieve <= points;\n return !!isAvailable && (\n
\n {distinctionItem.name}
\n \n this.handleBlur(ev.currentTarget.value)}\n />\n
\n \n {this.renderAvailableIndicator()}\n
\n \n {distinctionItem.description}
\n\n \n
\n );\n }\n return null;\n }\n\n render() {\n const {\n classes,\n distinctionTypePoints,\n distinctionType,\n isOpen,\n onTogglePanel,\n distinctionsByItemID,\n } = this.props;\n const id = distinctionType.distinctionTypeID; \n const distinctionItemCount = distinctionType.distinctionItems.length;\n const distinctionCount = Object.keys(distinctionsByItemID).filter(itemID => distinctionsByItemID[itemID].archievedYear).length;\n return (\n \n {`${distinctionType.name} ${this.showPoints() ? '(' + distinctionTypePoints.points + 'p)' || '(0p)' : ''}`}\n
\n {this.renderAvailableIndicator()}\n \n {`${distinctionCount} / ${distinctionItemCount}`}\n
\n \n - \n {distinctionType.distinctionItems.map((di, i) => this.renderForDistinctionItem(di, i, distinctionItemCount -1))}\n
\n
\n }\n {uploadErrorMessage &&\n \n \n Resultater fra {uploadedFileName}\n \n
\n \n \n \n
\n \n \n Tidligere resultater\n \n
\n }\n {loadingImporteErrorMessage &&\n \n {distinctionTypes.map(dt => this.renderForDistinctionType(dt))}\n
\n );\n }\n\n render() {\n const { classes, selectedPerson, viewMode } = this.props;\n return (\n \n \n {viewMode && viewMode === 'distinctions' &&\n \n \n }\n {viewMode && viewMode === 'import' &&\n
\n\n );\n }\n}\n\n\nexport default withStyles(getStyles)(DistinctionsWrapper);","import { connect } from 'react-redux';\nimport DistinctionsForPerson from './EditDistinctionsForPerson.component';\nimport {\n goBackToPersonDistinctionList,\n requestSetPersonDistinction,\n setViewMode,\n getImportedResults,\n} from './EditDistinctionsForPerson.actions';\n\nconst mapStateToProps = (state) => {\n const distinctionsForPerson = state.distinctionsForPerson || {};\n\n return {\n selectedPerson: distinctionsForPerson.selectedPerson,\n pointsByDistinctionTypeID: distinctionsForPerson.pointsByDistinctionTypeID,\n formDistinctionsByItemID: distinctionsForPerson.formDistinctionsByItemID,\n distinctionsByItemID: distinctionsForPerson.distinctionsByItemID,\n viewMode: distinctionsForPerson.viewMode,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n goBackToPersonDistinctionList: () => {\n dispatch(goBackToPersonDistinctionList());\n },\n onSetPersonDistinction: (personID, distinctionTypeID, distinctionItemID, year) => {\n dispatch(requestSetPersonDistinction(personID, distinctionTypeID, distinctionItemID, year));\n },\n setViewMode: (mode) => {\n dispatch(setViewMode(mode));\n },\n getImportedResults: (personID, mode) => {\n dispatch(getImportedResults(personID, mode));\n }\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DistinctionsForPerson);","import React from 'react';\nimport { Button, Typography, Paper, withStyles } from '@material-ui/core';\nimport DistinctionItem from '../../../Distinction/DistinctionItem.component';\n\nconst getStyles = (theme) => ({\n root: {\n\n },\n paper: {\n padding: 10, \n marginTop: 10,\n },\n personDetails: {\n margin: 10,\n },\n distinctionTypesContainer: {\n margin: 10,\n },\n importButton: {\n float: 'right',\n },\n distinctionItemContainer: {\n maxWidth: 400,\n },\n distinctionTypeContainer: {\n paddingTop: 10,\n paddingBottom: 10,\n },\n distinctionTypeHeader: {\n marginBottom: 10,\n }\n});\n\n\nclass DistinctionsWrapper extends React.Component {\n state = {\n expandedPanel: null,\n }\n\n handleBackClick = () => {\n this.props.goBackToPersonDistinctionList();\n }\n\n handlePanelChange = (id) => {\n const expandedPanel = this.state.expandedPanel;\n if(expandedPanel === id) {\n this.setState({ expandedPanel: null });\n return;\n }\n this.setState({ expandedPanel: id });\n }\n\n handleYearChange = (distinctionTypeID, distinctionItemID, year) => {\n this.props.onSetPersonDistinction(\n this.props.selectedPerson.personID,\n distinctionTypeID,\n distinctionItemID,\n year,\n );\n }\n\n handleSetViewMode = (mode) => {\n this.props.setViewMode(mode);\n }\n\n getImportedResults = (mode) => {\n this.props.getImportedResults(this.props.selectedPerson.personID, mode);\n }\n\n renderForDistinctionType = (distinctionType) => {\n const { pointsByDistinctionTypeID, classes } = this.props;\n\n const distinctionItems = distinctionType.distinctionItems.map(di => this.renderDistinctionItem(di)).filter(di => di !== null);\n\n const hasAnyItems = distinctionItems.length > 0;\n const distPoints = pointsByDistinctionTypeID[distinctionType.distinctionTypeID];\n const points = distPoints && distPoints.points ? distPoints.points : 0;\n const text = distinctionType.displaySettings && distinctionType.displaySettings.showEarnedPointsForPerson ? `${distinctionType.name} (${points}p)` : distinctionType.name;\n return hasAnyItems && (\n \n \n {`${selectedPerson.firstName} ${selectedPerson.lastName}`}\n \n \n \n {`${selectedPerson.mainOrganizationName}`}\n \n
\n {this.renderDistinctionTypes()}\n \n \n {text}\n \n {distinctionItems}\n
\n );\n }\n\n renderDistinctionItem = (distinctionItem) => {\n const { classes } = this.props;\n const distinction = this.props.formDistinctionsByItemID[distinctionItem.distinctionItemID];\n return distinction ? (\n \n
\n ) : null;\n }\n\n renderDistinctionTypes = () => {\n const { distinctionTypes, classes } = this.props;\n return (\n \n {distinctionTypes.map(dt => this.renderForDistinctionType(dt))}\n
\n );\n }\n\n render() {\n const { classes, selectedPerson } = this.props;\n return (\n \n \n \n \n
\n\n );\n }\n}\n\n\nexport default withStyles(getStyles)(DistinctionsWrapper);","import { connect } from 'react-redux';\nimport DistinctionsForPerson from './ViewDistinctionsForPerson.component';\nimport { goBackToPersonDistinctionList } from '../EditDistinctionsForPerson/EditDistinctionsForPerson.actions';\n\nconst mapStateToProps = (state) => {\n const distinctionsForPerson = state.distinctionsForPerson || {};\n\n return {\n selectedPerson: distinctionsForPerson.selectedPerson,\n pointsByDistinctionTypeID: distinctionsForPerson.pointsByDistinctionTypeID,\n formDistinctionsByItemID: distinctionsForPerson.formDistinctionsByItemID,\n distinctionsByItemID: distinctionsForPerson.distinctionsByItemID,\n viewMode: distinctionsForPerson.viewMode,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n goBackToPersonDistinctionList: () => {\n dispatch(goBackToPersonDistinctionList());\n },\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DistinctionsForPerson);","import React from 'react';\nimport EditDistinctionsForPerson from './EditDistinctionsForPerson/EditDistinctionsForPerson.container';\nimport ViewDistinctionsForPerson from './ViewDistinctionsForPerson/ViewDistinctionsForPerson.container';\n\nclass DistinctionsForPerson extends React.Component {\n\n render() {\n return this.props.editMode ? (\n \n \n {`${selectedPerson.firstName} ${selectedPerson.lastName}`}\n \n \n {`${selectedPerson.mainOrganizationName}`}\n \n
\n {this.renderDistinctionTypes()}\n \n {\n showDistinctionsForPerson ?\n
\n );\n }\n}\n\n\nexport default withStyles(getStyles)(DistinctionsWrapper);","import { connect } from 'react-redux';\nimport DistinctionsWrapper from './DistinctionsWrapper.component';\nimport { initializeData } from './Distinctions.actions';\n\nconst mapStateToProps = (state) => {\n const distinctions = state.distinctions || {};\n return {\n ready: state.distinctions && !state.distinctions.initializing,\n distinctionTypes: distinctions.distinctionTypes,\n showDistinctionsForPerson: distinctions.showDistinctionsForPerson,\n editMode: state.userProfile.data.isNsffAdmin,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n initializeData: () => {\n dispatch(initializeData());\n },\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DistinctionsWrapper);","import React from 'react';\nimport TextField from '../TextField/TextField.component';\n\nclass NumberField extends React.Component {\n\n greaterThanMax = (numberValue) => {\n const max = this.props.max;\n return max != null && numberValue > max;\n }\n\n lessThanMin = (numberValue) => {\n const min = this.props.min;\n return min != null && numberValue < min;\n }\n\n getParsedValue = (value) => {\n if(value) {\n if(value.startsWith(\"-\") && value.length === 1) {\n return \"0\";\n }\n\n let parsedValue = value.replace(',', '.');\n return parsedValue;\n }\n return value;\n }\n\n onChange = (ev) => {\n const originalValue = ev.target.value;\n const parsedValue = this.getParsedValue(originalValue);\n if(isNaN(parsedValue)) {\n return;\n }\n\n const numberValue = parseFloat(parsedValue);\n if(this.lessThanMin(numberValue) || this.greaterThanMax(numberValue)) {\n return;\n }\n\n var newEv = {\n ...ev,\n target: {\n ...ev.target,\n id: ev.target.id,\n name: ev.target.name,\n value: originalValue === '' ? '' : originalValue,\n }\n }\n this.props.onChange && this.props.onChange(newEv);\n }\n\n onBlur = (ev) => {\n var parsedValue = this.getParsedValue(ev.target.value);\n var newEv = {\n ...ev,\n target: {\n ...ev.target,\n id: ev.target.id,\n name: ev.target.name,\n value: parsedValue === '' ? '' : parseFloat(parsedValue),\n }\n }\n this.props.onBlur && this.props.onBlur(newEv);\n }\n\n render(){\n const {\n onChange,\n children,\n onBlur,\n min,\n max,\n value,\n TextFieldComponent,\n ...passOnProps\n } = this.props;\n\n const parsedValue = value.toString().replace(/\\./g, ',');\n\n const CurrentTextFieldComponent = TextFieldComponent || TextField;\n\n return (\n \n \n {currentClass.name}\n \n \n \n this.handleCompetitionClassChange(\"theme\", e)}\n style={{ margin: 8 }}\n fullWidth\n margin=\"normal\"\n variant=\"outlined\"\n value={cc.theme || \"\"}\n disabled={this.props.disabled}\n />\n \n \n this.handleCompetitionClassChange(\"maxItems\", e)}\n style={{ margin: 8 }}\n fullWidth\n margin=\"normal\"\n variant=\"outlined\"\n min={1}\n value={cc.maxItems || \"\"}\n disabled={this.props.disabled}\n />\n \n \n \n \n
\n );\n });\n }\n\n render() {\n const { anchorEl } = this.state;\n\n return (\n \n this.handleRemoveClass(id)} disabled={this.props.disabled}>\n \n
\n \n \n Klasseoppsett *\n \n \n Legg til klasse\n \n \n {this.renderMenuItems()}\n \n\n
\n );\n }\n}\n\nexport default withStyles(styles)(CompetitionClassSelection);","import { connect } from 'react-redux';\nimport CompetitionClassSelection from './CompetitionClassSelection.component';\n\nconst mapStateToProps = (state) => ({\n compClasses: state.metaData.classes,\n classesByID: state.metaData.classesByID,\n});\n\nexport default connect(mapStateToProps)(CompetitionClassSelection);","import React, { useState } from 'react';\nimport { withStyles, TextField, Chip } from '@material-ui/core';\nimport { useTheme } from '@material-ui/styles';\nimport AsyncSelect from 'react-select/async';\nimport Select from 'react-select';\nimport { Cancel } from '@material-ui/icons';\nimport clsx from 'clsx';\nimport './selectfields.css';\n\n\nconst getStyles = (theme) => ({\n input: {\n display: \"flex\",\n padding: 0,\n height: 56\n },\n});\n\n\nfunction MultiValue(props) {\n return (\n \n {this.renderCompetitionClasses()}\n
\n \n \n Brukere som oppretter konkurranser er automatisk administrator. \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(CompetitionAdminSelection);","import { connect } from 'react-redux';\nimport CompetitionAdminSelection from './CompetitionAdminSelection.component';\n\nconst mapStateToProps = (state) => ({\n adminsByOrgID: state.metaData.adminsByOrgID,\n userID: state.userProfile.data.personID,\n});\n\nexport default connect(mapStateToProps)(CompetitionAdminSelection);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Paper from '@material-ui/core/Paper';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport IconButton from '@material-ui/core/IconButton';\nimport Person from '@material-ui/icons/Person';\nimport Add from '@material-ui/icons/Add';\nimport Clear from '@material-ui/icons/Clear';\nimport Search from '@material-ui/icons/Search';\nimport ErrorOutline from '@material-ui/icons/ErrorOutline';\nimport moment from \"moment\";\nimport \"moment/locale/nb\";\nimport TextField from '../../../Fields/TextField/TextField.component';\nimport CheckboxField from '../../../Fields/CheckboxField/CheckboxField.component';\n\nmoment.locale(\"nb\");\n\nconst styles = theme => ({\n searchListPaper: {\n marginTop: 8,\n padding: \"0px 8px\",\n overflowY: \"scroll\",\n textAlign: \"center\",\n height: 187,\n },\n personPaper: {\n marginBottom: 8,\n },\n juryListContainer: {\n margin: 8,\n }\n});\n\nclass CompetitionJurySelection extends React.Component {\n state = {\n searchJuryFirstName: \"\",\n searchJuryLastName: \"\",\n };\n\n handleChange = (name, e) => {\n const { value } = e.target;\n this.setState({ [name]: value });\n }\n\n handleSearch = () => {\n if(!this.state.searchJuryFirstName && !this.state.searchJuryLastName) {\n this.setState({ searchError: \"Fornavn og etternavn mangler\" });\n return;\n } else if(!this.state.searchJuryFirstName) {\n this.setState({ searchError: \"Fornavn mangler\" });\n return;\n } else if(!this.state.searchJuryLastName) {\n this.setState({ searchError: \"Etternavn mangler\" });\n return;\n } else if(this.state.searchJuryFirstName.length < 2) {\n this.setState({ searchError: \"Minst to bokstaver for fornavn\" });\n return;\n } else if(this.state.searchJuryLastName.length < 2) {\n this.setState({ searchError: \"Minst to bokstaver for etternavn\" });\n return;\n }\n this.setState({ searchError: null });\n this.props.searchFunction(this.state.searchJuryFirstName, this.state.searchJuryLastName);\n }\n\n handleAddJuryLeader = () => {\n const { currentSelectedPerson } = this.state;\n this.props.changeLeaderFunction(currentSelectedPerson);\n this.setState({ anchorEl: null, currentSelectedPerson: null });\n }\n\n handleAddJuryMember = () => {\n const { currentSelectedPerson } = this.state;\n const currentlySelectedJuryMembers = this.props.selectedJuryMembers ? this.props.selectedJuryMembers : {};\n currentlySelectedJuryMembers[currentSelectedPerson.personID] = currentSelectedPerson;\n \n this.props.changeFunction(currentlySelectedJuryMembers);\n this.setState({ anchorEl: null, currentSelectedPerson: null });\n }\n\n handleAddInBoth = () => {\n this.handleAddJuryLeader();\n this.handleAddJuryMember();\n }\n\n handleRemoveJuryLeader = () => {\n this.props.changeLeaderFunction(null);\n }\n\n handleRemoveJuryMember = (personID) => {\n const currentlySelectedJuryMembers = this.props.selectedJuryMembers ? this.props.selectedJuryMembers : {};\n delete currentlySelectedJuryMembers[personID];\n \n this.props.changeFunction(currentlySelectedJuryMembers);\n }\n\n handleAddJury = (e, currentSelectedPerson) => {\n if(this.props.competitionType === 1 || this.props.competitionType === 4) {\n this.setState({ anchorEl: e.currentTarget, currentSelectedPerson });\n } else {\n this.setState({ currentSelectedPerson }, () => {\n this.handleAddJuryMember();\n });\n }\n }\n\n handleCloseRoleMenu = (e) => {\n this.setState({ anchorEl: null });\n }\n\n\n renderPublicJuryMembersList = () => {\n const { classes } = this.props;\n return (\n \n \n Jurymedlemmer\n \n \n Ved åpen juryering kan alle med tilgang til konkurransen juryere\n \n
\n );\n }\n\n renderJuryList = (juryMap, headerText, emptyListText, onRemove) => {\n const { classes } = this.props;\n const Inner = !juryMap || Object.keys(juryMap).length === 0 ?\n (\n - \n {Object.keys(juryMap).map(juryID => (\n
\n \n {headerText}\n \n {Inner}\n
\n );\n }\n\n render() {\n const {\n classes,\n jurySearchResult,\n selectedJuryMembers,\n selectedJuryLeader, \n isSearching,\n competitionType,\n publicJurying,\n setPublicJurying,\n existingPublicJurying\n } = this.props;\n return (\n \n \n Jury\n \n \n \n \n Søk\n \n this.handleChange(\"searchJuryFirstName\", e)}\n style={{ marginLeft: 8, marginTop: 8 }}\n fullWidth\n margin=\"normal\"\n variant=\"outlined\"\n onChange={(e) => this.handleChange(\"searchJuryFirstName\", e)}\n />\n this.handleChange(\"searchJuryLastName\", e)}\n style={{ marginLeft: 8, marginTop: 8 }}\n fullWidth\n margin=\"normal\"\n variant=\"outlined\"\n onChange={(e) => this.handleChange(\"searchJuryLastName\", e)}\n />\n \n Søk\n \n {this.state.searchError &&\n \n {this.state.searchError}\n \n }\n \n \n \n \n {(competitionType === 1 || competitionType === 4) && this.renderJuryList(selectedJuryLeader ? { [selectedJuryLeader.personID]: selectedJuryLeader } : null,\"Juryleder\", \"Ingen juryleder valgt\", this.handleRemoveJuryLeader)}\n {publicJurying ? this.renderPublicJuryMembersList() : this.renderJuryList(selectedJuryMembers, \"Jurymedlemmer\", \"Ingen jurymedlemmer valgt\", this.handleRemoveJuryMember)}\n \n \n \n \n {!publicJurying &&\n \n \n \n \n }\n \n
\n );\n }\n}\n\nexport default withStyles(styles)(CompetitionJurySelection);","import React from 'react';\nimport { MuiPickersUtilsProvider, DateTimePicker } from \"@material-ui/pickers\";\nimport MomentUtils from '@date-io/moment';\nimport moment from \"moment\";\nimport \"moment/locale/nb\";\nimport Grid from '@material-ui/core/Grid';\n\nmoment.locale(\"nb\");\n\nclass CompetitionDateTimePicker extends React.Component {\n handleStartDateChange = (dateObject) => {\n this.props.onChange({target: {name: \"submissionStart\", value: dateObject.toISOString(true)}});\n }\n\n handleEndDateChange = (dateObject) => {\n this.props.onChange({target: {name: \"submissionEnd\", value: dateObject.toISOString(true)}});\n }\n\n render() {\n return (\n \n \n Søkeresultater\n \n \n {(!jurySearchResult || isSearching) &&\n \n
\n \n {isSearching &&\n
\n }\n {jurySearchResult && Object.keys(jurySearchResult).length <= 0 && !isSearching &&\n \n \n Fyll inn navn for å søke\n \n
\n }\n \n \n Ingen personer funnet\n \n
\n }\n {jurySearchResult && Object.keys(jurySearchResult).length > 0 && !isSearching &&\n - \n {jurySearchResult.map(person =>\n
\n \n {header}\n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(CompetitionForm);","import { connect } from 'react-redux';\nimport CompetitionForm from './CompetitionForm.component';\nimport { updateFormSigleField, updateFormMutliFields, searchPerson, getPaymentConfigured } from './CompetitionForm.actions';\nimport { pushPreviousOrDefault } from '../../../../Utils/router.utils';\n\nconst mapStateToProps = (state) => ({\n competitionForm: state.competitionForm,\n isNsffAdmin: state.userProfile.data.isNsffAdmin,\n previousLocation: state.location.previous,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n updateFormSigleField: (fieldName, value) => {\n dispatch(updateFormSigleField(fieldName, value));\n },\n updateFormMutliFields: (fields) => {\n dispatch(updateFormMutliFields(fields));\n },\n searchPerson: (firstName, lastName) => {\n dispatch(searchPerson(firstName, lastName));\n },\n getPaymentConfigured: (organizationID) => {\n dispatch(getPaymentConfigured(organizationID));\n },\n onCancel: (previousLocation) => {\n dispatch(pushPreviousOrDefault(previousLocation, \"/competitions\"));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CompetitionForm);","import React from 'react';\nimport { Dialog, DialogContentText, DialogContent, DialogTitle, Button, DialogActions, Typography } from '@material-ui/core';\nimport ProgressButton from '../../../Button/ProgressButton.component';\n\n\nconst CopyCompetitionDialog = (props) => {\n const { onDelete, isDeleting, deleteError, ...passOnProps } = props;\n\n return (\n - \n {metaData.map((data, index) => \n
\n \n Klasser\n \n \n \n
\n \n
\n );\n }\n\n render() {\n const { classes, competitionData } = this.props;\n return (\n \n
\n );\n }\n}\n\nCompetitionDetails.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(CompetitionDetails);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Dialog from '@material-ui/core/Dialog';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '../../../../Fields/TextField/TextField.component';\nimport Button from '@material-ui/core/Button';\n\nconst styles = {\n dialogContent: {\n padding: 16,\n },\n title: {\n fontSize: 14,\n },\n buttonContainer: {\n textAlign: \"center\",\n },\n};\n\nclass UploadImageDialog extends React.Component {\n state = {\n name: null,\n uploadedImage: null,\n imagePreviewUrl: null,\n };\n\n handleClose = () => {\n this.setState({ name: null, uploadedImage: null, imagePreviewUrl: null, saveError: null });\n this.props.onClose();\n };\n\n handleSave = () => {\n const { handleUpload, competitionClassID } = this.props;\n const { name, uploadedImage, imagePreviewUrl } = this.state;\n if(name && uploadedImage) {\n handleUpload(competitionClassID, name, uploadedImage, imagePreviewUrl);\n this.handleClose();\n } else {\n if(name && !uploadedImage) {\n this.setState({ saveError: \"Bilde mangler\" });\n } else if(!name && uploadedImage) {\n this.setState({ saveError: \"Tittel mangler\" });\n } else {\n this.setState({ saveError: \"Tittel og bilde mangler\" });\n }\n }\n };\n\n handleChangeName = (e) => {\n const { value } = e.target;\n this.setState({ name: value, saveError: null });\n }\n \n onChangeImg = (e) => {\n e.preventDefault();\n const _URL = window.URL || window.webkitURL;\n const file = e.target.files[0];\n const reader = new FileReader();\n\n if(file) {\n let img = new Image();\n\n img.onload = () => {\n var filesize = ((file.size/1024)/1024).toFixed(4);\n\n if(filesize <= 3.0000) {\n reader.onloadend = () => {\n this.setState({\n uploadedImage: file,\n imagePreviewUrl: reader.result,\n saveError: null,\n saveWarning: null,\n });\n\n if(img.width > 2400) {\n this.setState({ saveWarning: \"Bilde er over 2400px bredt og vil bli automatisk nedskalert.\" });\n } else if(img.height > 2400) {\n this.setState({ saveWarning: \"Bilde er over 2400px høyt og vil bli automatisk nedskalert.\" });\n } else if(img.width < 2400 && img.height < 2400) {\n this.setState({ saveWarning: \"Bilde er under 2400px bredt eller høyt.\" });\n }\n }\n \n reader.readAsDataURL(file);\n } else if(filesize > 3.0000) {\n this.setState({ saveError: \"Bilde er over 3MB\" });\n }\n };\n\n img.src = _URL.createObjectURL(file);\n\n }\n }\n \n render() {\n const { classes } = this.props;\n\n return (\n \n );\n }\n}\n\nUploadImageDialog.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(UploadImageDialog);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Dialog from '@material-ui/core/Dialog';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '../../../../Fields/TextField/TextField.component';\nimport Button from '@material-ui/core/Button';\n\nconst styles = {\n dialogContent: {\n padding: 16,\n },\n title: {\n fontSize: 14,\n },\n buttonContainer: {\n textAlign: \"center\",\n },\n};\n\nclass UploadVideoDialog extends React.Component {\n state = {\n name: null,\n videoUrl: null,\n uploadedImage: null,\n imagePreviewUrl: null,\n };\n\n handleClose = () => {\n this.setState({ name: null, videoUrl: null, uploadedImage: null, imagePreviewUrl: null, saveError: null });\n this.props.onClose();\n };\n\n handleSave = () => {\n const { name, videoUrl, uploadedImage, imagePreviewUrl } = this.state;\n const { handleUpload, competitionClassID } = this.props;\n if(name && videoUrl && uploadedImage) {\n //TODO: Handle upload video\n handleUpload(competitionClassID, name, videoUrl, uploadedImage, imagePreviewUrl);\n this.handleClose();\n } else if(!name || !videoUrl || !uploadedImage) {\n this.setState({ saveError: \"Mangler tittel, video URL eller bilde\" });\n }\n };\n\n handleChangeName = (e) => {\n const { value } = e.target;\n this.setState({ name: value, saveError: null });\n }\n\n handleChangeVideoUrl = (e) => {\n const { value } = e.target;\n this.setState({ videoUrl: value, saveError: null });\n }\n\n onChangeImg = (e) => {\n e.preventDefault();\n const _URL = window.URL || window.webkitURL;\n const file = e.target.files[0];\n const reader = new FileReader();\n\n if(file) {\n let img = new Image();\n\n img.onload = () => {\n var filesize = ((file.size/1024)/1024).toFixed(4);\n\n if(filesize <= 3.0000 && img.width <= 2400 && img.height <= 2400) {\n reader.onloadend = () => {\n this.setState({\n uploadedImage: file,\n imagePreviewUrl: reader.result,\n saveError: null,\n });\n }\n \n reader.readAsDataURL(file);\n } else if(filesize > 3.0000) {\n this.setState({ saveError: \"Bilde er over 3MB\" });\n } else if(img.width > 2400) {\n this.setState({ saveError: \"Bilde er over 2400px bredt\" });\n } else if(img.height > 2400) {\n this.setState({ saveError: \"Bilde er over 2400px høyt\" });\n }\n };\n\n img.src = _URL.createObjectURL(file);\n\n }\n }\n \n render() {\n const { classes } = this.props;\n\n return (\n \n );\n }\n}\n\nUploadVideoDialog.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(UploadVideoDialog);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nconst styles = {\n card: {\n display: 'flex',\n height: 64,\n },\n details: {\n display: 'contents',\n flexDirection: 'column',\n },\n content: {\n flexGrow: 1,\n display: \"flex\",\n alignItems: \"center\",\n \"&:last-child\": {\n paddingBottom: 16\n },\n },\n img: {\n width: 64,\n minWidth: 64,\n },\n text: {\n flexGrow: 1,\n },\n};\n\nclass UploadedImageCard extends React.Component {\n\n handleClick = (imageID) => {\n this.props.handleDelete(imageID);\n }\n\n render() {\n const { classes, name, imgRef, imgID, noDelete, imgNumber, onImageClick } = this.props;\n\n return (\n\n \n \n {competitionData.name}\n \n \n {getCompetitionType(competitionData)}\n \n
\n {this.renderMetaData()}\n \n \n Beskrivelse\n \n
\n {!isCompetitionEvaluationType(competitionData) && this.renderClassSection()}\n\n - \n
{`${classParticipations.length}/${competitionType === 2 || competitionType === 3 ? competitionMaxItems : competitionClass.maxItems}`}
\n \n \n Maks antall innleveringer: {competitionMaxItems} - {this.calcTotalClassParticipations()} lastet opp. \n
\n );\n }\n}\n\nControlledExpansionPanels.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ControlledExpansionPanels);","import { connect } from 'react-redux';\nimport ControlledExpansionPanels from './UploadStep.component';\nimport { setSelectedClassID } from '../UserParticipation.actions';\n\nconst mapStateToProps = (state) => ({\n selectedCompetitionClassID: state.competitionParticipation.selectedCompetitionClassID,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n setSelectedClassID: (selectedCompetitionClassID) => {\n dispatch(setSelectedClassID(selectedCompetitionClassID));\n },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ControlledExpansionPanels);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport UploadedImageCard from '../UploadStep/UploadedImageCard.component';\nimport Typography from '@material-ui/core/Typography';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport Avatar from '@material-ui/core/Avatar';\n\nimport {\n PhotoCamera,\n Person, Info as InfoIcon,\n} from '@material-ui/icons';\n\nconst styles = {\n imgContainer: {\n marginBottom: 8,\n },\n root: {\n\n },\n sectionText: {\n marginTop: 16,\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n};\n\nclass ConfirmRegistration extends React.Component {\n getUserPaticipationOrg = () => {\n const {competitionData, organizationsByID, userProfile } = this.props;\n if(userProfile.mainOrganizationID && competitionData.isPublic) {\n return organizationsByID[userProfile.mainOrganizationID].organizationName;\n } else {\n return organizationsByID[competitionData.organizationID].organizationName;\n }\n }\n\n renderUploadedImagesByCompetitionClass = (competitionClass) => {\n const { classes, participation, classesByID } = this.props;\n const competitionClassID = competitionClass.competitionClassID;\n const classID = competitionClass.classID;\n const classParticipations = participation.classParticipations[competitionClassID];\n return (\n - \n
\n \n {competitionClass.theme && `Opplastinger i ${classesByID[classID].name} - ${competitionClass.theme}`}\n {!competitionClass.theme && `Opplastinger i ${classesByID[classID].name}`}\n \n {classParticipations && classParticipations.length > 0 && classParticipations.map(img =>\n \n Ingen opplastinger i denne klassen\n \n }\n
\n );\n }\n\n render() {\n const { classes, userProfile, competitionClasses, competitionData } = this.props;\n\n return (\n \n
\n )}\n {(!classParticipations || classParticipations.length === 0) &&\n \n
\n );\n }\n}\n\nConfirmRegistration.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ConfirmRegistration);","import React from \"react\";\nimport { fade, useTheme } from \"@material-ui/core/styles\";\n\nexport default function StripeInput(props) {\n const {\n component: Component,\n inputRef,\n \"aria-invalid\": ariaInvalid,\n \"aria-describedby\": ariaDescribeBy,\n defaultValue,\n required,\n onKeyDown,\n onKeyUp,\n readOnly,\n autoComplete,\n autoFocus,\n type,\n name,\n rows,\n ...other\n } = props;\n const theme = useTheme();\n const [mountNode, setMountNode] = React.useState(null);\n\n React.useImperativeHandle(\n inputRef,\n () => ({\n focus: () => mountNode.focus(),\n change: () => mountNode.change(),\n }),\n [mountNode]\n );\n\n return (\n \n \n Info\n \n
\n - \n
\n
\n );\n }\n\n setShowCompletedMessage = () => {\n const showNotCompletedMessage = this.state.showNotCompletedMessage;\n if(showNotCompletedMessage && this.isComplete()) {\n this.setState({ showNotCompletedMessage: false });\n }\n }\n\n handleNameChange = (e) => {\n const value = e.target.value;\n this.setState({\n fields: {\n ...this.state.fields,\n cardHolderName: {\n complete: !!value,\n value: value,\n }\n }\n });\n this.setShowCompletedMessage();\n }\n\n isComplete = () => {\n return Object.keys(this.state.fields).every(k => this.state.fields[k].complete);\n }\n\n isValid = () => {\n return Object.keys(this.state.fields).every(k => !this.state.fields[k].error);\n }\n\n handleSubmit = () => {\n if(!this.isValid()) {\n return;\n }\n if(!this.isComplete()) {\n this.setState({ showNotCompletedMessage: true });\n return;\n }\n this.setState({ processingPayment: true });\n\n this.createPaymentMethod();\n }\n\n createPaymentMethod = () => {\n const cardHolderName = this.state.fields.cardHolderName;\n this.props.stripe.createPaymentMethod('card', {billing_details: {name: cardHolderName.value}}).then(({paymentMethod}) => {\n this.createIntent(paymentMethod.id);\n }, (error) => {\n this.setState({ processingPayment: false, processPaymentError: error.message });\n });\n }\n\n createIntent = (paymentMethodID) => {\n const { organizationID, amount } = this.props;\n apiService.post(`payment/createIntent/`, { paymentMethodID, organizationID, amount }).then((res) => {\n this.validateIntent(res);\n },(error) => {\n this.setState({ processingPayment: false, processPaymentError: error.message });\n });\n }\n\n reValidateIntent = (intent) => {\n this.validateIntent(intent);\n }\n validateIntent = (intent) => {\n if (intent.status === \"requires_action\") {\n const cardHolderName = this.state.fields.cardHolderName;\n this.props.stripe.handleCardPayment(intent.client_secret, null, {\n payment_method_data: {\n billing_details: { name: cardHolderName.value }\n }\n }\n ).then((result) => {\n \n // The card action has been handled\n // The PaymentIntent can be confirmed again on the server\n this.validateIntent(result.paymentIntent);\n \n }, (error) => {\n this.setState({ processingPayment: false, processPaymentError: error.message });\n });\n } else {\n this.props.onProcessPayment(intent.id);\n } \n }\n\n\n handleElementChange = (field) => ({\n complete,\n error = { message: null }\n }) => {\n this.setState({\n fields: {\n ...this.state.fields,\n [field]: { complete, error: error.message }\n }\n });\n\n this.setShowCompletedMessage();\n };\n \n\n\n render() {\n const { classes, internalProcessingPayment, internalProcessPaymentError, amount } = this.props;\n const { fields, processingPayment, processPaymentError } = this.state;\n\n const error = processPaymentError || internalProcessPaymentError;\n const processing = processingPayment || internalProcessingPayment;\n const paymentButtonText = `Betal ${amount} kr`;\n return (\n \n {processing &&\n
\n );\n }\n}\n\nexport default withStyles(getStyles)(injectStripe(CheckoutForm));","import React from 'react';\nimport PaymentForm from \"./PaymentForm.component\"\nimport { Dialog, DialogContent, DialogTitle } from '@material-ui/core';\nimport { withStyles } from '@material-ui/styles';\nimport { \n Elements,\n StripeProvider,\n} from 'react-stripe-elements';\nimport getConfig from '../../config/config';\n\n\nconst appConfig = getConfig();\n\nconst getStyles = (theme) => ({\n dialogContent: {\n width: 400,\n marginRight: 20,\n }\n});\n\nconst PaymentDialog = (props) => {\n const { open, ...passOnProps } = props;\n return (\n \n );\n}\n\nexport default withStyles(getStyles)(PaymentDialog);","import React from 'react';\nimport CompetitionDetailsStep from './CompetitionDetailsStep/CompetitionDetailsStep.component';\nimport UploadStep from './UploadStep/UploadStep.container';\nimport SummaryStep from './SummaryStep/SummaryStep.component';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Stepper from '@material-ui/core/Stepper';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport Button from '@material-ui/core/Button';\nimport moment from \"moment\";\nimport PaymentDialog from '../../../Payment/PaymentDialog.component';\nimport \"moment/locale/nb\";\nimport { Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nmoment.locale(\"nb\");\n\nconst styles = theme => ({\n root: {\n padding: 10,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n buttonContainer: {\n textAlign: \"center\",\n },\n button: {\n marginRight: theme.spacing(),\n },\n instructions: {\n marginTop: theme.spacing(),\n marginBottom: theme.spacing(),\n },\n});\n\nconst detailsStep = {\n key: 'details',\n label: \"Detaljer\",\n getComponent: (props, state) => {\n const { classesByID, competitionData, participation } = props;\n return (\n \n \n Utfører betaling...\n \n
\n }\n \n
\n \n
\n \n
\n \n \n Alle felter må fylles ut\n \n }\n {error &&\n \n {error}\n \n }\n
\n \n \n \n \n
\n {this.state.showNotCompletedMessage &&\n \n
\n );\n }\n\n\n getSteps = () => {\n return this.isCompetitionSubmissionEnded() ? submissionEndedSteps : defaultSteps;\n }\n\n handleProcessPayment = (intentID) => {\n this.props.processPayment(intentID, this.props.competitionData.competitionID);\n }\n\n\n openPaymentFormDialog = () => {\n this.props.setPaymentFormDialogOpen(true);\n }\n\n closePaymentFormDialog = () => {\n this.props.setPaymentFormDialogOpen(false);\n }\n\n isSubmissionEnded = () => {\n return moment() > moment(this.props.competitionData.submissionEnd);\n }\n\n getParticipatingOrganization = () => {\n const {competitionData, organizationsByID, userProfile } = this.props;\n if(userProfile.mainOrganizationID && competitionData.isPublic) {\n return organizationsByID[userProfile.mainOrganizationID];\n } else {\n return organizationsByID[competitionData.organizationID];\n }\n }\n\n renderNextButton = (step) => {\n const { competitionData, participation, classes } = this.props;\n const paymentCompleted = participation && participation.paymentCompleted;\n const participatingOrganization = this.getParticipatingOrganization();\n if(step.key === 'details' && this.isSubmissionEnded() && !competitionData.isParticipating) {\n return null;\n }\n\n if(step.key === 'details' && !competitionData.isParticipating && participatingOrganization.isNsff) {\n return (\n {activeStepObj.label}
\n {activeStepObj.getComponent(this.props, this.state)}\n\n \n \n {steps.map((step) => {\n const props = {};\n const labelProps = {};\n\n return (\n \n {step.label} \n \n );\n })}\n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(Participation);","import { connect } from 'react-redux';\nimport UserParticipation from './UserParticipation.component';\nimport { uploadImage, deleteImage, requestProcessParticipationPayment, setActiveStep, setPaymentFormDialogOpen, loadParticipationPage } from './UserParticipation.actions';\nimport withDataLoader from '../../../DataLoader/withDataLoader';\nimport { pushPreviousOrDefault } from '../../../../Utils/router.utils';\n\nconst mapStateToProps = (state) => ({\n competitionData: state.competition.selectedComp,\n dataLoading: !state.competition.selectedComp || !state.competitionParticipation || state.competitionParticipation.participationPageLoading,\n dataLoadErrorMessage: state.competition.loadSelectedCompErrorMessage || state.competitionParticipation.errorMessage,\n classesByID: state.metaData.classesByID,\n participation: state.competitionParticipation.participation,\n selectedOrganization: state.competitionParticipation.selectedOrganization,\n userProfile: state.userProfile.data,\n organizationsByID: state.clubs.orgsByID,\n activeStep: state.competitionParticipation.activeStep,\n processingPayment: state.competitionParticipation.processingPayment,\n paymentError: state.competitionParticipation.processPaymentError,\n paymentFormDialogOpen: state.competitionParticipation.paymentFormDialogOpen,\n previousLocation: state.location.previous,\n});\n\nconst mapDispatchToProps = (dispatch, props) => ({\n uploadImage: (competitionID, competitionClassID, image, imagePreviewUrl, name, videoUrl) => {\n dispatch(uploadImage(competitionID, competitionClassID, image, imagePreviewUrl, name, videoUrl));\n },\n deleteImage: (imageID, competitionClassID, competitionID) => {\n dispatch(deleteImage(imageID, competitionClassID, competitionID));\n },\n processPayment: (paymentToken, competitionID) => {\n dispatch(requestProcessParticipationPayment(paymentToken, competitionID));\n },\n setActiveStep: (step) => {\n dispatch(setActiveStep(step));\n },\n setPaymentFormDialogOpen: (open) => {\n dispatch(setPaymentFormDialogOpen(open));\n },\n loadParticipation: (urlParams, queryParams) => {\n dispatch(loadParticipationPage(urlParams.id));\n },\n onBackClick: (previousLocation) => {\n dispatch(pushPreviousOrDefault(previousLocation, \"/competitions\"));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withDataLoader(\"loadParticipation\")(UserParticipation));","import React from 'react';\nimport { DialogContent, DialogActions, Button, Dialog, DialogTitle } from '@material-ui/core';\n\n\n\n\nconst DownloadDialog = ({ open, fileCount, avgFileSize, onConfirm, onCancel }) => {\n let estimatedSize = fileCount * avgFileSize;\n let unit = \"megabyte\";\n if(estimatedSize > 1000) {\n unit = \"gigabyte\";\n estimatedSize = (estimatedSize / 1000).toFixed(1);\n }\n\n return (\n \n );\n}\n\nexport default DownloadDialog;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport getCompetitionType from '../../../../competition/getCompetitionType';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport Avatar from '@material-ui/core/Avatar';\nimport HomeIcon from '@material-ui/icons/Home';\nimport EventAvailableIcon from '@material-ui/icons/EventAvailable';\nimport EventBusyIcon from '@material-ui/icons/EventBusy';\nimport PhotoIcon from '@material-ui/icons/Photo';\nimport MoneyIcon from '@material-ui/icons/Money';\nimport InfoIcon from '@material-ui/icons/Info';\nimport moment from \"moment\";\nimport \"moment/locale/nb\";\nimport isCompetitionEvaluationType from '../../../../competition/isCompetitionEvaluationType';\nimport { Button } from '@material-ui/core';\nimport downloadFile from '../../../../Utils/download/downloadFile';\nimport DownloadDialog from '../../../DownloadDialog/DownloadDialog.component';\n\nmoment.locale(\"nb\");\n\nconst styles = theme => ({\n sectionText: {\n marginTop: 16,\n },\n chip: {\n margin: 8,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n tablePaper: {\n padding: 0,\n marginBottom: 8,\n },\n metadata: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n metadataPaper: {\n marginRight: 8,\n marginBottom: 8,\n flex: 'auto',\n },\n});\n\nclass CompetitionDetails extends React.Component {\n state = {\n downloadDialogOpen: false,\n }\n\n renderMetaData = () => {\n const { classes, competitionData } = this.props;\n const metaData = [\n {icon: \n {this.renderActiveStep(steps)}\n
\n \n {this.renderBackButton(activeStep)}\n { activeStep === steps.length - 1 &&\n \n { 'Ok' }\n \n }\n { activeStep !== steps.length - 1 && this.renderNextButton(steps[activeStep])}\n
\n - \n {metaData.map((data, index) => \n
\n \n Klasser\n \n\n \n \n
\n \n
\n );\n }\n\n render() {\n const { classes, competitionData } = this.props;\n return (\n \n \n \n {this.state.downloadDialogOpen &&
\n );\n }\n}\n\nCompetitionDetails.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(CompetitionDetails);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Grid from '@material-ui/core/Grid';\n\nconst styles = theme => ({\n card: {\n display: 'flex',\n },\n content: {\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'column',\n },\n media: {\n height: 150,\n width: 150,\n },\n buttonContainer: {\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n alignItems: 'flex-end',\n },\n cardContent: {\n display: 'flex',\n flexGrow: 1,\n },\n buttonInnerContainer: {\n display: 'inline-block',\n }\n });\n\nclass MediaCardList extends React.Component {\n renderMediaItem = (mediaItem, index) => {\n const { classes, imageMinSize } = this.props;\n return (\n \n
\n\n {this.renderMetaData()}\n \n \n {competitionData.name}\n \n \n {getCompetitionType(competitionData)}\n \n
\n {competitionData.isJuryLeader && }\n \n \n Beskrivelse\n \n
\n {!isCompetitionEvaluationType(competitionData) && this.renderClassSection()}\n - \n
\n \n {mediaItems && mediaItems.map(this.renderMediaItem)}\n \n\n
\n );\n }\n}\n\nexport default withStyles(styles)(MediaCardList);","import React from 'react';\nimport classNames from 'classnames';\nimport {\n withStyles,\n Slide,\n Dialog,\n AppBar,\n Toolbar,\n Typography,\n IconButton,\n CircularProgress\n} from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\n\n\n\nconst getStyles = ({\n image: {\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n },\n imageLoading: {\n display: 'none',\n }, \n title: {\n flex: 1,\n color: \"white\",\n },\n progressContainer: {\n textAlign: 'center',\n paddingTop: '45%',\n },\n imageContainer: {\n height: '100%',\n width: '100%',\n overflow: 'hidden',\n paddingTop: 68,\n paddingBottom: 4,\n }\n});\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n return \n Ingen flere bilder\n
\n );\n }\n \n return (\n \n \n {currentMediaItem.name}\n \n \n Id: {currentMediaItem.classParticipationNumber}\n \n {currentMediaItem && currentMediaItem.videoUrl &&\n
\n );\n }\n}\n\nImageFullscreen.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ImageFullscreen);","import React from 'react';\nimport {\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n Button,\n FormLabel,\n Typography,\n withStyles,\n} from '@material-ui/core';\nimport withInternalChangeHandler from '../../../../../Fields/withInternalChangeHandler';\nimport ProgressButton from '../../../../../Button/ProgressButton.component';\nimport TextField from '../../../../../Fields/TextField/TextField.component';\n\nconst FormTextField = withInternalChangeHandler()(TextField);\n\nconst getStyles = (theme) => ({\n displayItem: {\n paddingTop: 10,\n paddingBottom: 10,\n },\n form: {\n display: 'flex',\n flexDirection: 'column',\n maxWidth: 900,\n width: '100%',\n },\n button: {\n marginRight: 8,\n },\n radioGroup: {\n justifyContent: 'center',\n }\n});\n \nclass ScoreFullscreen extends React.Component {\n\n onBlur = (field, value) => {\n this.props.onScoreFormFieldUpdated(field,value);\n }\n\n handleShowEditScore = () => {\n const { score, comment } = this.props.classParticipation;\n this.props.onViewEditScore({\n score: score ? score.toString() : '',\n comment: comment || '',\n });\n }\n\n cancelEditScore = () => {\n this.props.onCancelEditScore();\n }\n\n validateForm = () => {\n const formValues = this.props.formValues;\n if(formValues && formValues.score) {\n return true;\n }\n this.props.onScoreFormInvalid(\"Poeng må være satt\");\n }\n\n handleSaveScore = (e) => {\n e.preventDefault();\n const { classParticipation, competitionData, formValues } = this.props;\n\n if(this.validateForm()) {\n this.props.saveScore(\n competitionData.competitionID,\n classParticipation.classParticipationID,\n formValues.score,\n formValues.comment\n );\n }\n }\n\n renderForJuryingClosed() {\n const { classParticipation } = this.props;\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n }\n - \n
\n Juryeringen er lukket\n
\n );\n }\n\n getScoreFields = () => {\n const fields = [];\n for(var i = 0; i <= 10; i++) {\n const iAsString = i.toString();\n fields.push((\n \n Poeng registrert: {classParticipation.score}\n
\n \n
\n );\n }\n\n renderForm = (allowCancel, submitText) => {\n const { classes, validationErrorMessage } = this.props;\n const formValues = this.props.formValues || {};\n return (\n \n );\n }\n\n\n\n render() {\n const { competitionData, classParticipation } = this.props;\n\n const scoreExists = !!classParticipation.score || classParticipation.score === 0;\n if(competitionData.juryingClosed) {\n return this.renderForJuryingClosed();\n }\n\n\n return scoreExists ? this.renderForExisting() : this.renderForm(false, \"Lagre\");\n }\n}\n\nexport default withStyles(getStyles)(ScoreFullscreen);","import { connect } from 'react-redux';\nimport ScoreFullscreen from './ScoreFullscreen.component';\n\nimport {\n saveScore,\n onScoreFormFieldUpdated,\n onViewEditScore,\n onCancelEditScore,\n onScoreFormInvalid,\n} from './ScoreFullscreen.actions';\n\nconst mapStateToProps = (state, props) => {\n const viewAndScore = state.viewAndScore;\n const scoreFullscreen = viewAndScore.scoreFullscreen || {};\n return {\n saving: scoreFullscreen.saving,\n formValues: scoreFullscreen.formValues,\n validationErrorMessage: scoreFullscreen.validationErrorMessage,\n showEditScore: scoreFullscreen.showEditScore,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n saveScore: (competitionID, classParticipationID, score, comment) => {\n dispatch(saveScore(competitionID, classParticipationID, score, comment));\n },\n onScoreFormFieldUpdated: (field, value) => {\n dispatch(onScoreFormFieldUpdated(field, value));\n },\n onViewEditScore: (formValues) => {\n dispatch(onViewEditScore(formValues));\n },\n onCancelEditScore: () => {\n dispatch(onCancelEditScore());\n },\n onScoreFormInvalid: (validationErrorMessage) => {\n dispatch(onScoreFormInvalid(validationErrorMessage));\n }\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ScoreFullscreen);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport MediaCardList from '../../../../Media/MediaCardList.component';\nimport MediaFullscreen from '../../../../Media/MediaFullscreen.component';\nimport Typography from '@material-ui/core/Typography';\nimport Paper from '@material-ui/core/Paper';\nimport Button from '@material-ui/core/Button';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport Avatar from '@material-ui/core/Avatar';\nimport Star from '@material-ui/icons/Star';\nimport ScoreFullscreen from './ScoreFullscreen/ScoreFullscreen.container';\n\nconst styles = theme => ({\n root: {\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n button: {\n float: \"right\",\n },\n cardContent: {\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'column',\n padding: 10, \n },\n cardContentButtonContainer: {\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n alignItems: 'flex-end',\n },\n cardContentButtonInnerContainer: {\n display: 'inline-block',\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n cardText: {\n whiteSpace: \"nowrap\",\n },\n list: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n listItem: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n });\n\nclass ViewAndScore extends React.Component {\n\n onShowList = () => {\n this.props.onShowList();\n }\n\n onShowFullscreen = (participationIndex) => {\n this.props.onShowFullscreen(participationIndex);\n }\n\n\n onFullsceenIndexChange = (index) => {\n this.props.onFullscreenIndexChange(index);\n }\n\n renderMediaItemCardContent = (mediaItem, index) => {\n const classes = this.props.classes;\n return (\n \n \n Antall poeng\n \n \n {classParticipation.score}\n \n
\n {classParticipation.comment &&\n \n \n Kommentar\n \n
\n }\n {!competitionData.juryingClosed &&\n \n {classParticipation.comment}\n
\n \n \n
\n }\n \n \n {mediaItem.name}\n \n \n Id: {mediaItem.classParticipationNumber}\n \n
\n );\n }\n\n renderFullScreenContent = (mediaItem, index) => {\n const { competitionData } = this.props;\n return (\n - \n
\n
\n \n \n
\n\n \n \n \n {competitionClass.theme && `${currentClass.name} - ${competitionClass.theme}`}\n {!competitionClass.theme && `${currentClass.name}`}\n {showFullscreen ? \n :\n \n }\n \n {showFullscreen ? this.renderFullScreen() : this.renderMediaCardList()}\n \n
\n );\n }\n}\n\nViewAndScore.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ViewAndScore);","import { connect } from 'react-redux';\nimport ViewAndScore from './ViewAndScore.component';\nimport withLoadingIndicator from '../../../../LoadingIndicator/withLoadingIndicator';\n\nimport {\n fullScreenIndexChange,\n showFullscreen,\n showList,\n} from './ViewAndScore.actions';\n\nconst mapStateToProps = (state) => {\n const viewAndScore = state.viewAndScore || {};\n return {\n ready: !viewAndScore.loading,\n classParticipations: viewAndScore.data,\n showFullscreen: viewAndScore.showFullscreen,\n fullscreenInitialIndex: viewAndScore.fullscreenInitialIndex,\n classesByID: state.metaData.classesByID,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n onFullscreenIndexChange: (index) => {\n dispatch(fullScreenIndexChange(index));\n },\n onShowFullscreen: (fullscreenInitialIndex) => {\n dispatch(showFullscreen(fullscreenInitialIndex));\n },\n onShowList: () => {\n dispatch(showList());\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withLoadingIndicator()(ViewAndScore));","import React from 'react';\nimport {\n Select,\n MenuItem,\n OutlinedInput,\n withStyles,\n FormControl,\n InputLabel,\n Button,\n Typography\n} from '@material-ui/core';\nimport withInternalChangeHandler from '../../../../../Fields/withInternalChangeHandler';\nimport { getAwardByValue } from '../../awards';\nimport ProgressButton from '../../../../../Button/ProgressButton.component';\nimport TextField from '../../../../../Fields/TextField/TextField.component';\n\n\nconst FormTextField = withInternalChangeHandler()(TextField);\n\n\nconst getStyles = (theme) => ({\n form: {\n display: 'flex',\n flexDirection: 'column',\n maxWidth: 600,\n width: '100%',\n },\n displayItem: {\n paddingTop: 10,\n paddingBottom: 10,\n },\n viewButton: {\n marginRight: 10,\n },\n juryItem: {\n margin: 10,\n },\n comment: {\n margin: 10,\n fontStyle: 'italic',\n },\n buttonContainer: {\n display: 'flex',\n justifyContent: 'center',\n },\n});\nclass AwardFullscreen extends React.Component { \n\n onBlur = (field, value) => {\n this.props.onAwardFormFieldUpdated(field,value);\n }\n\n getDefaultComment = () => {\n return this.props.classParticipation.comments.reduce((accComment, comment) => accComment+=(comment+'\\n'),'');\n }\n\n handleShowEditAward = () => {\n const { award, awardComment } = this.props.classParticipation;\n this.props.onViewEditAward({\n award: award,\n comment: awardComment || this.getDefaultComment(),\n });\n }\n\n cancelEditAward = () => {\n this.props.onCancelEditAward();\n }\n\n handleRemoveAward = () => {\n const { classParticipation, competitionData } = this.props;\n this.props.removeAward(competitionData.competitionID, classParticipation.classParticipationID);\n }\n\n validateForm = () => {\n const formValues = this.props.formValues;\n if(formValues && formValues.award) {\n return true;\n }\n this.props.onAwardFormInvalid(\"Plassering må være satt\");\n }\n\n handleSaveAward = (e) => {\n e.preventDefault();\n const { classParticipation, competitionData, formValues } = this.props;\n\n if(this.validateForm()) {\n this.props.saveAward(\n competitionData.competitionID,\n classParticipation.classParticipationID,\n formValues.award,\n formValues.comment\n );\n }\n }\n\n renderForExisting = () => {\n const { classParticipation, competitionData, showEditAward, classes } = this.props;\n\n const award = getAwardByValue(classParticipation.award);\n return showEditAward ? this.renderForm(true, \"Oppdater\") : (\n \n
\n );\n }\n\n\n renderJuryComments = () => {\n const { classes, classParticipation} = this.props;\n\n return (\n \n \n Plassering\n \n \n {award.formDisplayName}\n \n
\n \n \n Kommentar\n \n
\n \n {classParticipation.awardComment}\n
\n \n \n Antall jurypoeng\n \n \n {classParticipation.score}\n \n
\n {!competitionData.finished &&\n \n \n \n
\n }\n \n \n Jurykommentarer\n \n {classParticipation.comments.map((c, i) => {\n const commentText = `“${c}”`;\n return (\n \n {commentText}\n \n )\n })}\n
\n );\n }\n\n renderForm = (allowCancel, submitText) => {\n\n const { classes, classParticipation, validationErrorMessage, awards } = this.props;\n const formValues = this.props.formValues || {};\n const awardString = classParticipation.award && classParticipation.award.toString();\n const availableAwards = awards.filter(a => !a.notAvailable || a.value.toString() === awardString);\n\n return (\n \n );\n }\n\n render() {\n const { classParticipation, competitionData } = this.props;\n\n const awardExists = !!classParticipation.award;\n\n if(!competitionData.juryingClosed) {\n return (\n \n Premiering er kun tilgjengelig når juryeringen er lukket. \n
\n );\n }\n if(competitionData.finished && !awardExists) {\n return (\n \n Premieringen er lukket. \n
\n );\n }\n\n\n return awardExists ? this.renderForExisting() : this.renderForm(false, \"Premier\");\n }\n\n}\n\n\nexport default withStyles(getStyles)(AwardFullscreen);","import { connect } from 'react-redux';\nimport AwardFullscreen from './AwardFullscreen.component';\n\nimport {\n saveAward,\n removeAward,\n onAwardFormFieldUpdated,\n onViewEditAward,\n onAwardFormInvalid,\n onCancelEditAward,\n} from './AwardFullscreen.actions';\n\nconst mapStateToProps = (state, props) => {\n const viewAndAward = state.viewAndAward;\n const awardFullscreen = viewAndAward.awardFullscreen || {};\n return {\n saving: awardFullscreen.saving,\n deleting: awardFullscreen.deleting,\n formValues: awardFullscreen.formValues,\n validationErrorMessage: awardFullscreen.validationErrorMessage,\n showEditAward: awardFullscreen.showEditAward,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n saveAward: (competitionID, classParticipationID, award, comment) => {\n dispatch(saveAward(competitionID, classParticipationID, award, comment));\n },\n removeAward: (competitionID, classParticipationID) => {\n dispatch(removeAward(competitionID, classParticipationID));\n },\n onAwardFormFieldUpdated: (field, value) => {\n dispatch(onAwardFormFieldUpdated(field, value));\n },\n onViewEditAward: (formValues) => {\n dispatch(onViewEditAward(formValues));\n },\n onCancelEditAward: () => {\n dispatch(onCancelEditAward());\n },\n onAwardFormInvalid: (validationErrorMessage) => {\n dispatch(onAwardFormInvalid(validationErrorMessage));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AwardFullscreen);","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport MediaCardList from \"../../../../Media/MediaCardList.component\";\nimport MediaFullscreen from \"../../../../Media/MediaFullscreen.component\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Button from \"@material-ui/core/Button\";\nimport AwardFullscreen from \"./AwardFullscreen/AwardFullscreen.container\";\nimport { fade } from \"@material-ui/core/styles/colorManipulator\";\nimport { getAwardByValue } from \"../awards\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport Star from \"@material-ui/icons/Star\";\nimport FormatListNumbered from \"@material-ui/icons/FormatListNumbered\";\nimport {\n Select,\n MenuItem,\n InputLabel,\n OutlinedInput,\n FormControl,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n Divider,\n} from \"@material-ui/core\";\nimport CheckboxField from \"../../../../Fields/CheckboxField/CheckboxField.component\";\nconst styles = (theme) => ({\n root: {},\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: 10,\n },\n button: {\n height: 49,\n width: 129,\n },\n cardContent: {\n display: \"flex\",\n flexGrow: 1,\n flexDirection: \"column\",\n padding: 10,\n },\n cardContentButtonContainer: {\n display: \"flex\",\n flexGrow: 1,\n justifyContent: \"flex-end\",\n alignItems: \"flex-end\",\n },\n cardContentButtonInnerContainer: {\n display: \"inline-block\",\n },\n cardContentItem: {\n display: \"flex\",\n justifyContent: \"space-between\",\n },\n cardContentItemHeader: {\n padding: 5,\n },\n cardContentItemValue: {\n padding: 5,\n paddingLeft: 10,\n fontWeight: 600,\n },\n topButtonsContainer: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n },\n cardButtonContainer: {\n padding: 10,\n flexGrow: 1,\n display: \"flex\",\n alignItems: \"flex-end\",\n justifyContent: \"space-between\",\n flexDirection: \"column\",\n },\n filterSelectContainer: {\n marginRight: 10,\n },\n selectNotchedOutline: {\n borderColor: `${fade(theme.palette.primary.main, 0.5)}!important`,\n \"&:hover\": {\n borderColor: `${(theme.palette.primary.main, 0.5)}!important`,\n },\n },\n filterLabel: {\n color: theme.palette.primary.main,\n },\n filterFormControl: {\n minWidth: 150,\n marginBottom: 0,\n marginTop: 0,\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n cardText: {\n whiteSpace: \"nowrap\",\n margin: 0,\n },\n list: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n listItem: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n});\n\nclass ViewAndAward extends React.Component {\n state = {\n filterValue: \"\",\n checkedParticipations: [],\n dialogOpen: false,\n award: null,\n };\n onShowList = () => {\n this.props.onShowList();\n };\n\n onShowFullscreen = (participationIndex) => {\n this.props.onShowFullscreen(participationIndex);\n };\n\n onFullsceenIndexChange = (index) => {\n this.props.onFullscreenIndexChange(index);\n };\n\n handleCheckedChange = (classParticipationID) => {\n let checkedParticipations = [...this.state.checkedParticipations];\n if (!checkedParticipations.includes(classParticipationID)) {\n checkedParticipations.push(classParticipationID);\n } else {\n checkedParticipations = checkedParticipations.filter(\n (i) => i !== classParticipationID\n );\n }\n this.setState({ checkedParticipations });\n };\n\n onRewardClick = () => {\n // Error handling ?\n this.state.checkedParticipations.forEach((e) => {\n this.props.saveAward(\n this.props.competitionData.competitionID,\n e,\n this.state.award.value,\n null\n );\n });\n this.setState({\n dialogOpen: false,\n checkedParticipations: [],\n award: null,\n });\n };\n\n // Map mediaItems over checkedparticipations and render.\n renderAwardingDialog = () => {\n const array = this.props.displayClassParticipations.filter((m) =>\n this.state.checkedParticipations.includes(m.classParticipationID)\n );\n return (\n \n );\n };\n\n renderMediaItemCardContent = (mediaItem, index) => {\n const { classes } = this.props;\n const award = getAwardByValue(mediaItem.award);\n return (\n \n \n {mediaItem.name}\n \n Id: {mediaItem.classParticipationNumber} \n
\n - \n {award && (\n
\n \n this.handleCheckedChange(mediaItem.classParticipationID)\n }\n />\n this.onShowFullscreen(index)}\n >\n Åpne\n \n
\n \n <>\n \n \n Premier\n \n \n this.setState({ dialogOpen: true, award: e.target.value })\n }\n input={\n \n \n Filter\n \n
\n );\n };\n\n render() {\n const { classes, competitionClass, showFullscreen, classesByID } =\n this.props;\n const currentClass = classesByID[competitionClass.classID];\n\n return (\n \n \n \n
\n );\n }\n}\n\nViewAndAward.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ViewAndAward);\n","import { createSelector } from 'reselect';\nimport {\n awards\n} from '../awards';\n\nconst awardsAllowedOnlyOnce = [];\n\nconst getClassParticipationFilter = state => state.viewAndAward && state.viewAndAward.classParticipationFilter;\nconst getClassParticipations = state => state.viewAndAward && state.viewAndAward.data;\n\nexport const makeGetAwards = () =>\n createSelector(\n getClassParticipations,\n (classParticipations) => {\n const accAwards = awards.map(a => ({ ...a}));\n\n if(classParticipations) {\n classParticipations.forEach((item) => {\n const awardAsInt = item.award ? parseInt(item.award) : null;\n if(awardAsInt && awardsAllowedOnlyOnce.includes(awardAsInt)) {\n const index = awardAsInt -1;\n accAwards[index].notAvailable = true;\n }\n });\n \n \n }\n return accAwards;\n }\n );\n\nexport const makeGetDisplayClassParticipations = () =>\n createSelector(\n getClassParticipations,\n getClassParticipationFilter,\n (classParticipations, filter) => {\n if(classParticipations) {\n if(filter === 'awarded') {\n return classParticipations.filter(c => c.award != null);\n }else if(filter ==='notawarded') {\n return classParticipations.filter(c => c.award == null);\n }\n return classParticipations;\n }\n }\n );","import { connect } from \"react-redux\";\nimport ViewAndAward from \"./ViewAndAward.component\";\nimport withLoadingIndicator from \"../../../../LoadingIndicator/withLoadingIndicator\";\nimport {\n makeGetAwards,\n makeGetDisplayClassParticipations,\n} from \"./ViewAndAward.selectors\";\n\nimport {\n fullScreenIndexChange,\n showList,\n showFullscreen,\n setClassParticipationFilter,\n saveAward,\n} from \"./ViewAndAward.actions\";\n\nconst makeMapStateToProps = () => {\n const getDisplayClassParticipations = makeGetDisplayClassParticipations();\n const getAwards = makeGetAwards();\n return (state, props) => {\n const viewAndAward = state.viewAndAward || {};\n return {\n ready: !viewAndAward.loading,\n classParticipations: viewAndAward.data,\n awards: getAwards(state),\n showFullscreen: viewAndAward.showFullscreen,\n fullscreenInitialIndex: viewAndAward.fullscreenInitialIndex,\n displayClassParticipations: getDisplayClassParticipations(state),\n classParticipationFilter: viewAndAward.classParticipationFilter,\n classesByID: state.metaData.classesByID,\n };\n };\n};\nconst mapDispatchToProps = (dispatch) => ({\n onFullscreenIndexChange: (index) => {\n dispatch(fullScreenIndexChange(index));\n },\n onShowFullscreen: (fullscreenInitialIndex) => {\n dispatch(showFullscreen(fullscreenInitialIndex));\n },\n onShowList: () => {\n dispatch(showList());\n },\n onSetClassParticipationFilter: (filter) => {\n dispatch(setClassParticipationFilter(filter));\n },\n saveAward: (competitionID, classParticipationID, award, comment) => {\n dispatch(saveAward(competitionID, classParticipationID, award, comment));\n },\n});\n\nexport default connect(\n makeMapStateToProps,\n mapDispatchToProps\n)(withLoadingIndicator()(ViewAndAward));\n","\n\n \n\nimport React from 'react';\nimport {\n FormControl,\n Button,\n Typography,\n withStyles,\n} from '@material-ui/core';\nimport withInternalChangeHandler from '../../../../../Fields/withInternalChangeHandler';\nimport ProgressButton from '../../../../../Button/ProgressButton.component';\nimport TextField from '../../../../../Fields/TextField/TextField.component';\n\nconst FormTextField = withInternalChangeHandler()(TextField);\n\n\nconst getStyles = (theme) => ({\n displayItem: {\n paddingTop: 10,\n paddingBottom: 10,\n },\n form: {\n display: 'flex',\n flexDirection: 'column',\n maxWidth: 800,\n width: '100%',\n },\n});\n \nclass EvaluationFullscreenContent extends React.Component {\n\n onBlur = (field, value) => {\n this.props.onEvaluationFormFieldUpdated(field,value);\n }\n\n handleShowEditEvaluation = () => {\n const { comment } = this.props.classParticipation;\n this.props.onViewEditEvaluation({\n comment: comment || '',\n });\n }\n\n cancelEditEvaluation = () => {\n this.props.onCancelEditEvaluation();\n }\n\n validateForm = () => {\n const formValues = this.props.formValues;\n if(formValues && formValues.comment) {\n return true;\n }\n this.props.onEvaluationFormInvalid(\"Kommentar må være satt\");\n }\n\n handleSaveEvaluation = (e) => {\n e.preventDefault();\n const { classParticipation, competitionData, formValues } = this.props;\n\n if(this.validateForm()) {\n this.props.saveEvaluation(\n competitionData.competitionID,\n classParticipation.classParticipationID,\n formValues.comment\n );\n }\n }\n\n renderForExisting = () => {\n const { classParticipation, competitionData, showEditEvaluation, classes } = this.props;\n return showEditEvaluation ? this.renderForm(true, \"Oppdater\") : (\n \n {currentClass.name} \n {this.renderAwardingDialog()}\n {showFullscreen ? (\n \n Liste\n \n ) : (\n
\n {showFullscreen ? this.renderFullScreen() : this.renderCardList()}\n \n {this.renderFilterSelector()}\n this.onShowFullscreen()}\n >\n Fullskjerm\n \n
\n )}\n \n
\n );\n }\n\n renderForm = (allowCancel, submitText) => {\n const { classes, classParticipation, validationErrorMessage } = this.props;\n const formValues = this.props.formValues || {\n comment: classParticipation.comment,\n };\n return (\n \n );\n }\n\n\n\n render() {\n const { competitionData, classParticipation } = this.props;\n\n const commentExists = !!classParticipation.comment;\n if(competitionData.juryingClosed) {\n return this.renderForJuryingClosed();\n }\n\n\n return commentExists ? this.renderForExisting() : this.renderForm(false, \"Lagre\");\n }\n}\n\nexport default withStyles(getStyles)(EvaluationFullscreenContent);","import { connect } from 'react-redux';\nimport EvaluationFullscreenContent from './EvaluationFullscreenContent.component';\n\nimport {\n saveEvaluation,\n onEvaluationFormFieldUpdated,\n onViewEditEvaluation,\n onCancelEditEvaluation,\n onEvaluationFormInvalid,\n} from './EvaluationFullscreenContent.actions';\n\nconst mapStateToProps = (state, props) => {\n const viewAndEvaluation = state.viewAndEvaluate;\n const evaluationFullscreen = viewAndEvaluation.evaluationFullscreen || {};\n return {\n saving: evaluationFullscreen.saving,\n formValues: evaluationFullscreen.formValues,\n validationErrorMessage: evaluationFullscreen.validationErrorMessage,\n showEditEvaluation: evaluationFullscreen.showEditEvaluation,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n saveEvaluation: (competitionID, classParticipationID, comment) => {\n dispatch(saveEvaluation(competitionID, classParticipationID, comment));\n },\n onEvaluationFormFieldUpdated: (field, value) => {\n dispatch(onEvaluationFormFieldUpdated(field, value));\n },\n onViewEditEvaluation: (formValues) => {\n dispatch(onViewEditEvaluation(formValues));\n },\n onCancelEditEvaluation: () => {\n dispatch(onCancelEditEvaluation());\n },\n onEvaluationFormInvalid: (validationErrorMessage) => {\n dispatch(onEvaluationFormInvalid(validationErrorMessage));\n }\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(EvaluationFullscreenContent);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport MediaCardList from '../../../../Media/MediaCardList.component';\nimport MediaFullscreen from '../../../../Media/MediaFullscreen.component';\nimport Typography from '@material-ui/core/Typography';\nimport Paper from '@material-ui/core/Paper';\nimport Button from '@material-ui/core/Button';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport Avatar from '@material-ui/core/Avatar';\nimport Comment from '@material-ui/icons/Comment';\nimport EvaluationFullscreenContent from './EvaluationFullscreenContent/EvaluationFullscreenContent.container';\n\nconst styles = theme => ({\n root: {\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n button: {\n float: \"right\",\n },\n cardContent: {\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'column',\n padding: 10,\n overflow: 'hidden',\n },\n cardContentButtonContainer: {\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n alignItems: 'flex-end',\n },\n cardContentButtonInnerContainer: {\n display: 'inline-block',\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n cardText: {\n whiteSpace: \"nowrap\",\n },\n list: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n listItem: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n });\n\nclass ViewAndEvaluate extends React.Component {\n\n onShowList = () => {\n this.props.onShowList();\n }\n\n onShowFullscreen = (participationIndex) => {\n this.props.onShowFullscreen(participationIndex);\n }\n\n\n onFullsceenIndexChange = (index) => {\n this.props.onFullscreenIndexChange(index);\n }\n\n renderMediaItemCardContent = (mediaItem, index) => {\n const classes = this.props.classes;\n return (\n \n \n Kommentar\n \n
\n {!competitionData.juryingClosed &&\n \n {classParticipation.comment ? classParticipation.comment : \"Ingen kommentar satt\"}\n
\n \n \n
\n }\n \n \n {mediaItem.name}\n \n \n Id: {mediaItem.classParticipationNumber}\n \n {mediaItem.comment && \n
\n );\n }\n\n renderFullScreenContent = (mediaItem, index) => {\n const { competitionData } = this.props;\n return (\n - \n
\n
\n \n \n
\n\n \n \n \n {currentClass.name}\n {showFullscreen ? \n :\n \n }\n \n {showFullscreen ? this.renderFullScreen() : this.renderMediaCardList()}\n \n
\n );\n }\n}\n\nViewAndEvaluate.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ViewAndEvaluate);","import { connect } from 'react-redux';\nimport ViewAndEvaluate from './ViewAndEvaluate.component';\nimport withLoadingIndicator from '../../../../LoadingIndicator/withLoadingIndicator';\n\nimport {\n fullScreenIndexChange,\n showFullscreen,\n showList,\n} from './ViewAndEvaluate.actions';\n\nconst mapStateToProps = (state) => {\n const viewAndEvaluate = state.viewAndEvaluate || {};\n return {\n ready: !viewAndEvaluate.loading,\n classParticipations: viewAndEvaluate.data,\n showFullscreen: viewAndEvaluate.showFullscreen,\n fullscreenInitialIndex: viewAndEvaluate.fullscreenInitialIndex,\n classesByID: state.metaData.classesByID,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n onFullscreenIndexChange: (index) => {\n dispatch(fullScreenIndexChange(index));\n },\n onShowFullscreen: (fullscreenInitialIndex) => {\n dispatch(showFullscreen(fullscreenInitialIndex));\n },\n onShowList: () => {\n dispatch(showList());\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withLoadingIndicator()(ViewAndEvaluate));","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nconst styles = theme => ({\n button: {\n margin: theme.spacing(0.5),\n },\n});\n\nclass Competition extends React.Component {\n handleClick = () => {\n this.props.confirmFunction();\n this.props.closeFunction();\n }\n\n closeDialog = () => {\n this.props.closeFunction();\n }\n\n render() {\n const { classes, dialogOpen, dialogTitle, dialogContent, positiveButtonLable } = this.props;\n\n return (\n \n
\n );\n }\n\n goToResult = () => {\n this.props.seeResult(this.props.competitionData.competitionID);\n }\n\n\n\n renderCompetitionClassItem = (competitionClass) => {\n const { classesByID, classes } = this.props;\n const competitionClassID = competitionClass.competitionClassID;\n const classID = competitionClass.classID;\n const openCompetitionClassMenu = this.state.openCompetitionClassMenu;\n var classStatus = this.props.competitionStatus ? this.props.competitionStatus[competitionClassID] : { juryMembersStatus: []};\n\n const juryMembersScoreCount = classStatus.juryMembersStatus.reduce((sum, juryMemberStatus) => sum+juryMemberStatus.count,0);\n const totalParticipationCount = classStatus.totalCount * classStatus.juryMembersStatus.length;\n const percent =this.calcProgressInPerCent(juryMembersScoreCount, totalParticipationCount);\n return (\n {`${juryMemberStatus.firstName} ${juryMemberStatus.lastName} (${juryMemberStatus.count}/${classStatus.totalCount})`}
\n \n
\n \n {`${classesByID[classID].name} ${competitionClass.theme ? competitionClass.theme : ''} (${percent}%)`}\n
\n {openCompetitionClassMenu === competitionClassID ? - \n {classStatus.juryMembersStatus.map(j => this.renderClassJuryMemberStatus(classStatus, j))}\n
\n \n \n \n \n
\n );\n },\n dialogTitle: \"Lukk juryering?\",\n dialogContent: \"Er du sikker på at du vil lukke juryering? Juryering kan ikke åpnes igjen etter at den har blitt lukket.\",\n positiveButtonLable: \"Lukk juryering\",\n onClick: () => {this.props.closeJurying(this.props.competitionData.competitionID)},\n },\n openForAwarding: {\n step: 1,\n renderContent: () => {\n return (\n \n \n Lukk juryering\n \n
\n \n \n \n \n \n
\n );\n },\n dialogTitle: \"Fullfør premiering?\",\n dialogContent: \"Er du sikker på at du vil fullføre premieringen? Premiering kan ikke åpnes igjen etter at den har blitt fullført.\",\n positiveButtonLable: \"Fullfør premiering\",\n onClick: () => {this.props.closeAwarding(this.props.competitionData.competitionID)},\n },\n awardingClosed: {\n step: 2,\n renderContent: () => {\n return (\n \n \n Fullfør premiering\n \n
\n \n \n \n \n \n
\n );\n },\n dialogTitle: \"\",\n dialogContent: \"\",\n positiveButtonLable: \"\",\n onClick: null,\n }\n }\n\n openDialog = () => {\n this.setState({dialogOpen: true});\n }\n\n closeDialog = () => {\n this.setState({dialogOpen: false});\n }\n\n renderCompetitionStatus = () => {\n const competitionStatus = this.getStatus();\n return (\n \n \n Se resultater\n \n
\n \n \n \n Juryering \n \n \n Premiering \n \n \n
\n );\n }\n\n render() {\n const { classes, competitionData } = this.props;\n const status = this.getStatus(competitionData);\n const juryStatusOpen = this.getJuryStatusOpen(status);\n return (\n \n {this.statusDefinitions[competitionStatus].renderContent()}\n
\n \n \n \n Konkurransestatus\n \n {this.renderCompetitionStatus()}\n \n \n \n \n \n
\n );\n }\n}\n\nCompetitionStatus.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(CompetitionStatus);","import { connect } from 'react-redux';\nimport CompetitionStatus from './CompetitionStatus.component';\nimport {\n closeCompetitionJurying,\n closeCompetitionAwarding,\n} from './CompetitionStatus.actions';\nimport withLoadingIndicator from '../../../../LoadingIndicator/withLoadingIndicator';\nimport { push } from 'connected-react-router';\n\nconst mapStateToProps = (state) => {\n return {\n ready: state.competitionScore.competitionStatus && !state.competitionScore.competitionStatus.loading,\n competitionStatus: state.competitionScore.competitionStatus && state.competitionScore.competitionStatus.data,\n };\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n closeJurying: (competitionID) => {\n dispatch(closeCompetitionJurying(competitionID));\n },\n closeAwarding: (competitionID) => {\n dispatch(closeCompetitionAwarding(competitionID));\n },\n seeResult: (competitionID) => {\n dispatch(push(`/competitions/${competitionID}/results`));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withLoadingIndicator()(CompetitionStatus));","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Paper from '@material-ui/core/Paper';\nimport LinearProgress from '@material-ui/core/LinearProgress';\n\nconst styles = theme => ({\n root: {\n padding: 10,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n classItem: {\n padding: 10,\n },\n progressBar: {\n marginTop: 5,\n }\n});\n\nclass ScoreStatus extends React.Component {\n calcProgressInPerCent = (amtScored, totalAmt) => {\n return (amtScored / totalAmt)*100;\n }\n\n renderCompetitionClassItem = (competitionClass) => {\n const { classesByID, classes } = this.props;\n const competitionClassID = competitionClass.competitionClassID;\n var classStatus = this.props.myScoreStatus ? this.props.myScoreStatus[competitionClassID] : { };\n return (\n this.toggleJuryStatusOpen(juryStatusOpen)}>\n \n Juryeringsstatus\n \n {juryStatusOpen ?
\n\n \n {competitionData.competitionClasses.map(competitionClass => this.renderCompetitionClassItem(competitionClass))}\n
\n \n \n {competitionClass.theme && `${classesByID[competitionClass.classID].name} - ${competitionClass.theme} (${classStatus.juryMemberCount}/${classStatus.totalCount})`}\n {!competitionClass.theme && `${classesByID[competitionClass.classID].name} (${classStatus.juryMemberCount}/${classStatus.totalCount})`}\n
\n );\n }\n\n render() {\n const { classes, competitionData } = this.props;\n\n return (\n \n \n \n Status\n \n {competitionData.competitionClasses.map(competitionClass => this.renderCompetitionClassItem(competitionClass))}\n \n
\n );\n }\n}\n\nScoreStatus.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(ScoreStatus);","import { connect } from 'react-redux';\nimport MyScoreStatus from './MyScoreStatus.component';\nimport withLoadingIndicator from '../../../../LoadingIndicator/withLoadingIndicator';\n\nconst mapStateToProps = (state) => ({\n ready: state.competitionScore.myScoreStatus && !state.competitionScore.myScoreStatus.loading,\n myScoreStatus: state.competitionScore.myScoreStatus && state.competitionScore.myScoreStatus.data,\n});\n\nexport default connect(mapStateToProps)(withLoadingIndicator()(MyScoreStatus));","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Stepper from \"@material-ui/core/Stepper\";\nimport Step from \"@material-ui/core/Step\";\nimport StepLabel from \"@material-ui/core/StepLabel\";\nimport StepContent from \"@material-ui/core/StepContent\";\n\nconst styles = theme => ({\n list: {\n width: \"90%\",\n },\n});\n\n\nclass VerticalNumberedList extends React.Component {\n\n render() {\n const { classes, listData } = this.props;\n return (\n \n \n {listData.map(step => (\n \n {step.label} \n \n {step.description} \n \n \n ))}\n \n
\n );\n }\n}\n\nexport default withStyles(styles)(VerticalNumberedList);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport VerticalNumberedList from './VerticalNumberedList.component';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n subTitle: {\n marginTop: 16,\n },\n list: {\n width: \"90%\",\n },\n});\n\nconst navigationInfo = [\n {label: \"Tilbake\", description: \"Tar deg tilbake til oversikten over dine konkurranser.\"},\n {label: \"Konkurranse\", description: \"Informasjon om konkurransen.\"},\n {label: \"Status\", description: `Her vil du kunne se hvor mange bilder i hver klasse du har gitt poeng. \n Om du ikke har gitt poeng til alle bilder i en klasse før juryeringen stenger vil dine poeng i den klassen ikke telle.\n Om du er juryleder vil du kunne se alle jurymedlemer sin status. Du vil også ha muligheten til å lukke juryering og fullføre konkurransen.`},\n {label: \"Info\", description: \"Denne siden.\"},\n {label: \"Bilder\", description: \"Her vil du finne konkurransens bilder sortert på konkurransens klasser.\"},\n];\n\nconst scoreInfo = [\n {label: \"Velg klasse\", description: \"Velg hvilken klasse du vil gi poeng for. Dette gjøres under \\\"Bilde\\\" i menyen på venstresiden.\"},\n {label: \"Velg bilde\", description: \"Trykk \\\"Åpne\\\"-knappen på bildet du vil gi poeng.\"},\n {label: \"Gi poeng\", description: \"Under bildet vil du nå ha muligheten til å gi bildet poeng og skrive en kommentar. Om du vil se en større versjon av bilde kan du gjøre det ved å trykke på bildet.\"},\n {label: \"Neste bilde\", description: \"For å velge et nytt bilde har du nå to valg. Du kan trykke på \\\"Liste\\\"-knappen oppe i høyre hjørne eller du kan benytte deg av pilene ved siden av bildet.\"},\n];\n\nconst awardInfo = [\n {label: \"Velg klasse\", description: \"Velg hvilken klasse du vil premiere bilder i. Dette gjøres under \\\"Bilde\\\" i menyen på venstresiden.\"},\n {label: \"Velg bilde\", description: \"Her vil du se alle bilder i den valgte klassen og hvor mange poeng hvert bilde har fått. Trykk \\\"Åpne\\\"-knappen på bildet du vil gi poeng.\"},\n {label: \"Gi poeng\", description: `Forutsatt at juryiering er lukket (gjøres i \"Status\") vil du nå kunne premiere bildet. Under bildet vil du nå ha muligheten til å sette en plassering for bildet. \n Om jurymedlemer har skrevet kommentarer på bildet vil disse vises. \n Du kan selv også skrive en kommentar på bildet. Denne kommentaren vil bli vist sammen med plasseringen når resultatene publiseres.`},\n {label: \"Neste bilde\", description: \"For å velge et nytt bilde har du nå to valg. Du kan trykke på \\\"Liste\\\"-knappen oppe i høyre hjørne eller du kan benytte deg av pilene ved siden av bildet.\"},\n {label: \"Ferdig?\", description: \"Når bilder som skulle premierers er premiert kan konkurransen lukkes i \\\"Status\\\". Når konkurransen lukkes blir resultatene publisert.\"},\n];\n\n\nclass JuryMemberInfo extends React.Component {\n\n render() {\n const { classes, isJuryLeader, isJuryMember } = this.props;\n return (\n \n \n Hvordan gir jeg poeng?\n \n
\n }\n\n {isJuryLeader &&\n \n \n Hvordan premierer jeg bilder?\n \n
\n }\n - \n {competitionData.competitionClasses.map(competitionClass => (\n
\n {screenWidth >= 850 &&\n \n
\n );\n }\n}\n\nScore.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(Score);","import { connect } from 'react-redux';\nimport Score from './Score.component';\nimport { \n getMyStatus,\n getJuryStatus,\n getTotalClassParticipationScoring,\n getMyClassParticipationScoring,\n loadScorePage,\n} from './Score.actions';\nimport withDataLoader from '../../../DataLoader/withDataLoader';\nimport { pushPreviousOrDefault } from '../../../../Utils/router.utils';\n\nconst mapStateToProps = (state) => ({\n competitionData: state.competition.selectedComp,\n dataLoading: !state.competition.selectedComp || state.score.pageLoading,\n classesByID: state.metaData.classesByID,\n errorMessage: state.competition.creatingJuryMemberError,\n previousLocation: state.location.previous,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchMyStatus: (competitionID) => {\n dispatch(getMyStatus(competitionID));\n },\n fetchJuryStatus: (competitionID) => {\n dispatch(getJuryStatus(competitionID));\n },\n fetchMyClassParticipationScoring: (competitionID, competitionClassID) => {\n dispatch(getMyClassParticipationScoring(competitionID, competitionClassID));\n },\n fetchTotalClassParticipationScoring: (competitionID, competitionClassID) => {\n dispatch(getTotalClassParticipationScoring(competitionID, competitionClassID));\n },\n loadScorePage: (urlParams, queryParams) => {\n dispatch(loadScorePage(urlParams.id));\n },\n onBackClick: (previousLocation) => {\n dispatch(pushPreviousOrDefault(previousLocation, \"/competitions\"));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withDataLoader(\"loadScorePage\")(Score));","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getAwardByValue } from '../Score/awards';\nimport Typography from '@material-ui/core/Typography';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport Avatar from '@material-ui/core/Avatar';\nimport Person from '@material-ui/icons/Person';\nimport PlayArrow from '@material-ui/icons/PlayArrow';\nimport Comment from '@material-ui/icons/Comment';\nimport MediaDialog from '../../../Media/MediaDialog.component';\n\nconst styles = theme => ({\n root: {\n marginBottom: 8,\n display: \"flex\",\n },\n actionArea: {\n height: 150,\n width: 150,\n minWidth: 150,\n },\n media: {\n /*height: 150,*/\n width: 150,\n minWidth: 150,\n borderRadius: 5,\n },\n details: {\n marginLeft: 16,\n },\n avatar: {\n backgroundColor: \"#001789\",\n },\n });\n\nclass ResultCard extends React.Component {\n state = {\n openDialog: false,\n imageStatusDialog: \"loading\",\n };\n\n handleMediaClick = () => {\n this.setState({openDialog: true});\n }\n\n handleCloseDialog = () => {\n this.setState({ openDialog: false });\n }\n\n renderListItem = (ListItemIcon, primary, secondary) => {\n const classes = this.props.classes;\n return (\n - \n
\n \n Meny\n \n \n
\n }\n = 850 ? drawerWidth : ''}}>\n {selectedMenuItem && selectedMenuItem === \"compInfo\" && \n
\n \n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(ResultCard);","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ResultCard from './ResultCard.component';\nimport Paper from '@material-ui/core/Paper';\nimport Button from '@material-ui/core/Button';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Divider from '@material-ui/core/Divider';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Person from '@material-ui/icons/Person';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport ProgressButton from '../../../Button/ProgressButton.component';\nimport { Menu, MenuItem } from '@material-ui/core';\nimport downloadFile from '../../../../Utils/download/downloadFile';\nimport DownloadDialog from '../../../DownloadDialog/DownloadDialog.component';\n\nconst styles = theme => ({\n paper: {\n margin: 8,\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n heading: {\n fontSize: theme.typography.pxToRem(24),\n flexBasis: '33.33%',\n flexShrink: 0,\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n summary: {\n backgroundColor: \"#ebba14\",\n },\n details: {\n display: \"block\",\n },\n noResultText: {\n paddingTop: 16,\n },\n button: {\n float: \"right\",\n },\n personPaper: {\n marginBottom: 8,\n },\n header: {\n display: 'flex',\n },\n headerText: {\n flexGrow: 1,\n marginBottom: 16\n },\n downloadButton: {\n marginRight: 10,\n }\n });\n\nclass Result extends React.Component {\n state = {\n downloadDialogSettings: null,\n expanded: this.props.selectedComp.competitionClasses && this.props.selectedComp.competitionClasses[0].competitionClassID,\n };\n\n handleChange = panel => (event, expanded) => {\n this.setState({\n expanded: expanded ? panel : false,\n });\n };\n\n handleClickBack = () => {\n this.props.onBackClick(this.props.previousLocation);\n }\n\n handleDownloadAwarded = () => {\n this.setState({ downloadDialogSettings: null });\n const { competitionID } = this.props.selectedComp;\n const url = `competitionResults/${competitionID}/download`;\n downloadFile(url);\n }\n\n handleDownloadAll = () => {\n this.setState({ downloadDialogSettings: null });\n const { competitionID } = this.props.selectedComp;\n const url = `competitions/${competitionID}/downloadParticipations`;\n downloadFile(url);\n }\n\n handleDownloadCancel = () => {\n this.setState({ downloadDialogSettings: null });\n }\n\n handleExport = () => {\n const { competitionID } = this.props.selectedComp;\n const url = `competitionResults/${competitionID}/competitionResults/export`;\n downloadFile(url);\n }\n\n\n renderCompetitionClassResults = (competitionClass) => {\n const { selectedCompResults, classesByID, classes } = this.props; \n const { expanded } = this.state;\n const competitionClassID = competitionClass.competitionClassID;\n const competitionClassResults = selectedCompResults.competitionClassResultsByID[competitionClassID] || [];\n const headerText = `${classesByID[competitionClass.classID].name} - ${competitionClass.theme}`;\n return (\n \n \n {award.formDisplayName &&\n {award.formDisplayName + \": \"}\n }\n {mediaItem.itemName}\n \n
\n - \n {this.renderListItem(Person, 'Fotograf', `${mediaItem.firstName} ${mediaItem.lastName}`)}\n {mediaItem.videoUrl && this.renderClickableListItem(PlayArrow, 'Video', mediaItem.videoUrl)}\n {mediaItem.comment && this.renderListItem(Comment, 'Kommentar', mediaItem.comment)}\n
\n
\n )}\n {competitionClassResults.length <= 0 &&\n \n \n Resultater for {selectedComp.name}\n \n
\n {selectedComp && selectedComp.competitionJuryLeader &&\n \n {this.renderExportButton()}\n {this.renderDownloadButton()}\n \n
\n \n \n Juryleder\n \n \n \n \n \n \n \n
\n }\n {selectedComp && selectedComp.competitionJuryMembers && selectedComp.competitionJuryMembers.length > 0 && \n \n \n Jurymedlemmer\n \n {selectedComp.competitionJuryMembers.map(person => \n \n \n \n \n \n \n )}\n
\n }\n \n \n
\n
\n \n {comments.map((c, i) => (\n
\n \n \n {c.juryName}\n \n \n {c.comment}\n \n
\n ))}\n \n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(ResultCard);","import React from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Button from \"@material-ui/core/Button\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Divider from \"@material-ui/core/Divider\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport Person from \"@material-ui/icons/Person\";\nimport EvaluationListItem from \"./EvaluationListItem.component\";\nimport Error from \"../../../Error/Error.component\";\n\nconst styles = (theme) => ({\n paper: {\n margin: 8,\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n heading: {\n fontSize: theme.typography.pxToRem(24),\n flexBasis: \"33.33%\",\n flexShrink: 0,\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n summary: {\n backgroundColor: \"#ebba14\",\n },\n details: {\n display: \"block\",\n },\n noResultText: {\n paddingTop: 16,\n },\n button: {\n float: \"right\",\n },\n personPaper: {\n marginBottom: 8,\n },\n});\n\nclass Result extends React.Component {\n state = {\n expanded: 0,\n };\n\n handleChange = (panel) => (event, expanded) => {\n this.setState({\n expanded: expanded ? panel : false,\n });\n };\n\n handleClickBack = () => {\n this.props.onBackClick(this.props.previousLocation);\n };\n\n renderJuryMembers = () => {\n const { classes, competition } = this.props;\n const { competitionJuryMembers } = competition;\n return (\n competitionJuryMembers && (\n \n \n {mediaItem.name}\n \n
\n - \n {mediaItem.videoUrl && this.renderListItem(PlayArrow, 'Video', mediaItem.videoUrl)}\n {this.renderComments()}\n
\n Jurymedlemmer \n {competitionJuryMembers.map((person) => (\n \n \n \n \n \n \n ))}\n
\n )\n );\n };\n\n renderEvaluations = () => {\n const { evaluations, userID } = this.props;\n const myEvaluations = evaluations.filter((e) => e.participantID === userID);\n if (!myEvaluations || myEvaluations.length === 0) {\n return (\n \n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(OrganizationParticipationImgPreview);","import React from 'react';\nimport {\n withStyles,\n Paper,\n CircularProgress,\n Button,\n Typography,\n ExpansionPanel,\n ExpansionPanelSummary,\n ExpansionPanelDetails,\n} from '@material-ui/core';\nimport OrganizationParticipationImgPreview from './OrganizationParticipationImgPreview.component';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { Alert } from '@material-ui/lab';\n\nconst styles = theme => ({\n root: {\n padding: 10,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: 8,\n },\n alert: {\n marginBottom: 8,\n\n },\n warningIcon: {\n marginRight: 8,\n },\n header: {\n marginBottom: 16,\n },\n heading: {\n fontSize: theme.typography.pxToRem(24),\n flexBasis: '33.33%',\n flexShrink: 0,\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n summary: {\n backgroundColor: \"#ebba14\",\n },\n orgDetails: {\n display: \"block\",\n },\n buttonContainer: {\n textAlign: \"center\",\n marginTop: 16,\n },\n button: {\n margin: theme.spacing(0.5),\n },\n loadingContainer: {\n textAlign: \"center\",\n },\n});\n\nclass Competition extends React.Component {\n state = {\n expanded: 0,\n };\n\n handleChange = panel => (event, expanded) => {\n this.setState({\n expanded: expanded ? panel : false,\n });\n };\n\n handleAddOrgParticipation = (personID, participationID, value) => {\n if(value) {\n this.props.addParticipation(personID, participationID);\n } else {\n this.props.removeParticipation(personID, participationID);\n }\n }\n\n handleSubmit = () => {\n const { selectedOrganizationParticipations , selectedOrganization, competitionData, previousLocation } = this.props;\n this.props.submitParticipation(selectedOrganizationParticipations, selectedOrganization, competitionData.competitionID, previousLocation);\n }\n\n handleCancel = () => {\n this.props.clearParticipations();\n this.props.onCancel(this.props.previousLocation);\n }\n\n orgCanParticipate = () => {\n const { allParticipations } = this.props;\n\n //Hard-coded rule for Klubb-NM (Minimum 5 participants requried).\n if(allParticipations && allParticipations.length >= 5) {\n return true;\n }\n return false;\n }\n\n render() {\n const { classes,competitionData, amtOfParticipations, isLoadingParticipations, allParticipations, selectedOrganization, orgsByID, isAlreadyParticipating } = this.props;\n const { expanded } = this.state;\n return (\n \n \n {mediaItem.name}\n \n
\n - \n {mediaItem.class && this.renderListItem(PhotoFilter, 'Klasse', mediaItem.class)}\n {mediaItem.videoUrl && this.renderListItem(PlayArrow, 'Video', mediaItem.videoUrl)}\n
\n {!isLoadingParticipations && selectedOrganization &&\n \n \n Klubbdeltagelser for {orgsByID[selectedOrganization].organizationName} i {competitionData.name}\n \n \n Dette er en lagkonkurranse som er uavhengig av NM i foto for enkeltmedlemmer, \n og man kan derfor benytte samme bilder til denne. Bildene velges ut blant de allerede innleverte bildene fra klubbens medlemmer til NM i foto. \n Klubbens konkurranseansvarlig har ansvar for at det blir gjort, direkte i NSFFs konkurransedatabase. Denne utvelgelsen skal skje ved at klubbens \n konkurranseansvarlig logger seg inn på nsff.no senest syv dager etter innleveringsfristens utløp og følger den veiledning som da vil gis. \n Klubbene er selv ansvarlig for å stille med en intern jury som skal bistå konkurranseansvarlig under utvelgelsen.\n \n \n Dersom bildene ikke er valgt ut innen fristen er klubben ikke å regne som deltager i NM for NSFFs film- og fotoklubber.\n \n Klubben din har ikke nok deltagere i denne konkurransen for å delta i klubbkonkurransen. \n }\n {this.orgCanParticipate() && \n \n {isAlreadyParticipating && \n Klubben din har levert bilder og deltar i denne klubbkonkurransen. \n }\n {allParticipations.map((orgParticipation, key) =>\n \n {orgParticipation.firstName} {orgParticipation.lastName} \n \n \n {orgParticipation.classParticipations.map(participation =>\n \n \n )}\n \n }\n\n \n }\n {isLoadingParticipations && \n
\n );\n }\n}\n\nexport default withStyles(styles)(Competition);","import { connect } from 'react-redux';\nimport OrganizationParticipation from './OrganizationParticipation.component';\nimport { addOrgParticipation, removeOrgParticipation, updateAndGoBack, clearOrgParticipation, loadOrganizationParticipationPage } from './OrganizationParticipation.actions';\nimport withDataLoader from '../../../DataLoader/withDataLoader';\nimport { pushPreviousOrDefault } from '../../../../Utils/router.utils';\n\nconst mapStateToProps = (state) => ({\n isAlreadyParticipating: state.competitionOrgParticipation.isAlreadyParticipating,\n hasChanges: state.competitionOrgParticipation.hasChanges,\n competitionData: state.competition.selectedComp,\n selectedOrganization: state.competitionOrgParticipation.selectedOrganization,\n orgsByID: state.clubs.orgsByID,\n allParticipations: state.competitionOrgParticipation.allOrgParticipations,\n selectedOrganizationParticipations: state.competitionOrgParticipation.selectedOrgParticipations,\n amtOfParticipations: state.competitionOrgParticipation.amtOfParticipations,\n submitErrorMessage: state.competitionOrgParticipation.submitErrorMessage,\n dataLoading: state.competitionOrgParticipation.pageLoading,\n dataLoadErrorMessage: state.competitionOrgParticipation.fetchOrgParticipationErrorMessage || state.competition.loadSelectCompErrorMessage,\n previousLocation: state.location.previous,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n addParticipation: (personID, participationID) => {\n dispatch(addOrgParticipation(personID, participationID));\n },\n removeParticipation: (personID, participationID) => {\n dispatch(removeOrgParticipation(personID, participationID));\n },\n submitParticipation: (participations, orgID, compID, previousLocation) => {\n dispatch(updateAndGoBack(participations, orgID, compID, previousLocation));\n },\n clearParticipations: () => {\n dispatch(clearOrgParticipation());\n },\n loadPage: (urlParams, queryParams) => {\n dispatch(loadOrganizationParticipationPage(urlParams.competitionID, urlParams.organizationID));\n },\n onCancel: (previousLocation) => {\n dispatch(pushPreviousOrDefault(previousLocation, \"/competitions\"));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withDataLoader(\"loadPage\")(OrganizationParticipation));","import React, {useState} from 'react';\nimport {connect} from 'react-redux';\nimport {\n withStyles,\n Box,\n Grid\n} from '@material-ui/core';\nimport UploadedImageCard from '../UserParticipation/UploadStep/UploadedImageCard.component';\nimport UploadedVideoCard from '../UserParticipation/UploadStep/UploadedVideoCard.component';\nimport MediaDialog from '../../../Media/MediaDialog.component';\n\nconst participationDetailsStyles = () => ({\n compClassTitle: {\n marginBottom: 10,\n },\n container: {\n width: '100%',\n marginBottom: 16,\n marginTop: 16,\n },\n imgContainer: {\n flexBasis: '50%',\n }\n});\n\nconst ParticipationDetails = connect((state) => ({classesByID: state.metaData.classesByID}))(\n withStyles(participationDetailsStyles)(\n ({classParticipations, competitionClasses, classesByID, classes}) => {\n const [showImageInDialog, setShowImageInDialog] = useState(null);\n return competitionClasses.map(competitionClass => {\n const classID = competitionClass.classID;\n const participationsInClass = classParticipations.filter(cp => cp.competitionClassID === competitionClass.competitionClassID);\n return (\n - \n
- Klubber med minimum fem medlemmer kan delta. \n
- Hver klubb deltar med 20 bilder som er valgt ut blant innleverte bilder. \n
- Maks fire bilder per autor. \n
\n \n \n {this.props.submitErrorMessage &&\n \n {this.props.submitErrorMessage}\n \n }\n
\n \n
\n }\n \n \n {competitionClass.theme && `Opplastinger i ${classesByID[classID].name} - ${competitionClass.theme}`}\n {!competitionClass.theme && `Opplastinger i ${classesByID[classID].name}`}\n\n \n \n {participationsInClass.length > 0 ?\n participationsInClass.map(part =>\n \n {part?.videoUrl\n ?\n setShowImageInDialog(part)}\n />\n :\n setShowImageInDialog(part)}\n />\n }\n \n ) :\n \n Ingen opplastinger i denne klassen\n \n }\n \n {!!showImageInDialog && setShowImageInDialog(null)}/>}\n
\n );\n });\n }));\n\nexport default ParticipationDetails;","import React from 'react';\nimport { \n ExpansionPanel,\n ExpansionPanelSummary,\n ExpansionPanelDetails,\n withStyles,\n Box\n} from '@material-ui/core';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ParticipationDetails from './ParticipationDetails.component';\n\n\nconst participantPanelStyles = () => ({\n panel: {\n borderRadius: '0px!important',\n },\n expansionPanelDetails: {\n display: 'flex',\n flexDirection: 'column',\n }\n})\n\nconst ParticipantPanel = withStyles(participantPanelStyles)(\n ({participationsByPerson, classes, competition, ...props }) => {\n const { firstName, lastName, classParticipations } = participationsByPerson;\n\n return (\n \n \n \n \n \n
\n\n );\n })\n\nexport default ParticipantPanel;","import React, { useState } from 'react'; \nimport withLoadingIndicator from '../../../LoadingIndicator/withLoadingIndicator';\nimport {\n withStyles,\n Typography,\n Button,\n IconButton,\n} from '@material-ui/core';\nimport ParticipantPanel from './ParticipantPanel.component';\nimport downloadFile from '../../../../Utils/download/downloadFile';\nimport { GetApp } from '@material-ui/icons';\nimport DownloadDialog from '../../../DownloadDialog/DownloadDialog.component';\n\nconst participationListStyles = () => ({\n headerText: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginBottom: 8,\n },\n organizationContainer: {\n margin: 16,\n padding: 16,\n },\n topActionContainer: {\n display: 'flex',\n justifyContent: 'flex-end',\n margin: 16,\n marginRight: 32,\n }\n});\n\nconst ParticipationList = withLoadingIndicator()(\n withStyles(participationListStyles)(\n ({ participationsByOrganizations, classes, competition, ...props }) => {\n const [downloadDialogSettings, setDownloadDialogSettings] = useState(null);\n\n const downloadAll = () => {\n setDownloadDialogSettings(null);\n const { competitionID } = competition;\n const url = `competitions/${competitionID}/downloadParticipationsFromParticipationList`;\n downloadFile(url);\n }\n\n const downloadForOrganization = (organizationID) => {\n setDownloadDialogSettings(null);\n const { competitionID } = competition;\n const url = `competitions/${competitionID}/downloadParticipationsFromParticipationList`;\n downloadFile(url, [`organizationID=${organizationID}`]);\n }\n\n const exportAsExcel = () => {\n const { competitionID } = competition;\n const url = `competitions/${competitionID}/participants/export`;\n downloadFile(url);\n }\n\n const onDownloadCancel = () => {\n setDownloadDialogSettings(null);\n }\n\n const anyParticipations = participationsByOrganizations && participationsByOrganizations.length > 0;\n const downloadAllSettings = {\n fileCount: anyParticipations ? participationsByOrganizations.reduce((accSum, o) => (accSum + o.count), 0) : 0,\n onConfirm: downloadAll,\n onCancel: onDownloadCancel,\n avgFileSize: 2,\n }\n\n return participationsByOrganizations && participationsByOrganizations.length > 0 ?\n (\n \n {firstName} {lastName} ({classParticipations.length} innleveringer) \n
\n \n \n
\n )\n :\n (\n \n \n
\n \n {\n participationsByOrganizations.map(o => (\n \n
\n ))\n }\n {downloadDialogSettings && \n \n {o.organizationName}\n setDownloadDialogSettings({ onConfirm: () => downloadForOrganization(o.organizationID), onCancel: onDownloadCancel, fileCount: o.count, avgFileSize: 2 })}>\n \n \n \n
\n {o.participationsByPersons.map(p => (\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default withRouter(MyResults);","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport CompetitionWrapper from '../Competition/CompetitionWrapper.container';\nimport Dashboard from '../Dashboard/Dashboard.container';\nimport Admin from '../Admin/Admin.component';\nimport Clubs from \"../Clubs/Clubs.container\";\nimport Navbar from '../../Navbar/Navbar.container';\nimport DistinctionsWrapper from '../Distinctions/DistinctionsWrapper.container';\nimport EditCompetition from '../Competition/EditCompetition/EditCompetition.container';\nimport CreateCompetition from '../Competition/CreateCompetition/CreateCompetition.container';\nimport UserParticipation from '../Competition/UserParticipation/UserParticipation.container';\nimport Score from '../Competition/Score/Score.container';\nimport Result from '../Competition/Result/Result.container';\nimport Evaluations from '../Competition/Evaluations/Evaluations.container';\nimport OrganizationParticipation from '../Competition/OrganizationParticipation/OrganizationParticipation.container';\nimport ParticipationList from '../Competition/ParticipationList/ParticipationListWrapper.component';\nimport MyResults from '../Dashboard/MyResults/MyResults.component';\n\n\nclass Start extends React.Component {\n state = {\n tabSelectedValue: 0,\n };\n\n componentDidMount() {\n }\n\n handleNavbarClick = (tabSelectedValue) => {\n this.setState({ tabSelectedValue });\n };\n\n getBasePath = () => {\n const location = this.props.location;\n const splitted = location.pathname ? location.pathname.split(\"/\").filter(v => !!v) : [\"\"];\n if (splitted.length === 0) {\n return '/dashboard';\n }\n const basePath = `/${splitted[0]}`;\n return basePath;\n }\n\n render() {\n const { history } = this.props;\n const basePath = this.getBasePath();\n return (\n \n
\n );\n }\n}\n\nexport default Start;","import { connect } from 'react-redux';\nimport { getClasses, getAdmins } from './Start.actions';\nimport { getOrganizations } from \"../Clubs/Clubs.actions\"\nimport Start from './Start.component';\n\nconst mapStateToProps = (state) => ({\n\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchClasses: () => {\n dispatch(getClasses());\n },\n fetchAdmins: () => {\n dispatch(getAdmins());\n },\n fetchOrganizations: () => {\n dispatch(getOrganizations());\n },\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Start);","// @flow\n\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '../../Fields/TextField/TextField.component';\nimport { Avatar } from '@material-ui/core';\nimport logo from '../../../images/nsff_logo_150.png';\nimport ProgressButton from '../../Button/ProgressButton.component';\nimport getConfig from '../../../config/config';\n\nconst config = getConfig();\n\nconst styles = theme => ({\n root: {\n paddingTop: 256,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n flexGrow: 1,\n maxWidth: 270,\n },\n textField: {\n marginLeft: theme.spacing(),\n marginRight: theme.spacing(),\n },\n buttonContainer: {\n textAlign: \"center\",\n },\n button: {\n width: \"100%\",\n marginTop: theme.spacing(2),\n },\n grid: {\n position: 'relative',\n padding: '0px 10px',\n },\n image: {\n width: 120,\n height: 120,\n position: 'absolute',\n top: -60,\n },\n headerText: {\n marginTop: 50,\n },\n form: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n }\n});\n\ntype Props = {\n isLoggingIn: ?boolean,\n isLoggedIn: ?boolean,\n classes: Object,\n errorMessage: ?string,\n onLogin: (username: string, password: string) => void,\n}\n\ntype State = {\n username: string,\n password: string,\n submitted: boolean,\n}\n\nclass Login extends React.Component\n ()} />\n
\n \n \n \n \n Logg inn med Rubic\n \n \n { errorMessage &&\n \n {errorMessage}\n \n }\n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(Login);","import { connect } from 'react-redux';\nimport { login } from './Login.actions';\nimport Login from './Login.component';\n\nconst mapStateToProps = (state) => ({\n isLoggingIn: state.auth.isLoggingIn,\n isLoggedIn: state.auth.isLoggedIn,\n errorMessage: state.auth.errorMessage,\n\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n onLogin: (username, password) => {\n dispatch(login(username, password));\n }\n});\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Login); ","// @flow\n\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport { Route, Redirect } from 'react-router-dom';\n\n\n\n\nconst PrivateRoute = ({ component: Component, push: locationPush, ...rest }: any) => {\n var user = localStorage.getItem('user');\n if(!user) {\n locationPush('/login');\n return false;\n }\n return (\n \n \n \n \n \n
\n \n \n \n
\n