');\r\n // },\r\n // error: (error)=>{\r\n // console.log(error)\r\n // }\r\n // })\r\n\r\n const requestOptions = {\r\n //\"crossDomain\": true,\r\n \"method\": \"GET\",\r\n \"mode\": \"cors\", // no-cors, cors, *same-origin\r\n \"headers\": {\r\n \"content-type\": \"application/json; charset=utf-8\",\r\n // \"cache-control\": \"no-cache\",\r\n // \"Access-Control-Allow-Origin\": \"*\",\r\n },\r\n //\"credintials\": \"include\",\r\n //\"body\": \"password=\" + password + \"&username=\" + username\r\n //\"body\": JSON.stringify({ })\r\n };\r\n\r\n // return {\r\n // name: \"Grogot\",\r\n // lastName: \"Test\",\r\n // error: \"\"\r\n // }\r\n\r\n return await fetch(`${process.env.REACT_APP_LOCAL_API_URL}api/home`, requestOptions)\r\n .then(res => res.json())\r\n .then(res => console.log(res));\r\n\r\n\r\n }\r\n\r\n getDataFromDb = async (url, data, settings) => {\r\n\r\n let response = await fetch(`${process.env.REACT_APP_LOCAL_API_URL}${url}`, this.getRequestOption(settings.method, data, true))\r\n if (response.ok) {\r\n let res = await response.json();\r\n return res;\r\n }\r\n // else{\r\n // return this.tryToGetNewToken(response, () => this.getDataFromDb(url,data));\r\n // }\r\n }\r\n\r\n async addNotification(data) {\r\n let id = await this.db.table(\"notifications\").put({\r\n text: data.text,\r\n seen: 0,\r\n type: data.type,\r\n description: data.description,\r\n createdDate: new Date()\r\n });\r\n\r\n return { id, text: data.text, seen: false, type: data.type, createdDate: new Date(), description: data.description }\r\n }\r\n\r\n async markNotificationAsRead(id) {\r\n let deleteSeen = await this.db.table(\"notifications\").where({\"seen\": 1}).delete();\r\n let notificationSuccess = await this.db.table(\"notifications\").update(id, { seen: 1 });\r\n if (notificationSuccess) return this.db.table(\"notifications\").toArray();\r\n\r\n return [];\r\n }\r\n\r\n _base64ToArrayBuffer(base64) {\r\n let _b64 = base64;\r\n if (_b64.startsWith(\"data:image/jpeg;base64,\")) _b64 = _b64.substring(23);\r\n if (_b64.startsWith(\"data:image/png;base64,\")) _b64 = _b64.substring(22);\r\n let raw = window.atob(_b64);\r\n let rawLength = raw.length;\r\n let array = new Uint8Array(new ArrayBuffer(rawLength));\r\n\r\n for (let i = 0; i < rawLength; i++) {\r\n array[i] = raw.charCodeAt(i);\r\n }\r\n return new Blob([array]);\r\n }\r\n\r\n async dataUpload(data) {\r\n let formData = new FormData();\r\n\r\n let blobData = data.Attachments.map(item => { return { blobData: this._base64ToArrayBuffer(item.data), fileName: item.fileName } });\r\n // this._base64ToArrayBuffer(data.Attachments);\r\n blobData.forEach(function (item) {\r\n formData.append(\"Attachments\", item.blobData, item.fileName);\r\n });\r\n\r\n // formData.append(\"Attachments[]\", blobData);\r\n // data.map(item => {\r\n // console.log(\"Data upload item : \", item);\r\n // })\r\n // formData.append(\"BeraterId\", data.BeraterId);\r\n // formData.append(\"Subject\", data.Subject);\r\n\r\n Object.keys(data).map(item => {\r\n if(item !== \"Attachments\"){\r\n Object.keys(data).map(item => formData.append(item, data[item]))\r\n }\r\n return item;\r\n });\r\n\r\n\r\n\r\n //let jwtToken = this.getJwtToken();\r\n const requestOptions = {\r\n \"crossDomain\": true,\r\n \"method\": \"POST\",\r\n \"mode\": \"cors\", // no-cors, cors, *same-origin\r\n \"headers\": {\r\n \"cache-control\": \"no-cache\",\r\n \"Access-Control-Allow-Origin\": \"*\",\r\n //\"Authorization\": 'Bearer ' + jwtToken\r\n },\r\n //\"credintials\": \"include\",\r\n \"body\": formData\r\n };\r\n //+ \"&grant_type=password\"\r\n let response = await fetch(`${process.env.REACT_APP_LOCAL_API_URL}${data.endpoint}`, requestOptions);\r\n if (response.ok) {\r\n let res = await response.json();\r\n return res;\r\n } else return false;\r\n\r\n }\r\n\r\n}","//User\r\nexport const LOGIN_REQUEST = 'USERS_LOGIN_REQUEST';\r\nexport const LOGIN_SUCCESS = 'USERS_LOGIN_SUCCESS';\r\nexport const LOGIN_FAILURE = 'USERS_LOGIN_FAILURE';\r\nexport const LOGOUT = 'USERS_LOGOUT';\r\n\r\n////APP\r\nexport const TOGGLE_DRAWER = \"TOGGLE_DRAWER\";\r\nexport const SET_TITLE = \"SET_TITLE\";\r\nexport const INITIALISE_STATE = \"INITIALISE_STATE\";\r\nexport const CHANGE_FILTER = \"CHANGE_FILTER\";\r\nexport const TOGGLE_SPINNER = \"TOGGLE_SPINNER\";\r\n\r\n////DB \r\n\r\n\r\n////Notifications\r\nexport const ADD_NEW_NOTIFICATION = 'ADD_NEW_NOTIFICATION';\r\nexport const MARK_NOTIFICATION_AS_READ = \"MARK_NOTIFICATION_AS_READ\";\r\n\r\n//Service worker\r\nexport const SW_INIT = 'SW_INIT';\r\nexport const SW_UPDATE = 'SW_UPDATE';\r\nexport const INSTALL_APP = 'INSTALL_APP';\r\nexport const SHOW_INSTALL_PROMPT = 'SHOW_INSTALL_PROMPT';","import dbTasks from '../db/DbTasks';\r\nimport { LOGIN_SUCCESS, LOGIN_FAILURE, LOGOUT, LOGIN_REQUEST } from '../actions/Types';\r\n\r\nexport const userLogin = async(username, password, settings) => {\r\n const user = await new dbTasks().login(username, password, settings);\r\n\r\n return dispatch => {\r\n return LOGIN_SUCCESS(user)\r\n };\r\n\r\n function request(user) { return { type: LOGIN_REQUEST, user}}\r\n function success(user) { return { type: LOGIN_SUCCESS, user}}\r\n function failure(user) { return { type: LOGIN_FAILURE, user}}\r\n\r\n}","import React, { useState, } from 'react'\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Button from '@material-ui/core/Button';\r\nimport CustomTextField from './Reusable/TextFields';\r\n// import style from '../assets/styles/Login.module.css';\r\nimport { userLogin } from '../actions/UserActions';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport { green } from '@material-ui/core/colors';\r\nimport clsx from 'clsx';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n minHeight: '70vh',\r\n maxWidth: '100%',\r\n overflowX: 'hidden',\r\n margin: theme.spacing(0),\r\n \r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n \r\n },\r\n elementSpacing: {\r\n margin: theme.spacing(1)\r\n },\r\n button: {\r\n backgroundColor: \"#166abd\",\r\n '&:hover': {\r\n backgroundColor: \"#166abd\",\r\n },\r\n color: \"#FFFFFF\",\r\n fontSize: \"22px\",\r\n margin: theme.spacing(1)\r\n },\r\n wrapper: {\r\n margin: theme.spacing(0),\r\n position: 'relative',\r\n },\r\n buttonSuccess: {\r\n backgroundColor: \"#3cb498\",\r\n '&:hover': {\r\n backgroundColor: \"#0eb58e\",\r\n },\r\n color: \"#FFFFFF\",\r\n fontSize: \"22px\",\r\n margin: theme.spacing(1)\r\n },\r\n fabProgress: {\r\n color: green[500],\r\n position: 'absolute',\r\n top: -6,\r\n left: -6,\r\n zIndex: 1,\r\n },\r\n buttonProgress: {\r\n color: green[500],\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n marginTop: -12,\r\n marginLeft: -12,\r\n },\r\n logo:{\r\n maxHeight: '100%',\r\n maxWidth: '100%',\r\n }\r\n}));\r\n\r\nconst Login = (props) => {\r\n const classes = useStyles();\r\n const [loading, setLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(false);\r\n let [benutzer, setName] = useState(\"\");\r\n let [passwort, setPasswort] = useState(\"\");\r\n //const timer = React.useRef();\r\n\r\n // React.useEffect(() => {\r\n // return () => {\r\n // clearTimeout(timer.current);\r\n // };\r\n // }, []);\r\n\r\n const buttonClassname = clsx({\r\n [classes.buttonSuccess]: success,\r\n [classes.button]: !success\r\n });\r\n\r\n const logIn = async (localProps) => {\r\n if (!loading) {\r\n setSuccess(false);\r\n setLoading(true);\r\n // timer.current = setTimeout(() => {\r\n // setSuccess(true);\r\n // setLoading(false);\r\n // }, 2000);\r\n }\r\n //console.log(\"Login this :\", this);\r\n if (navigator.onLine === false) {\r\n alert(\"You're offline. Service unavailable !\");\r\n return;\r\n }\r\n\r\n let loginReturn = await userLogin(benutzer, passwort, null);\r\n setSuccess(true);\r\n setLoading(false);\r\n console.log(\"Login return :\", loginReturn);\r\n\r\n localProps.history.push(\"/home\");\r\n }\r\n\r\n return (\r\n (\r\n // \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n dispatch(props.menuOpen(false))}\r\n aria-label=\"close\" className={classes.closeButton}>\r\n \r\n \r\n
\r\n }\r\n className={classes.root}\r\n >\r\n \r\n \r\n \r\n {/* 
*/}\r\n {/* \r\n \r\n setName(benutzer = e.currentTarget.value)}\r\n value={benutzer}\r\n id=\"benutzer\"\r\n type=\"text\"\r\n label=\"Benutzer\"\r\n variant=\"outlined\"\r\n fullWidth={true}\r\n class={classes.elementSpacing}\r\n // class={style.margin} \r\n />\r\n\r\n setPasswort(passwort = e.currentTarget.value)} \r\n value={passwort}\r\n id=\"password\"\r\n type=\"password\"\r\n label=\"Passwort\"\r\n variant=\"outlined\"\r\n fullWidth={true}\r\n onKeyPress={(e) => {\r\n if(e.key === \"Enter\"){\r\n logIn(props);\r\n }\r\n }}\r\n class={classes.elementSpacing}\r\n // style={style.textField} \r\n />\r\n\r\n {/* \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nexport default Login;\r\n","import Cookies from 'js-cookie';\r\n\r\nexport const getSession = () => {\r\n const jwt = Cookies.get('__session')\r\n let session\r\n try {\r\n if (jwt) {\r\n const base64Url = jwt.split('.')[1]\r\n const base64 = base64Url.replace('-', '+').replace('_', '/')\r\n // what is window.atob ?\r\n // https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/atob\r\n session = JSON.parse(window.atob(base64))\r\n }\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n return session\r\n }\r\n export const logOut = () => {\r\n Cookies.remove('__session');\r\n window.location.reload();\r\n }\r\n\r\n export const getBeraterId = () => {\r\n let cookie = getSession();\r\n return parseInt(cookie.nameid);\r\n }\r\n\r\n export const imageToDataUri = (img, width, height, extension) => {\r\n\r\n // create an off-screen canvas\r\n var canvas = document.createElement('canvas'),\r\n ctx = canvas.getContext('2d');\r\n\r\n // set its dimension to target size\r\n canvas.width = width;\r\n canvas.height = height;\r\n\r\n // draw source image into the off-screen canvas:\r\n ctx.drawImage(img, 0, 0, width, height);\r\n\r\n // encode image to data-uri with base64 version of compressed image\r\n if (extension === \".png\") {\r\n return canvas.toDataURL('image/png', 0.2);\r\n } else {\r\n return canvas.toDataURL('image/jpeg', 0.2);\r\n }\r\n\r\n}\r\n\r\nexport const getBase64 = file => {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n //reader.onload = () => resolve(reader.result);\r\n reader.onload = () => {\r\n const img = new Image();\r\n img.src = reader.result;\r\n img.onload = () => {\r\n let extension = img.src.startsWith('data:image/png') === true ? \".png\" : \".jpg\";\r\n var newDataUri = imageToDataUri(img, img.width, img.height, extension);\r\n resolve(newDataUri);\r\n };\r\n\r\n reader.onerror = error => reject(error);\r\n };\r\n reader.onerror = error => reject(error);\r\n });\r\n};","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { getSession } from '../helpers/HelperFunctions';\r\n\r\nexport const PrivateRoute = ({ component: Component, ...rest }) => (\r\n \r\n */}\r\n
*/}\r\n \r\n ![\"Window-ID\"](\"/mitarbeiterLogo.png\")
\r\n
\r\n {/* \r\n */}\r\n
*/}\r\n \r\n logIn(props)}\r\n className={buttonClassname}\r\n //className={style.loginBtn}\r\n variant=\"contained\" fullWidth >\r\n LOGIN\r\n \r\n {loading &&
\r\n {/* \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(Home);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport DraftsIcon from '@material-ui/icons/Drafts';\r\nimport ExpandLess from '@material-ui/icons/ExpandLess';\r\nimport ExpandMore from '@material-ui/icons/ExpandMore';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Box from '@material-ui/core/Box';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport Badge from '@material-ui/core/Badge';\r\nimport { Chat, Info, Schedule, Event, Today, FlightTakeoff, LocalHospital, Euro, CalendarToday, PhotoLibrary } from '@material-ui/icons';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { FaIdCardAlt } from 'react-icons/fa';\r\nimport DbTasks from '../../db/DbTasks';\r\nimport { getBeraterId } from '../../helpers/HelperFunctions';\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n maxWidth: 360,\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n nested: {\r\n paddingLeft: theme.spacing(4),\r\n },\r\n}));\r\n\r\nfunction NestedList(props) {\r\n const classes = useStyles();\r\n const [state, setOpen] = React.useState({\r\n firmaOpen: false,\r\n leistungOpen: false,\r\n wegOpen: false\r\n });\r\n\r\n const dispatch = useDispatch();\r\n const [menuState, setMenuState] = useState({\r\n wegweisserList: [],\r\n privateEvent: 0,\r\n publicEvent: 0 \r\n })\r\n //const [wegweisserList, setWegweisserList] = useState([]);\r\n const version = useSelector(state => state.app.version);\r\n let beraterId = getBeraterId();\r\n\r\n useEffect(() => {\r\n new DbTasks().getDataFromDb(`api/Wegweisser/WegParent`, {}, { method: \"GET\" })\r\n .then(res => {\r\n //setMenuState({...menuState, wegweisserList: res});\r\n return res;\r\n //setWegweisserList(res);\r\n }).then((wegList) => new DbTasks().getDataFromDb(`api/FirmaInfo/GetEventNotifications`, {BeraterId: beraterId}, { method: \"POST\" })\r\n .then(res => {\r\n setMenuState({...menuState, privateEvent: res.veran, publicEvent: res.allgemein, wegweisserList: wegList});\r\n //console.log(\"Event notifiaction data : \", res); \r\n }));\r\n }, []);\r\n\r\n const handleClick = (prop) => {\r\n switch (prop) {\r\n case \"firmainfo\":\r\n setOpen({ ...state, firmaOpen: !state.firmaOpen });\r\n break;\r\n case \"leistung\":\r\n setOpen({ ...state, leistungOpen: !state.leistungOpen });\r\n break;\r\n case \"wegOpen\":\r\n setOpen({ ...state, wegOpen: !state.wegOpen });\r\n break;\r\n default:\r\n break;\r\n }\r\n //setOpen(!open);\r\n };\r\n\r\n const redirectTo = (url) => {\r\n props.history.push(\"/\" + url);\r\n dispatch(props.menuOpen(false))\r\n }\r\n\r\n\r\n\r\n let firmaOpen = state.firmaOpen, leistungOpen = state.leistungOpen, wegOpen = state.wegOpen;\r\n\r\n\r\n return (\r\n | MitarbeiterApp | \r\n|
| {version} | \r\n\r\n |
- \r\n
- \r\n
- \r\n {menuState.wegweisserList.map(item =>\r\n
- \r\n {['Chat', 'FirmaInfo', 'Urlaub', 'Krankenmeldung', 'Leistungspremie', 'KVP', 'Wegweisser', 'Gallerie'].map((text, index) => (\r\n