\n {icon !== undefined ? {message} \n \n }\n action={action}\n ContentProps={{\n classes: {\n root: classes.root + ' ' + classes[color],\n message: classes.message,\n },\n }}\n />\n )\n}\n\nSnackbar.propTypes = {\n message: PropTypes.node.isRequired,\n color: PropTypes.oneOf(['info', 'success', 'warning', 'danger', 'primary']),\n close: PropTypes.bool,\n icon: PropTypes.object,\n place: PropTypes.oneOf(['tl', 'tr', 'tc', 'br', 'bl', 'bc']),\n open: PropTypes.bool,\n closeNotification: PropTypes.func,\n}\n","const containerFluid = {\n paddingRight: '15px',\n paddingLeft: '15px',\n marginRight: 'auto',\n marginLeft: 'auto',\n width: '100%',\n}\nconst container = {\n ...containerFluid,\n '@media (min-width: 576px)': {\n maxWidth: '540px',\n },\n '@media (min-width: 768px)': {\n maxWidth: '720px',\n },\n '@media (min-width: 992px)': {\n maxWidth: '960px',\n },\n '@media (min-width: 1200px)': {\n maxWidth: '1140px',\n },\n}\n\nconst containerStyle = {\n container: {\n ...container,\n zIndex: 1,\n },\n}\n\nexport default containerStyle\n","import { grayColor } from 'assets/jss/app.js'\n\nconst modalStyle = {\n modalRoot: {\n overflow: 'auto',\n alignItems: 'unset',\n justifyContent: 'unset',\n },\n modal: {\n borderRadius: '6px',\n marginTop: '100px !important',\n overflow: 'visible',\n maxHeight: 'unset',\n position: 'relative',\n height: 'fit-content',\n },\n modalHeader: {\n borderBottom: 'none',\n paddingTop: '24px',\n paddingRight: '24px',\n paddingBottom: '0',\n paddingLeft: '24px',\n minHeight: '16.43px',\n },\n modalTitle: {\n margin: '0',\n lineHeight: '1.42857143',\n },\n modalCloseButton: {\n color: grayColor[0],\n marginTop: '-12px',\n WebkitAppearance: 'none',\n padding: '0',\n cursor: 'pointer',\n background: '0 0',\n border: '0',\n fontSize: 'inherit',\n opacity: '.9',\n textShadow: 'none',\n fontWeight: '700',\n lineHeight: '1',\n float: 'right',\n },\n modalClose: {\n width: '16px',\n height: '16px',\n },\n modalBody: {\n paddingTop: '24px',\n paddingRight: '24px',\n paddingBottom: '16px',\n paddingLeft: '24px',\n position: 'relative',\n overflow: 'visible',\n },\n modalFooter: {\n padding: '15px',\n textAlign: 'right',\n paddingTop: '0',\n margin: '0',\n },\n modalFooterCenter: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n instructionNoticeModal: {\n marginBottom: '25px',\n },\n imageNoticeModal: {\n maxWidth: '150px',\n },\n modalSmall: {\n width: '300px',\n },\n modalSmallBody: {\n paddingTop: '0',\n },\n modalSmallFooterFirstButton: {\n margin: '0',\n paddingLeft: '16px',\n paddingRight: '16px',\n width: 'auto',\n },\n modalSmallFooterSecondButton: {\n marginBottom: '0',\n marginLeft: '5px',\n },\n}\n\nexport default modalStyle\n","import { defaultFont, grayColor } from 'assets/jss/app.js'\nimport modalStyle from 'assets/jss/dorm-app/modalStyle.js'\n\nconst notificationsStyle= {\n cardTitle: {\n marginTop: '0',\n marginBottom: '3px',\n color: grayColor[2],\n fontSize: '18px',\n },\n cardHeader: {\n zIndex: '3',\n },\n cardSubtitle: {\n ...defaultFont,\n color: grayColor[0],\n fontSize: '14px',\n margin: '0 0 10px',\n },\n center: {\n textAlign: 'center',\n },\n right: {\n textAlign: 'right',\n },\n left: {\n textAlign: 'left',\n },\n marginRight: {\n marginRight: '5px',\n },\n modalSectionTitle: {\n marginTop: '30px',\n },\n ...modalStyle,\n}\n\nexport default notificationsStyle\n","import {\n blackColor,\n defaultFont,\n grayColor,\n hexToRgb,\n primaryBoxShadow,\n primaryColor,\n whiteColor,\n} from 'assets/jss/app.js'\nimport containerStyle from './components/containerStyle'\nimport notificationStyles from './views/notificationsStyle'\n\nconst customSelectStyle = {\n ...containerStyle,\n ...notificationStyles,\n\n cardCategoryWhite: {\n color: 'rgba(255,255,255,.62)',\n margin: '0',\n fontSize: '14px',\n marginTop: '0',\n marginBottom: '0',\n },\n cardTitleWhite: {\n color: '#FFFFFF',\n marginTop: '0px',\n minHeight: 'auto',\n fontWeight: '300',\n fontFamily: '\\'Roboto\\', \\'Helvetica\\', \\'Arial\\', sans-serif',\n marginBottom: '3px',\n textDecoration: 'none',\n },\n formControl: {\n marginTop: '26px',\n },\n select: {\n padding: '12px 0 7px',\n fontWeight: '400',\n lineHeight: '1.42857',\n textDecoration: 'none',\n color: grayColor[2],\n letterSpacing: '0',\n '&:focus': {\n backgroundColor: 'transparent',\n },\n '&[aria-owns] + input + svg': {\n transform: 'rotate(180deg)',\n },\n '& + input + svg': {\n transition: 'all 300ms linear',\n },\n },\n selectFormControl: {\n margin: '19px 0 5px 0 !important',\n '& > div': {\n '&:before': {\n borderBottomWidth: '1px !important',\n borderBottomColor: grayColor[4] + '!important',\n },\n '&:after': {\n borderBottomColor: primaryColor[0] + '!important',\n },\n },\n },\n selectLabel: {\n ...defaultFont,\n fontSize: '14px',\n color: grayColor[3] + ' !important',\n top: '8px',\n lineHeight: '1.42857',\n letterSpacing: 'unset',\n fontWeight: '400',\n },\n selectMenu: {\n '& > div > ul': {\n border: '0',\n padding: '5px 0',\n margin: '0',\n boxShadow: 'none',\n minWidth: '100%',\n borderRadius: '4px',\n boxSizing: 'border-box',\n display: 'block',\n fontSize: '14px',\n textAlign: 'left',\n listStyle: 'none',\n backgroundColor: whiteColor,\n backgroundClip: 'padding-box',\n },\n '& $selectPaper $selectMenuItemSelectedMultiple': {\n backgroundColor: 'inherit',\n },\n '& > div + div': {\n maxHeight: '266px !important',\n },\n },\n selectMenuItem: {\n fontSize: '13px',\n padding: '10px 20px',\n margin: '0 5px',\n borderRadius: '2px',\n transition: 'all 150ms linear',\n display: 'block',\n clear: 'both',\n fontWeight: '400',\n lineHeight: '2',\n whiteSpace: 'nowrap',\n color: grayColor[7],\n paddingRight: '30px',\n '&:hover': {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...primaryBoxShadow,\n },\n },\n selectMenuItemSelected: {\n backgroundColor: primaryColor[0] + '!important',\n color: whiteColor,\n },\n selectMenuItemSelectedMultiple: {\n backgroundColor: 'transparent !important',\n '&:hover': {\n backgroundColor: primaryColor[0] + '!important',\n color: whiteColor,\n ...primaryBoxShadow,\n '&:after': {\n color: whiteColor,\n },\n },\n '&:after': {\n top: '16px',\n right: '12px',\n width: '12px',\n height: '5px',\n borderLeft: '2px solid currentColor',\n transform: 'rotate(-45deg)',\n opacity: '1',\n color: grayColor[2],\n position: 'absolute',\n content: '\\'\\'',\n borderBottom: '2px solid currentColor',\n transition: 'opacity 90ms cubic-bezier(0,0,.2,.1)',\n },\n },\n selectPaper: {\n boxSizing: 'borderBox',\n borderRadius: '4px',\n padding: '0',\n minWidth: '100%',\n display: 'block',\n border: '0',\n boxShadow: '0 2px 5px 0 rgba(' + hexToRgb(blackColor) + ', 0.26)',\n backgroundClip: 'padding-box',\n margin: '2px 0 0',\n fontSize: '14px',\n textAlign: 'left',\n listStyle: 'none',\n backgroundColor: 'transparent',\n maxHeight: '266px',\n },\n customTableHeader: {\n fontWeight: '550',\n },\n}\n\nexport default customSelectStyle\n","export const initialNotificationState = {\n open: false,\n message: '',\n color: 'primary',\n}\n","import * as React from 'react'\nimport { useCallback, useEffect, useReducer, useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport Card from '../card/Card'\nimport CardHeader from '../card/CardHeader'\nimport CardBody from '../card/CardBody'\nimport CustomInput from '../input/CustomInput'\nimport CardFooter from '../card/CardFooter'\nimport Button from '../button/RegularButton'\nimport { timeout } from '../../App'\nimport Snackbar from '../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport styles from '../../assets/jss/dorm-app/customSelectStyle.js'\nimport { useParams } from 'react-router-dom'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nfunction engagementReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'create':\n return {\n ...state,\n }\n case 'fetch':\n return {\n ...action.value,\n }\n case 'success':\n return {\n success: true,\n ...initialEngagementState,\n }\n\n case 'error':\n return {\n errorMessage: action.errorMessage,\n ...initialEngagementState,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialEngagementState = {\n success: false,\n errorMessage: '',\n department: '',\n semester: '',\n tenantName: '',\n tenantEmail: '',\n tenantRoom: '',\n points: '',\n note: '',\n engagementId: '',\n}\n\nexport default function EditEngagement() {\n const classes = useStyles()\n\n const { engagementId } = useParams()\n\n const [state, dispatch] = useReducer(engagementReducer, initialEngagementState)\n const [proceeding, setProceeding] = useState(true)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const fetchEngagement = useCallback(() => {\n getApiUrl()\n .get(`/api/engagements/${engagementId}`)\n .then(function(response) {\n setProceeding(false)\n dispatch({ type: 'fetch', value: response.data })\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [engagementId])\n\n useEffect(() => {\n setProceeding(true)\n fetchEngagement()\n }, [fetchEngagement])\n\n const submitForm = (e) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n\n e.preventDefault()\n\n dispatch({ type: 'create' })\n\n getApiUrl()\n .put(`/api/engagements/${engagementId}`, state)\n .then(function() {\n fetchEngagement()\n setNotification({\n open: true,\n message: 'Erfolgreich aktualisiert',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatch({ type: 'error', errorMessage: error })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n \n \n Amt bearbeiten \n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'department',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'semester',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'tenantEmail',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'tenantName',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'tenantRoom',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'points',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'note',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n submitForm(e)\n }}>\n Daten aktualisieren\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n
\n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles'\nimport FormControl from '@material-ui/core/FormControl'\nimport InputLabel from '@material-ui/core/InputLabel'\n// @material-ui/icons\nimport Clear from '@material-ui/icons/Clear'\nimport Check from '@material-ui/icons/Check'\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers'\nimport DateFnsUtils from '@date-io/date-fns'\nimport deLocale from 'date-fns/locale/de'\n\n// core components\nimport styles from 'assets/jss/dorm-app/components/customInputStyle.js'\nimport { format } from 'date-fns'\n\nconst useStyles = makeStyles(styles)\n\nclass DeLocalizedUtils extends DateFnsUtils {\n getCalendarHeaderText(date) {\n return format(date, 'LLLL', { locale: this.locale })\n }\n\n getDatePickerHeaderText(date) {\n return format(date, 'dd MMMM', { locale: this.locale })\n }\n}\n\nexport default function CustomInput(props) {\n const classes = useStyles()\n const { formControlProps, labelText, error, success, inputProps } = props\n\n const labelClasses = classNames({\n [' ' + classes.dateLabel]: success && !error,\n })\n return (\n \n {labelText !== undefined ? (\n {labelText} \n ) : null}\n \n \n \n {error ? (\n
\n \n )\n}\n\nCustomInput.propTypes = {\n labelText: PropTypes.node,\n labelProps: PropTypes.object,\n id: PropTypes.string,\n inputProps: PropTypes.object,\n formControlProps: PropTypes.object,\n error: PropTypes.bool,\n success: PropTypes.bool,\n}\n","import {\n dangerColor,\n grayColor,\n infoColor,\n primaryColor,\n roseColor,\n successColor,\n warningColor,\n whiteColor,\n} from 'assets/jss/app.js'\n\nconst badgeStyle = {\n badge: {\n borderRadius: '12px',\n padding: '5px 12px',\n textTransform: 'uppercase',\n fontSize: '10px',\n fontWeight: '700',\n lineHeight: '1',\n color: whiteColor,\n textAlign: 'center',\n verticalAlign: 'baseline',\n display: 'inline-block',\n },\n primary: {\n backgroundColor: primaryColor[0],\n },\n warning: {\n backgroundColor: warningColor[0],\n },\n danger: {\n backgroundColor: dangerColor[0],\n },\n success: {\n backgroundColor: successColor[0],\n },\n info: {\n backgroundColor: infoColor[0],\n },\n rose: {\n backgroundColor: roseColor[0],\n },\n gray: {\n backgroundColor: grayColor[0],\n },\n}\n\nexport default badgeStyle\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles'\n\nimport styles from 'assets/jss/dorm-app/components/badgeStyle.js'\n\nconst useStyles = makeStyles(styles)\n\nexport default function Badge(props) {\n const { color, children } = props\n const classes = useStyles()\n return {children} \n}\n\nBadge.propTypes = {\n color: PropTypes.oneOf(['primary', 'warning', 'danger', 'success', 'info', 'rose', 'gray']),\n children: PropTypes.node,\n}\n","import * as React from 'react'\nimport FormControl from '@material-ui/core/FormControl'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport Select from '@material-ui/core/Select'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport { makeStyles } from '@material-ui/core/styles'\nimport styles from '../../../../../assets/jss/dorm-app/customSelectStyle'\n\nconst useStyles = makeStyles(styles)\n\nexport default function UniversitySelect(props) {\n const classes = useStyles()\n\n const { state, dispatch } = props\n\n return (\n \n \n Universität\n \n \n dispatch({\n type: 'field',\n field: 'university',\n value: e.currentTarget.getAttribute('data-value'),\n })\n }\n inputProps={{\n name: 'university',\n id: 'university',\n }}>\n \n TU\n \n \n LMU\n \n \n Hochschule München\n \n \n HFF München\n \n \n Akademie der Bildenden Künste\n \n \n Hochschule für Musik und Theater München\n \n \n FOM\n \n \n Katholische Stiftungshochschule München\n \n \n Hochschule für Philosophie\n \n \n Hochschule für Politik\n \n \n \n )\n}\n","export function stringifyDates(state) {\n let stateCopy = JSON.parse(JSON.stringify(state))\n\n if (state.birthday != null && state.movedIn != null) {\n stateCopy.birthday = stringifyDate(state.birthday)\n stateCopy.movedIn = stringifyDate(state.movedIn)\n }\n\n if (state.movedIn != null && state.movedOut != null) {\n stateCopy.movedIn = stringifyDate(state.movedIn)\n stateCopy.movedOut = stringifyDate(state.movedOut)\n }\n\n if (state.birthday != null && state.movedIn != null && state.movedOut != null) {\n stateCopy.birthday = stringifyDate(state.birthday)\n stateCopy.movedIn = stringifyDate(state.movedIn)\n stateCopy.movedOut = stringifyDate(state.movedOut)\n }\n\n if (state.moveDate != null) {\n stateCopy.moveDate = stringifyDate(state.moveDate)\n }\n\n if (state.moveOutDate != null) {\n stateCopy.moveOutDate = stringifyDate(state.moveOutDate)\n }\n\n return stateCopy\n}\n\nexport function stringifyDate(date) {\n if (date == null) return null\n let year = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date)\n let month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(date)\n let day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date)\n return `${day}.${month}.${year}`\n}\n\nexport function createDateFromString(date) {\n return new Date(`${date.split('.')[2]}-${date.split('.')[1]}-${date.split('.')[0]}T00:00:00.000`)\n}\n\nexport function formatDatesInObject(obj) {\n let objCopy = JSON.parse(JSON.stringify(obj))\n\n if (obj.birthday != null && obj.movedIn != null) {\n objCopy.birthday = createDateFromString(obj.birthday)\n objCopy.movedIn = createDateFromString(obj.movedIn)\n }\n\n if (obj.movedIn != null && obj.movedOut != null) {\n objCopy.movedIn = createDateFromString(obj.movedIn)\n objCopy.movedOut = createDateFromString(obj.movedOut)\n }\n\n if (obj.birthday != null && obj.movedIn != null && obj.movedOut != null) {\n objCopy.birthday = createDateFromString(obj.birthday)\n objCopy.movedIn = createDateFromString(obj.movedIn)\n objCopy.movedOut = createDateFromString(obj.movedOut)\n }\n\n return objCopy\n}\n","import * as React from 'react'\nimport { useCallback, useEffect, useReducer, useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridContainer from '../../../../grid/GridContainer'\nimport GridItem from '../../../../grid/GridItem'\nimport Card from '../../../../card/Card'\nimport CardHeader from '../../../../card/CardHeader'\nimport CardBody from '../../../../card/CardBody'\nimport CustomInput from '../../../../input/CustomInput'\nimport CardFooter from '../../../../card/CardFooter'\nimport Button from '../../../../button/RegularButton'\nimport { timeout } from '../../../../../App'\nimport Snackbar from '../../../../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport FormControl from '@material-ui/core/FormControl'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport Select from '@material-ui/core/Select'\nimport { CountryDropdown } from 'react-country-region-selector'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport styles from 'assets/jss/dorm-app/customSelectStyle.js'\nimport { useParams } from 'react-router-dom'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport CustomDateInput from '../../../../input/CustomDateInput'\nimport Table from '@material-ui/core/Table'\nimport TableHead from '@material-ui/core/TableHead'\nimport TableRow from '@material-ui/core/TableRow'\nimport TableCell from '@material-ui/core/TableCell'\nimport TableBody from '@material-ui/core/TableBody'\nimport { initialNotificationState } from '../../../../utils/state/ApplicationState'\nimport Badge from '../../../../badge/Badge'\nimport UniversitySelect from './UniversitySelect'\nimport { createDateFromString, stringifyDates } from '../../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nfunction moveReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'create':\n return {\n ...state,\n }\n case 'success':\n return {\n ...initialMoveState,\n success: true,\n }\n case 'error':\n return {\n ...state,\n success: false,\n errorMessage: action.errorMessage,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialMoveState = {\n success: false,\n newRoom: '',\n moveDate: null,\n}\n\nfunction tenantReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'fetch':\n return {\n ...action.value,\n birthday: createDateFromString(action.value.birthday),\n movedOut: createDateFromString(action.value.movedOut),\n movedIn: createDateFromString(action.value.movedIn),\n }\n case 'success':\n return {\n success: true,\n }\n\n case 'error':\n return {\n ...state,\n success: false,\n errorMessage: action.errorMessage,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialTenantState = {\n success: false,\n errorMessage: '',\n name: '',\n surname: '',\n email: '',\n telNumber: '',\n birthday: null,\n gender: '',\n nationality: '',\n university: '',\n studyField: '',\n room: '',\n movedIn: null,\n movedOut: null,\n note: '',\n extensionStatus: '',\n tenantId: '',\n deposit: '',\n extension: '',\n sublet: '',\n}\n\nexport default function EditTenantPage() {\n const classes = useStyles()\n\n const { tenantId } = useParams()\n\n const [tenantState, dispatchTenant] = useReducer(tenantReducer, initialTenantState)\n const [moveState, dispatchMove] = useReducer(moveReducer, initialMoveState)\n const [departureDate, setDepartureDate] = useState(null)\n\n const [rentals, setRentals] = useState([])\n const [proceeding, setProceeding] = useState(true)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const fetchRentals = useCallback(() => {\n getApiUrl()\n .get(`/admin/tenants/${tenantId}/rentals`)\n .then(function(response) {\n setProceeding(false)\n setRentals(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [tenantId])\n\n const fetchTenant = useCallback(() => {\n getApiUrl()\n .get(`/admin/tenants/${tenantId}`)\n .then(function(response) {\n setProceeding(false)\n dispatchTenant({ type: 'fetch', value: response.data })\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [tenantId])\n\n useEffect(() => {\n setProceeding(true)\n fetchTenant()\n fetchRentals()\n }, [fetchTenant, fetchRentals])\n\n const handleTerminationSubmit = (e) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n e.preventDefault()\n\n if (departureDate === null) {\n setNotification({\n open: true,\n message: 'Bitte einen Auszugsdatum auswählen.',\n color: 'danger',\n })\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, 2000)\n return\n }\n\n const body = {\n moveOutDate: departureDate,\n tenantId: tenantId,\n }\n\n setProceeding(true)\n getApiUrl()\n .post(`/admin/departures/terminations`, stringifyDates(body))\n .then(function() {\n fetchTenant()\n fetchRentals()\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Kündigung wurde erstellt.',\n color: 'success',\n })\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n const submitMove = (e) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n e.preventDefault()\n\n dispatchMove({ type: 'create' })\n\n getApiUrl()\n .post(`/admin/tenants/${tenantId}/move`, stringifyDates(moveState))\n .then(function() {\n fetchTenant()\n fetchRentals()\n setNotification({\n open: true,\n message: 'Bewohner erfolgreich umgezogen.',\n color: 'success',\n })\n dispatchMove({ type: 'success' })\n })\n .catch(function(error) {\n dispatchMove({ type: 'error', errorMessage: error })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n const submitEdit = (e) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n e.preventDefault()\n\n getApiUrl()\n .put(`/admin/tenants/${tenantId}`, stringifyDates(tenantState))\n .then(function() {\n fetchTenant()\n fetchRentals()\n setNotification({\n open: true,\n message: 'Bewohner aktualisiert',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatchTenant({ type: 'error', errorMessage: error })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n
\n \n \n \n Bewohner bearbeiten \n \n \n \n \n \n dispatchTenant({\n type: 'field',\n field: 'name',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'surname',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'email',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'telNumber',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n \n Geschlecht\n \n \n dispatchTenant({\n type: 'field',\n field: 'gender',\n value: e.currentTarget.getAttribute('data-value'),\n })\n }\n inputProps={{\n name: 'gender',\n id: 'gender',\n }}>\n \n Männlich\n \n \n Weiblich\n \n \n Divers\n \n \n \n \n \n \n dispatchTenant({\n type: 'field',\n field: 'birthday',\n value: date,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'nationality',\n value: val,\n })\n }\n classes={`MuiSelect-root MuiInputBase-input`}\n style={{\n width: '100%',\n margin: '47px 0 0 0',\n position: 'relative',\n verticalAlign: 'unset',\n font: 'inherit',\n fontWeight: '400',\n cursor: 'pointer',\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'studyField',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n \n \n \n dispatchTenant({\n type: 'field',\n field: 'deposit',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'room',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'movedIn',\n value: date,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'movedOut',\n value: date,\n }),\n }}\n />\n \n \n \n \n \n dispatchTenant({\n type: 'field',\n field: 'note',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n submitEdit(e)\n }}>\n Daten aktualisieren\n \n \n \n \n \n
\n \n \n \n Verlängerungen \n \n \n \n \n \n dispatchTenant({\n type: 'field',\n field: 'extension',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchTenant({\n type: 'field',\n field: 'sublet',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n {tenantState.extensionStatus === 'PROCESSING' ? (\n \n \n Verlängerungsbewerbung gestellt \n
\n \n ) : null}\n {tenantState.extensionStatus === 'CREATED' ? (\n \n \n Verlängerungsbewerbung offen \n
\n \n ) : null}\n \n \n \n \n \n
\n \n \n \n Anmietungen \n \n \n \n \n \n \n \n Zimmer \n Einzug \n Auszug \n \n \n \n {rentals.map((rental) => (\n \n {rental.room} \n {rental.movedIn} \n {rental.movedOut} \n \n ))}\n \n
\n \n \n \n \n \n \n
\n \n \n \n Umzug \n \n \n \n \n \n dispatchMove({\n type: 'field',\n field: 'newRoom',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatchMove({\n type: 'field',\n field: 'moveDate',\n value: date,\n }),\n }}\n />\n \n \n \n \n {\n submitMove(e)\n }}>\n umziehen\n \n \n \n \n \n
\n \n \n \n Kündigung \n \n \n \n \n setDepartureDate(date),\n }}\n />\n \n \n \n \n {\n handleTerminationSubmit(e)\n }}>\n Kündigen\n \n \n \n \n \n
\n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n \n Amt \n Unterschrieben am \n Betrag \n \n \n \n {departments.map(function (department) {\n let signature = props.signatures.filter((sg) => sg.departmentName.includes(department))[0]\n return signature ? (\n 0 ? classes.dangerBackground : ''}>\n {signature.departmentName} \n {signature.signedOn} \n {signature.amount} Euro \n \n ) : (\n \n {department} \n - \n - \n \n )\n })}\n \n
\n )\n}\n","import * as React from 'react'\nimport { useCallback, useEffect, useReducer, useState } from 'react'\nimport GridItem from '../../grid/GridItem'\nimport Card from '../../card/Card'\nimport CardHeader from '../../card/CardHeader'\nimport CardBody from '../../card/CardBody'\nimport GridContainer from '../../grid/GridContainer'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { useParams } from 'react-router-dom'\nimport Container from '@material-ui/core/Container'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { timeout } from '../../../App'\nimport CustomInput from '../../input/CustomInput'\nimport Button from '../../button/RegularButton'\nimport DepartmentSignatures from '../DepartmentSignatures'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../snackbar/Snackbar'\nimport { initialNotificationState } from '../../utils/state/ApplicationState'\nimport { getApiUrl } from '../../../api/api'\n\nconst styles = {\n cardCategoryWhite: {\n color: 'rgba(255,255,255,.62)',\n margin: '0',\n fontSize: '14px',\n marginTop: '0',\n marginBottom: '0',\n },\n cardTitleWhite: {\n color: '#FFFFFF',\n marginTop: '0px',\n minHeight: 'auto',\n fontWeight: '300',\n fontFamily: '\\'Roboto\\', \\'Helvetica\\', \\'Arial\\', sans-serif',\n marginBottom: '3px',\n textDecoration: 'none',\n },\n}\n\nconst useStyles = makeStyles(styles)\n\nfunction departureReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n\n case 'fetch':\n return {\n ...state,\n ...action.value,\n }\n\n case 'success':\n return {\n ...state,\n success: true,\n }\n\n case 'error':\n return {\n ...state,\n success: false,\n errorMessage: action.errorMessage,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialDepartureState = {\n status: null,\n tenantName: null,\n departureDate: null,\n createdOn: null,\n departureId: null,\n signatures: [],\n iban: null,\n name: null,\n}\n\nexport default function PublicDepartureDecision() {\n const classes = useStyles()\n\n const [proceeding, setProceeding] = useState(true)\n const [state, dispatch] = useReducer(departureReducer, initialDepartureState)\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [bankInfo, setBankInfo] = useState({\n iban: null,\n name: null,\n })\n\n const { departureId } = useParams()\n\n const fetchBankInfo = useCallback(() => {\n getApiUrl()\n .get(`/public/departures/${departureId}/bank`)\n .then(function(response) {\n setProceeding(false)\n setBankInfo(response.data)\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }, [departureId])\n\n const fetchDeparture = useCallback(() => {\n getApiUrl()\n .get(`/public/departures/${departureId}`)\n .then(function(response) {\n setProceeding(false)\n dispatch({ type: 'fetch', value: response.data })\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n })\n }, [departureId])\n\n const saveBankInfo = (e) => {\n e.preventDefault()\n setProceeding(true)\n\n getApiUrl()\n .post(`/public/departures/${departureId}/bank`, { name: state.name, iban: state.iban })\n .then(function() {\n setProceeding(false)\n fetchBankInfo()\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Bitte Name und IBAN eingeben.',\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n const confirmDeparture = (e) => {\n e.preventDefault()\n setProceeding(true)\n\n getApiUrl()\n .patch(`/public/departures/${state.departureId}/confirm`, state)\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Aktion wurde erfolgreich durchgeführt.',\n color: 'success',\n })\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Bitte Name und IBAN eingeben.',\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n const postponeDeparture = (e) => {\n e.preventDefault()\n setProceeding(true)\n\n getApiUrl()\n .patch(`/public/departures/${state.departureId}/postpone`, {})\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Aktion wurde erfolgreich durchgeführt.',\n color: 'success',\n })\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n useEffect(() => {\n fetchBankInfo()\n fetchDeparture()\n }, [fetchBankInfo, fetchDeparture])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n if (state.status === 'CREATED') {\n return (\n \n \n \n \n \n Im Schollheim wohnen bleiben \n \n \n \n \n \n Um Deine Wohnzeit zu verlängern, musst du eine Bewerbung bei der Verwaltung einreichen. Drücke den\n Button, um den Verlängerungsprozess zu starten.\n \n \n \n \n \n {\n postponeDeparture(e)\n }}>\n Verlängerung starten\n \n \n \n \n \n \n \n \n \n \n \n Das Schollheim verlassen \n \n \n \n \n \n Falls Du zum {state.departureDate} ausziehen möchtest, hinterlege bitte ein Bankkonto, auf welches\n die Kaution zurücküberwiesen werden soll.\n \n \n \n \n dispatch({\n type: 'field',\n field: 'name',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'iban',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n confirmDeparture(e)\n }}>\n Auszug bestätigen\n \n \n \n \n \n \n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n )\n }\n\n if (state.status === 'CONFIRMED' || state.status === 'CLOSED') {\n return (\n \n \n {bankInfo.name == null ? (\n \n \n \n Kontodaten \n \n \n \n \n Hinterlege bitte ein Bankkonto, auf welches die Kaution zurücküberwiesen werden soll. \n \n \n \n dispatch({\n type: 'field',\n field: 'name',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'iban',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n saveBankInfo(e)\n }}>\n Kontodaten bestätigen\n \n \n \n \n \n \n \n \n ) : (\n \n \n \n Kontodaten \n \n \n \n \n Die Kaution wird auf dieses Konto zurücküberwiesen. \n \n \n \n \n \n \n \n \n \n )}\n \n \n \n Eingegangene Unterschriften für {state.tenantName} \n \n \n \n \n \n \n \n \n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n )\n }\n\n if (state.status === 'POSTPONED') {\n return (\n \n \n \n \n \n Wohnzeitverlängerung \n \n \n \n Die Verwaltung wurde über deine Anfrage informiert. Die auszufüllenden Unterlagen für Deine Bewerbung\n um Wohnzeitverlängerung liegen dort nun zur Abholung bereit.\n \n \n \n \n \n \n )\n }\n\n return (\n \n \n \n \n \n Fehler \n \n \n Ein Fehler ist aufgetreten. Bitte den Admin kontaktieren polovyi@schollheim.net \n \n \n \n \n \n )\n}\n","import {\n container,\n defaultFont,\n primaryColor,\n defaultBoxShadow,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n whiteColor,\n grayColor,\n} from 'assets/jss/app.js'\n\nconst headerStyle = () => ({\n appBar: {\n backgroundColor: 'transparent',\n boxShadow: 'none',\n borderBottom: '0',\n marginBottom: '0',\n position: 'absolute',\n width: '100%',\n paddingTop: '10px',\n zIndex: '1029',\n color: grayColor[7],\n border: '0',\n borderRadius: '3px',\n padding: '10px 0',\n transition: 'all 150ms ease 0s',\n display: 'block',\n },\n container: {\n ...container,\n minHeight: '50px',\n },\n flex: {\n flex: 1,\n },\n title: {\n ...defaultFont,\n letterSpacing: 'unset',\n lineHeight: '30px',\n fontSize: '18px',\n borderRadius: '3px',\n textTransform: 'none',\n color: 'inherit',\n margin: '0',\n '&:hover,&:focus': {\n background: 'transparent',\n },\n },\n appResponsive: {\n top: '8px',\n },\n primary: {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n info: {\n backgroundColor: infoColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n success: {\n backgroundColor: successColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n warning: {\n backgroundColor: warningColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n danger: {\n backgroundColor: dangerColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n})\n\nexport default headerStyle\n","import {\n blackColor,\n defaultFont,\n grayColor,\n hexToRgb,\n primaryBoxShadow,\n primaryColor,\n whiteColor,\n} from 'assets/jss/app.js'\n\nconst dropdownStyle = theme => ({\n buttonLink: {\n [theme.breakpoints.down('md')]: {\n display: 'flex',\n marginLeft: '30px',\n width: 'auto',\n },\n },\n linkText: {\n zIndex: '4',\n ...defaultFont,\n fontSize: '14px',\n },\n popperClose: {\n pointerEvents: 'none',\n },\n popperNav: {\n [theme.breakpoints.down('sm')]: {\n position: 'static !important',\n left: 'unset !important',\n top: 'unset !important',\n transform: 'none !important',\n willChange: 'unset !important',\n '& > div': {\n boxShadow: 'none !important',\n marginLeft: '0rem',\n marginRight: '0rem',\n transition: 'none !important',\n marginTop: '0px !important',\n marginBottom: '0px !important',\n padding: '0px !important',\n backgroundColor: 'transparent !important',\n '& ul li': {\n color: whiteColor + ' !important',\n margin: '10px 15px 0!important',\n padding: '10px 15px !important',\n '&:hover': {\n backgroundColor: 'hsla(0,0%,78%,.2)',\n boxShadow: 'none',\n },\n },\n },\n },\n },\n dropdown: {\n borderRadius: '3px',\n border: '0',\n boxShadow: '0 2px 5px 0 rgba(' + hexToRgb(blackColor) + ', 0.26)',\n top: '100%',\n zIndex: '1000',\n minWidth: '160px',\n padding: '5px 0',\n margin: '2px 0 0',\n fontSize: '14px',\n textAlign: 'left',\n listStyle: 'none',\n backgroundColor: whiteColor,\n WebkitBackgroundClip: 'padding-box',\n backgroundClip: 'padding-box',\n },\n dropdownItem: {\n ...defaultFont,\n fontSize: '13px',\n padding: '10px 20px',\n margin: '0 5px',\n borderRadius: '2px',\n WebkitTransition: 'all 150ms linear',\n MozTransition: 'all 150ms linear',\n OTransition: 'all 150ms linear',\n MsTransition: 'all 150ms linear',\n transition: 'all 150ms linear',\n display: 'block',\n clear: 'both',\n fontWeight: '400',\n lineHeight: '1.42857143',\n color: grayColor[8],\n whiteSpace: 'nowrap',\n height: 'unset',\n minHeight: 'unset',\n '&:hover': {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...primaryBoxShadow,\n },\n },\n})\n\nexport default dropdownStyle\n","import dropdownStyle from 'assets/jss/dorm-app/dropdownStyle.js'\n\nconst headerLinksStyle = theme => ({\n ...dropdownStyle(theme),\n buttonLink: {\n [theme.breakpoints.down('sm')]: {\n display: 'flex',\n margin: '10px 15px 0',\n width: '-webkit-fill-available',\n '& svg': {\n width: '24px',\n height: '30px',\n marginRight: '15px',\n marginLeft: '-15px',\n },\n '& .fab,& .fas,& .far,& .fal,& .material-icons': {\n fontSize: '24px',\n lineHeight: '30px',\n width: '24px',\n height: '30px',\n marginRight: '15px',\n marginLeft: '-15px',\n },\n '& > span': {\n justifyContent: 'flex-start',\n width: '100%',\n },\n },\n },\n manager: {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n display: 'inline-block',\n },\n})\n\nexport default headerLinksStyle\n","import React, { useContext } from 'react'\nimport classNames from 'classnames'\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport MenuList from '@material-ui/core/MenuList'\nimport Grow from '@material-ui/core/Grow'\nimport Paper from '@material-ui/core/Paper'\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener'\nimport Poppers from '@material-ui/core/Popper'\n// @material-ui/icons\nimport Person from '@material-ui/icons/Person'\n// core components\nimport styles from 'assets/jss/dorm-app/components/headerLinksStyle.js'\nimport Button from '../button/RegularButton'\nimport { useHistory } from 'react-router-dom'\nimport { emptyUser, UserContext } from '../../App'\n\nconst useStyles = makeStyles(styles)\n\nexport default function NavbarLinks() {\n const classes = useStyles()\n const hist = useHistory()\n const { setUser } = useContext(UserContext)\n const [open, setOpen] = React.useState(false)\n const [openProfile, setOpenProfile] = React.useState(false)\n\n const handleLogout = () => {\n localStorage.removeItem('token')\n setUser(emptyUser)\n hist.push('/login')\n window.location.reload(false)\n }\n const handleClickProfile = (event) => {\n if (open) {\n setOpenProfile(null)\n setOpen(false)\n } else {\n setOpenProfile(event.currentTarget)\n setOpen(true)\n }\n }\n const handleCloseProfile = () => {\n setOpenProfile(null)\n }\n return (\n \n
\n
959 ? 'transparent' : 'white'}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-owns={openProfile ? 'profile-menu-list-grow' : null}\n aria-haspopup=\"true\"\n onClick={handleClickProfile}\n className={classes.buttonLink}>\n \n {({ TransitionProps, placement }) => (\n \n
\n \n
\n \n \n \n \n \n \n \n \n )\n}\n\nNavbar.propTypes = {\n color: PropTypes.oneOf(['primary', 'info', 'success', 'warning', 'danger']),\n handleDrawerToggle: PropTypes.func,\n routes: PropTypes.arrayOf(PropTypes.object),\n}\n","import {\n drawerWidth,\n transition,\n boxShadow,\n defaultFont,\n primaryColor,\n primaryBoxShadow,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n whiteColor,\n grayColor,\n blackColor,\n hexToRgb,\n} from 'assets/jss/app.js'\n\nconst sidebarStyle = (theme) => ({\n drawerPaper: {\n background: 'black',\n border: 'none',\n position: 'fixed',\n top: '0',\n bottom: '0',\n left: '0',\n zIndex: '1',\n ...boxShadow,\n width: drawerWidth,\n [theme.breakpoints.up('md')]: {\n width: drawerWidth,\n position: 'fixed',\n height: '100%',\n },\n [theme.breakpoints.down('sm')]: {\n width: drawerWidth,\n ...boxShadow,\n position: 'fixed',\n display: 'block',\n top: '0',\n height: '100vh',\n right: '0',\n left: 'auto',\n zIndex: '1032',\n visibility: 'visible',\n overflowY: 'visible',\n borderTop: 'none',\n textAlign: 'left',\n paddingRight: '0px',\n paddingLeft: '0',\n transform: `translate3d(${drawerWidth}px, 0, 0)`,\n ...transition,\n },\n },\n drawerPaperRTL: {\n [theme.breakpoints.up('md')]: {\n left: 'auto !important',\n right: '0 !important',\n },\n [theme.breakpoints.down('sm')]: {\n left: '0 !important',\n right: 'auto !important',\n },\n },\n logo: {\n position: 'relative',\n padding: '15px 15px',\n zIndex: '4',\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n bottom: '0',\n\n height: '1px',\n right: '15px',\n width: 'calc(100% - 30px)',\n backgroundColor: 'rgba(' + hexToRgb(grayColor[6]) + ', 0.3)',\n },\n },\n logoLink: {\n ...defaultFont,\n textTransform: 'uppercase',\n padding: '5px 0',\n display: 'block',\n fontSize: '18px',\n textAlign: 'left',\n fontWeight: '400',\n lineHeight: '30px',\n textDecoration: 'none',\n backgroundColor: 'transparent',\n '&,&:hover': {\n color: whiteColor,\n },\n },\n logoLinkRTL: {\n textAlign: 'right',\n },\n logoImage: {\n width: '30px',\n display: 'inline-block',\n maxHeight: '30px',\n marginLeft: '10px',\n marginRight: '15px',\n },\n img: {\n width: '35px',\n top: '22px',\n position: 'absolute',\n verticalAlign: 'middle',\n border: '0',\n },\n background: {\n position: 'absolute',\n zIndex: '1',\n height: '100%',\n width: '100%',\n display: 'block',\n top: '0',\n left: '0',\n backgroundSize: 'cover',\n backgroundPosition: 'center center',\n '&:after': {\n position: 'absolute',\n zIndex: '3',\n width: '100%',\n height: '100%',\n content: '\"\"',\n display: 'block',\n background: blackColor,\n opacity: '.8',\n },\n },\n list: {\n marginTop: '20px',\n paddingLeft: '0',\n paddingTop: '0',\n paddingBottom: '0',\n marginBottom: '0',\n listStyle: 'none',\n position: 'unset',\n },\n item: {\n position: 'relative',\n display: 'block',\n textDecoration: 'none',\n '&:hover,&:focus,&:visited,&': {\n color: whiteColor,\n },\n },\n itemLink: {\n width: 'auto',\n transition: 'all 300ms linear',\n margin: '10px 15px 0',\n borderRadius: '3px',\n position: 'relative',\n display: 'block',\n padding: '10px 15px',\n backgroundColor: 'transparent',\n ...defaultFont,\n },\n itemIcon: {\n width: '24px',\n height: '30px',\n fontSize: '24px',\n lineHeight: '30px',\n float: 'left',\n marginRight: '15px',\n textAlign: 'center',\n verticalAlign: 'middle',\n color: 'rgba(' + hexToRgb(whiteColor) + ', 0.8)',\n },\n itemIconRTL: {\n marginRight: '3px',\n marginLeft: '15px',\n float: 'right',\n },\n itemText: {\n ...defaultFont,\n margin: '0',\n lineHeight: '30px',\n fontSize: '14px',\n color: whiteColor,\n },\n itemTextRTL: {\n textAlign: 'right',\n },\n whiteFont: {\n color: whiteColor,\n },\n burgundy: {\n backgroundColor: primaryColor[0],\n ...primaryBoxShadow,\n '&:hover,&:focus': {\n backgroundColor: primaryColor[0],\n ...primaryBoxShadow,\n },\n },\n blue: {\n backgroundColor: infoColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(infoColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(infoColor[0]) +\n ',.2)',\n '&:hover,&:focus': {\n backgroundColor: infoColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(infoColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(infoColor[0]) +\n ',.2)',\n },\n },\n green: {\n backgroundColor: successColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(successColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(successColor[0]) +\n ',.2)',\n '&:hover,&:focus': {\n backgroundColor: successColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(successColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(successColor[0]) +\n ',.2)',\n },\n },\n orange: {\n backgroundColor: warningColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(warningColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(warningColor[0]) +\n ',.2)',\n '&:hover,&:focus': {\n backgroundColor: warningColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(warningColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(warningColor[0]) +\n ',.2)',\n },\n },\n red: {\n backgroundColor: dangerColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(dangerColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(dangerColor[0]) +\n ',.2)',\n '&:hover,&:focus': {\n backgroundColor: dangerColor[0],\n boxShadow:\n '0 12px 20px -10px rgba(' +\n hexToRgb(dangerColor[0]) +\n ',.28), 0 4px 20px 0 rgba(' +\n hexToRgb(blackColor) +\n ',.12), 0 7px 8px -5px rgba(' +\n hexToRgb(dangerColor[0]) +\n ',.2)',\n },\n },\n sidebarWrapper: {\n position: 'relative',\n height: 'calc(100vh - 75px)',\n overflow: 'auto',\n width: '260px',\n zIndex: '4',\n overflowScrolling: 'touch',\n },\n activePro: {\n [theme.breakpoints.up('md')]: {\n position: 'absolute',\n width: '100%',\n bottom: '13px',\n },\n },\n})\n\nexport default sidebarStyle\n","/*eslint-disable*/\nimport React from 'react'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { NavLink } from 'react-router-dom'\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles'\nimport Drawer from '@material-ui/core/Drawer'\nimport Hidden from '@material-ui/core/Hidden'\nimport List from '@material-ui/core/List'\nimport ListItem from '@material-ui/core/ListItem'\nimport ListItemText from '@material-ui/core/ListItemText'\nimport Icon from '@material-ui/core/Icon'\n// core components\n\nimport styles from 'assets/jss/dorm-app/components/sidebarStyle.js'\nimport NavbarLinks from '../navbar/NavbarLinks'\n\nconst useStyles = makeStyles(styles)\n\nexport default function Sidebar(props) {\n const classes = useStyles()\n\n // verifies if routeName is the one active (in browser input)\n function activeRoute(routeName) {\n return window.location.href.indexOf(routeName) > -1 ? true : false\n }\n\n const { color, logo, image, logoText, routes } = props\n var links = (\n \n {routes.map((prop, key) => {\n const listItemClasses = classNames({\n [' ' + classes[color]]: activeRoute(prop.path)\n })\n const whiteFontClasses = classNames({\n [' ' + classes.whiteFont]: activeRoute(prop.path)\n })\n return (\n \n \n {typeof prop.icon === 'string' ? (\n \n {prop.icon}\n \n ) : (\n \n \n )\n })}\n
\n )\n var home = (\n \n
\n \n
\n
\n
\n \n \n
\n {image !== undefined ? (\n \n
\n \n {home}\n {links}
\n {image !== undefined ? (\n \n
\n user !== null ? (\n \n \n {title !== undefined ? {title}
: null}\n \n {tabs.map((prop, key) => {\n let icon = {}\n if (prop.tabIcon) {\n icon = {\n icon: \n \n {tabs.map((prop, key) => {\n if (key === value) {\n return {prop.tabContent}
\n }\n return null\n })}\n \n \n )\n}\n\nCustomTabs.propTypes = {\n headerColor: PropTypes.oneOf([\n 'warning',\n 'success',\n 'danger',\n 'info',\n 'primary',\n 'rose',\n ]),\n title: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n tabName: PropTypes.string.isRequired,\n tabIcon: PropTypes.object,\n tabContent: PropTypes.node.isRequired,\n }),\n ),\n rtlActive: PropTypes.bool,\n plainTabs: PropTypes.bool,\n}\n","import * as React from 'react'\nimport { useReducer, useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridContainer from '../../../../grid/GridContainer'\nimport GridItem from '../../../../grid/GridItem'\nimport CustomInput from '../../../../input/CustomInput'\nimport Button from '../../../../button/RegularButton'\nimport { timeout } from '../../../../../App'\nimport Snackbar from '../../../../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport FormControl from '@material-ui/core/FormControl'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport Select from '@material-ui/core/Select'\nimport { CountryDropdown } from 'react-country-region-selector'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport styles from '../../../../../assets/jss/dorm-app/customSelectStyle.js'\nimport CustomDateInput from '../../../../input/CustomDateInput'\nimport { initialNotificationState } from '../../../../utils/state/ApplicationState'\nimport UniversitySelect from './UniversitySelect'\nimport { stringifyDates } from '../../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nfunction tenantReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n\n case 'success':\n return {\n ...initialTenantState,\n success: true,\n }\n\n case 'error':\n return {\n ...state,\n success: false,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialTenantState = {\n success: false,\n name: '',\n surname: '',\n email: '',\n telNumber: '',\n birthday: null,\n gender: '',\n nationality: '',\n university: '',\n studyField: '',\n room: '',\n movedIn: null,\n deposit: '',\n note: '',\n}\n\nexport default function CreateTenant() {\n const classes = useStyles()\n\n const [state, dispatch] = useReducer(tenantReducer, initialTenantState)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n function validateInput() {\n if (state.nationality.length === 0) {\n setNotification({\n open: true,\n message: 'Bitte Staatsangehörigkeit angeben.',\n color: 'danger',\n })\n return false\n }\n return true\n }\n\n const submitForm = (e) => {\n e.preventDefault()\n\n if (validateInput()) {\n getApiUrl()\n .post(`/admin/tenants`, stringifyDates(state))\n .then(function() {\n dispatch({ type: 'success' })\n setNotification({\n open: true,\n message: 'Bewohner hinzugefügt',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatch({ type: 'error' })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n }\n\n return (\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'name',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'surname',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'email',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n \n Geschlecht\n \n \n dispatch({\n type: 'field',\n field: 'gender',\n value: e.currentTarget.getAttribute('data-value'),\n })\n }\n inputProps={{\n name: 'gender',\n id: 'gender',\n }}>\n \n Männlich\n \n \n Weiblich\n \n \n Divers\n \n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'nationality',\n value: val,\n })\n }\n classes={`MuiSelect-root MuiInputBase-input`}\n style={{\n width: '100%',\n margin: '47px 0 0 0',\n position: 'relative',\n verticalAlign: 'unset',\n font: 'inherit',\n fontWeight: '400',\n cursor: 'pointer',\n }}\n />\n \n \n {\n dispatch({\n type: 'field',\n field: 'birthday',\n value: date,\n })\n },\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'telNumber',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n dispatch({\n type: 'field',\n field: 'movedIn',\n value: date,\n })\n },\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'room',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'deposit',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'studyField',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'note',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n submitForm(e)\n }}>\n Bewohner hinzufügen\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport MaterialTable from 'material-table'\nimport { createDateFromString } from '../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../api/api'\n\nconst columns = [\n { field: 'surname', title: 'Nachname' },\n { field: 'name', title: 'Vorname' },\n { field: 'room', title: 'Zimmer' },\n { field: 'floor', title: 'Flur' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n { field: 'deposit', title: 'Kaution' },\n { field: 'email', title: 'Email', render: (rowData) => {rowData.email} },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'birthday', title: 'Geburt' },\n { field: 'gender', title: 'Geschlecht' },\n {\n field: 'nationality',\n title: 'Staatsangehörigkeit',\n },\n {\n field: 'university',\n title: 'Universität',\n },\n {\n field: 'studyField',\n title: 'Studienfach',\n },\n]\n\nexport default function ExTenantTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const [tenants, setTenants] = useState([])\n\n const fetchExTenants = useCallback(() => {\n getApiUrl({ type: 'exTenant' })\n .get(`/admin/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n useEffect(() => {\n fetchExTenants()\n }, [fetchExTenants])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n {\n window.open(`/admin/tenants/${rowData.tenantId}`, '_blank')\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 30,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport ExTenantTable from '../../table/ExTenantTable'\n\nexport default function ExTenantPage() {\n return {rowData.email} },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'birthday', title: 'Geburt' },\n { field: 'gender', title: 'Geschlecht' },\n {\n field: 'nationality',\n title: 'Staatsangehörigkeit',\n },\n {\n field: 'university',\n title: 'Universität',\n },\n {\n field: 'studyField',\n title: 'Studienfach',\n },\n]\n\nexport default function FutureTenantTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const [tenants, setTenants] = useState([])\n\n useEffect(() => {\n setProceeding(true)\n getApiUrl({ type: 'newTenant' })\n .get(`/admin/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n {\n window.open(`/admin/tenants/${rowData.tenantId}`, '_blank')\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import React, { useContext, useEffect, useState } from 'react'\nimport { UserContext } from '../../../../App'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../../snackbar/Snackbar'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport MaterialTable from 'material-table'\nimport { initialNotificationState } from '../../../utils/state/ApplicationState'\nimport { createDateFromString } from '../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../api/api.js'\n\nconst columns = [\n { field: 'surname', title: 'Nachname' },\n { field: 'name', title: 'Vorname' },\n { field: 'room', title: 'Zimmer' },\n { field: 'floor', title: 'Flur' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'probationEnd',\n title: 'Probezeit',\n customSort: (a, b) => createDateFromString(a.probationEnd) - createDateFromString(b.probationEnd),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n { field: 'email', title: 'Email', render: (rowData) => {rowData.email} },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'deposit', title: 'Kaution' },\n { field: 'extension', title: 'VL' },\n { field: 'sublet', title: 'UM' },\n { field: 'birthday', title: 'Geburt' },\n {\n field: 'gender',\n title: 'Geschlecht',\n cellStyle: {\n textAlign: 'center',\n },\n },\n {\n field: 'nationality',\n title: 'Staatsangehörigkeit',\n },\n {\n field: 'university',\n title: 'Universität',\n },\n {\n field: 'studyField',\n title: 'Studienfach',\n },\n {\n title: 'Punkte',\n field: 'currentPoints',\n customSort: (a, b) => parseFloat(a.currentPoints) - parseFloat(b.currentPoints),\n },\n]\n\nexport default function CurrentTenantTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const { user } = useContext(UserContext)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [tenants, setTenants] = useState([])\n\n useEffect(() => {\n setProceeding(true)\n getApiUrl()\n .get(`/admin/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [user.token])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n {\n window.open(`/admin/tenants/${rowData.tenantId}`, '_blank')\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 30,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n )\n}\n","import * as React from 'react'\nimport { useContext, useEffect, useState } from 'react'\nimport { UserContext } from '../../../App'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport MaterialTable from 'material-table'\nimport download from 'downloadjs'\nimport { createDateFromString } from '../../utils/DateUtils'\nimport { getApiUrl } from '../../../api/api'\n\nconst columns = [\n { field: 'tenantFullName', title: 'Name' },\n {\n field: 'tenantEmail',\n title: 'Email',\n render: (rowData) => {rowData.tenantEmail} ,\n },\n { field: 'tenantRoom', title: 'Zimmer' },\n\n {\n field: 'departureDate',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.departureDate) - createDateFromString(b.departureDate),\n defaultSort: 'desc',\n },\n]\n\nexport default function CompletedDepartureTable() {\n const { user } = useContext(UserContext)\n\n const [proceeding, setProceeding] = useState(true)\n\n const [departures, setDepartures] = useState([])\n\n useEffect(() => {\n getApiUrl({ status: 'CLOSED' })\n .get(`/admin/departures`)\n .then(function(response) {\n setProceeding(false)\n setDepartures(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [user])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n {\n getApiUrl()\n .get(`/admin/departures/${rowData.departureId}/pdf`, {\n headers: { Authorization: `Bearer ${user.token}`, 'X-Smartdorm-Dorm-ID': '4885b6d1-bbe4-4d40-bd24-bce33f0d7728' },\n responseType: 'blob',\n })\n .then((response) => {\n const content = response.headers['content-type']\n download(response.data, `Laufzettel ${rowData.tenantFullName}`, content)\n })\n .catch((error) => console.log(error))\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport Table from '@material-ui/core/Table'\nimport TableBody from '@material-ui/core/TableBody'\nimport TableCell from '@material-ui/core/TableCell'\nimport TableContainer from '@material-ui/core/TableContainer'\nimport TableHead from '@material-ui/core/TableHead'\nimport TableRow from '@material-ui/core/TableRow'\nimport Paper from '@material-ui/core/Paper'\nimport { timeout } from '../../../App'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport Button from '../../button/RegularButton'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../snackbar/Snackbar'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport DepartmentSignatures from '../DepartmentSignatures'\nimport CustomDateInput from '../../input/CustomDateInput'\nimport { initialNotificationState } from '../../utils/state/ApplicationState'\nimport { createDateFromString, stringifyDate } from '../../utils/DateUtils'\nimport { getApiUrl } from '../../../api/api'\n\nexport default function AdminConfirmedDepartureTable() {\n const [notification, setNotification] = useState(initialNotificationState)\n const [proceeding, setProceeding] = useState(true)\n const [departures, setDepartures] = useState([])\n const [departureDates, setDepartureDates] = useState([])\n\n useEffect(() => {\n let params = new URLSearchParams()\n params.append('status', 'CONFIRMED')\n\n getApiUrl(params)\n .get(`/admin/departures`)\n .then(function(response) {\n setProceeding(false)\n setDepartures(response.data)\n let dates = response.data.map((dp) => createDateFromString(dp.departureDate))\n setDepartureDates(dates)\n })\n .catch(function(error) {\n console.log(error)\n })\n }, [notification])\n\n const handleCloseDeparture = async (departureId, movedOut) => {\n setProceeding(true)\n await getApiUrl()\n .put(\n `/admin/departures/close`,\n {\n departureId: departureId,\n movedOut: stringifyDate(movedOut),\n },\n )\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Auszug abgeschlossen',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n \n \n \n \n \n Name \n Email \n Zimmer \n Erstellt am \n \n \n \n {departures !== undefined\n ? departures.map((row, index) => (\n \n \n {row.tenantFullName} \n \n {row.tenantEmail} \n \n {row.tenantRoom} \n {row.createdOn} \n \n \n \n {\n let tmp = departureDates.slice()\n tmp[index] = date\n setDepartureDates(tmp)\n },\n }}\n />\n {\n handleCloseDeparture(row.departureId, departureDates[index])\n }}>\n Auszugsantrag schließen\n \n \n \n \n \n \n \n \n \n \n ))\n : 'Nothing to display'}\n \n
\n \n \n \n \n \n )\n}\n","import React, { useContext, useEffect, useState } from 'react'\nimport { UserContext } from '../../../../App'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport Button from '../../../button/RegularButton'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../../snackbar/Snackbar'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport MaterialTable from 'material-table'\nimport { initialNotificationState } from '../../../utils/state/ApplicationState'\nimport { createDateFromString } from '../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../api/api'\n\nconst columns = [\n { field: 'surname', title: 'Nachname' },\n { field: 'name', title: 'Vorname' },\n { field: 'room', title: 'Zimmer' },\n { field: 'floor', title: 'Flur' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n { field: 'email', title: 'Email', render: (rowData) => {rowData.email} },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'birthday', title: 'Geburt' },\n {\n field: 'gender',\n title: 'Geschlecht',\n cellStyle: {\n textAlign: 'center',\n },\n },\n {\n field: 'nationality',\n title: 'Staatsangehörigkeit',\n },\n {\n field: 'university',\n title: 'Universität',\n },\n {\n field: 'studyField',\n title: 'Studienfach',\n },\n]\n\nexport default function DepartureCandidatesTable() {\n const { user } = useContext(UserContext)\n const [proceeding, setProceeding] = useState(true)\n const [notification, setNotification] = useState(initialNotificationState)\n const [tenants, setTenants] = useState([])\n\n const handleDepartureSubmit = () => {\n let emails = tenants.map((tenant) => tenant.email)\n\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n const body = {\n tenantEmails: emails,\n }\n\n setProceeding(true)\n getApiUrl()\n .post(`/admin/departures`, body)\n .then(function(response) {\n setProceeding(false)\n setNotification({\n open: true,\n message: `Auszugsantrag für folgende Bewohner erstellt: ${response.data.createdDepartures}`,\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, 5000),\n )\n }\n\n useEffect(() => {\n setProceeding(true)\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // params: { type: 'departureCandidate' },\n // }\n getApiUrl({ type: 'departureCandidate' })\n .get(`/admin/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [user.token])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n {\n window.open(`/admin/tenants/${rowData.tenantId}`, '_blank')\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n Auszugsantrag erstellen\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n )\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport MaterialTable from 'material-table'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../snackbar/Snackbar'\nimport { initialNotificationState } from '../../utils/state/ApplicationState'\nimport { createDateFromString } from '../../utils/DateUtils'\nimport { getApiUrl } from '../../../api/api'\n\nconst columns = [\n { field: 'tenantFullName', title: 'Name' },\n {\n field: 'tenantEmail',\n title: 'Email',\n render: (rowData) => {rowData.tenantEmail} ,\n },\n { field: 'tenantRoom', title: 'Zimmer' },\n\n {\n field: 'departureDate',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.departureDate) - createDateFromString(b.departureDate),\n },\n]\n\nexport default function AdminCreatedDepartureTable() {\n const [notification, setNotification] = useState(initialNotificationState)\n const [proceeding, setProceeding] = useState(true)\n const [departures, setDepartures] = useState([])\n\n useEffect(() => {\n let params = new URLSearchParams()\n params.append('status', 'CREATED')\n getApiUrl(params)\n .get(`/admin/departures`)\n .then(function(response) {\n setProceeding(false)\n setDepartures(response.data)\n })\n .catch(function(error) {\n console.log(error)\n })\n }, [])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n {\n getApiUrl()\n .put(\n `/admin/departures/${rowData.departureId}/reminder`,\n {},\n )\n .then(() => {\n setNotification({\n open: true,\n message: 'Bewohner wurde informiert',\n color: 'success',\n })\n })\n .catch((error) =>\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n }),\n )\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import Card from '../card/Card'\nimport CardBody from '../card/CardBody'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport CustomDateInput from '../input/CustomDateInput'\nimport Button from '../button/RegularButton'\nimport * as React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport styles from '../../assets/jss/dorm-app/components/cardStyle'\n\nconst useStyles = makeStyles(styles)\n\nexport function Extension(props) {\n const classes = useStyles()\n\n const { claimId, moveOutList, index, tenant, handleAcceptExtension, handleRejectExtension, setMoveOutList } = props\n\n return (\n \n \n {tenant.fullName} \n {tenant.room} \n \n \n {\n let tmp = moveOutList.slice()\n tmp[index] = date\n setMoveOutList(tmp)\n },\n }}\n />\n \n\n \n {\n handleAcceptExtension(claimId, moveOutList[index])\n }}>\n bestätigen\n \n \n \n {\n handleRejectExtension(claimId)\n }}>\n ablehnen\n \n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport { timeout } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\n\nimport styles from 'assets/jss/dorm-app/components/cardStyle.js'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Extension } from './Extension'\nimport { stringifyDate } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nexport default function ProcessingExtensionTable() {\n const classes = useStyles()\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [proceeding, setProceeding] = useState(false)\n\n const [moveOutList, setMoveOutList] = useState([])\n\n const [claims, setClaims] = useState([])\n\n useEffect(() => {\n setProceeding(true)\n getApiUrl({ status: 'PROCESSING', type: 'EXTENSION' })\n .get(`/admin/claims`)\n .then(function(response) {\n setClaims(response.data)\n setMoveOutList(new Array(response.data.length).fill(null))\n setProceeding(false)\n })\n .catch(function(error) {\n console.log(error)\n setProceeding(false)\n })\n }, [notification])\n\n const handleAcceptExtension = (departureId, moveOut) => {\n setProceeding(true)\n\n getApiUrl()\n .patch(`/admin/claims/${departureId}/approve`, { moveOut: stringifyDate(moveOut) })\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Bewerbung um Wohnzeitverlängerung genehmigt.',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n const handleRejectExtension = (departureId) => {\n setProceeding(true)\n getApiUrl()\n .patch(`/admin/claims/${departureId}/reject`)\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Bewerbung um Wohnzeitverlängerung abgelehnt',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n\n {claims.length !== 0 ? (\n claims.map((row, index) => (\n \n \n \n \n ))\n ) : (\n Keine Verlängerungen in Bearbeitung \n )}\n \n )\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport MaterialTable from 'material-table'\nimport { createDateFromString } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { field: 'status', title: 'Status' },\n { field: 'tenant.fullName', title: 'Name' },\n {\n field: 'tenant.email',\n title: 'Email',\n render: (rowData) => {rowData.tenant.email} ,\n },\n { field: 'tenant.room', title: 'Zimmer' },\n\n {\n field: 'createdOn',\n title: 'Erstellt am',\n customSort: (a, b) => createDateFromString(a.createdOn) - createDateFromString(b.createdOn),\n },\n]\n\nexport default function CompletedExtensionTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const [claims, setClaims] = useState([])\n\n useEffect(() => {\n let params = new URLSearchParams()\n params.append('status', 'APPROVED')\n params.append('status', 'REJECTED')\n params.append('type', 'EXTENSION')\n\n getApiUrl(params)\n .get(`/admin/claims`)\n .then(function(response) {\n setProceeding(false)\n setClaims(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport { timeout } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport MaterialTable from 'material-table'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport { createDateFromString } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { field: 'tenant.fullName', title: 'Name' },\n {\n field: 'tenant.email',\n title: 'Email',\n render: (rowData) => {rowData.tenant.email} ,\n },\n { field: 'tenant.room', title: 'Zimmer' },\n\n {\n field: 'tenant.movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.tenant.movedOut) - createDateFromString(b.tenant.movedOut),\n defaultSort: 'asc',\n },\n]\n\nexport default function OpenExtensionTable() {\n const [proceeding, setProceeding] = useState(true)\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [claims, setClaims] = useState([])\n\n useEffect(() => {\n let params = new URLSearchParams()\n params.append('status', 'CREATED')\n params.append('type', 'EXTENSION')\n\n getApiUrl(params)\n .get(`/admin/claims`)\n .then(function(response) {\n setProceeding(false)\n setClaims(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [notification])\n\n const processClaim = (claimId) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n setProceeding(true)\n getApiUrl()\n .patch(`/admin/claims/${claimId}/process`)\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Antrag ist jetzt in Bearbeitung.',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n {\n getApiUrl()\n .put(\n `/admin/claims/${rowData.claimId}/reminder`,\n {},\n )\n .then(() => {\n setNotification({\n open: true,\n message: 'Bewohner wurde informiert',\n color: 'success',\n })\n })\n .catch((error) =>\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n }),\n )\n event.stopPropagation()\n },\n },\n {\n tooltip: 'Verlängerungsbewerbung eingereicht',\n icon: 'library_add',\n hidden: false,\n onClick: (event, rowData) => {\n processClaim(rowData.claimId)\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useContext, useEffect, useState } from 'react'\nimport { timeout, UserContext } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport MaterialTable from 'material-table'\nimport { createDateFromString } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { field: 'subtenantName', title: 'Untermieter' },\n { field: 'tenantName', title: 'Hauptmieter' },\n { field: 'universityConfirmation', title: 'Bestätigung Partneruniversität', type: 'boolean' },\n { field: 'room', title: 'Zimmer' },\n { field: 'duration', title: 'Dauer' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n]\n\nexport default function SubtenantTable() {\n const { user } = useContext(UserContext)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [proceeding, setProceeding] = useState(true)\n\n const [subtenants, setSubtenants] = useState([])\n\n useEffect(() => {\n getApiUrl()\n .get(`/admin/subtenants`)\n .then(function(response) {\n setProceeding(false)\n setSubtenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [notification, user])\n\n const updateUniConfirmation = (subtenantId) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n setProceeding(true)\n getApiUrl()\n .patch(`/admin/subtenants/${subtenantId}/uni-confirmation`)\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Bestätigung eingereicht.',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n {\n return rowData.universityConfirmation\n ? { hidden: true }\n : {\n tooltip: 'Bestätigung Partneruniversität einreichen',\n icon: 'library_add',\n hidden: false,\n onClick: (event, rowData) => {\n updateUniConfirmation(rowData.subtenantId)\n event.stopPropagation()\n },\n }\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useReducer, useState } from 'react'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport CustomInput from '../input/CustomInput'\nimport Button from '../button/RegularButton'\nimport { timeout } from '../../App'\nimport Snackbar from '../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport Checkbox from '@material-ui/core/Checkbox'\nimport FormControlLabel from '@material-ui/core/FormControlLabel'\nimport CustomDateInput from '../input/CustomDateInput'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { isBlank } from '../utils/StringUtils'\nimport { stringifyDates } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nfunction subtenantReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'create':\n return {\n ...state,\n }\n\n case 'checkbox':\n return {\n ...state,\n universityConfirmation: !state.universityConfirmation,\n }\n\n case 'success':\n return {\n ...initialSubtenantState,\n success: true,\n }\n\n case 'error':\n return {\n ...state,\n success: false,\n errorMessage: action.errorMessage,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialSubtenantState = {\n success: false,\n errorMessage: '',\n name: '',\n surname: '',\n email: '',\n room: '',\n movedIn: null,\n movedOut: null,\n universityConfirmation: false,\n id: '',\n}\n\nexport default function CreateSubtenant() {\n const [state, dispatch] = useReducer(subtenantReducer, initialSubtenantState)\n const [notification, setNotification] = useState(initialNotificationState)\n\n const submitForm = (e) => {\n e.preventDefault()\n\n dispatch({ type: 'create' })\n\n if (isBlank(state.email)) {\n setNotification({\n open: true,\n message: 'Bitte Email eintragen.',\n color: 'danger',\n })\n return\n }\n\n getApiUrl()\n .post(`/admin/subtenants`, stringifyDates(state))\n .then(function() {\n dispatch({ type: 'success' })\n setNotification({\n open: true,\n message: 'Untermieter hinzugefügt',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatch({ type: 'error', errorMessage: error })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n return (\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'name',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'surname',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'email',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'room',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'movedIn',\n value: date,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'movedOut',\n value: date,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'checkbox',\n })\n }\n />\n }\n style={{ marginTop: '43px' }}\n label=\"Bestätigung Partneruniversität\"\n labelPlacement=\"end\"\n />\n \n \n {\n submitForm(e)\n }}>\n Untermieter hinzufügen\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n )\n}\n","export function isBlank(str) {\n return !str || /^\\s*$/.test(str)\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport { timeout } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport MaterialTable from 'material-table'\nimport { createDateFromString } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { field: 'subtenantName', title: 'Untermieter' },\n { field: 'tenantName', title: 'Hauptmieter' },\n { field: 'universityConfirmation', title: 'Bestätigung Partneruniversität', type: 'boolean' },\n { field: 'room', title: 'Zimmer' },\n { field: 'duration', title: 'Dauer' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n]\n\nexport default function CurrentSubtenantTable() {\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [proceeding, setProceeding] = useState(true)\n\n const [subtenants, setSubtenants] = useState([])\n\n useEffect(() => {\n getApiUrl({ type: 'current' })\n .get(`/admin/subtenants`)\n .then(function(response) {\n setProceeding(false)\n setSubtenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [notification])\n\n const updateUniConfirmation = (subtenantId) => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n setProceeding(true)\n getApiUrl()\n .patch(`/admin/subtenants/${subtenantId}/uni-confirmation`)\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Bestätigung eingereicht.',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n {\n return rowData.universityConfirmation\n ? { hidden: true }\n : {\n tooltip: 'Bestätigung Partneruniversität einreichen',\n icon: 'library_add',\n hidden: false,\n onClick: (event, rowData) => {\n updateUniConfirmation(rowData.subtenantId)\n event.stopPropagation()\n },\n }\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useReducer, useState } from 'react'\nimport { timeout } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport CustomInput from '../input/CustomInput'\nimport Button from '../button/RegularButton'\nimport Snackbar from '../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport Checkbox from '@material-ui/core/Checkbox'\nimport FormControlLabel from '@material-ui/core/FormControlLabel'\nimport { getApiUrl } from '../../api/api'\n\nfunction parcelReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'create':\n return {\n ...state,\n }\n\n case 'checkbox':\n return {\n ...state,\n registered: !state.registered,\n }\n\n case 'success':\n return {\n ...initialParcelState,\n success: true,\n }\n\n case 'error':\n return {\n ...state,\n success: false,\n errorMessage: action.errorMessage,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialParcelState = {\n success: false,\n name: '',\n surname: '',\n room: '',\n registered: false,\n quantity: 1,\n}\n\nexport default function Parcels() {\n const [state, dispatch] = useReducer(parcelReducer, initialParcelState)\n const [notification, setNotification] = useState(initialNotificationState)\n\n const submitForm = (e) => {\n e.preventDefault()\n\n dispatch({ type: 'create' })\n\n getApiUrl()\n .post(`/admin/parcels`, state)\n .then(function() {\n dispatch({ type: 'success' })\n setNotification({\n open: true,\n message: 'Bewohner wurde informiert.',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatch({ type: 'error', errorMessage: error })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n return (\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'name',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'surname',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'room',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'quantity',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'checkbox',\n })\n }\n />\n }\n style={{ marginTop: '43px' }}\n label=\"Einschreiben\"\n labelPlacement=\"end\"\n />\n \n \n \n \n \n \n {\n submitForm(e)\n }}>\n hinzufügen\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n )\n}\n","import React, { useContext, useEffect, useState } from 'react'\nimport { timeout, UserContext } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport MaterialTable from 'material-table'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { createDateFromString } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { field: 'tenantFullName', title: 'Name' },\n { field: 'room', title: 'Zimmer' },\n {\n field: 'arrived',\n title: 'Eingetroffen am',\n customSort: (a, b) => createDateFromString(a.arrived) - createDateFromString(b.arrived),\n },\n { field: 'count', title: 'Anzahl' },\n { field: 'registered', title: 'Einschreiben', type: 'boolean' },\n]\n\nexport default function ParcelTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const { user } = useContext(UserContext)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [parcels, setParcels] = useState([])\n\n useEffect(() => {\n getApiUrl()\n .get(`/admin/parcels`)\n .then(function(response) {\n setProceeding(false)\n setParcels(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [notification, user.token])\n\n const pickUpParcel = (parcelId) => {\n setProceeding(true)\n getApiUrl()\n .patch(`/admin/parcels/${parcelId}/pick-up`)\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Abgeholt.',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n {\n pickUpParcel(rowData.parcelId)\n event.stopPropagation()\n },\n },\n ]}\n options={{\n pageSize: 30,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n header: {\n actions: 'Aktion',\n },\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useEffect, useState } from 'react'\nimport Table from '@material-ui/core/Table'\nimport TableCell from '@material-ui/core/TableCell'\nimport TableRow from '@material-ui/core/TableRow'\nimport TableHead from '@material-ui/core/TableHead'\nimport TableBody from '@material-ui/core/TableBody'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport Card from '../card/Card'\nimport CardHeader from '../card/CardHeader'\nimport CardBody from '../card/CardBody'\n\nimport styles from 'assets/jss/dorm-app/customSelectStyle.js'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nexport default function CurrentHSV() {\n const [proceeding, setProceeding] = useState(true)\n const [engagements, setEngagements] = useState(null)\n\n const classes = useStyles()\n\n useEffect(() => {\n setProceeding(true)\n getApiUrl({ semester: 'SS24' })\n .get(`/api/engagements`)\n .then(function(response) {\n setProceeding(false)\n setEngagements(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n {engagements\n ? Object.entries(engagements).map(([key, value]) => (\n \n \n \n \n {key} \n \n \n \n \n \n \n \n \n \n \n \n ))\n : []}\n \n
\n )\n}\n\nfunction EngagementTabContent(props) {\n const classes = useStyles()\n\n return (\n \n \n \n Name \n Email \n Telefonnummer \n Zimmer \n Flur \n \n \n \n {props.engagementInfos.map((info) => (\n \n {info.tenantName} \n \n {info.tenantEmail} \n \n {info.tenantPhone} \n {info.tenantRoom} \n {info.tenantFloor} \n \n ))}\n \n
\n )\n}\n","// @material-ui/icons\nimport PeopleIcon from '@material-ui/icons/People'\nimport KingBedIcon from '@material-ui/icons/KingBed'\n\nimport DirectionsRunIcon from '@material-ui/icons/DirectionsRun'\nimport AdminTenantsTab from '../components/tenant/admin/tab/TenatsTab'\nimport AdminDeparturesTab from '../components/tenant/admin/tab/AdminDeparturesTab'\nimport AdminClaimsTab from '../components/tenant/admin/tab/AdminClaimsTab'\nimport AdminSubtenantsTab from '../components/tenant/admin/tab/SubtenatsTab'\nimport AssignmentIcon from '@material-ui/icons/Assignment'\nimport AssignmentIndIcon from '@material-ui/icons/AssignmentInd'\nimport AdminParcelTab from '../components/parcel/ParcelTab'\nimport AllInboxIcon from '@material-ui/icons/AllInbox'\nimport CurrentHSV from '../components/engagement/CurrentHSV'\n\nexport let adminRoutes = [\n {\n path: '/dashboard/admin/tenants',\n name: 'Bewohner',\n icon: PeopleIcon,\n component: AdminTenantsTab,\n },\n {\n path: '/dashboard/admin/departures',\n name: 'Auszüge',\n icon: DirectionsRunIcon,\n component: AdminDeparturesTab,\n },\n {\n path: '/dashboard/admin/claims',\n name: 'Verlängerungsanträge',\n icon: AssignmentIcon,\n component: AdminClaimsTab,\n },\n {\n path: '/dashboard/admin/subtenants',\n name: 'Untermiete',\n icon: KingBedIcon,\n component: AdminSubtenantsTab,\n },\n {\n path: '/dashboard/admin/departments/current',\n name: 'HSV',\n icon: AssignmentIndIcon,\n component: CurrentHSV,\n },\n {\n path: '/dashboard/admin/pakete',\n name: 'Pakete',\n icon: AllInboxIcon,\n component: AdminParcelTab,\n },\n]\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport CreateTenant from './page/CreateTenant'\nimport PersonAddIcon from '@material-ui/icons/PersonAdd'\nimport PeopleIcon from '@material-ui/icons/People'\nimport ApartmentIcon from '@material-ui/icons/Apartment'\nimport ExTenantPage from './page/ExTenantPage'\nimport FutureTenantTable from '../table/FutureTenantTable'\n// import TenantAdditional from './page/TenantAdditional'\n// import EqualizerIcon from '@material-ui/icons/Equalizer'\nimport CurrentTenantTable from '../table/CurrentTenantTable'\n\nexport default function AdminTenantsTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport CompletedDepartureTable from '../../../departure/admin/CompletedDepartureTable'\nimport DirectionsRunIcon from '@material-ui/icons/DirectionsRun'\nimport DoneAllIcon from '@material-ui/icons/DoneAll'\nimport AdminConfirmedDepartureTable from '../../../departure/admin/AdminConfirmedDepartureTable'\nimport DepartureCandidatesTable from '../table/DepartureCandidatesTable'\nimport PeopleIcon from '@material-ui/icons/People'\nimport AdminCreatedDepartureTable from '../../../departure/admin/AdminCreatedDepartureTable'\nimport AssignmentLateIcon from '@material-ui/icons/AssignmentLate'\n\nexport default function AdminDeparturesTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport PeopleIcon from '@material-ui/icons/People'\nimport ProcessingExtensionTable from '../../../extension/ProcessingExtensionTable'\nimport DoneAllIcon from '@material-ui/icons/DoneAll'\nimport CompletedExtensionTable from '../../../extension/CompletedExtensionTable'\nimport OpenExtensionTable from '../../../extension/OpenExtensionTable'\n\nexport default function AdminClaimsTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport PersonAddIcon from '@material-ui/icons/PersonAdd'\nimport PeopleIcon from '@material-ui/icons/People'\nimport SubtenantTable from '../../../subtenant/SubtenantTable'\nimport CreateSubtenant from '../../../subtenant/CreateSubtenant'\nimport CurrentSubtenantTable from '../../../subtenant/CurrentSubtenantTable'\n\nexport default function SubtenantsTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport CustomTabs from '../tab/CustomTabs'\nimport AddBoxIcon from '@material-ui/icons/AddBox'\nimport Parcels from './Parcels'\nimport ParcelTable from './ParcelTable'\nimport AllInboxIcon from '@material-ui/icons/AllInbox'\n\nexport default function ParcelTab() {\n return (\n \n \n \n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport MaterialTable from 'material-table'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport { createDateFromString } from '../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../api/api'\n\nconst columns = [\n { field: 'name', title: 'Vorname' },\n { field: 'surname', title: 'Name' },\n { field: 'room', title: 'Zimmer' },\n { field: 'floor', title: 'Flur' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'probationEnd',\n title: 'Probezeit',\n customSort: (a, b) => createDateFromString(a.probationEnd) - createDateFromString(b.probationEnd),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n { field: 'email', title: 'Email', render: (rowData) => {rowData.email} },\n {\n field: 'currentPoints',\n title: 'Punkte',\n customSort: (a, b) => parseFloat(a.currentPoints) - parseFloat(b.currentPoints),\n },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'gender', title: 'Geschlecht' },\n { field: 'birthday', title: 'Geburt' },\n]\n\nexport default function DepartmentCurrentTenantTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const [tenants, setTenants] = useState([])\n\n useEffect(() => {\n getApiUrl()\n .get(`/api/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n \n )\n}\n","// @material-ui/icons\nimport PeopleIcon from '@material-ui/icons/People'\nimport DepartmentTenantsTab from '../components/tenant/department/tab/DepartmentTenantsTab'\n\nexport const finanzenDepartmentRoutes = [\n {\n path: '/dashboard/departments/finanzen/tenants',\n name: 'Bewohner',\n icon: PeopleIcon,\n component: DepartmentTenantsTab,\n },\n]\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport PeopleIcon from '@material-ui/icons/People'\nimport DepartmentCurrentTenantTable from '../table/DepartmentCurrentTenantTable'\n\nexport default function DepartmentTenantsTab() {\n return (\n \n \n \n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../snackbar/Snackbar'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport MaterialTable from 'material-table'\nimport { initialNotificationState } from '../../utils/state/ApplicationState'\nimport { createDateFromString } from '../../utils/DateUtils'\nimport { getApiUrl } from '../../../api/api'\n\nconst columns = [\n { field: 'name', title: 'Vorname' },\n { field: 'surname', title: 'Nachname' },\n { field: 'email', title: 'Email', render: (rowData) => {rowData.email} },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'probationEnd',\n title: 'Probezeit',\n customSort: (a, b) => createDateFromString(a.probationEnd) - createDateFromString(b.probationEnd),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'birthday', title: 'Geburt' },\n { field: 'gender', title: 'Geschlecht' },\n {\n field: 'nationality',\n title: 'Staatsangehörigkeit',\n },\n {\n field: 'university',\n title: 'Universität',\n },\n {\n field: 'studyField',\n title: 'Studienfach',\n },\n { field: 'room', title: 'Zimmer' },\n { field: 'floor', title: 'Flur' },\n { field: 'extension', title: 'VL' },\n {\n title: 'Punkte',\n field: 'currentPoints',\n customSort: (a, b) => parseFloat(a.currentPoints) - parseFloat(b.currentPoints),\n },\n]\n\nexport default function HeimratCurrentTenantTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [tenants, setTenants] = useState([])\n\n useEffect(() => {\n setProceeding(true)\n getApiUrl()\n .get(`/api/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n )\n}\n","import * as React from 'react'\nimport { useContext, useEffect, useState } from 'react'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport { UserContext } from '../../../App'\nimport { CSVLink } from 'react-csv'\nimport { getApiUrl } from '../../../api/api'\n\nexport default function HeimratCsvExport() {\n const { user } = useContext(UserContext)\n\n const [tenants, setTenants] = useState([])\n\n useEffect(() => {\n getApiUrl()\n .get(`/api/tenants/csv`)\n .then(function(response) {\n setTenants(response.data)\n })\n .catch(function(error) {\n console.log(error)\n })\n }, [user.token])\n\n return (\n \n \n {tenants\n ? Object.entries(tenants).map(([key, value]) => (\n \n \n \n \n {key}\n \n
\n \n \n ))\n : []}\n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport CustomTabs from '../../tab/CustomTabs'\nimport PeopleIcon from '@material-ui/icons/People'\nimport ImportExportIcon from '@material-ui/icons/ImportExport'\nimport HeimratCurrentTenantTable from './HeimratCurrentTenantTable'\nimport HeimratCsvExport from './HeimratCsvExport'\n\nexport default function HeimratTenantsTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useCallback, useContext, useEffect, useState } from 'react'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport axios from 'axios'\nimport { apiUrl, UserContext } from '../../App'\nimport MaterialTable from 'material-table'\nimport download from 'downloadjs'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { title: 'Referat', field: 'department', width: '10%' },\n {\n title: 'Motivation',\n field: 'motivation',\n width: '70%',\n render: (rowData) => {rowData.motivation} ,\n },\n { title: 'Bewohner', field: 'tenantName', width: '10%' },\n {\n title: 'Email',\n field: 'tenantEmail',\n render: (rowData) => {rowData.tenantEmail} ,\n width: '10%',\n },\n]\n\nexport default function HeimratEngagementApplication() {\n const { user } = useContext(UserContext)\n\n const [applications, setApplications] = useState([])\n\n const [proceeding, setProceeding] = useState(true)\n\n const fetchApplications = useCallback(() => {\n setProceeding(true)\n getApiUrl()\n .get(`/api/engagements/applications`)\n .then(function (response) {\n setProceeding(false)\n setApplications(response.data)\n })\n .catch(function (error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n const downloadImage = (rowData) => {\n axios\n .get(`${apiUrl}/api/engagements/applications/${rowData.applicationId}/image`, {\n headers: { Authorization: `Bearer ${user.token}`, 'X-Smartdorm-Dorm-ID': '4885b6d1-bbe4-4d40-bd24-bce33f0d7728' },\n responseType: 'blob',\n })\n .then((response) => {\n const content = response.headers['content-type']\n const fileName = response.headers['x-file-name']\n download(response.data, fileName, content)\n })\n .catch((error) => console.log(error))\n }\n\n useEffect(() => {\n fetchApplications()\n }, [fetchApplications])\n\n if (proceeding) {\n return (\n \n \n )\n }\n\n return (\n \n \n {\n return !rowData.hasImage\n ? { hidden: true }\n : {\n tooltip: 'Das Bild herunterladen',\n icon: 'download',\n hidden: false,\n onClick: (event, rowData) => {\n downloadImage(rowData)\n event.stopPropagation()\n },\n }\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n exportButton: true,\n }}\n localization={{\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n header: {\n actions: 'Aktion',\n },\n body: {\n emptyDataSourceMessage: 'Keine Bewerbungen',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useContext, useEffect, useState } from 'react'\nimport MaterialTable from 'material-table'\nimport { UserContext } from '../../App'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { getApiUrl } from '../../api/api'\n\nconst columns = [\n { title: 'Referat', field: 'department' },\n { title: 'Semester', field: 'semester' },\n { title: 'Name', field: 'tenantName' },\n {\n title: 'Email',\n field: 'tenantEmail',\n render: (rowData) => {rowData.tenantEmail} ,\n },\n { title: 'Zimmer', field: 'tenantRoom' },\n { title: 'Flur', field: 'tenantFloor' },\n { title: 'Punkte', field: 'points', customSort: (a, b) => parseFloat(a.points) - parseFloat(b.points) },\n { title: 'Entlastet', field: 'compensate', type: 'boolean' },\n { title: 'Notiz', field: 'note' },\n]\n\nexport default function HeimratEngagements() {\n const [engagements, setEngagements] = useState(null)\n const { user } = useContext(UserContext)\n\n const [proceeding, setProceeding] = useState(true)\n\n useEffect(() => {\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n setProceeding(true)\n getApiUrl()\n .get(`/api/engagements`)\n .then(function(response) {\n setProceeding(false)\n setEngagements(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [user.token])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n \n )\n}\n","// @material-ui/icons\nimport PeopleIcon from '@material-ui/icons/People'\nimport HeimratTenantsTab from '../components/tenant/heimrat/HeimratTenantsTab'\nimport AssignmentIndIcon from '@material-ui/icons/AssignmentInd'\nimport CurrentHSV from '../components/engagement/CurrentHSV'\nimport HeimratEngagementApplication from '../components/engagement/HeimratEngagementApplication'\nimport DoneAllIcon from '@material-ui/icons/DoneAll'\nimport HeimratEngagements from '../components/engagement/HeimratEngagements'\n\nexport const heimratDepartmentRoutes = [\n {\n path: '/dashboard/tenants',\n name: 'Bewohner',\n icon: PeopleIcon,\n component: HeimratTenantsTab,\n },\n {\n path: '/dashboard/engagements/all',\n name: 'Alle Ämter',\n icon: AssignmentIndIcon,\n component: HeimratEngagements,\n },\n {\n path: '/dashboard/applications',\n name: 'Bewerbungen',\n icon: AssignmentIndIcon,\n component: HeimratEngagementApplication,\n },\n {\n path: '/dashboard/departments/current',\n name: 'HSV',\n icon: DoneAllIcon,\n component: CurrentHSV,\n },\n]\n","import * as React from 'react'\nimport { forwardRef, useEffect, useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport MaterialTable from 'material-table'\nimport { timeout } from '../../App'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport { AddAlert, Close } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport Dialog from '@material-ui/core/Dialog'\nimport DialogTitle from '@material-ui/core/DialogTitle'\nimport DialogContent from '@material-ui/core/DialogContent'\nimport DialogActions from '@material-ui/core/DialogActions'\nimport Slide from '@material-ui/core/Slide'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport styles from 'assets/jss/dorm-app/views/notificationsStyle.js'\nimport RegularButton from '../button/RegularButton'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nconst columns = [\n { title: 'Referat', field: 'department' },\n { title: 'Semester', field: 'semester' },\n { title: 'Name', field: 'tenantName' },\n { title: 'Email', field: 'tenantEmail' },\n { title: 'Zimmer', field: 'tenantRoom' },\n { title: 'Flur', field: 'tenantFloor' },\n { title: 'Punkte', field: 'points', customSort: (a, b) => parseFloat(a.points) - parseFloat(b.points) },\n { title: 'Notiz', field: 'note' },\n]\n\nexport default function DepartmentCompensatedEngagements() {\n const classes = useStyles()\n\n const [fetchData, setFetchData] = useState(false)\n const [proceeding, setProceeding] = useState(true)\n const [engagements, setEngagements] = useState(null)\n const [engagementId, setEngagementId] = useState(null)\n const [modal, setModal] = useState(false)\n const [notification, setNotification] = useState(initialNotificationState)\n\n const Transition = forwardRef(function transition(props, ref) {\n return \n \n \n )\n }\n\n return (\n \n \n {\n window.open(`/departments/info/engagements/${rowData.engagementId}`, '_blank')\n event.stopPropagation()\n },\n },\n {\n icon: 'delete',\n tooltip: 'Eintrag löschen',\n onClick: (event, rowData) => {\n event.stopPropagation()\n setEngagementId(rowData.engagementId)\n setModal(true)\n },\n },\n ]}\n title=\"\"\n options={{\n pageSize: 30,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n header: {\n actions: 'Aktion',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n setModal(false)}\n aria-labelledby=\"small-modal-slide-title\"\n aria-describedby=\"small-modal-slide-description\">\n \n setModal(false)}>\n \n \n \n \n Willst du den eintrag löschen? \n \n \n setModal(false)}\n color=\"transparent\"\n className={classes.modalSmallFooterFirstButton}>\n Zurück\n \n \n Ja, löschen\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useReducer, useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport CustomInput from '../input/CustomInput'\nimport Button from '../button/RegularButton'\nimport { timeout } from '../../App'\nimport Snackbar from '../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport FormControl from '@material-ui/core/FormControl'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport Select from '@material-ui/core/Select'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport styles from '../../assets/jss/dorm-app/customSelectStyle.js'\nimport Checkbox from '@material-ui/core/Checkbox'\nimport FormControlLabel from '@material-ui/core/FormControlLabel'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nfunction stateReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'create':\n return {\n ...state,\n }\n\n case 'checkbox-compensate':\n return {\n ...state,\n compensate: !state.compensate,\n }\n\n case 'success':\n return {\n ...initialState,\n success: true,\n }\n\n case 'error':\n return {\n ...state,\n success: false,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialState = {\n success: false,\n department: '',\n semester: '',\n tenantName: '',\n tenantSurname: '',\n tenantEmail: '',\n tenantRoom: '',\n points: '',\n compensate: false,\n note: '',\n engagementId: '',\n}\n\nexport default function CreateEngagement() {\n const classes = useStyles()\n\n const [state, dispatch] = useReducer(stateReducer, initialState)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const departments = {\n Heimrat: 'Heimrat',\n Finanzen: 'Finanzenreferat',\n Netzwerk: 'Netzwerkreferat',\n Tutoren: 'Tutoren',\n FS: 'Flursprecher',\n AA: 'Aufnahmereferat',\n AaNach: 'Aufnahmereferat-Nachrücker',\n Automat: 'Automatenreferat',\n Bar: 'Barreferat',\n BarFinanzen: 'Barreferat (Finanzen)',\n BarTechnik: 'Barreferat (Technik)',\n Billiard: 'Spielereferat',\n Computer: 'Computerreferat',\n Info: 'Inforeferat',\n Innen: 'Innenreferat',\n Kultur: 'Kulturreferat',\n Chor: 'Chor',\n Multimedia: 'Multimediareferat',\n Nachhaltigkeit: 'Nachhaltigkeitsreferat (Nachhaltigkeit)',\n NachhaltigkeitHochbeete: 'Nachhaltigkeitsreferat (Hochbeete)',\n Revisor: 'Revisoren',\n PR: 'PR-Referat',\n Saunareferat: 'Saunareferat',\n Schlichtung: 'Schlichtungsreferat',\n SportFussball: 'Sportreferat (Fußball)',\n SportVolleyball: 'Sportreferat (Volleyball)',\n SportFitness: 'Sportreferat (Fitness)',\n Tafel: 'Tafelreferat',\n WMarken: 'Waschmarkenverkäufer',\n WaMaFlur: 'Waschmarkenverkäufer Flur',\n WaMaTechnik: 'Waschmaschinenreferat (Technik)',\n WaMaLaufer: 'Waschmaschinenreferat (Läufer)',\n Werk: 'Werkreferat',\n Zimmer: 'Zimmerreferat',\n Zeitung: 'Zeitungreferat',\n Kreativreferat: 'Kreativreferat',\n HsvVertreter: 'HSV-Vertreter',\n Extra: 'Extra'\n }\n\n const semesters = {\n 'WS24/25': 'Wintersemester 24/25',\n SS24: 'Sommersemester 24',\n 'WS23/24': 'Wintersemester 23/24',\n SS23: 'Sommersemester 23',\n 'WS22/23': 'Wintersemester 22/23',\n SS22: 'Sommersemester 22',\n 'WS21/22': 'Wintersemester 21/22',\n SS21: 'Sommersemester 21',\n 'WS20/21': 'Wintersemester 20/21',\n SS20: 'Sommersemester 20',\n 'WS19/20': 'Wintersemester 19/20',\n SS19: 'Sommersemester 19',\n 'WS18/19': 'Wintersemester 18/19',\n SS18: 'Sommersemester 18',\n }\n\n const submitForm = (e) => {\n e.preventDefault()\n\n dispatch({ type: 'create' })\n\n\n getApiUrl()\n .post(`/api/engagements`, state)\n .then(function() {\n dispatch({ type: 'success' })\n setNotification({\n open: true,\n message: 'Amt hinzugefügt',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatch({ type: 'error' })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n return (\n \n \n \n \n \n \n Referat\n \n {\n dispatch({\n type: 'field',\n field: 'department',\n value: e.currentTarget.getAttribute('data-value'),\n })\n }}\n inputProps={{\n name: 'department',\n id: 'department',\n }}>\n {departments\n ? Object.entries(departments).map(([key, value]) => (\n \n {value}\n \n ))\n : []}\n \n \n \n \n \n \n Semester\n \n {\n dispatch({\n type: 'field',\n field: 'semester',\n value: e.currentTarget.getAttribute('data-value'),\n })\n }}\n inputProps={{\n name: 'semester',\n id: 'semester',\n }}>\n {semesters\n ? Object.entries(semesters).map(([key, value]) => (\n \n {value}\n \n ))\n : []}\n \n \n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'tenantEmail',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'tenantName',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'tenantSurname',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n Entweder Name oder Email kann angegeben werden. \n \n \n \n \n \n dispatch({\n type: 'checkbox-compensate',\n })\n }\n />\n }\n style={{ marginTop: '43px' }}\n label=\"Sofort entlasten\"\n labelPlacement=\"end\"\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'note',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n submitForm(e)\n }}>\n Amt hinzufügen\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { forwardRef, useEffect, useState } from 'react'\nimport MaterialTable from 'material-table'\nimport { timeout } from '../../App'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport Button from '../button/RegularButton'\nimport RegularButton from '../button/RegularButton'\nimport { AddAlert, Close } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport DialogTitle from '@material-ui/core/DialogTitle'\nimport DialogContent from '@material-ui/core/DialogContent'\nimport DialogActions from '@material-ui/core/DialogActions'\nimport Dialog from '@material-ui/core/Dialog'\nimport styles from 'assets/jss/dorm-app/views/notificationsStyle.js'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Slide from '@material-ui/core/Slide'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nconst columns = [\n { title: 'Referat', field: 'department' },\n { title: 'Semester', field: 'semester' },\n { title: 'Name', field: 'tenantName' },\n { title: 'Email', field: 'tenantEmail' },\n { title: 'Zimmer', field: 'tenantRoom' },\n { title: 'Flur', field: 'tenantFloor' },\n { title: 'Punkte', field: 'points', customSort: (a, b) => parseFloat(a.points) - parseFloat(b.points) },\n { title: 'Notiz', field: 'note' },\n]\n\nexport default function DepartmentUncompensatedEngagements() {\n const classes = useStyles()\n\n const [proceeding, setProceeding] = useState(true)\n const [fetch, setFetch] = useState(false)\n const [engagements, setEngagements] = useState(null)\n const [engagementId, setEngagementId] = useState(null)\n const [modal, setModal] = useState(false)\n const [notification, setNotification] = useState(initialNotificationState)\n\n const Transition = forwardRef(function transition(props, ref) {\n return \n \n \n )\n }\n\n return (\n \n \n \n {\n window.open(`/departments/info/engagements/${rowData.engagementId}`, '_blank')\n event.stopPropagation()\n },\n },\n {\n icon: 'delete',\n tooltip: 'Eintrag löschen',\n onClick: (event, rowData) => {\n event.stopPropagation()\n setEngagementId(rowData.engagementId)\n setModal(true)\n },\n },\n ]}\n title=\"\"\n options={{\n pageSize: 30,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n }}\n localization={{\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n header: {\n actions: 'Aktion',\n },\n body: {\n emptyDataSourceMessage: 'Keine Daten vorhanden.',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n \n \n {\n submitForm(e)\n }}>\n Alle entlasten\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n setModal(false)}\n aria-labelledby=\"small-modal-slide-title\"\n aria-describedby=\"small-modal-slide-description\">\n \n setModal(false)}>\n \n \n \n \n Willst du den eintrag löschen? \n \n \n setModal(false)}\n color=\"transparent\"\n className={classes.modalSmallFooterFirstButton}>\n Zurück\n \n \n Ja, löschen\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useReducer, useState } from 'react'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport CustomInput from '../input/CustomInput'\nimport Button from '../button/RegularButton'\nimport { timeout } from '../../App'\nimport Snackbar from '../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { getApiUrl } from '../../api/api'\n\nfunction stateReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n case 'success':\n return {\n ...initialState,\n success: true,\n }\n case 'error':\n return {\n success: false,\n errorMessage: action.errorMessage,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialState = {\n success: false,\n errorMessage: '',\n subject: '',\n content: '',\n test: false,\n}\n\nexport default function InfoEmailDistributor() {\n const [state, dispatch] = useReducer(stateReducer, initialState)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n function defineTestEmail(obj, isTest) {\n let objCopy = JSON.parse(JSON.stringify(obj))\n objCopy.test = isTest\n return objCopy\n }\n\n const submitForm = (e, isTest) => {\n e.preventDefault()\n\n getApiUrl()\n .post(`/api/email`, defineTestEmail(state, isTest))\n .then(function() {\n dispatch({ type: 'success' })\n setNotification({\n open: true,\n message: 'Erfolgreich versandt',\n color: 'success',\n })\n })\n .catch(function(error) {\n dispatch({ type: 'error', errorMessage: error })\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n return (\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'subject',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'content',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n \n {\n submitForm(e, false)\n }}>\n Aktuelle Bewohner informieren\n \n \n \n {\n submitForm(e, true)\n }}>\n Test E-Mail senden\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n )\n}\n","import * as React from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport MaterialTable from 'material-table'\nimport { createDateFromString } from '../../../utils/DateUtils'\nimport { getApiUrl } from '../../../../api/api'\n\nconst columns = [\n { field: 'name', title: 'Vorname' },\n { field: 'surname', title: 'Name' },\n { field: 'room', title: 'Zimmer' },\n { field: 'floor', title: 'Flur' },\n {\n field: 'movedIn',\n title: 'Einzug',\n customSort: (a, b) => createDateFromString(a.movedIn) - createDateFromString(b.movedIn),\n },\n {\n field: 'probationEnd',\n title: 'Probezeit',\n customSort: (a, b) => createDateFromString(a.probationEnd) - createDateFromString(b.probationEnd),\n },\n {\n field: 'movedOut',\n title: 'Auszug',\n customSort: (a, b) => createDateFromString(a.movedOut) - createDateFromString(b.movedOut),\n },\n { field: 'email', title: 'Email', render: (rowData) => {rowData.email} },\n {\n field: 'currentPoints',\n title: 'Punkte',\n customSort: (a, b) => parseFloat(a.currentPoints) - parseFloat(b.currentPoints),\n },\n { field: 'telNumber', title: 'Telefonnummer' },\n { field: 'gender', title: 'Geschlecht' },\n]\n\nexport default function DepartmentExTenantTable() {\n const [proceeding, setProceeding] = useState(true)\n\n const [tenants, setTenants] = useState([])\n\n const fetchExTenants = useCallback(() => {\n getApiUrl({ type: 'exTenant' })\n .get(`/api/tenants`)\n .then(function(response) {\n setProceeding(false)\n setTenants(response.data)\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [])\n\n useEffect(() => {\n fetchExTenants()\n }, [fetchExTenants])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n \n )\n}\n","import PeopleIcon from '@material-ui/icons/People'\nimport InfoEngagementsTab from '../components/tenant/department/tab/InfoEngagementsTab'\nimport AssignmentIndIcon from '@material-ui/icons/AssignmentInd'\nimport EmailIcon from '@material-ui/icons/Email'\nimport InfoEmailTab from '../components/tenant/department/tab/InfoEmailTab'\nimport InfoDepartmentTenantsTab from '../components/tenant/department/tab/InfoDepartmentTenantsTab'\n\nexport const infoDepartmentRoutes = [\n {\n path: '/dashboard/info/tenants',\n name: 'Bewohner',\n icon: PeopleIcon,\n component: InfoDepartmentTenantsTab,\n },\n {\n path: '/dashboard/info/referate',\n name: 'Referate',\n icon: AssignmentIndIcon,\n component: InfoEngagementsTab,\n },\n {\n path: '/dashboard/info/email',\n name: 'E-Mail',\n icon: EmailIcon,\n component: InfoEmailTab,\n },\n]\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport PeopleIcon from '@material-ui/icons/People'\nimport DepartmentCurrentTenantTable from '../table/DepartmentCurrentTenantTable'\nimport ApartmentIcon from '@material-ui/icons/Apartment'\nimport DepartmentExTenantTable from '../table/DepartmentExTenantTable'\n\nexport default function InfoDepartmentTenantsTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport PeopleIcon from '@material-ui/icons/People'\nimport DepartmentCompensatedEngagements from '../../../engagement/DepartmentCompensatedEngagements'\nimport AddIcon from '@material-ui/icons/Add'\nimport CreateEngagement from '../../../engagement/CreateEngagement'\nimport DepartmentUncompensatedEngagements from '../../../engagement/DepartmentUncompensatedEngagements'\n\nexport default function InfoEngagementsTab() {\n return (\n \n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport InfoEmailDistributor from '../../../email/InfoEmailDistributor'\nimport EmailIcon from '@material-ui/icons/Email'\n\nexport default function InfoEmailTab() {\n return (\n \n \n \n \n )\n}\n","// @material-ui/icons\nimport ZimmerTenantsTab from '../components/tenant/department/tab/ZimmerTenantsTab'\nimport PeopleIcon from '@material-ui/icons/People'\n\nexport const zimmerDepartmentRoutes = [\n {\n path: '/dashboard/departments/zimmer',\n name: 'Bewohner',\n icon: PeopleIcon,\n component: ZimmerTenantsTab,\n },\n]\n","import * as React from 'react'\nimport GridItem from '../../../grid/GridItem'\nimport GridContainer from '../../../grid/GridContainer'\nimport CustomTabs from '../../../tab/CustomTabs'\nimport PeopleIcon from '@material-ui/icons/People'\nimport DepartmentCurrentTenantTable from '../table/DepartmentCurrentTenantTable'\n\nexport default function ZimmerTenantsTab() {\n return (\n \n \n \n \n )\n}\n","import Card from '../../card/Card'\nimport CardBody from '../../card/CardBody'\nimport GridContainer from '../../grid/GridContainer'\nimport GridItem from '../../grid/GridItem'\nimport Button from '../../button/RegularButton'\nimport * as React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport styles from '../../../assets/jss/dorm-app/components/cardStyle'\nimport CustomInput from '../../input/CustomInput'\n\nconst useStyles = makeStyles(styles)\n\nexport function DepartmentNewDeparture(props) {\n const classes = useStyles()\n\n const { departure, index, amounts, setAmounts, handleSignDeparture } = props\n\n return (\n \n \n {departure.tenantFullName} \n \n \n {\n let tmp = amounts.slice()\n tmp[index] = e.currentTarget.value\n setAmounts(tmp)\n },\n }}\n />\n \n\n \n {\n handleSignDeparture(departure.departureId, amounts[index])\n }}>\n Auszugsantrag unterschreiben\n \n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useContext, useEffect, useState } from 'react'\nimport { timeout, UserContext } from '../../../App'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../snackbar/Snackbar'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { initialNotificationState } from '../../utils/state/ApplicationState'\nimport { DepartmentNewDeparture } from './DepartmentNewDeparture'\nimport { getApiUrl } from '../../../api/api'\n\nconst styles = {\n header: {\n padding: '15px 35px',\n },\n cardCategoryWhite: {\n color: 'rgba(255,255,255,.62)',\n margin: '0',\n fontSize: '14px',\n marginTop: '0',\n marginBottom: '0',\n },\n cardTitleWhite: {\n color: '#FFFFFF',\n marginTop: '0px',\n minHeight: 'auto',\n fontWeight: '300',\n fontFamily: '\\'Roboto\\', \\'Helvetica\\', \\'Arial\\', sans-serif',\n marginBottom: '3px',\n textDecoration: 'none',\n },\n}\n\nconst useStyles = makeStyles(styles)\n\nexport default function DepartmentNewDepartures({ departmentName }) {\n const classes = useStyles()\n\n const { user } = useContext(UserContext)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [proceeding, setProceeding] = useState(true)\n\n const [amounts, setAmounts] = useState([])\n\n const [departures, setDepartures] = useState([])\n\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n\n let department\n if (departmentName == null)\n department = user.authorities.filter(it => it.includes('DEPARTURE-H'))[0].split('-')[1].toLowerCase()\n else\n department = departmentName\n\n useEffect(() => {\n // const optionsConfirmed = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // params: { status: 'CONFIRMED' },\n // }\n getApiUrl({ status: 'CONFIRMED' })\n .get(`/api/departures/${department}`)\n .then(function(response) {\n setProceeding(false)\n const tmp = response.data.filter((departure) => departure.signature === undefined)\n setDepartures(tmp)\n setAmounts(new Array(tmp.length).fill('0'))\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [notification, department])\n\n const handleSignDeparture = (departureId, amount) => {\n setProceeding(true)\n getApiUrl()\n .post(\n `/api/departures/${department}`,\n {\n departureId: departureId,\n amount: amount,\n },\n )\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Unterschrieben',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(() => {\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout)\n })\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n\n \n \n {departures.length !== 0 ? (\n departures.map((row, index) => (\n \n \n \n \n ))\n ) : (\n Keine neue Auszüge \n )}\n \n \n \n )\n}\n","import Card from '../../card/Card'\nimport CardBody from '../../card/CardBody'\nimport GridContainer from '../../grid/GridContainer'\nimport GridItem from '../../grid/GridItem'\nimport Button from '../../button/RegularButton'\nimport * as React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport styles from '../../../assets/jss/dorm-app/components/cardStyle'\nimport CustomInput from '../../input/CustomInput'\n\nconst useStyles = makeStyles(styles)\n\nexport function DepartmentEditDeparture(props) {\n const classes = useStyles()\n\n const { departure, index, newAmounts, setNewAmounts, handleUpdateAmount } = props\n\n return (\n \n \n {departure.tenantFullName} \n \n Aktueller Betrag: {departure.signature.amount} Euro \n \n \n \n {\n let tmp = newAmounts.slice()\n tmp[index] = e.currentTarget.value\n setNewAmounts(tmp)\n },\n }}\n />\n \n\n \n {\n handleUpdateAmount(departure.departureId, newAmounts[index])\n }}>\n Betrag aktualisieren\n \n \n \n \n \n )\n}\n","import * as React from 'react'\nimport { useContext, useEffect, useState } from 'react'\nimport { timeout, UserContext } from '../../../App'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../../snackbar/Snackbar'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport { initialNotificationState } from '../../utils/state/ApplicationState'\nimport { DepartmentEditDeparture } from './DepartmentEditDeparture'\nimport { getApiUrl } from '../../../api/api'\n\nconst styles = {\n header: {\n padding: '15px 35px',\n },\n cardCategoryWhite: {\n color: 'rgba(255,255,255,.62)',\n margin: '0',\n fontSize: '14px',\n marginTop: '0',\n marginBottom: '0',\n },\n cardTitleWhite: {\n color: '#FFFFFF',\n marginTop: '0px',\n minHeight: 'auto',\n fontWeight: '300',\n fontFamily: '\\'Roboto\\', \\'Helvetica\\', \\'Arial\\', sans-serif',\n marginBottom: '3px',\n textDecoration: 'none',\n },\n}\n\nconst useStyles = makeStyles(styles)\n\nexport default function DepartmentSignedDepartures({ departmentName }) {\n const classes = useStyles()\n\n const { user } = useContext(UserContext)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const [proceeding, setProceeding] = useState(true)\n\n const [newAmounts, setNewAmounts] = useState([])\n\n const [departures, setDepartures] = useState([])\n\n // const options = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // }\n\n let department\n if (departmentName == null)\n department = user.authorities.filter(it => it.includes('DEPARTURE-H'))[0].split('-')[1].toLowerCase()\n else\n department = departmentName\n\n useEffect(() => {\n // const optionsConfirmed = {\n // headers: { Authorization: `Bearer ${user.token}` },\n // params: { status: 'CONFIRMED' },\n // }\n getApiUrl({ status: 'CONFIRMED' })\n .get(`/api/departures/${department}`)\n .then(function(response) {\n setProceeding(false)\n const tmp = response.data.filter((departure) => departure.signature !== undefined)\n setDepartures(tmp)\n setNewAmounts(new Array(tmp.length).fill('0'))\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [notification, department, user])\n\n const handleUpdateAmount = (departureId, amount) => {\n setProceeding(true)\n getApiUrl()\n .put(\n `/api/departures/${department}`,\n {\n departureId: departureId,\n amount: amount,\n },\n )\n .then(function() {\n setProceeding(false)\n setNotification({\n open: true,\n message: 'Aktualisiert',\n color: 'success',\n })\n })\n .catch(function(error) {\n setProceeding(false)\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(() => {\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout)\n })\n }\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n {departures.length !== 0 ? (\n departures.map((row, index) => (\n \n \n \n \n ))\n ) : (\n Keine Auszüge zu bearbeiten \n )}\n \n \n \n )\n}\n","import * as React from 'react'\nimport GridItem from '../../grid/GridItem'\nimport GridContainer from '../../grid/GridContainer'\nimport CustomTabs from '../../tab/CustomTabs'\nimport DirectionsRunIcon from '@material-ui/icons/DirectionsRun'\nimport PeopleIcon from '@material-ui/icons/People'\nimport DepartmentNewDepartures from './DepartmentNewDepartures'\nimport DepartmentSignedDepartures from './DepartmentSignedDepartures'\n\nexport default function DepartmentDeparturesTab({ department }) {\n return (\n \n \n ,\n },\n {\n tabName: 'Unterschriebene Auszüge',\n tabIcon: PeopleIcon,\n tabContent: ,\n },\n ]}\n />\n \n \n )\n}\n","import customSelectStyle from '../customSelectStyle'\nimport { text } from '../../app'\n\nconst individualTenantPageStyle = {\n ...customSelectStyle,\n\n regularText: {\n ...text,\n },\n}\n\nexport default individualTenantPageStyle\n","import * as React from 'react'\nimport { useCallback, useContext, useEffect, useState } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport Card from '../card/Card'\nimport CardHeader from '../card/CardHeader'\nimport CardBody from '../card/CardBody'\nimport CustomInput from '../input/CustomInput'\nimport { timeout, UserContext } from '../../App'\nimport styles from 'assets/jss/dorm-app/views/individualTenantPageStyle.js'\nimport Backdrop from '@material-ui/core/Backdrop'\nimport CircularProgress from '@material-ui/core/CircularProgress'\nimport CustomDateInput from '../input/CustomDateInput'\nimport Badge from '../badge/Badge'\nimport Container from '@material-ui/core/Container'\nimport Button from '../button/RegularButton'\nimport Snackbar from '../snackbar/Snackbar'\nimport { AddAlert } from '@material-ui/icons'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { formatDatesInObject } from '../utils/DateUtils'\nimport { getApiUrl } from '../../api/api'\n\nconst useStyles = makeStyles(styles)\n\nconst initialTenantState = {\n name: '',\n surname: '',\n email: '',\n telNumber: '',\n birthday: null,\n gender: '',\n nationality: '',\n university: '',\n studyField: '',\n room: '',\n floor: '',\n movedIn: null,\n movedOut: null,\n tenantId: '',\n currentPoints: '',\n deposit: '',\n extension: '',\n extensionStatus: '',\n sublet: '',\n}\nconst initialPasswordState = {\n oldPassword: '',\n newPassword: '',\n}\n\nexport default function IndividualTenantPage() {\n const classes = useStyles()\n\n const [tenant, setTenant] = useState(initialTenantState)\n const [password, setPassword] = useState(initialPasswordState)\n const [proceeding, setProceeding] = useState(true)\n\n const [notification, setNotification] = useState(initialNotificationState)\n\n const { user } = useContext(UserContext)\n\n const changePassword = (e) => {\n e.preventDefault()\n\n getApiUrl()\n .post(`/individual/password`, password)\n .then(function() {\n setPassword(initialPasswordState)\n setNotification({\n open: true,\n message: 'Passwort geändert',\n color: 'success',\n })\n })\n .catch(function(error) {\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n })\n .finally(\n setTimeout(function() {\n setNotification(initialNotificationState)\n }, timeout),\n )\n }\n\n const fetchTenant = useCallback(() => {\n getApiUrl()\n .get(`/individual/tenants/${user.id}`)\n .then(function(response) {\n setProceeding(false)\n setTenant(formatDatesInObject(response.data))\n })\n .catch(function(error) {\n setProceeding(false)\n console.log(error)\n })\n }, [user])\n\n useEffect(() => {\n setProceeding(true)\n fetchTenant()\n }, [fetchTenant])\n\n if (proceeding) {\n return (\n \n \n \n )\n }\n\n return (\n \n
\n \n \n \n Meine Daten \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {tenant.extensionStatus === 'PROCESSING' ? (\n \n \n Verlängerungsbewerbung gestellt \n
\n \n ) : null}\n {tenant.extensionStatus === 'CREATED' ? (\n \n \n Verlängerungsbewerbung offen \n
\n \n ) : null}\n \n \n \n \n Bei Änderungswünschen schreibe bitte eine Mail an{' '}\n \n {' '}\n verwaltung@schollheim.net\n {' '}\n mit dem Betreff \"Datenänderung SmartDorm\".\n \n \n \n \n \n \n \n
\n \n \n \n Passwortänderung \n \n \n \n \n \n setPassword({ ...password, oldPassword: e.currentTarget.value }),\n }}\n />\n \n \n setPassword({ ...password, newPassword: e.currentTarget.value }),\n }}\n />\n \n \n \n \n {\n changePassword(e)\n }}>\n Ändern\n \n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n \n \n \n \n
{rowData.motivation} ,\n },\n]\n\nfunction stateReducer(state, action) {\n switch (action.type) {\n case 'field':\n return {\n ...state,\n [action.field]: action.value,\n }\n\n case 'success':\n return {\n ...initialState,\n }\n\n default:\n break\n }\n return state\n}\n\nconst initialState = {\n department: '',\n semester: 'WS24/25',\n tenantId: '',\n motivation: '',\n}\n\nconst departments = {\n \"AA\": \"Aufnahmereferat\",\n \"AaNach\": \"Aufnahmereferat-Nachrücker\",\n \"Automat\": \"Automatenreferat\",\n \"Bar\": \"Barreferat\",\n \"BarFinanzen\": \"Barreferat (Finanzen)\",\n \"BarTechnik\": \"Barreferat (Technik)\",\n \"Billiard\": \"Spielereferat\",\n \"Chor\": \"Chor\",\n \"Computer\": \"Computerreferat\",\n \"Finanzen\": \"Finanzenreferat\",\n \"Heimrat\": \"Heimrat\",\n \"HsvVertreter\": \"HSV-Vertreter\",\n \"Info\": \"Inforeferat\",\n \"Innen\": \"Innenreferat\",\n \"Kreativreferat\": \"Kreativreferat\",\n \"Kultur\": \"Kulturreferat\",\n \"Multimedia\": \"Multimediareferat\",\n \"Nachhaltigkeit\": 'Nachhaltigkeitsreferat (Nachhaltigkeit)',\n \"NachhaltigkeitHochbeete\": 'Nachhaltigkeitsreferat (Hochbeete)',\n \"Netzwerk\": \"Netzwerkreferat\",\n \"PR\": \"PR-Referat\",\n \"Revisor\": \"Revisoren\",\n \"Schlichtung\": \"Schlichtungsreferat\",\n \"SportFitness\": \"Sportreferat (Fitness)\",\n \"SportFussball\": \"Sportreferat (Fußball)\",\n \"SportVolleyball\": \"Sportreferat (Volleyball)\",\n \"Tafel\": \"Tafelreferat\",\n \"Tutoren\": \"Tutoren\",\n \"WaMaLaufer\": \"Waschmaschinenreferat (Läufer)\",\n \"WaMaTechnik\": \"Waschmaschinenreferat (Technik)\",\n \"WMarken\": \"Waschmarkenverkäufer\",\n \"Werk\": \"Werkreferat\",\n \"Zimmer\": \"Zimmerreferat\",\n \"Zeitung\": \"Zeitungreferat\"\n}\n\nconst Transition = forwardRef(function transition(props, ref) {\n return \n \n \n )\n }\n\n return (\n \n
\n \n \n \n Bewerbung \n \n \n \n \n \n \n \n Referat\n \n {\n dispatch({\n type: 'field',\n field: 'department',\n value: e.currentTarget.getAttribute('data-value'),\n })\n }}\n inputProps={{\n name: 'department',\n id: 'department',\n }}>\n {departments\n ? Object.entries(departments).map(([key, value]) => (\n \n {value}\n \n ))\n : []}\n \n \n \n \n \n dispatch({\n type: 'field',\n field: 'semester',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n \n dispatch({\n type: 'field',\n field: 'motivation',\n value: e.currentTarget.value,\n }),\n }}\n />\n \n \n Optionales Bild von Dir
\n {\n const { files: newFiles } = e.target\n if (validateImage(newFiles)) {\n setImage(e.target.files[0])\n } else {\n e.target.value = null\n }\n },\n }}\n />\n \n \n \n \n {\n submitForm(e)\n }}>\n Abschicken\n \n \n \n \n \n \n \n setModal(false)}\n aria-labelledby=\"small-modal-slide-title\"\n aria-describedby=\"small-modal-slide-description\">\n \n setModal(false)}>\n \n \n \n \n Willst du die Bewerbung löschen? \n \n \n setModal(false)}\n color=\"transparent\"\n className={classes.modalSmallFooterFirstButton}>\n Zurück\n \n \n Ja, löschen\n \n \n \n \n\n
\n \n {\n event.stopPropagation()\n setApplicationId(rowData.applicationId)\n setModal(true)\n },\n },\n (rowData) => {\n return !rowData.hasImage\n ? { hidden: true }\n : {\n tooltip: 'Das Bild herunterladen',\n icon: 'download',\n hidden: false,\n onClick: (event, rowData) => {\n downloadImage(rowData)\n event.stopPropagation()\n },\n }\n },\n ]}\n options={{\n pageSize: 10,\n pageSizeOptions: [10, 30, 50],\n headerStyle: {\n fontWeight: 600,\n },\n exportButton: true,\n }}\n localization={{\n pagination: {\n labelDisplayedRows: '{from}-{to} von {count}',\n labelRowsSelect: 'Einträge',\n labelRowsPerPage: 'Zeilen pro Seite',\n },\n toolbar: {\n nRowsSelected: '{0} Zeile(n) ',\n searchPlaceholder: 'Suchen',\n searchTooltip: 'Suchen',\n },\n header: {\n actions: 'Aktion',\n },\n body: {\n emptyDataSourceMessage: 'Keine Bewerbungen',\n filterRow: {\n filterTooltip: 'Filter',\n },\n },\n }}\n />\n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n
\n \n \n )\n }\n\n return (\n \n \n \n \n \n
\n )\n}\n","import * as React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport GridContainer from '../grid/GridContainer'\nimport GridItem from '../grid/GridItem'\nimport styles from 'assets/jss/dorm-app/customSelectStyle.js'\n\nconst useStyles = makeStyles(styles)\n\nconst documents = {\n 'Alle Referatsordnungen': 'https://cloud.schollheim.net/s/YSpfNcJwsfZeCxW'\n// Heimrat: 'https://cloud.schollheim.net/index.php/s/fKNPPeCg3PZe2iS',\n// Finanzenreferat: 'https://cloud.schollheim.net/index.php/s/PiTPBmKAMNPgp8A',\n// Netzwerkreferat: 'https://cloud.schollheim.net/index.php/s/3kA5JSs8ds9pS4E',\n// Aufnahmereferat: 'https://cloud.schollheim.net/index.php/s/paoG37cPimRAEsf',\n// Automatenreferat: 'https://cloud.schollheim.net/index.php/s/P5jH6J2WECdpQML',\n// Computerreferat: 'https://cloud.schollheim.net/index.php/s/Qya5TfFTNQ8ercg',\n// Inforeferat: 'https://cloud.schollheim.net/index.php/s/GdXL2BDa3bXRoja',\n// Innenreferat: 'https://cloud.schollheim.net/index.php/s/egHfzeC2PXJHq3G',\n// Kulturreferat: 'https://cloud.schollheim.net/index.php/s/DRC9wH2STk6DNqP',\n// Multimediareferat: 'https://cloud.schollheim.net/index.php/s/5kFA8PjrJc6fSmf',\n// Revisoren: 'https://cloud.schollheim.net/index.php/s/byzHJZioTGbP9bC',\n// 'PR-Referat': 'https://cloud.schollheim.net/index.php/s/2dGN3nxMWsRCz9Y',\n// Schlichtungsreferat: 'https://cloud.schollheim.net/index.php/s/gG9kP4P7oyQQEeS',\n// Sportreferat: 'https://cloud.schollheim.net/index.php/s/YTScfDT4HKSHbGj',\n// Tafelreferat: 'https://cloud.schollheim.net/index.php/s/GwLgXDgNayt2gYk',\n// Waschmaschinenreferat: 'https://cloud.schollheim.net/index.php/s/K7XiKK7F2fCbZo2',\n// Werkreferat: 'https://cloud.schollheim.net/index.php/s/EkR8EnPtfrqHyxe',\n// Zimmerreferat: 'https://cloud.schollheim.net/index.php/s/6YxFT3Lt9MkWyEY',\n// Zeitungreferat: 'https://cloud.schollheim.net/index.php/s/cYqq8tLeRdQ2Fs3',\n// Tutoren: 'https://cloud.schollheim.net/index.php/s/CsSqwHkJ9d4ppXc',\n// Barreferat: 'https://cloud.schollheim.net/index.php/s/B2MarGGDk5Y6HeK',\n// 'HSV-Vertretung': 'https://cloud.schollheim.net/index.php/s/d9BFC7bb6gGLsFz',\n// Nachhaltigkeitsreferat: 'https://cloud.schollheim.net/index.php/s/eKDjfty5LtBa7Z9',\n}\n\nexport default function DepartmentInformation() {\n const classes = useStyles()\n\n return (\n \n
\n \n {\n Object.entries(documents).map(([key, value]) => (\n \n \n {key} \n \n ))\n }\n \n \n
\n \n \n )\n }\n\n return (\n \n \n {engagements\n ? Object.entries(engagements).map(([key, value]) => (\n \n \n \n \n {key} \n \n \n \n \n \n \n \n \n \n \n \n ))\n : []}\n \n
\n )\n}\n\nfunction EngagementTabContent(props) {\n return (\n \n \n {props.engagementInfos.map((info) => (\n \n {info.tenantName} \n {info.tenantRoom} \n {info.tenantFloor} \n \n ))}\n \n
\n )\n}\n","// @material-ui/icons\nimport AssignmentIndIcon from '@material-ui/icons/AssignmentInd'\nimport IndividualTenantTab from '../components/individual/IndividualTenantTab'\nimport IndividualHSV from '../components/individual/IndividualHSV'\nimport PersonIcon from '@material-ui/icons/Person'\n\nexport const individualTenantRoutes = [\n {\n path: '/dashboard/me',\n name: 'Mein Account',\n icon: PersonIcon,\n component: IndividualTenantTab,\n },\n {\n path: '/dashboard/departments/current',\n name: 'HSV',\n icon: AssignmentIndIcon,\n component: IndividualHSV,\n },\n]\n","import * as React from 'react'\nimport GridItem from '../grid/GridItem'\nimport GridContainer from '../grid/GridContainer'\nimport CustomTabs from '../tab/CustomTabs'\nimport IndividualTenantPage from './IndividualTenantPage'\nimport IndividualEngagementApplication from './IndividualEngagementApplication'\nimport PersonIcon from '@material-ui/icons/Person'\nimport AssignmentIcon from '@material-ui/icons/Assignment'\nimport IndividualEngagements from './IndividualEngagements'\nimport DoneAllIcon from '@material-ui/icons/DoneAll'\nimport DepartmentInformation from './DepartmentInformation'\n\nexport default function IndividualTenantTab() {\n return (\n \n \n \n \n )\n}\n","// @material-ui/icons\nimport PeopleIcon from '@material-ui/icons/People'\nimport HeimratTenantsTab from '../components/tenant/heimrat/HeimratTenantsTab'\n\nexport const schlichtungDepartmentRoutes = [\n {\n path: '/dashboard/tenants',\n name: 'Bewohner',\n icon: PeopleIcon,\n component: HeimratTenantsTab,\n },\n]\n","import React, { createRef, useState } from 'react'\nimport { Switch } from 'react-router-dom'\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles'\n// core components\nimport { Redirect } from 'react-router'\nimport Navbar from 'components/navbar/Navbar.jsx'\nimport Sidebar from 'components/sidebar/Sidebar.jsx'\nimport styles from 'assets/jss/dorm-app/layouts/appStyle.js'\nimport logo from 'assets/img/logo.png'\nimport AuthenticatedRoute from '../components/login/AuthenticatedRoute'\n\nimport { adminRoutes } from '../routes/adminRoutes'\nimport { finanzenDepartmentRoutes } from '../routes/finanzenDepartmentRoutes'\nimport { heimratDepartmentRoutes } from '../routes/heimratDepartmentRoutes'\nimport { infoDepartmentRoutes } from '../routes/infoDepartmentRoutes'\nimport { zimmerDepartmentRoutes } from '../routes/zimmerDepartmentRoutes'\nimport { departureRoutes } from '../routes/departmentRoutes'\nimport { individualTenantRoutes } from '../routes/individualTenantRoutes'\nimport { schlichtungDepartmentRoutes } from '../routes/schlichtungDepartmentRoutes'\n\nconst useStyles = makeStyles(styles)\n\nfunction determineUserRoutes(user) {\n let routes = []\n\n if (user.authorities.includes('VERWALTUNG')) routes = routes.concat(adminRoutes)\n\n if (user.authorities.includes('HEIMRAT')) routes = routes.concat(heimratDepartmentRoutes)\n\n routes = routes.concat(departureRoutes(user))\n\n if (user.authorities.includes('FINANZEN')) routes = routes.concat(finanzenDepartmentRoutes)\n\n if (user.authorities.includes('ZIMMER')) routes = routes.concat(zimmerDepartmentRoutes)\n\n if (user.authorities.includes('INFO')) routes = routes.concat(infoDepartmentRoutes)\n\n if (user.authorities.includes('SCHLICHTUNG')) routes = routes.concat(schlichtungDepartmentRoutes)\n\n if (user.authorities.includes('TENANT')) routes = routes.concat(individualTenantRoutes)\n\n let map = routes.reduce(function(result, item) {\n result[item.name] = result[item.name] || []\n result[item.name].push(item)\n return result\n }, {})\n\n return Object.values(map).map(entry => entry[0])\n}\n\nexport default function Layout({ user }) {\n const classes = useStyles()\n\n const routes = determineUserRoutes(user)\n\n const switchRoutes = (\n \n {routes.map((prop, key) => {\n return \n })}\n \n )\n\n const mainPanel = createRef()\n\n const [mobileOpen, setMobileOpen] = useState(false)\n\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen)\n }\n\n return (\n \n \n \n \n )\n}\n","// @material-ui/icons\nimport DirectionsRunIcon from '@material-ui/icons/DirectionsRun'\nimport DepartmentDeparturesTab from '../components/departure/department/DepartmentDeparturesTab'\n\n\nexport function departureRoutes(user) {\n let routes = []\n\n if (user.authorities.includes('DEPARTURE-TUTOREN'))\n routes = routes.concat([\n {\n path: '/dashboard/departures/tutoren',\n name: 'Auszüge Tutor',\n icon: DirectionsRunIcon,\n additionalProps: {\n department: 'tutoren',\n },\n component: DepartmentDeparturesTab,\n },\n ])\n if (user.authorities.includes('DEPARTURE-BAR'))\n routes = routes.concat([\n {\n path: '/dashboard/departures/bar',\n name: 'Auszüge Bar',\n icon: DirectionsRunIcon,\n additionalProps: {\n department: 'bar',\n },\n component: DepartmentDeparturesTab,\n },\n ])\n if (user.authorities.includes('DEPARTURE-WERK'))\n routes = routes.concat([\n {\n path: '/dashboard/departures/werk',\n name: 'Auszüge Werk',\n icon: DirectionsRunIcon,\n additionalProps: {\n department: 'werk',\n },\n component: DepartmentDeparturesTab,\n },\n ])\n if (user.authorities.includes('DEPARTURE-INNEN'))\n routes = routes.concat([\n {\n path: '/dashboard/departures/innen',\n name: 'Auszüge Innen',\n icon: DirectionsRunIcon,\n additionalProps: {\n department: 'innen',\n },\n component: DepartmentDeparturesTab,\n },\n ])\n if (user.authorities.includes('DEPARTURE-FINANZEN'))\n routes = routes.concat([\n {\n path: '/dashboard/departures/finanzen',\n name: 'Auszüge Finanz',\n icon: DirectionsRunIcon,\n additionalProps: {\n department: 'finanzen',\n },\n component: DepartmentDeparturesTab,\n },\n ])\n if (user.authorities.filter(it => it.includes('DEPARTURE-H')).length !== 0) {\n routes = routes.concat([\n {\n path: '/dashboard/departures/floor',\n name: 'Auszüge Flur',\n icon: DirectionsRunIcon,\n component: DepartmentDeparturesTab,\n },\n ])\n }\n\n return routes\n}\n","import React, { useState } from 'react'\nimport Avatar from '@material-ui/core/Avatar'\n// import Button from '@material-ui/core/Button'\nimport Button from 'components/button/RegularButton.jsx'\nimport CssBaseline from '@material-ui/core/CssBaseline'\nimport TextField from '@material-ui/core/TextField'\nimport Box from '@material-ui/core/Box'\nimport LockOutlinedIcon from '@material-ui/icons/LockOutlined'\nimport Typography from '@material-ui/core/Typography'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Container from '@material-ui/core/Container'\nimport { AddAlert } from '@material-ui/icons'\nimport Snackbar from '../snackbar/Snackbar'\nimport { initialNotificationState } from '../utils/state/ApplicationState'\nimport { useHistory } from 'react-router-dom'\nimport { useLocation } from 'react-router'\nimport { getApiUrl } from '../../api/api'\n\n// function Copyright() {\n// return (\n// \n// Powered by Netzwerkreferat\n// \n// )\n// }\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n marginTop: theme.spacing(8),\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n avatar: {\n margin: theme.spacing(1),\n backgroundColor: theme.palette.secondary.main,\n },\n form: {\n width: '100%',\n marginTop: theme.spacing(1),\n },\n submit: {\n margin: theme.spacing(3, 0, 2),\n },\n}))\n\nexport default function PasswordReset() {\n const classes = useStyles()\n\n const [username, setUsername] = useState('')\n const [notification, setNotification] = useState(initialNotificationState)\n\n const hist = useHistory()\n let search = useLocation().search\n let redirect\n if (search != null) redirect = search.split('=')[1]\n\n const loginLink = () => hist.push('/login')\n\n const submitForm = (e) => {\n e.preventDefault()\n\n getApiUrl()\n .get(`/public/password/reset/${username}`)\n .then(function(response) {\n setNotification({\n open: true,\n message: response.data,\n color: 'success',\n })\n setUsername('')\n setTimeout(function() {\n redirect != null ? hist.push(redirect) : hist.push('/login')\n }, 6000)\n })\n .catch(function(error) {\n if (error.response !== undefined) {\n setNotification({\n open: true,\n message: error.response.data.message,\n color: 'danger',\n })\n } else {\n setNotification({\n open: true,\n message: 'Bitte den Admin kontaktieren.',\n color: 'danger',\n })\n }\n })\n }\n\n return (\n \n \n
\n \n
\n Passwort zurücksetzen\n \n
\n
\n \n \n \n setNotification({\n open: false,\n message: '',\n color: '',\n })\n }\n close\n />\n \n )\n}\n","import React, { createContext, useMemo, useState } from 'react'\nimport { BrowserRouter as Router, Route, useHistory } from 'react-router-dom'\nimport Login from './components/login/Login'\nimport { Redirect } from 'react-router'\nimport EditEngagement from './components/engagement/EditEngagement'\nimport EditTenantPage from './components/tenant/admin/tab/page/EditTenantPage'\nimport PublicDepartureDecision from './components/departure/public/PublicDepartureDecision'\nimport Layout from './layouts/Layout'\nimport PasswordReset from './components/login/PasswordReset'\n\nexport const UserContext = createContext({\n token: null,\n exp: null,\n username: null,\n id: null,\n authorities: [],\n})\n\nexport const apiUrl = process.env.REACT_APP_API_URL\nexport const timeout = 10000\n\n\nexport const emptyUser = JSON.parse(\n JSON.stringify({\n token: null,\n exp: null,\n username: null,\n id: null,\n authorities: [],\n }),\n)\n\nexport default function App() {\n const hist = useHistory()\n\n let userState = getWithExpiry('token')\n\n if (!userState) {\n userState = emptyUser\n }\n const [user, setUser] = useState(userState)\n\n const value = useMemo(() => ({ user, setUser }), [user, setUser])\n\n return (\n \n \n \n {user.authorities.length !== 0 ? : \n \n \n \n \n \n {\n if (user.token !== null) return \n return \n \n )\n}\n\n// const smartdormHeaderName = 'X-Smartdorm-Dorm-ID'\n// const smartdormID = '4885b6d1-bbe4-4d40-bd24-bce33f0d7728'\n//\n// export function authToken() {\n// let userState = getWithExpiry('token')\n// if (userState != null)\n// return userState['token']\n// else return ''\n// }\n\n// export function authHeader() {\n// let userState = getWithExpiry('token')\n// if (userState && userState.token) {\n// return { Authorization: 'Bearer ' + userState.token, dormIdHeader: dormId }\n// } else {\n// return { dormIdHeader: dormId }\n// }\n// }\n\nexport function getWithExpiry(key) {\n const itemStr = localStorage.getItem(key)\n\n if (itemStr == null) {\n return null\n }\n\n const item = parseJwt(itemStr)\n const now = new Date()\n\n if (now.getTime() / 1000 > item.exp) {\n localStorage.removeItem(key)\n return null\n }\n return item\n}\n\nexport function parseJwt(token) {\n let base64Url = token.split('.')[1]\n let base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')\n let jsonPayload = decodeURIComponent(\n atob(base64)\n .split('')\n .map(function(c) {\n return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)\n })\n .join(''),\n )\n\n let jsonData = JSON.parse(jsonPayload)\n jsonData['token'] = token\n\n return jsonData\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport * as serviceWorker from './serviceWorker'\nimport 'assets/css/app.css'\nimport App from './App'\n\nReactDOM.render(\n \n ,\n document.getElementById('root')\n)\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister()\n"],"sourceRoot":""} 
\n