Neuen Account erstellen
\n\n Jetzt bei spiderjob registrieren und den richtigen Job finden\n
\n\nPasswort festlegen
\n\n\n Das Passwort muss mindestens 8 Zeichen, Groß- und Kleinbuchstaben\n sowie eine Mischung aus Buchstaben und Zahlen enthalten.\n
\n\n\n Mit deiner Registrierung stimmst du unseren{' '}\n Nutzungsbedingungen zu. Lies dazu\n auch unsere{' '}\n
\n In Erfüllung des Nutzungsvertrages schicken wir dir passende Jobs\n und Infos zu ähnlichen Produkten und Services per E-Mail zu.\n Natürlich kannst du jederzeit von unseren einwilligungsfähigen\n E-Mails und Services abmelden oder dein Profil auf “nicht sichtbar”\n stellen.\n
\n\n
\n \n Du hast schon einen Account?{' '}\n
\n Sie sind Arbeitgeber?{' '}\n
Willkommen zurück!
\n\n Jetzt einloggen und den richtigen Job finden.\n
\n\nPasswort
\n\n Indem du den Button oben klickst, stimmst du unseren\n Nutzungsbedingungen zu.
\n Lies auch unsere{' '}\n
\n
\n \n Du hast noch keinen Account bei uns?\n
Für Arbeitgeber
\n \n Für Bewerber
\n \n Jobs
\n \n Beiträge
\n \n Partner & Kooperationen
\n \n Ehrenamt
\n \n Logout
\n \n Dashboard
\n \n Login
\n \n Registrierung
\n \n \n {!isMobile ? (\n \n {\n \n \n }\n {{!auth.isAuthenticated() && }\n \n )}\n
\n \n \n \n\n
\n ) : (\n \n {!isLaptop && (\n \n \n \n
\n {/* Social media*/}\n\n \n {' '}\n
\n )}\n\n \n {/*
\n \n 
\n
*/}\n \n \n 
\n \n\n
\n HILFE
\n\n \n - \n
\n \n 
\n \n
\n LINKS
\n \n - \n
\n \n 
\n \n\n
\n PARTNER
\n \n\n - \n
\n
\n \n \n \n \n \n \n 
\n \n \n 
\n \n \n 
\n \n
\n \n \n \n {valid && !buttonClicked ? (\n <>\n {inversed ? (\n \n {children}\n \n ) : (\n \n {children}\n \n )}\n \n ) : (\n \n {buttonClicked ? (\n
\n );\n};\n\nexport default SubmitButton;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANpSURBVHgB1VddThpRFD5nIBFsk/JU9W1YgTSp2vSll25AugLsCmQHhRVIVyCsQLsBmb6pbeJ0BU6TJtg+YdIKiWVOz5kfHGBGLu1A7JcY71wuZz7Oz3fORUgBVztlmt6l1vqZ9RY0YcADwYMhkoUUgETHhNBzAa75lz1BggIi2PC/4FKpQrhGSAHdF8qE32CyNdNlzxgu9AaPwS5aVi/pOz+2VIkQO2BQbe3Uav81EX654hBUkbDCYSkkHOPwoE3oNjZOLSdK3HDxIvzekOjN3ER8AviOlwrmAraihNhOPbBj9/NUnovI1c7rA9aH2ph5gh4h2ZyoX2Qte5ywmywsHCosjZ0FPgvUYH1p+vZUrZ+HloRQm8j3bXVE44Z7BovWrzy0k3JBQkAENQNwF4TYiDzW185PGhMkFw8vmV2oI2I1icxSiEQIhXnhgYZU3vhsWVNEus+VAk3MKs8opFSffrLsGDIOJ+qzsRwR9/GBS9AEJ2gxWpKJJHbUPnEYblapGBLnJtmBoOr4s8bG+Ul9ob1GqswFbDLpRtR78hyuDaR9UdhRrxkMoJdfoRZoYpCDxLCI4Xwfj/iViv+ssFxDsCct9orFS8VlXsj9hNKISNH2GGvPD0nwQtxHcb0pz6yesTbJpTYaqLx1BiupdN87D3DcIyOSF/+zjhP3ncEtHOdX4FDWGYJXyOp2CJqgIbTDcouiu11ucduvTmw762ed4n32ODxSHKYoLnsE90AXSB9jt6dJgOQGaELyJK2qcSY3uFquYQ5kuZTKuocHj+KnLteg99zWD8JnaX5oUHOWPZnkyFcyJzWJl/GAG1zFewFCc5bYfXupStkhXgSPVipVIxBtEIO65zO3UApHdxkhpoiwGooQlWYZkpDqSHwSWENGzQ+HdBzjEZLxzYQForul9iLvcEQSpogQ0VeeGxxYFAm/ud55A6nu/YclIlBgkf8g9F4f8qp2aTc98cQ4CXCifUjbI1NDU5Zjq5mskhMG4kF4ffB0hqgcDku+OV1kQUVjK7osrZwNtm5W4cPktCYeyAxh1zVQtEWFvTCOhLcPcyC400iTNCc/868V/owSKGbMpYssCUecJ+dO1suSKuRyUGNCVdAuc49AIxC9WPxT1fBdp8KqWGEjmwhoRrzg8MslGaVbW/cRCPEH8JGTg9KgaQ0AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPpSURBVHgBrVhLUhsxEO2WUxU7ycI7YDecIE5V+GSFyAWAE2BOAJwA+wTACcAnwLkADDugUoVzAiabENjAImAnVZ5O93g+8njG1hh6Y0mWnp77p24jFJAbravvn2DTV1ADwBoSOIRQle94/Mhjj0cekt/mPedzF65ni402m26XtUbCPR5qKCTYpr5/OPfddSfuhPEEHCZwNIaAFwMRVCPtZBJCf3echnKJ3C/pbSJsmOCi/j5SCxHavTJ05l330Twjpiv32Gw+1BFxhZcc46JHAmrOXroH1kTulvWekDAJ+IoO+fKD9OXjhDVaD03qJFjYmLk6bU4kMkqC2s/vYKsIgRQZhzXUYA1tjiMzRETM4QPGqmNCzbmr0wa8gjChRqidCH3XNBOazJWP15FPvCaJLDLiMz7Sp8iBVbRJ+bCfOCYdTyIhIX2/oGtQQPjShpg6uAGgGkbk4P4IlBDXwzWPCTXzwCQy7ha/njDIma9wHwrK8z/YEucPp/r2s9YxESS1HW1EpMa4eK901R4hraeBbGW+4wYRGN9XGphKBV4NMbA3c+G2xiIRaXMaARWRXg8OTK2IlhX0zaxJ7kQUhLRfTKUVSYzRvNKFukKl1mIafWhZ4HjpOT9wVSgokp2N6cc3rGonCuLeB+hYYHiQZEpv9vJsHqYQNk+n8jYkRVhTGIJKXNtkTx/oRzQ27FxYxDwQaRfBUXECAztQU6V8tiaOBi8UySmq6CEObZdPxiYsP6sdeAVRU6nX8HgG2J5WK1LDBJ9sDUVJFDi2gN2/cAzhOVErJ7k4w9pi3NR0UkgReEwkcb7yH7B6O8TR+M3YTVaofre4en27uHpc6eKDTV4pl5O7OKf8VOx8sb2pFL83E2Xmym1HD1hwlh2XsYKawyrb+liPhiWEExWqebAAsFnE3vKAwWiCE5mYbZn0SswJ4FyF8ezKgti7SBTIWX4AV7PIsFZyX+bbBV2HMH9xXvomj2wQvgwWP/tFo0BABmSoPUSEe56seiXoDFRiOuxDUKXFFdrvpdUziNsGbM9enm5AQZG6hn+iZps/PFWglZWpxaEjXxLyXC5uDBFJl4p51fZLxCzMw85gtFSUhX4pMRGru8GVWOFaw4ZEiN80C7CRdmK02sZj7tKaRfpYU8Tf3j2rI6OqyyzMMxusUTLAjTWxqVybesUkwCUo7ZjdYl53kNty/vqid0p93Ev1sx4fcbmxbkntktdy8mXrJYLNdLsq5ijUckYyaMKB80F2xg3/ijDJONlI5PK+rama8BQhzX3PttFyWEpAoBmUDhPEiohByOEPIbXGWdhBwOE/aoA8RuxwKHby8kie/Ac4hAzVEDoHLAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQlSURBVHgBtVhdbhpJEK7qsRzIrrTsk4OfxidYLG3i7JPbvkCyJ4CcYOEEHk4AOcGaE8QnCO2n2ChSuIHJS2znyZESgyMxlaqeXw8MZhL4JKRheqb7o36+qgKhAC60rpS+wUtUsA+ANb5V4Y8bLo+CD46QfOMrOK2emdGye+MyD10+1xoJj/hSQyHgMU39XvW9MQ8+CYsJuEzg/zwCSHBDCDfhdYWvK5BHCP32IgvlErl+ruvgYze9uRw8Reo5BOb2MZgdY27S74jrHt+C9oHdh8jui90mB90AUXNrYHpLE2ESR0TopQn4il5PStDNHr4IbNFG6FI32Qu9rcHb9oNEsiQAyIzL8G8RAhkyrvKhQ4gvF5G5R+TyKf8CZWMioEDYrg7eerACMCEvtE5wMFJj6yxxE95njh+imFgliXlkJGZ8pN0ogFX8lI9eRAKJTlZNQsCHerK3XBNrUJiREBOxOoFQD++NWIxasCbcfodXEvzhV335t9YxEST1X/Qg+84roohFsTM0NgPj85zQVaFoXYT3R0/O+zvpF0UbHo3RU0B/wE/AB/xyVyYvnXUXNdabTbyIQmFcpj83YMqqGUcKmexGsgGT7QJhH1J6sCSGbOGZ1BerfNrTPQVoPVEeQ0OhUi9iGlOYUb3rZ9rGjljKh8SkD4HV9TX/0gNnChWRhew6x+RJ6utfbHFyo2+T32E4Z8Mdcd3Vnm5un5sm+7eVCrYZBGvU2j7vN38bQ52FrM+56mafm0ySs3j/msLQ3JLXi9UTO5+fHna235kuk9mFoOxnMZI1VuLjq73DDsdHN68QinviPZioigUM4EEJ50OaV3sHNrDHd7RLRLEriaDHrhCC7HOJJ2rCkhBNUVAckmX9zU3Q1YFpEFJbXFEd9BubXHlFnfmZGhTERthTVAq+5zqIb66fHXpbZ4ECR8WSCmwS9jA2LDbCxsa2fKIZRaosW8NjV2l7TcW6N9GS2AAEI8V+Po0WS1+LmxSC7k1DQZRKyVncbH1UnM9xGpGT9Axrh4+N6NJBeLMxvoPj8iPo2BsAdXbPPTn2HRg6Ph3DL0D2yN5jA+zH6wCnth9hP4t86+A2tZ6cmy6sEZkGzLBqH9j0DVIwZAp4JEELa4Itsirp1GganG2JcNk3wswucAaVx6oD64Jv+2E3pHESzTxJ3UVKNSzUYI04ghVDtCbVgPGZSQMWE5FmaOokLhKNWCWZOdNBK92AzYwT2W57mSltESTeAldTI6YwpzGfO2DNkgEerMnLm9LyINnBQtVJl5C86SB35Pz0j25yAcsG7YhfMXmDtf23YAI15at9qb7ZcVWyM08afmkID4jF7UP6L4oMyDCpVz81hGcIyQxbh8I1xRJoh/KwEEsRSRFyhQzPsi9Ifj1iXLiSvyjIcCoOv5WhV6SS/wBYMBd7hl1fagAAAABJRU5ErkJggg==\"","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { Helmet } from 'react-helmet';\nimport axios from 'axios';\n\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\nimport SubmitButton from '../components/Buttons/submitButton';\nimport Snackbar from '../components/snackbar/snackbar';\n\nimport { DeviceSize } from '../components/responsive';\n\nimport Icon1 from '../assets/images/contact-icon-1.png';\nimport Icon2 from '../assets/images/contact-icon-2.png';\nimport Icon3 from '../assets/images/contact-icon-3.png';\n\nimport config from '../config/api.config';\nimport { Link } from 'react-router-dom';\n\nconst ContactContainer = styled.div`\n input {\n background-color: transparent !important;\n }\n`;\n\nconst StyledInput = styled.input`\n width: 100%;\n height: 40px;\n outline: none;\n border: none;\n background-color: #fafafa;\n border-bottom: 1px solid #dddddd;\n margin: 0 auto 36px auto;\n font-size: 16px;\n`;\n\nexport const StyledTextarea = styled.textarea`\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n border-bottom: 1px solid #dddddd;\n margin: 0 auto 36px auto;\n font-size: 16px;\n`;\n\nconst EmailInput = styled(StyledInput)``;\nconst Label = styled.label`\n color: #929292;\n display: flex;\n align-items: flex-start;\n margin-bottom: 5px;\n ${EmailInput}:focus ~ & {\n color: #5264ae;\n }\n`;\nconst FormContainer = styled.div`\n display: flex;\n margin: 0 auto;\n flex-flow: row wrap;\n justify-content: space-evenly;\n font-size: 14px;\n`;\nconst Paragraph = styled.p`\n width: 100%;\n`;\n\nconst List = styled.ul`\n margin: 5% auto !important;\n line-height: 30px;\n`;\nconst ListItem = styled.li`\n &::marker {\n color: #e83741;\n }\n`;\nexport const KundenGroup = styled.div`\n display: flex;\n\n & > p {\n color: #3a3a3a;\n }\n margin: 10% 0 5% 5%;\n &:last-child {\n margin-top: 12%;\n }\n\n .contact-image-container {\n margin-right: 20px;\n }\n`;\n\nexport const KundenServiceDiv = styled.div`\n width: 70%;\n margin: 0 auto;\n margin-bottom: 100px;\n & > img {\n margin-top: 1.5%;\n }\n ${(props) =>\n props.small &&\n `\n width:50%;\n `}\n`;\n\nconst InputContainer = styled.div`\n display: flex;\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n flex-direction: column;\n }\n`;\n\nconst LeftInputs = styled.div`\n flex: 1;\n margin-right: 20px;\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n margin-right: 0;\n }\n`;\n\nconst RightInputs = styled.div`\n flex: 1;\n margin-left: 20px;\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n margin-left: 0;\n }\n`;\n\nconst ContactTextContainer = styled.div`\n width: 60%;\n margin: 0 auto;\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n width: 100%;\n }\n`;\n\nexport default function ContactPage() {\n const [state, setState] = useState({\n fullName: '',\n email: '',\n message: ''\n });\n const [buttonClicked, setButtonClicked] = useState(false);\n const [snackbar, showSnackbar] = useState(false);\n const [snackbarMessage, setSnackbarMessage] = useState('');\n const [severity, setSeverity] = useState('success');\n const [valid, setValid] = useState(false);\n\n const handleChange = (e) =>\n setState({ ...state, [e.target.name]: e.target.value });\n\n useEffect(() => {\n if (state.email && state.fullName && state.message) setValid(true);\n else setValid(false);\n }, [state.email, state.fullName, state.message]);\n\n const submit = async () => {\n await setButtonClicked(true);\n await axios\n .post(`${config.apiUrl}/Email/SendMail`, state)\n .then((res) => {\n setButtonClicked(false);\n setState({\n fullName: '',\n email: '',\n message: ''\n });\n\n //setSnackbarMessage(res.data.Message);\n setSnackbarMessage(\"Ihr Nachricht wurde erfolgreich verschickt!\")\n setSeverity('success');\n showSnackbar(true);\n })\n .catch((error) => {\n if (error.response) {\n setButtonClicked(false);\n setSnackbarMessage('Error while sending message to email.');\n setSeverity('error');\n showSnackbar(true);\n console.error(error.response.data);\n }\n });\n };\n\n return (\n \n \n spiderjob - Kontakt \n \n\n showSnackbar(false)}\n severity={severity}\n >\n {snackbarMessage}\n \n\n \n \n \n Daten werden auf den Systemen des Providers zwischengespeichert\n \n \n \n Hier können Sie die Datenschutzerklärung einsehen.\n \n \n \n Absenden\n \n \n\n \n Kundennähe wird bei spiderjob groß geschrieben. \n \n Die exzellente Kundenbetreuung unseres Vertriebs zeichnet sich aus\n durch:\n \n \n \n \n \n\n \n
\n );\n}\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport '../assets/scss/App.scss';\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\n\nexport default function Imprint() {\n return (\n Kontakt
\n\n \n \n \n\n \n \n \n
\n\n {/* End of the form */}\n \n \n
\n\n \n \n
\n \n \n
\n \n Ihr persönlicher Ansprechpartner ist immer für Sie da!{' '}\n
\n- \n
Kundenservice
\n\n \n \n\n \n \n \n \n
\n \n 
\n
\n \n
\n Öffnungszeiten
\n \n Montag bis Freitag: 9.00 bis 18.00 Uhr\n \n\n 
\n
\n \n
\n Telefonnummer
\n \n 07634 69 89 676 (kostenfreie Hotline)\n \n\n 
\n
\n \n E-mail
\n info@spiderjob.de\n
\n \n \n spiderjob - Impressum \n \n
\n );\n}","/* Libraries */\nimport axios from 'axios';\nimport config from '../config/api.config';\n\nconst GetDataPublic = async (url, params = {}) =>\n new Promise(async (resolve, reject) => {\n try {\n let urlNew = config.apiUrl +\"/\"+ url;\n const result = await axios.get(urlNew, {\n params: params\n })\n // const result = await axios({\n // method: 'GET',\n // urlNew,\n // params\n // });\n\n resolve(result.data);\n } catch (error) {\n console.log(`Error: ${error}`);\n\n reject(error);\n }\n });\n\nexport default GetDataPublic;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport const Div = styled.div`\n display: flex;\n justify-content: flex-start;\n width: 100%;\n\n p {\n justify-content: center;\n display: flex;\n //margin: auto 0;\n margin-top: 5px;\n margin-left: 5px;\n color: #A7A7A7;\n font-size: 14px;\n }\n`;\n\nexport const HomeIcon = (props) => {\n const [hover, sethover] = React.useState('#A7A7A7');\n return (\n \n
\n \n Impressum
\nAnbieter dieser Webseiten
\n\n \n www.spiderjob.de\n \n \n
\n Mail: \n \n\n {' '}\n info@spiderjob.de\n \n \n
\n spiderjob GmbH
\nFreiburger Straße 33
\n79427 Eschbach
\nTelefonnummer: 07634 69 89 676
\n Website: \n \n\n Mail: \n \n
\n
\n Geschäftsführer: Marco Sprengler, Matthias Braun
\n\n \n www.stock.adobe.com\n \n \n
\n {/*Prvi textbox */}\n Umsatzsteuer-Identifikationsnummer: DE346758523
\n\n Dieses Impressum gilt auch für die Facebookseite:{' '}\n
Hinweise zur Website Urheberrechtliche Hinweise
\n Bilder: \n \n\n
\n
\n
\n
\n {/*Treci textbox */}\n Haftung für Inhalte
\n\n Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Als\n Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf\n diesen Seiten nach den allgemeinen Gesetzen verantwortlich.\n
\n\n
\n Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht\n verpflichtet, übermittelte oder gespeicherte fremde Informationen zu\n überwachen oder nach Umständen zu forschen, die auf eine\n rechtswidrige Tätigkeit hinweisen.\n
\n\n
\n Verpflichtungen zur Entfernung oder Sperrung der Nutzung von\n Informationen nach den allgemeinen Gesetzen bleiben hiervon\n unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem\n Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei\n Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese\n Inhalte umgehend entfernen.\n
\n\n
\n
\n
\n {/*Cetvrti textbox */}\n Haftung für Links
\n\n Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren\n Inhalte wir keinen Einfluss haben. Deshalb können wir für diese\n fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der\n verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber\n der Seiten verantwortlich.\n
\n\n
\n Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht\n erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten\n Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung\n nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir\n derartige Links umgehend entfernen.\n
\n\n
\n
\n
\n {/*Peti textbox */}\n Urheberrecht
\n\n Die durch die Seitenbetreiber erstellten Inhalte und Werke auf\n diesen Seiten unterliegen dem deutschen Urheberrecht. Die\n Vervielfältigung, Bearbeitung, Verbreitung, öffentliche\n Zugänglichmachung und jede Art der Verwertung außerhalb der Grenzen\n des Urheberrechtes bedürfen der schriftlichen Zustimmung des\n jeweiligen Autors bzw. Erstellers.{' '}\n
\n\n
\n Downloads und Kopien dieser Seite sind nur für den privaten, nicht\n kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser\n Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte\n Dritter beachtet. Insbesondere werden Inhalte Dritter als solche\n gekennzeichnet.{' '}\n
\n\n
\n Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam\n werden, bitten wir um einen entsprechenden Hinweis. Bei\n Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte\n umgehend entfernen.{' '}\n
\n\n
\n
\n Hinweis zur Online-Streitbeilegung
\n\n Die EU-Kommission stellt auf der Internetseite{' '}\n
\n
\n {' '}\n sethover('#E83741')}\n onMouseLeave={() => sethover('#A7A7A7')}\n >\n
\n );\n};\n","import React from 'react';\nimport {Div} from './HomeIcon'\n\nexport const BlogsIcon = (props) => {\n const [hover, sethover] = React.useState('#A7A7A7');\n return (\n Dashboard
}\n\n sethover('#E83741')}\n onMouseLeave={() => sethover('#A7A7A7')}\n >\n
\n );\n};\n","import React from 'react';\nimport {Div} from './HomeIcon';\n\nexport const EditIcon = (props) => {\n const [hover, sethover] = React.useState('#A7A7A7');\n return (\n Blog
}\n sethover('#E83741')}\n onMouseLeave={() => sethover('#A7A7A7')}\n >\n
\n );\n};\n","import React from 'react';\nimport {Div} from './HomeIcon'\n\nexport const LocationIcon = (props) => {\n const [hover, sethover] = React.useState('#A7A7A7');\n return (\n Profil
}\n sethover('#E83741')}\n onMouseLeave={() => sethover('#A7A7A7')}\n >\n
\n );\n};\n","import React from 'react';\nimport {Div} from './HomeIcon'\n\nexport const JobsIcon = (props) => {\n const [hover, sethover] = React.useState('#A7A7A7');\n return (\n Standorte
}\n sethover('#E83741')}\n onMouseLeave={() => sethover('#A7A7A7')}\n >\n
\n );\n};\n","import React from 'react';\nimport { Div } from './HomeIcon';\n\nexport const ApplicationIcon = (props) => {\n const [hover, sethover] = React.useState('#A7A7A7');\n return (\n Jobs
}\n sethover('#E83741')}\n onMouseLeave={() => sethover('#A7A7A7')}\n >\n
\n );\n};\n","import React, { useState, useEffect } from 'react';\nimport { useHistory, useLocation } from 'react-router';\nimport styled from 'styled-components';\nimport { BlogsIcon } from './BlogsIcon.js';\nimport { EditIcon } from './EditIcon.js';\nimport { HomeIcon } from './HomeIcon.js';\nimport { LocationIcon } from './LocationIcon.js';\nimport { JobsIcon } from './JobsIcon.js';\nimport { ApplicationIcon } from './ApplicationIcon.js';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../responsive';\nimport auth from '../../auth';\nimport LocalStorageService from '../../LocalStorageService';\nimport Logo from \"../../assets/images/newLogo.png\";\n\nconst Container = styled.div`\n height: 100vh;\n width: 100px;\n background-color: white;\n box-shadow: 4px 0px 8px 4px rgba(202, 202, 202, 0.1);\n display: flex;\n padding: 20px;\n flex-direction: column;\n align-items: center;\n :last-child: {\n padding: 50px;\n }\n //position: fixed;\n\n .sp-logo {\n width: 80px;\n }\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n .sp-logo {\n width: 60px;\n }\n }\n\n ${(props) =>\n props.hover === 'applyHover' &&\n `\n width: 140px\n \n `}\n`;\nconst IconWrapper = styled.div`\n padding: 20px 0;\n display: flex;\n flex-direction: column;\n // height: 40%;\n height: 23rem;\n //justify-content: space-evenly;\n`;\n\nconst Icon = styled.div`\n padding: 7px;\n padding-top: 20px;\n width: 100%;\n cursor: pointer;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n height: 44px;\n margin-top: -7px;\n width: 6px;\n background-color: #e83741;\n left: 2px;\n border-radius: 5px;\n }\n &:hover {\n background: rgba(241, 225, 225, 0.47);\n border-radius: 5px;\n\n &:before {\n content: '';\n }\n }\n ${(props) =>\n props.active &&\n `\n background: rgba(241, 225, 225, 0.47);\n border-radius: 5px;\n\n &:before {\n content: \"\";\n }\n \n `}\n`;\n\nexport function Sidebar() {\n function getInitialState() {\n return LocalStorageService.get('SelectedOption') || 'home';\n }\n const [active, setactive] = useState(getInitialState());\n const [hover, setHover] = useState('');\n const history = useHistory();\n const location = useLocation();\n const [url, setUrl] = useState('');\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.newMedium });\n\n function setSelectedOption(option) {\n LocalStorageService.set({ SelectedOption: option });\n setactive(option);\n }\n\n useEffect(() => {\n //get the pathananem url\n var paths = location.pathname.split('/');\n\n //beacuse there is subSidebar in company and org dashboard\n let subProfile = ['Profil', 'Logo', 'Galerie', 'Konto'];\n let subBlogs = ['Bewerber', 'Jobs'];\n\n if (auth.isCompany()) {\n subBlogs.push('Blogeinträge');\n }\n\n let sidebarItem = paths[2] || 'home';\n\n let subSidebarItem = subProfile.filter(\n (x) => x.toLowerCase() === paths[2]\n )[0];\n\n //check if pathname is one on the subsidebar items\n if (subSidebarItem !== undefined) {\n sidebarItem = 'profil';\n } else {\n subSidebarItem = subBlogs.filter((x) => paths[2] === x.toLowerCase())[0];\n if (subSidebarItem == 'jobs') {\n sidebarItem = 'jobs';\n } else if (subSidebarItem == 'Bewerber') {\n sidebarItem = 'bewerbungen';\n } else {\n subSidebarItem = paths[2] || 'home';\n }\n }\n if (sidebarItem.includes('-')) {\n const value = sidebarItem.split('-')[0];\n if (value === 'account') sidebarItem = 'konto';\n }\n\n if (sidebarItem === 'profileinstellungen') sidebarItem = 'profil';\n if (sidebarItem === 'jobs') \n \n auth.isApplicant() ? sidebarItem = 'jobs' :\n sidebarItem = 'bewerbungen';\n\n setSelectedOption(sidebarItem);\n localStorage.setItem(`SubSidebar`, subSidebarItem.toLowerCase());\n }, [location.pathname]);\n\n useEffect(() => {\n switch (auth.getType()) {\n case 'Applicant':\n setUrl('/bewerber-dashboard');\n break;\n case 'Organisation':\n setUrl('/organisations-dashboard');\n break;\n case 'Company':\n setUrl('/arbeitgeber-dashboard');\n break;\n }\n }, []);\n\n return (\n Bewerbungen
\n )}\n\n
\n {' '}\n \n \n {/* 
*/}\n \n \n \n \n 
\n \n \n \n {auth.isApplicant() && (\n {\n history.push('/bewerber-dashboard/account-einstellungen');\n }}\n >\n
\n \n ) : (\n \n
\n \n )}\n \n \n \n \n \n {' '}\n auth.logout((_) => history.push('/'))}\n >\n \n \n \n
\n )}\n\n {props.children}\n \n \n
\n );\n}\n","var _rect, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgDelete(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 30,\n height: 30,\n viewBox: \"0 0 36 36\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n width: 36,\n height: 36,\n rx: 4,\n fill: \"#FC6868\",\n fillOpacity: 0.2\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.0007 14L14.0007 26H22.0007L24.0007 14H12.0007ZM24.6673 11.3333V12.6667H11.334V11.3333H15.1413C15.7413 11.3333 16.2287 10.6007 16.2287 10H19.7727C19.7727 10.6007 20.2593 11.3333 20.86 11.3333H24.6673Z\",\n fill: \"#EE5555\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDelete);\nexport default __webpack_public_path__ + \"static/media/delete.f80fd51f.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormControl from '@mui/material/FormControl';\nimport { Paragraph } from '../StepSixSubcomponents/Region';\n\nexport default function RadioButtons(props) {\n const [value, setValue] = useState(props.value || '');\n\n const handleChange = (event) => {\n setValue(event.target.value);\n props.naPromjenu(props.tip, event.target.value);\n };\n\n return (\n \n
\n {open && \n \n {props.createProfile\n ? 'Berufsausbildung auswählen'\n : 'Was für eine abgeschlossene Ausbildung sollte der Bewerber haben?'}\n \n {!open?
\n \n {selectedItems.map(voc =>
\n {voc.label}
{children}
\n \n \n \n {createProfile\n ? 'Berufserfahrungen hinzufügen'\n : 'Fügen Sie zu, welche Berufserfahrungen der Bewerber benötigt'}\n \n {!openModal ? (\n \n ) : (\n \n -\n \n )}\n
\n \n {selectedItems.map((el) => (\n \n {[\n industry?.find((i) => i.BranchId == el.industryId)\n ?.BranchType,\n el.professionName,\n el.years == '3-'\n ? 'weniger als 3 Jahre'\n : el.years == '3+'\n ? 'mehr als 3 Jahre'\n : 'egal',\n {\n const temp = selectedItems.filter(\n (x) =>\n x.industryId != el.industryId ||\n x.proffesionId != el.proffesionId\n );\n\n setselectedItems(temp);\n dispatch(updateStepTwo({ workExperience: temp }));\n }}\n />\n ].map((e) => (\n {e}\n ))}\n
\n ))}\n \n \n )}\n \n );\n}\n","import React, { useEffect, useState } from 'react';\nimport Vocational from './Step2Subcomponents.js/Vocational';\nimport WorkExp from './Step2Subcomponents.js/WorkExp';\nimport RadioButtons from '../Steps/Step2Subcomponents.js/RadioButtons';\nimport GetData from '../../../api/GetData';\nimport { Paragraph } from './StepSixSubcomponents/Region';\nimport styled from 'styled-components';\nimport { DeviceSize } from '../../../components/responsive';\nimport { useMediaQuery } from 'react-responsive';\nimport { updateStepTwo, updateValid } from '../../../store/stepsSlice';\nimport { useDispatch, useSelector } from 'react-redux';\n\nexport const Row = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n flex-direction: column !important;\n align-items: flex-start !important;\n }\n`;\n\nexport const Container = styled.div`\n display: flex;\n flex-wrap: wrap !important;\n align-items: flex-start !important;\n padding: 40px;\n width:75%;\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n padding: 20px;\n }\n`;\n\nexport function StepTwo({ createProfile }) {\n const dispatch = useDispatch();\n const stepTwo = useSelector((state) => state.steps.stepTwo);\n\n const [branch, setBranch] = useState(null);\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.newMedium });\n\n useEffect(() => {\n async function getBranches() {\n let result = await GetData('Branch');\n setBranch(result);\n }\n getBranches();\n }, []);\n\n useEffect(() => {\n if (\n ((stepTwo.completedApprenticeship &&\n stepTwo.vocationalArray.length > 0) ||\n !stepTwo.completedApprenticeship) &&\n ((stepTwo.hasWorkExperience && stepTwo.workExperience.length > 0) ||\n !stepTwo.hasWorkExperience)\n ) {\n dispatch(updateValid(true));\n } else {\n dispatch(updateValid(false));\n }\n }, [\n stepTwo.completedApprenticeship,\n stepTwo.vocationalArray,\n stepTwo.hasWorkExperience,\n stepTwo.workExperience.length\n ]);\n\n return (\n \n );\n}\n\nexport default StepTwo;\n","import React, { useEffect, useState } from 'react';\nimport { Paragraph } from '../StepSixSubcomponents/Region';\nimport GetData from '../../../../api/GetData';\nimport SubmitButton from '../../../Buttons/submitButton';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateStepThree } from '../../../../store/stepsSlice';\nimport {ReactComponent as Cancel} from \"../../../../assets/images/icon-cancel.svg\";\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport {ReactComponent as Plus} from '../../../../assets/images/IconPlus.svg';\n\n\nexport default function HighSchool(props) {\n const dispatch = useDispatch();\n const highschoolArray = useSelector(\n (state) => state.steps.stepThree.highschoolArray\n );\n const [loadedSchools, setSchools] = useState([]);\n const [selectedIndustries, setSelectedIndustries] = useState(highschoolArray);\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n async function getSchoolCertificate() {\n const response = await GetData('SchoolCertificate');\n setSchools(response);\n }\n getSchoolCertificate();\n }, []);\n\n const removeSelected = (industrija) => {\n const filteredIndustries = selectedIndustries.filter(\n (item) => item.SchoolCertificateId !== industrija.SchoolCertificateId\n );\n setSelectedIndustries(filteredIndustries);\n dispatch(updateStepThree({ highschoolArray: filteredIndustries}))\n };\n\n\n const handleOpen = (e) => {\n e.preventDefault();\n setOpen(!open);\n }\n\n const body = (\n \n el.SchoolCertificateId)}\n onChange={(e) => {\n setSelectedIndustries(loadedSchools.filter(el => e.target.value.includes(el.SchoolCertificateId)))\n }}\n renderValue={(value) =>value.length? value.map(s => selectedIndustries?.find(nat => nat.SchoolCertificateId === s)?.CertificateType).join(', ') : 'Wähle dein Schulabschluss'}\n\n >\n {loadedSchools?.map((index) => (\n \n ))}\n \n {\n dispatch(updateStepThree({ highschoolArray: selectedIndustries }));\n }}\n valid={selectedIndustries?.length > 0}\n >\n Hinzufügen\n \n\n
\n );\n\n return (\n \n \n (Sie können mehrere Schulabschlüsse auswählen)\n \n )}\n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { Paragraph } from '../StepSixSubcomponents/Region';\nimport GetData from '../../../../api/GetData';\nimport SubmitButton from '../../../Buttons/submitButton';\nimport { updateStepThree } from '../../../../store/stepsSlice';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { ReactComponent as Cancel } from '../../../../assets/images/icon-cancel.svg';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport { ReactComponent as Plus } from '../../../../assets/images/IconPlus.svg';\n\nexport default function College(props) {\n const dispatch = useDispatch();\n const collegeArray = useSelector(\n (state) => state.steps.stepThree.collegeArray\n );\n\n const [loadedColleges, setColleges] = useState([]);\n const [selectedIndustries, setSelectedIndustries] = useState(collegeArray);\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n async function getColleges() {\n const response = await GetData('CollegeDegree');\n setColleges(response);\n }\n getColleges();\n }, []);\n\n const removeSelected = (industrija) => {\n const filteredIndustries = selectedIndustries.filter(\n (item) => item.CollegeDegreeId !== industrija.CollegeDegreeId\n );\n setSelectedIndustries(filteredIndustries);\n dispatch(updateStepThree({ collegeArray: filteredIndustries }));\n };\n\n const handleOpen = (e) => {\n e.preventDefault();\n setOpen(!open);\n };\n\n return (\n \n
\n {open && body}\n {!props.createProfile && (\n \n \n {props.createProfile\n ? 'Schulabschluss hinzufügen'\n : 'Welchen Schulabschluss sollte der Bewerber haben?'}\n \n {!open?
\n \n {highschoolArray.map(voc =>
\n {voc.CertificateType}
\n \n (Sie können mehrere Hochschulabschlüsse auswählen)\n \n )}\n
\n );\n}\n","import React, { useEffect } from 'react';\nimport HighSchool from './Step3Subcomponents/HighSchool';\nimport College from './Step3Subcomponents/College';\nimport Radiobuttons from '../Steps/Step2Subcomponents.js/RadioButtons';\nimport { Container, Row } from './StepTwo';\nimport { Paragraph } from './StepSixSubcomponents/Region';\nimport { DeviceSize } from '../../../components/responsive';\nimport { useMediaQuery } from 'react-responsive';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateStepThree, updateValid } from '../../../store/stepsSlice';\n\nexport function StepThree({ createProfile }) {\n const dispatch = useDispatch();\n const stepThree = useSelector((state) => state.steps.stepThree);\n\n const {\n completedHighSchool,\n highschoolArray,\n completedCollege,\n collegeArray\n } = stepThree;\n\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.newMedium });\n\n useEffect(() => {\n if (\n !completedHighSchool ||\n (((completedHighSchool && highschoolArray.length > 0) ||\n !completedHighSchool) &&\n ((completedCollege && collegeArray.length > 0) || !completedCollege))\n ) {\n dispatch(updateValid(true));\n } else {\n dispatch(updateValid(false));\n }\n }, [\n completedHighSchool,\n highschoolArray.length,\n completedCollege,\n collegeArray.length\n ]);\n\n return (\n \n );\n}\n\nexport default StepThree;\n","import React from 'react';\nimport styled from 'styled-components';\nimport FormControl from '@mui/material/FormControl';\nimport { MenuItem, Select } from '@mui/material';\n\nconst Container = styled.div`\n width: 100%;\n padding: 0 1%;\n margin-bottom: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n`;\n\nconst Paragraph = styled.p`\n font-size: 14px;\n color: #818181;\n margin-bottom: 0 !important;\n`;\n\nexport default function SelectedSkill({\n data,\n values,\n title,\n selectedValue,\n setValue,\n allValues,\n index\n}) {\n const [selectedValueState, setSelectedValueState] =\n React.useState(selectedValue);\n\n var firstArray = [];\n data?.forEach((item) => {\n let newItem = {\n Id: Object.values(item)[0],\n Name: Object.values(item)[1],\n Description: item.Description\n };\n firstArray.push(newItem);\n });\n\n const handleInputChange = (event) => {\n setSelectedValueState(event.target.value);\n if (allValues) {\n let newValue = { ...values, secondId: event.target.value };\n let newAllValues = [];\n\n for (let i = 0; i < allValues.length; i++) {\n i === index\n ? newAllValues.push(newValue)\n : newAllValues.push(allValues[i]);\n }\n\n setValue(event, newAllValues, true);\n } else {\n setValue(event, [{ ...values, secondId: event.target.value }], true);\n }\n };\n\n return (\n \n
\n\n {open && (\n \n \n {props.createProfile\n ? 'Hochschulabschluss hinzufügen'\n : 'Wählen Sie den gewünschten Hochschulabschluss aus'}\n \n {!open ? (\n \n ) : (\n \n -\n \n )}\n
\n \n {collegeArray.map((voc) => (\n
\n \n {voc.DegreeName}
\n el.CollegeDegreeId)}\n onChange={(e) => {\n setSelectedIndustries(\n loadedColleges.filter((el) =>\n e.target.value.includes(el.CollegeDegreeId)\n )\n );\n }}\n renderValue={(value) =>\n value.length\n ? value\n .map(\n (s) =>\n selectedIndustries?.find(\n (nat) => nat.CollegeDegreeId === s\n )?.DegreeName\n )\n .join(', ')\n : 'Wähle dein Schulabschluss'\n }\n >\n {loadedColleges?.map((index) => (\n \n {index.DegreeName}\n \n ))}\n \n {\n dispatch(updateStepThree({ collegeArray: selectedIndustries }));\n }}\n valid={selectedIndustries?.length > 0}\n >\n Hinzufügen\n \n
\n )}\n\n {!props.createProfile && (\n \n {\n handleQualifications(e, newValues, false);\n }}\n searchParam=\"Name\"\n isMulti={true}\n placeholder={\n props.createProfile\n ? 'Erhöhe deine Chance in dem du weitere'\n : 'Mehr hinzufügen'\n }\n />\n
\n {selectedAdditional.map((industry, index) => (\n \n {!props.createProfile && Wähle... }\n\n \n \n {props.data?.map((region) => (\n \n ))}\n \n \n
\n );\n}\n\nTravelHowFar.propTypes = {\n data: PropTypes.array.isRequired\n};\n","import React, { useEffect, useState } from 'react';\nimport TravelHowFar from './TravelHowFar';\nimport { Paragraph } from './Region';\nimport ComponentWrapper from '../../../ComponentWrapper/ComponentWrapper';\nimport GetData from '../../../../api/GetData';\nimport Radiobuttons from '../Step2Subcomponents.js/RadioButtons';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateStepFive } from '../../../../store/stepsSlice';\n\nexport default function Traveling(props) {\n const dispatch = useDispatch();\n const wouldTravel = useSelector((state) => state.steps.stepFive.wouldTravel);\n const travelRegionId = useSelector(\n (state) => state.steps.stepFive.travelRegionId\n );\n\n const [regions, setRegions] = useState(null);\n\n const handleChange = (value) => {\n dispatch(updateStepFive({ wouldTravel: value }));\n };\n\n useEffect(() => {\n async function getRegions() {\n let response = await GetData('Region');\n setRegions(response);\n }\n getRegions();\n }, []);\n\n return (\n <>\n \n {!props.createProfile && Wähle... }\n \n \n dispatch(updateStepFive({ shiftId: e.target.value }))\n }\n >\n {loadedShifts.map((item) => (\n \n ))}\n \n \n
\n )}\n \n );\n}\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport ExtensionIcon from '@mui/icons-material/Extension';\nimport Chip from '@mui/material/Chip';\nimport { Paragraph } from './Region';\nimport { Row } from '../StepTwo';\nimport GetData from '../../../../api/GetData';\nimport ComponentWrapper from '../../../ComponentWrapper/ComponentWrapper';\nimport { Button } from '@mui/material';\nimport SubmitButton from '../../../Buttons/submitButton';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateStepFive } from '../../../../store/stepsSlice';\nimport ModalSteps from '../ModalSteps';\n\nexport const OpenModal = styled.button`\n background-color: #e30613;\n border: none;\n outline: none;\n width: 120px;\n color: white;\n border-radius: 10px;\n font-size: 18px;\n cursor: pointer;\n padding: 5px;\n`;\n\nexport default function Benefits(props) {\n const dispatch = useDispatch();\n const benefitsArray = useSelector(\n (state) => state.steps.stepFive.benefitsArray\n );\n\n const [open, setOpen] = useState(false);\n const [loadedbenefits, setloadedbenefits] = useState([]);\n const [selectedBenefits, setselectedBenefits] = useState(benefitsArray);\n\n useEffect(() => {\n async function getBenefits() {\n const response = await GetData('Benefits');\n\n const arr = response.filter(\n (x) => !selectedBenefits.find((y) => y.BenefitsId === x.BenefitsId)\n );\n\n setloadedbenefits(arr);\n }\n getBenefits();\n }, []);\n\n const removeElement = (niz = null, industrija) => {\n const filteredIndustries = niz.filter(\n (item) => item.BenefitsId !== industrija.BenefitsId\n );\n setloadedbenefits(filteredIndustries);\n return true;\n };\n const removeSelected = (industrija) => {\n const filteredIndustries = selectedBenefits.filter(\n (item) => item.BenefitsId !== industrija.BenefitsId\n );\n setselectedBenefits(filteredIndustries);\n };\n const addLoaded = (industrija) =>\n setloadedbenefits([...loadedbenefits, industrija]);\n\n const handleClick = (industrija) => {\n removeElement(loadedbenefits, industrija);\n setselectedBenefits([...selectedBenefits, industrija]);\n };\n\n const body = (\n <>\n Welche Benefits sind dir wichtig?
\n {loadedbenefits &&\n loadedbenefits.map((indust, index) => (\n\n {selectedBenefits &&\n selectedBenefits.map((industry, index) => (\n
\n \n Was möchtest du für eine Anstellungsart?{' '}\n
\n {loadedbenefits &&\n loadedbenefits.map((indust, index) => (\n\n {selectedEmployment &&\n selectedEmployment.map((industry) => (\n
\n \n {selectedItems.map((el) => (\n \n {[\n branch?.find((i) => i.BranchId == el.industryId)?.BranchType,\n el.professionName,\n {\n const temp = selectedItems.filter(\n (x) =>\n x.industryId != el.industryId ||\n x.proffesionId != el.proffesionId\n );\n\n setselectedItems(temp);\n dispatch(updateStepFive({ branchArray: temp }));\n }}\n />\n ].map((e, index) => (\n \n {e}\n \n ))}\n
\n ))}\n \n \n {props.title}\n
\n{props.subtitle}
\n\n
\n MATCH\n {auth.isApplicant() && (\n \n {}}\n size=\"large\"\n >\n 
\n \n \n )}\n
\n );\n newItem.renderCell = (params) => (\n <>\n {params.value === 'quick-apply' ? (\n Express
\n ) : params.value == 'No matching' ? (\nKein Match
\n ) : (\n\n \n
\n \n \n {params.value.Name}\n \n \n {params.value.Email}\n \n
\n \n );\n }\n\n if (\n element.toLowerCase() === 'name' ||\n element.toLowerCase() === 'adresse' ||\n element.toLowerCase() === 'land'\n ) {\n newItem.minWidth = 250;\n }\n\n if (element.toLowerCase() === 'typ') {\n newItem.minWidth = 200;\n }\n columns.push(newItem);\n });\n return columns;\n };\n\n const isSmall = useMediaQuery({ maxWidth: DeviceSize.newSmall });\n const isExtraSmall = useMediaQuery({ maxWidth: DeviceSize.newExtraSmall });\n\n return (\n \n
\n \n {\n props.onRowClick && props.onRowClick(cell);\n }}\n components={{\n NoRowsOverlay: NoRows\n }}\n />\n
\n \n 
\n
\n );\n};\n\nconst useStyles = makeStyles((theme) => ({\n dataGrid: {\n 'border': 'none',\n 'letter-spacing': '0.01071em',\n '& .MuiDataGrid-footer': {\n justifyContent: 'center',\n marginTop: theme.spacing(2)\n },\n '& .MuiDataGrid-cell': {\n borderBottom: 'none'\n },\n '& .MuiDataGrid-columnHeaders': {\n backgroundColor: '#fafafa',\n borderRadius: 5,\n color: '#707070',\n fontFamily: 'Montserrat',\n textTransform: 'uppercase',\n fontSize: 12,\n border: 'none'\n },\n '& .MuiDataGrid-virtualScroller::-webkit-scrollbar': {\n width: '8px',\n height: '8px'\n },\n\n '& .MuiDataGrid-virtualScroller::-webkit-scrollbar-track': {\n background: '#fafafa'\n },\n\n '& .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb': {\n background: '#c9333c',\n borderRadius: '8px'\n }\n },\n icon: {\n color: '#e83741'\n }\n}));\n\nTableWrapper.propTypes = {\n tableTitle: PropTypes.string.isRequired,\n columns: PropTypes.array.isRequired,\n rows: PropTypes.array.isRequired,\n openOption: PropTypes.func\n};\n\nexport default TableWrapper;\n","export default __webpack_public_path__ + \"static/media/stepsDone.77e40151.png\";","import React from 'react';\nimport styled from 'styled-components';\nimport ComponentWrapper from '../ComponentWrapper/ComponentWrapper';\nimport PropTypes from 'prop-types';\nimport { DashboardTitle } from '../../Pages/CompanyDashboard/Home';\nimport { Row } from '../CreateProfile/Steps';\nimport close from '../../assets/images/close-icon.svg';\nimport CustomModal from './Modal';\n\nexport const ModalHeader = styled.div`\n height: 108px;\n width: 100%;\n box-shadow: 5px 0px 10px rgba(225, 225, 225, 0.25);\n border-radius: 30px 30px 10px 10px;\n\n @media (max-width: 590px) {\n height: auto;\n }\n`;\n\nexport const ModalInner = styled(ComponentWrapper)`\n scroll-behavior: auto;\n height: 80%;\n overflow-y: auto;\n padding: 20px 20px 10px;\n\n ::-webkit-scrollbar {\n width: 0.6rem;\n height: 0.6rem;\n }\n\n ::-webkit-scrollbar-track {\n background: #fafafa;\n }\n\n ::-webkit-scrollbar-thumb {\n background: #c9333c;\n border-radius: 8px;\n }\n`;\n\nexport function ModalOuter({\n open,\n title,\n option,\n onClose,\n children,\n small,\n smallHeight,\n large,\n showDot = true,\n header = null\n}) {\n return (\n Sie haben noch keine Daten
\n\n {\n if(mainConstactPerson) {\n setMainConstactPerson(false);\n } else\n setOpenAlert(true);\n }}\n />\n
\n \n Firmenansprechpartner
\n \n {\n history.push('/arbeitgeber', {data: 'scroll'});\n }}\n >\n Verfügbare Pakete anzeigen\n \n
\n {message}
\n\n \n {}}\n size=\"large\"\n >\n \n \n \n )}\n
\n\n \n\n \n {}}\n size=\"large\"\n >\n \n \n \n )}\n
\n\n {props.label3 && (\n \n
\n )}\n Link zum eigenen Stellenportal
\n \n
\n \n
\n );\n};\n\nconst useStyles = makeStyles((theme) => ({\n dataGrid: {\n 'border': 'none',\n '& .MuiDataGrid-footer': {\n justifyContent: 'center',\n marginTop: theme.spacing(2)\n },\n '& .MuiDataGrid-cell': {\n borderBottom: '1px dashed #C7C7C7'\n },\n '& .MuiDataGrid-columnHeaders': {\n backgroundColor: '#fafafa',\n borderRadius: 5,\n color: '#707070',\n fontFamily: 'Montserrat',\n textTransform: 'uppercase',\n fontSize: 12,\n border: 'none',\n padding: 0\n },\n '& .MuiDataGrid-columnSeparator': {\n display: 'none'\n },\n '& .MuiDataGrid-menuIcon': {\n display: 'none'\n },\n '& .MuiDataGrid-columnHeader:focus': {\n outline: 'none'\n },\n '& .MuiDataGrid-window': {\n overflowX: 'hidden'\n },\n '& .MuiDataGrid-virtualScroller::-webkit-scrollbar': {\n width: '8px',\n height: '8px'\n },\n\n '& .MuiDataGrid-virtualScroller::-webkit-scrollbar-track': {\n background: '#fafafa'\n },\n\n '& .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb': {\n background: '#c9333c',\n borderRadius: '8px'\n }\n }\n}));\n\nexport default StrasseCard;\n","import React from 'react';\n\nimport { ReactComponent as EditButton } from '../../assets/images/editButton.svg';\nimport './card.css';\n\nconst BrancheCard = ({\n title,\n onClick,\n data = [],\n noEditIcon = false,\n ...props\n}) => {\n const renderData = () =>\n data.map((el, index) => (\n \n
\n {title}
\n {!noEditIcon &&\n
\n \n
\n \n {el.map((e, index) => (\n {e}\n ))}\n
\n ));\n\n return (\n \n
\n );\n};\n\nexport default BrancheCard;\n","import React from 'react';\n\nimport { ReactComponent as EditButton } from '../../assets/images/editButton.svg';\nimport './card.css';\n\nconst DegreeCard = ({\n title,\n onClick,\n data = [],\n noEditIcon = false,\n classes = ''\n}) => {\n const renderRows = () =>\n data.map((el, index) => (\n \n
\n {title}
\n {!noEditIcon &&{renderData()}
\n \n {el}\n
\n ));\n return (\n\n
\n );\n};\n\nexport default DegreeCard;\n","var _path, _path2, _line, _path3, _line2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgMapPins(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n className: \"icon icon-tabler icon-tabler-map-pins\",\n width: 16,\n height: 16,\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"#E83741\",\n fill: \"none\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"none\",\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.828 9.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z\"\n })), _line || (_line = /*#__PURE__*/React.createElement(\"line\", {\n x1: 8,\n y1: 7,\n x2: 8,\n y2: 7.01\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.828 17.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z\"\n })), _line2 || (_line2 = /*#__PURE__*/React.createElement(\"line\", {\n x1: 16,\n y1: 15,\n x2: 16,\n y2: 15.01\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgMapPins);\nexport default __webpack_public_path__ + \"static/media/mapPins.87607ca1.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/mapPins.87607ca1.svg\";","var _path, _path2, _path3, _path4, _path5, _line, _line2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgJobType(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n className: \"icon icon-tabler icon-tabler-pool\",\n width: 16,\n height: 16,\n viewBox: \"0 0 24 24\",\n strokeWidth: 2,\n stroke: \"#16639A\",\n fill: \"none\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"none\",\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2 16a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15 12v-7.5a1.5 1.5 0 0 1 3 0\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 12v-7.5a1.5 1.5 0 0 0 -3 0\"\n })), _line || (_line = /*#__PURE__*/React.createElement(\"line\", {\n x1: 15,\n y1: 5,\n x2: 9,\n y2: 5\n })), _line2 || (_line2 = /*#__PURE__*/React.createElement(\"line\", {\n x1: 9,\n y1: 10,\n x2: 15,\n y2: 10\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgJobType);\nexport default __webpack_public_path__ + \"static/media/jobType.14455864.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _rect, _path2, _line, _path3;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgBriefcase(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n className: \"icon icon-tabler icon-tabler-briefcase\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"#E83741\",\n fill: \"none\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"none\",\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n })), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 3,\n y: 7,\n width: 18,\n height: 13,\n rx: 2\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2\"\n })), _line || (_line = /*#__PURE__*/React.createElement(\"line\", {\n x1: 12,\n y1: 12,\n x2: 12,\n y2: 12.01\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 13a20 20 0 0 0 18 0\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgBriefcase);\nexport default __webpack_public_path__ + \"static/media/briefcase.9e673703.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\nimport styled, { css } from 'styled-components/macro';\nimport { ReactComponent as MapPins } from '../../assets/images/mapPins.svg';\nimport { ReactComponent as JobTypeIcon } from '../../assets/images/jobType.svg';\nimport { ReactComponent as BriefCase } from '../../assets/images/briefcase.svg';\nimport { ReactComponent as Salary } from '../../assets/images/euro-bills.svg';\nimport { IconButton, MenuItem, ListItemIcon, Menu } from '@mui/material';\nimport {\n AssignmentTurnedIn,\n Delete,\n Edit,\n MoreHoriz,\n Storage\n} from '@mui/icons-material';\nimport FileCopyIcon from '@mui/icons-material/FileCopy';\nimport { Switch } from '@mui/material';\nimport { DeviceSize } from '../responsive';\nimport { useMediaQuery } from 'react-responsive';\nimport auth from '../../auth';\nimport { useHistory, useLocation } from 'react-router';\nimport PostData from '../../api/PostData';\nimport { formatSalary } from '../../utils/formatSalary';\n\nexport const Card = styled.div`\n height: 350px;\n min-width: 300px;\n // width: 40%;\n max-width: 370px;\n padding: 20px;\n // margin: 10px;\n border-radius: 10px;\n background-color: #fff;\n\n flex: 1;\n position: relative;\n display: flex;\n flex-direction: column;\n box-shadow: 0px 4px 10px rgba(205, 205, 205, 0.25);\n &:hover {\n box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.01),\n 0 6.7px 5.3px rgba(0, 0, 0, 0.02), 0 12.5px 10px rgba(0, 0, 0, 0.02),\n 0 19.3px 10.9px rgba(0, 0, 0, 0.02), 0 20.8px 28.4px rgba(0, 0, 0, 0.01),\n 0 65px 60px rgba(0, 0, 0, 0.01);\n cursor: pointer;\n transition: 0.4s;\n }\n ${(props) =>\n props.isExtraSmall &&\n css`\n width: 100%;\n min-width: 260px;\n `}\n ${(props) =>\n props.width &&\n css`\n width: ${props.width};\n `}\n ${(props) =>\n props.noMaxWidth &&\n css`\n max-width: none;\n `}\n`;\n\nconst JobType = styled.span`\n margin-left: 5%;\n display: inline;\n font-size: 14px;\n width: 85%;\n`;\nexport const JobTypeColor = styled.div`\n width: 12px;\n height: 12px;\n -webkit-border-radius: 25px;\n -moz-border-radius: 25px;\n border-radius: 25px;\n background: #31cc5d;\n display: inline-block;\n margin-right: 3%;\n margin-left: -5%;\n\n ${(props) =>\n props.inActive &&\n `\n background: #e83741;\n `}\n`;\nconst SubContainer = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin-top: 5%;\n flex-wrap: wrap;\n\n & div {\n margin: 5px;\n }\n ${(props) =>\n props.flexColumn &&\n `\n flex-direction: column;\n align-items:flex-start;\n `}\n`;\nconst SubContainer1 = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5%;\n flex-wrap: wrap;\n\n & div {\n margin: 5px;\n }\n ${(props) =>\n props.flexColumn &&\n `\n flex-direction: column;\n align-items:flex-start;\n `}\n`;\n\nconst JobTitle = styled.h4`\n margin-top: 10%;\n font-size: 20px;\n hyphens: auto;\n`;\n\nconst Small = styled.small`\n color: #3d3d3d;\n font-size: 14px;\n margin: 0 5px;\n`;\nconst CompanyName = styled.p`\n margin-left: 10px;\n font-size: 14px;\n margin-bottom: 0;\n`;\n\nconst ContentContainer = styled.div`\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n`;\n\nconst SwitchContainer = styled.div`\n position: absolute;\n top: 10px;\n right: 10px;\n`;\n\nconst CustomSwitch = styled(Switch)(({ theme }) => ({\n '& .MuiSwitch-switchBase.Mui-checked': {\n color: '#31cc5d'\n },\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: '#31cc5d'\n }\n}));\n\nexport default function JobsCard({\n employment,\n title,\n city,\n city2 = null,\n city3 = null,\n industry,\n companyName,\n dashboard,\n onClick,\n onMoreClick,\n width,\n noMaxWidth,\n onDelete,\n jobData,\n updateJobsList,\n changeSnacbar = () => {},\n getAllJobs = () => {}\n}) {\n const history = useHistory();\n const [anchorEl, setAnchorEl] = useState(null);\n const location = useLocation();\n const [checked, setChecked] = useState(jobData.isActive);\n\n const isExtraSmall = useMediaQuery({ maxWidth: DeviceSize.newExtraSmall });\n return (\n <>\n \n
\n {title}
\n {!noEditIcon &&{renderRows()}
\n \n \n
\n\n \n
\n {jobData.MinAnnualSalary !== 0 && (\n \n
\n )}\n \n {companyName}
\n {dashboard && (\n \n 
\n
\n \n
\n \n \n );\n};\n\nexport default ApplicantInfoCard;\n","import React from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport styles from './CircularLoader.module.scss';\n\nexport default function CircularLoader({ message, small }) {\n return (\n \n
\n {user?.Email && (\n \n {' '}\n {user?.Title?.TitleName} {user?.FirstName} {user?.LastName}\n
\n\n 
\n
\n )}\n\n {user?.Phone && (\n {user?.Email}
\n\n 
\n
\n )}\n {user?.Phone}
\n{message}
\n\n \n {renderRows()}\n
\n \n
\n );\n};\n\nexport default JobCard;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport ComponentWrapper from '../ComponentWrapper/ComponentWrapper';\nimport PropTypes from 'prop-types';\nimport { DashboardTitle } from '../../Pages/CompanyDashboard/Home';\nimport { Row } from '../CreateProfile/Steps';\nimport close from '../../assets/images/close-icon.svg';\nimport { ReactComponent as Salary } from '../../assets/images/euro-bills.svg';\nimport CustomModal from './Modal';\nimport { ModalInner } from './ModalOuter';\nimport GetData from '../../api/GetData';\nimport StrasseCard from '../ApplicationCards/strasseCard';\nimport BrancheCard from '../ApplicationCards/brancheCard';\nimport DegreeCard from '../ApplicationCards/degreeCard';\nimport axios from 'axios';\nimport config from '../../config/api.config';\nimport CircularFiller from '../../Pages/UserDashboard/CircularFiller';\nimport styles from './ApplicationModal.module.scss';\nimport MapPins from '../../assets/images/mapPins.svg';\nimport { JobTypeColor } from '../Jobs/JobsCard';\nimport ApplicantInfoCard from './ApplicantInfoCard';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../responsive';\nimport CircularLoader from '../Loader/CircularLoader';\nimport JobCard from '../ApplicationCards/jobCard';\nimport { formatSalary } from '../../utils/formatSalary';\n\nexport const ApplicationModal = ({\n open,\n onClose,\n userId,\n email,\n userName,\n job,\n match,\n officeApplications\n}) => {\n const [loading, setloading] = useState(false);\n const [user, setuser] = useState({});\n const [hobbies, setHobbies] = useState([]);\n const [language, setLanguage] = useState([]);\n\n const [street, setStreet] = useState([]);\n const [water, setWater] = useState([]);\n const [air, setAir] = useState([]);\n const [other, setOther] = useState([]);\n\n const [profession, setProfession] = useState([]);\n const [college, setCollege] = useState([]);\n const [branche, setBranche] = useState([]);\n const [qualification, setQualification] = useState([]);\n const [certificate, setCertificate] = useState([]);\n const [employment, setEmployment] = useState([]);\n const [benefit, setBenefit] = useState([]);\n const [vocational, setvocational] = useState([]);\n const [jobRegion, setjobRegion] = useState(null);\n const [jobDetails, setjobDetails] = useState(null);\n\n const GetJobRegion = async (id) => {\n await axios\n .get(`${config.apiUrl}/Location/${id}`)\n .then((res) => setjobRegion(res.data))\n .catch((err) => console.error(err));\n };\n\n const GetHobbies = async () => {\n await axios\n .get(`${config.apiUrl}/ApplicantHobbies`, {\n params: {\n ApplicantId: userId,\n IncludeHobbies: true\n }\n })\n .then((res) => setHobbies(res.data))\n .catch((err) => console.error(err));\n };\n const GetLicences = async () => {\n await axios\n .get(`${config.apiUrl}/ApplicantLicense`, {\n params: {\n ApplicantId: userId,\n IncludeLicense: true\n }\n })\n .then((res) => {\n let street = [];\n let air = [];\n let water = [];\n let other = [];\n\n res.data.forEach((licence) => {\n switch (licence.License.LicenseTypeId) {\n case 1:\n street.push(licence);\n break;\n case 2:\n water.push(licence);\n break;\n case 3:\n air.push(licence);\n break;\n case 4:\n other.push(licence);\n break;\n }\n });\n\n setStreet(street);\n setWater(water);\n setAir(air);\n setOther(other);\n });\n };\n const GetLanguageLevel = async () => {\n await axios\n .get(`${config.apiUrl}/LanguageLevel`, {\n params: {\n ApplicantId: userId,\n IncludeLanguage: true,\n IncludeLevel: true\n }\n })\n .then((res) => setLanguage(res.data))\n .catch((err) => console.error(err));\n };\n const GetProfession = async () => {\n await axios\n .get(`${config.apiUrl}/ApplicantProfession`, {\n params: {\n ApplicantId: userId,\n IncludeBranch: true,\n IncludeProfession: true\n }\n })\n .then((res) => setProfession(res.data))\n .catch((err) => console.error(err));\n };\n const GetCollege = async () => {\n await axios\n .get(`${config.apiUrl}/ApplicantCollege`, {\n params: {\n ApplicantId: userId,\n IncludeCollege: true\n }\n })\n .then((res) => setCollege(res.data))\n .catch((err) => console.error(err));\n };\n const GetBranche = async () => {\n axios\n .get(`${config.apiUrl}/ApplicantDesiredProfession`, {\n params: {\n ApplicantId: userId,\n IncludeBranch: true,\n IncludeProfession: true,\n IsDesired: true\n }\n })\n .then((res) => setBranche(res.data))\n .catch((err) => console.error(err));\n };\n const GetQualification = async () => {\n axios\n .get(`${config.apiUrl}/ApplicantQualifications`, {\n params: {\n ApplicantId: userId,\n IncludeSkills: true,\n IncludeQualifications: true\n }\n })\n .then((res) => setQualification(res.data))\n .catch((err) => console.error(err));\n };\n const GetVocational = async () => {\n axios\n .get(`${config.apiUrl}/ApplicantDesiredProfession`, {\n params: {\n ApplicantId: userId,\n IncludeBranch: false,\n IncludeProfession: true,\n IsDesired: false\n }\n })\n .then((res) => {\n setvocational(res.data);\n })\n .catch((err) => console.error(err));\n };\n const GetCertificate = async () => {\n axios\n .get(`${config.apiUrl}/ApplicantCertificate`, {\n params: {\n ApplicantId: userId,\n IncludeCertificate: true\n }\n })\n .then((res) => setCertificate(res.data))\n .catch((err) => console.error(err));\n };\n const GetEmployment = async () => {\n await axios\n .get(`${config.apiUrl}/ApplicantEmployment`, {\n params: {\n ApplicantId: userId,\n IncludeEmployment: true\n }\n })\n .then((res) => setEmployment(res.data))\n .catch((err) => console.error(err));\n };\n const GetBenefit = async () => {\n await axios\n .get(`${config.apiUrl}/ApplicantBenefits`, {\n params: {\n ApplicantId: userId,\n IncludeBenefit: true\n }\n })\n .then((res) => setBenefit(res.data))\n .catch((err) => console.error(err));\n };\n\n const GetJobDetails = async (user_) => {\n await Promise.allSettled([\n user_.TravelingId &&\n axios.get(`${config.apiUrl}/Region/${user_.TravelingId}`),\n user_.ShiftId && axios.get(`${config.apiUrl}/Shift/${user_.ShiftId}`),\n user_.StartingDateId &&\n axios.get(`${config.apiUrl}/StartingDate/${user_.StartingDateId}`)\n ]).then((res) => {\n setjobDetails([\n {\n label: 'Eintrittstermin',\n value: res[2]?.value?.data.Type,\n id: res[2]?.value?.data.StartingDateId\n },\n {\n label: 'Reisebereitschaft',\n value: res[0]?.value?.data.RegionName,\n id: res[0]?.value?.data.RegionId\n },\n {\n label: 'Schichtbetrieb',\n value: res[1]?.value?.data.Shifts,\n id: res[1]?.value?.data.ShiftId\n }\n ]);\n });\n };\n\n useEffect(() => {\n (async () => {\n if (userId) {\n setloading(true);\n const res = await GetData(`User/${userId}`);\n setuser(res);\n\n await Promise.allSettled([\n GetJobDetails(res),\n GetJobRegion(res.JobRegionId),\n GetHobbies(),\n GetLicences(),\n GetLanguageLevel(),\n GetProfession(),\n GetCollege(),\n GetBranche(),\n GetQualification(),\n GetCertificate(),\n GetVocational(),\n GetEmployment(),\n GetBenefit()\n ]);\n setloading(false);\n }\n })();\n }, [userId]);\n\n const isSmall = useMediaQuery({ maxWidth: DeviceSize.newSmall });\n\n return (\n \n
\n {title}
\n {!noEditIcon &&\n \n \n \n \n {userName}\n \n {email}\n \n \n Anrede\n \n \n {user?.Gender?.GenderType}\n \n \n \n\n
\n
\n \n \n \n {\n setuser(null);\n onClose();\n }}\n style={{ cursor: 'pointer' }}\n />\n
\n {loading ? (\n <>\n \n
\n {job?.Profession?.ProfesionName}
\n\n {officeApplications?.map((oa) => (\n <>\n
\n {user?.MinAnnualSalary !== 0 && (\n \n
\n {oa.Office?.BranchType}
\n\n
\n \n ))}\n \n {oa.Employments?.map((e) => e.EmploymentType).join(\n ', '\n )}\n
\n\n
\n )}\n \n {formatSalary(user?.MinAnnualSalary)}€ -{' '}\n {formatSalary(user?.MaxAnnualSalary)}€{' '}\n
\nBewerberinformationen
\n\n\n \n \n
\n\n\n \n \n
\n\n\n \n \n
\n- \n
- {user?.Name} \n
\n GESCHAFFT !\n
\n\n Möchtest du dein Profil jetzt ausfüllen?\n
\n- \n {props.list.map((item, index) => (\n
\n \n
\n Sie haben keine Bewerbungen
\n\n Niemand hat sich auf Ihre Jobs beworben\n
\n \n \n {!props.job &&\n !props.landing &&\n !props.allJobs &&\n !props.voluntering && (\n {\n setPartner(e.target.value);\n }}\n className={`search-bar-input ${!partner && 'gewerbepark'}`}\n style = { isMobileSmall\n ? { width: '100%', marginBottom: '10px' } : !isMobile ? {marginRight: '10px',} : { marginBottom: '10px'}}\n displayEmpty\n renderValue={(value) =>\n value\n ? props.partners.find((v) => v.PartnerId == value)\n ?.PartnerName\n : 'Gewerbepark, Schule, Universität…'\n }\n >\n {props.partners?.map((partner) => (\n \n ))}\n \n )}\n\n {(props.job ||\n props.landing ||\n props.allJobs ||\n props.voluntering) && (\n setTitle(event.target.value)}\n placeholder={isMobileSmall? \"Stichwort, Jobtitel...\": \"Stichwort, Jobtitel oder Firmenname\"} \n className={`search-bar-input ${!title && 'gewerbepark'}`}\n style={\n isMobileSmall\n ? {\n marginRight: '26px',\n marginBottom: '10px',\n width: '100%'\n }\n : { marginRight: '26px', marginBottom: '10px' }\n }\n />\n )}\n\n {(!props.job ||\n props.landing ||\n props.allJobs ||\n props.voluntering) && (\n setCompany(event.target.value)}\n displayEmpty\n renderValue={(value) =>\n value\n ? props.allCompanies.find((e) => e.Id == value)?.Name\n : props.company ? props.allCompanies.find((e) => e.Id == props.company)?.Name : \n `Firma im ${props.partnerName}`\n }\n className={`search-bar-input ${!company && 'gewerbepark firma'}`}\n \n >\n {props.allCompanies?.map((company) => (\n \n ))}\n \n )}\n
\n\n {(props.job || props.landing || props.allJobs) && (\n \n setBranch(event.target.value)}\n displayEmpty\n renderValue={(value) =>\n value\n ? allBranches.find((e) => e.BranchId == value)?.BranchType\n : 'Kategorie wählen'\n }\n className={`search-bar-input ${\n !branch && 'gewerbepark voluntering'\n }`}\n style={isMobileSmall ? { width: '320px' } : {}}\n >\n \n {allBranches.map((branch) => (\n \n ))}\n \n
\n )}\n \n {searchBarContent()}
\n )}\n \n );\n};\n\nexport default SearchBar;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconBusinessGrey(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 29.25,\n height: 27,\n viewBox: \"0 0 29.25 27\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_ionic-md-business\",\n \"data-name\": \"Icon ionic-md-business\",\n d: \"M18.352,10.5v-6H3.375v27h29.25v-21Zm-8.986,18h-3v-3h3Zm0-6h-3v-3h3Zm0-6h-3v-3h3Zm0-6h-3v-3h3Zm5.991,18h-3v-3h3Zm0-6h-3v-3h3Zm0-6h-3v-3h3Zm0-6h-3v-3h3Zm14.273,18H18.352v-3h3v-3h-3v-3h3v-3h-3v-3H29.63Zm-2.644-12h-3v3h3Zm0,6h-3v3h3Z\",\n transform: \"translate(-3.375 -4.5)\",\n fill: \"#7c7c7c\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconBusinessGrey);\nexport default __webpack_public_path__ + \"static/media/icon-business-grey.7554cf00.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconPinFill(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20.25,\n height: 27,\n viewBox: \"0 0 20.25 27\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_awesome-map-marker-alt\",\n \"data-name\": \"Icon awesome-map-marker-alt\",\n d: \"M9.084,26.455C1.422,15.347,0,14.207,0,10.125a10.125,10.125,0,0,1,20.25,0c0,4.082-1.422,5.222-9.084,16.33a1.266,1.266,0,0,1-2.081,0Zm1.041-12.111a4.219,4.219,0,1,0-4.219-4.219A4.219,4.219,0,0,0,10.125,14.344Z\",\n fill: \"#7c7c7c\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconPinFill);\nexport default __webpack_public_path__ + \"static/media/icon-pin-fill.36c6bcd6.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconBusinessCenterFill(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 30,\n height: 27,\n viewBox: \"0 0 30 27\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_material-business-center\",\n \"data-name\": \"Icon material-business-center\",\n d: \"M15,24V22.5H4.515l-.015,6a2.99,2.99,0,0,0,3,3h21a2.99,2.99,0,0,0,3-3v-6H21V24ZM30,10.5H23.985v-3l-3-3h-6l-3,3v3H6a3.009,3.009,0,0,0-3,3V18a2.99,2.99,0,0,0,3,3h9V18h6v3h9a3.009,3.009,0,0,0,3-3V13.5A3.009,3.009,0,0,0,30,10.5Zm-9,0H15v-3h6Z\",\n transform: \"translate(-3 -4.5)\",\n fill: \"#7c7c7c\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconBusinessCenterFill);\nexport default __webpack_public_path__ + \"static/media/icon-business-center-fill.73e75892.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from \"react\";\nimport { Button } from \"@mui/material\";\nimport {ReactComponent as IconBusiness} from \"../../assets/images/icon-business-grey.svg\";\nimport {ReactComponent as IconPin} from \"../../assets/images/icon-pin-fill.svg\";\nimport {ReactComponent as IconBusinessCenter} from \"../../assets/images/icon-business-center-fill.svg\";\nimport './partnerJobCard.scss';\nimport { useEffect } from \"react\";\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../responsive';\n\nconst PartnerJobCard = (props) => {\n const [employment, setEmployment] = useState(null);\n\n useEffect(() => {\n setEmployment(props.job?.Employments?.length? props.job?.Employments : props.job?.EmploymentText)\n }, [props.job])\n const isMobileSmall = useMediaQuery({ maxWidth: 767 });\n const isMobileSmall2 = useMediaQuery({ maxWidth: DeviceSize.iPadPro });\n return (\n {window.open(`/job/${encodeURIComponent(props.job.Profession?.ProfesionName?.replace(\"+\", \"\") ?? props.job.ProfessionText?.replace(\"+\", \"\"))}-${props.job.JobAdvertisementId}`,\"_blank\") }}\n >\n { window.open(`/job/${encodeURIComponent(props.job.Profession?.ProfesionName?.replace(\"+\", \"\") ?? props.job.ProfessionText?.replace(\"+\", \"\"))}-${props.job.JobAdvertisementId}`,\"_blank\") }}\n >\n Jetzt entdecken\n } */}\n \n
\n )\n}\n\nexport default PartnerJobCard;","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLeftArrow(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 53,\n height: 53,\n viewBox: \"0 0 53 53\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group\",\n transform: \"translate(53 53) rotate(180)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"bg\",\n width: 53,\n height: 53,\n rx: 26.5,\n fill: \"#e6e6e6\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_27\",\n \"data-name\": \"Group 27\",\n transform: \"translate(-0.208 -0.207)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path\",\n d: \"M0,0,8.9,9.088,0,18.175\",\n transform: \"translate(28.189 17.619)\",\n fill: \"#e6e6e6\",\n stroke: \"#fff\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 10,\n strokeWidth: 3\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path-2\",\n \"data-name\": \"Path\",\n d: \"M0,.454H20.772\",\n transform: \"translate(16.322 26.253)\",\n fill: \"#e6e6e6\",\n stroke: \"#fff\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 10,\n strokeWidth: 3\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLeftArrow);\nexport default __webpack_public_path__ + \"static/media/left-arrow.1ea9ece6.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgRightArrow(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"charm:arrow-right\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 53,\n height: 53,\n viewBox: \"0 0 53 53\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"bg\",\n width: 53,\n height: 53,\n rx: 26.5,\n fill: \"#e6e6e6\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_27\",\n \"data-name\": \"Group 27\",\n transform: \"translate(-0.208 -0.207)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path\",\n d: \"M0,0,8.9,9.088,0,18.175\",\n transform: \"translate(28.189 17.619)\",\n fill: \"#e6e6e6\",\n stroke: \"#fff\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 10,\n strokeWidth: 3\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path-2\",\n \"data-name\": \"Path\",\n d: \"M0,.454H20.772\",\n transform: \"translate(16.322 26.253)\",\n fill: \"#e6e6e6\",\n stroke: \"#fff\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 10,\n strokeWidth: 3\n })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgRightArrow);\nexport default __webpack_public_path__ + \"static/media/right-arrow.63f4bc2b.svg\";\nexport { ForwardRef as ReactComponent };","var _text;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgJobTitle(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 145,\n height: 1072,\n viewBox: \"0 0 145 1072\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _text || (_text = /*#__PURE__*/React.createElement(\"text\", {\n id: \"The_Best_Free_Online\",\n \"data-name\": \"The Best Free Online\",\n transform: \"translate(0 1071) rotate(-90)\",\n fill: \"#e71e2c\",\n fontSize: 119,\n fontFamily: \"Montserrat-Light, Montserrat\",\n fontWeight: 300\n }, /*#__PURE__*/React.createElement(\"tspan\", {\n x: 0,\n y: 115\n }, \"JOBANZEIGEN\"))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgJobTitle);\nexport default __webpack_public_path__ + \"static/media/job-title.df11c895.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState, useCallback } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\nimport styled from 'styled-components';\nimport GetDataPublic from '../api/GetDataPublic';\nimport { Pagination } from '@mui/material';\nimport { EmptyBox } from './CompanyDashboard/Applications';\nimport EmptyList from '../assets/images/empty-list.svg';\nimport CircularLoader from '../components/Loader/CircularLoader';\nimport SearchBar from '../components/SearchBar/SearchBar';\nimport PartnerJobCard from '../components/PartnerJobCard/PartnerJobCard';\nimport styles from '../components/Jobs/Jobs.module.scss';\nimport Slider from 'react-slick';\nimport { ReactComponent as LeftArrow } from '../assets/images/left-arrow.svg';\nimport { ReactComponent as RightArrow } from '../assets/images/right-arrow.svg';\nimport { ReactComponent as VolunteringTitleImg } from '../assets/images/job-title.svg';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../../src/components/responsive';\nimport { useHistory } from 'react-router-dom';\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n @media (max-width: 767px) {\n overflow: hidden;\n }\n`;\n\nconst SubContainer = styled.div`\n width: 95%;\n margin-bottom: 30px;\n`;\n\nconst CardsContainer = styled.div`\n margin: 10px 30px;\n padding: 20px 5px;\n display: grid;\n gap: 20px;\n justify-content: center;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n @media (min-width: 1024px) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n@media (min-width: 1600px) {\n gap: 100px 45px\n}\n\n @media (max-width: 1024px) {\n gap: 50px 45px;\n }\n\n @media (max-width: 650px) {\n grid-template-columns: none;\n }\n`;\n\nexport default function Voluntering() {\n const [jobAds, setjobAds] = useState();\n const [currentPage, setcurrentPage] = useState(1);\n const [loading, setloading] = useState(true);\n const [allJobs, setAllJobs] = useState(false);\n\n var baseJobbQuery = `JobAdvertisement/Paging?PageNumber=${currentPage}&PageSize=6&IncludePhoto=true&IncludeOffice=true&IncludeBranch=true&IncludeStartingDate=true&VolunteeringOnly=true`;\n\n const [settings, setSettings] = useState({\n infinite: true,\n speed: 500,\n slidesToShow: 3,\n slidesToScroll:3,\n initialSlide: 0,\n centerMode: true,\n centerPadding: '5px',\n className: 'center',\n nextArrow: {Array.isArray(employment)? `${employment[0].EmploymentType} ${employment.length > 1 ? `+${employment.length -1}` : ' '}` : employment}
\n \n
\n
\n {props.job?.ProfessionText ?? props.job?.Profession?.ProfesionName}
\nm | w | d
\n\n
\n {props.job?.ApplicationUser?.Name}
\n\n
\n {props.job?.JobLocation?.City} {(props.job?.JobLocation2?.City || props.job?.JobLocation3?.City) ? ' +1' : (props.job?.JobLocation2?.City && props.job?.JobLocation3?.City? '+2' : '')}
\n\n
\n {/* {!props.noButton && {props.job?.Branch?.BranchType}
\n\n \n spiderjob - Ehrenamt \n \n \n {!allJobs && jobAds?.list.length > 3 && !isLarge && (\n \n \n\n {loading ? (\n \n {jobAds.list.map((job) => (\n \n setAllJobs(true)}\n >\n ALLE STELLEN ANZEIGEN\n \n \n ) : jobAds?.list.length > 0 ? (\n <>\n \n \n \n
\n );\n}\n","import React from 'react';\nimport Footer from '../../src/components/footer/Footer'\nimport Header from '../../src/components/header/Header';\nimport { Button } from '@mui/material';\nimport { Flex } from '../components/Common/Input';\nimport { Error } from '../components/navbar/navLinks';\n\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { useState } from 'react';\nimport Snackbar from '../components/snackbar/snackbar';\n\nimport axios from 'axios';\nimport { useEffect } from 'react';\nimport config from '../config/api.config';\n\nimport jwt from 'jwt-decode';\nimport Link from '@mui/material/Link';\nimport auth from '../auth';\nimport { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';\nconst LoginPageNew = () => {\n const [snackbar, showSnackbar] = useState(false);\n const [snackbarMessage, setSnackbarMessage] = useState('');\n const [valuesLogin, setValuesLogin] = useState({\n email: '',\n password: ''\n });\n const history = useHistory();\n const handleChangeLogin = (e) => {\n setValuesLogin({ ...valuesLogin, [e.target.name]: e.target.value });\n \n }\n\n const [error, setError] = useState('');\n const [loading, setLoading] = useState(false);\n const [validLogin, setValidLogin] = useState(false);\n const [seePassLogin, setSeePassLogin] = useState(false);\n const location = useLocation().search;\n const token = new URLSearchParams(location).get('token');\n\n const access_token =\n 'EAAHVkjGN0ZA0BAHxgilcj3WOua1Ea2iuZBEbzHsp0mio6iIvmwXZAtxL2ReT15e1LspKNlb3mDZBsfej2CTqKCS2bDwOPJHx1jpZAFEWfns6Tl0LJukoMxSzi8mOeZAIO3iHIZC8iOQr11TEfzBwsmWIrQZC4EBRzxYsRbFClDmOShVIjlvLqYJF';\nconst pixel_id = '400768238535269';\n\n\n const loginUser = (token, refreshToken) => {\n if(!token) return;\n const dataJwt = jwt(token);\n if(dataJwt.Role == '' || dataJwt.Role == 'Admin') {\n showSnackbar(true);\n setLoading(false);\n setSnackbarMessage(\"Benutzername oder Passwort ist falsch!\");\n return;\n }\n return auth.login(\n token,\n dataJwt.exp,\n dataJwt.UserId,\n dataJwt.Role,\n dataJwt.VerifiedAccount,\n dataJwt.PaymentId,\n refreshToken,\n (_) => {\n switch (dataJwt.Role) {\n case 'Applicant':\n /* if (dataJwt.VerifiedAccount == 'False')\n // history.push('/profil-stammdaten');\n else*/ history.push('/bewerber-dashboard');\n break;\n case 'Company':\n history.push({\n pathname: '/arbeitgeber-dashboard',\n state: {\n showModal: dataJwt.VerifiedAccount == 'False' ? true : false\n }\n });\n break;\n case 'Organisation':\n history.push({\n pathname: '/organisations-dashboard',\n state: {\n showModal: dataJwt.VerifiedAccount == 'False' ? true : false\n }\n });\n break;\n default:\n history.push('/');\n }\n }\n );\n };\n if (token) {\n loginUser(token);\n }\n\n const onLogin = async () => {\n setLoading(true);\n\n await axios\n .post(`${config.apiUrl}/Authentication/Login`, {\n username: valuesLogin.email,\n password: valuesLogin.password\n })\n .then((res) => {\n const token = res.data.Token;\n const refreshToken = res.data.RefreshToken;\n setLoading(false);\n loginUser(token, refreshToken);\n })\n .catch((error) => {\n console.log(error);\n showSnackbar(true);\n setLoading(false);\n setSnackbarMessage(error.response.data.ERROR[0]);\n });\n }\n\n useEffect(() => {\n setError('');\n\n if (valuesLogin.email != '' && valuesLogin.password != '') setValidLogin(true);\n \n else setValidLogin(false);\n\n \n }, [valuesLogin.email, valuesLogin.password]);\n\n return (\n \n <>\n \n \n {jobAds.list.map((job) => (\n \n
\n {jobAds && jobAds.TotalPages > 1 && (\n \n \n
\n Keine Ehrenämter gefunden
\n \n )}\n \n )}\n\n \n showSnackbar(false)}\n severity=\"error\"\n >\n {snackbarMessage}\n \n\n Email
\n\n \n \n setSeePassLogin(!seePassLogin)}\n >\n {seePassLogin ? (\n
\n \n Willkommen zurück!
\n\n Jetzt einloggen und den richtigen Job finden.\n
\n\nPasswort
\nIndem du den Button oben klickst, stimmst du unseren Nutzungsbedingungen zu.
\n Lies auch unsere
\n
\n \n \n \n \n \n );\n};\n\nexport default LoginPageNew;","export default __webpack_public_path__ + \"static/media/passwordReset.09e61b90.png\";","import React, { useState } from 'react';\nimport PasswordReset from '../../assets/images/passwordReset.png';\nimport styled from 'styled-components';\nimport axios from 'axios';\nimport config from '../../config/api.config';\n\nconst Container = styled.div`\n width: 50%;\n margin: 90px auto;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n & > p:last-of-type {\n color: #e0303a;\n }\n & > a:last-of-type {\n font-size: 22px;\n color: #e0303a;\n cursor: pointer;\n }\n`;\nconst Heading = styled.h1`\n color: rgba(232, 55, 65, 1);\n margin: 4% 0;\n text-align: center;\n`;\n\nconst Span = styled.span`\n margin: 2% 0;\n`;\n\nexport default function SentEmailConfirm(props) {\n const [errors, setErrors] = useState('');\n const onSubmit = (props) => {\n console.log(props.email);\n axios({\n method: 'post',\n url: `${config.apiUrl}/Authentication/ForgotPassword`,\n data: {\n email: props.email\n }\n })\n .then(function (response) {\n console.log(response);\n })\n .catch((error) => {\n if (error.response) {\n //do something\n console.log(error.response.data.ERROR[0]);\n setErrors(error.response.data.ERROR[0]);\n }\n });\n };\n return (\n \n Du hast noch keinen Account bei uns? \n
\n \n Ein Link wurde soeben an Deine Email Adresse gesendet \n 
\n Keinen Link erhalten?\n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport styled from 'styled-components';\nimport { Helmet } from 'react-helmet';\n\nimport axios from 'axios';\n\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\n\nimport SentEmailConfirm from '../components/Auth/SentEmailConfirm';\nimport Snackbar from '../components/snackbar/snackbar';\nimport { Button } from '@mui/material';\nimport { Link } from 'react-router-dom';\n\nimport config from '../config/api.config';\n\nconst Container = styled.div`\n margin: 0 auto;\n max-width: 500px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n & > p:last-of-type {\n color: #e0303a;\n }\n & > a:last-of-type {\n font-size: 22px;\n color: #e0303a;\n cursor: pointer;\n }\n`;\n\nconst StyledInput = styled.input`\n width: 100%;\n height: 40px;\n outline: none;\n border: none;\n border-bottom: 1px solid #dddddd;\n margin: 0 auto 10% auto;\n font-size: 18px;\n`;\nconst EmailInput = styled(StyledInput)``;\n\nconst Label = styled.label`\n color: #929292;\n display: flex;\n align-items: flex-start !important;\n margin-bottom: 5px;\n`;\n\nconst Heading = styled.h1`\n font-size: 28px;\n color: rgba(232, 55, 65, 1);\n`;\nconst SubHeading = styled.h3`\n color: rgba(142, 143, 143, 1);\n font-weight: 300;\n font-size: 20px;\n margin-bottom: 50px;\n`;\nconst Subcontainer = styled.div`\n width: 100%;\n`;\n\nexport default function ForgotPassword() {\n const { register, handleSubmit } = useForm();\n const [visible, setVisibility] = useState(false);\n const [email, setEmail] = useState('');\n const [errors, setErrors] = useState('');\n const [snackbar, showSnackbar] = useState(false);\n\n const onSubmit = (logindata) => {\n axios({\n method: 'post',\n url: `${config.apiUrl}/Authentication/ForgotPassword`,\n data: {\n email: logindata.email\n }\n })\n .then(function (response) {\n console.log(response);\n setVisibility(true);\n })\n .catch((error) => {\n if (error.response) {\n setErrors(error.response.data.ERROR[0]);\n setVisibility(false);\n showSnackbar(true);\n }\n });\n };\n\n function handleChange(e) {\n setEmail(e.target.value);\n }\n return (\n ERNEUT SENDEN
\n \n\n \n spiderjob - Passwort vergessen \n \n showSnackbar(false)}\n severity=\"error\"\n >\n {errors}\n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/passchangedsucc.88aecbc6.png\";","import React from 'react';\nimport styled from 'styled-components';\nimport ResetPassSucc from '../../assets/images/passchangedsucc.png';\nimport { Button } from '@mui/material';\nimport { useHistory } from 'react-router-dom';\n\nconst Container = styled.div`\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: 80px;\n\n img {\n width: 100%;\n max-width: 300px;\n }\n`;\n\nconst Heading = styled.h1`\n color: rgba(232, 55, 65, 1);\n font-size: 26px;\n`;\n\nexport default function PasswordChangeSucc() {\n const history = useHistory();\n\n return (\n \n \n
\n )}\n \n \n \n Hier können Sie die Datenschutzerklärung einsehen.\n \n
\n \n Daten werden auf den Systemen des Providers zwischengespeichert.{' '}\n
\n\n history.push('/login')}\n >\n Zurück zur Anmeldung\n \n
\n \n \n spiderjob - Passwort neu starten \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport { Stepper, Step, StepLabel } from '@mui/material';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@mui/styles';\nimport styled from 'styled-components';\nimport Snackbar from '../../snackbar/snackbar';\nimport { DeviceSize } from '../../../components/responsive';\nimport { useMediaQuery } from 'react-responsive';\nimport { useSelector } from 'react-redux';\nimport SubmitButton from '../../Buttons/submitButton';\nimport Logo from '../../../assets/images/newLogo.png';\nimport { useHistory } from \"react-router-dom\";\n\nexport const Container = styled.div`\n display: flex;\n flex: 1;\n width: 100%;\n flex-direction: column;\n margin-top: 40px;\n\n .MuiStepLabel-root {\n padding: 0;\n display: block;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .MuiStepLabel-label {\n font-size: 12px !important;\n padding: 0;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .MuiStepLabel-label.Mui-active {\n font-weight: 700;\n color: rgba(0, 0, 0, 0.87);\n }\n\n .MuiFormControlLabel-label {\n font-size: 16px !important;\n opacity: 0.8;\n letter-spacing: 0.01071em;\n }\n\n .MuiStepConnector-vertical {\n padding: 0;\n }\n\n .left-header {\n font-size: 22px;\n font-weight: bold;\n margin-bottom: 0;\n margin-left: 15px;\n }\n\n @media (max-width: 992px) {\n margin-top: 0px;\n }\n`;\n\nexport const LeftSide = styled.div`\n width: 100%;\n display: flex;\n justify-content: center;\n background-color: #F8F8F8;\n height: 100px;\n .MuiStepper-root {\n background: transparent;\n }\n\n .MuiStepLabel-iconContainer {\n padding-right: 0;\n\n svg {\n width: 25px;\n height: 25px;\n margin-bottom: 5px;\n }\n }\n .MuiStepLabel-labelContainer {\n margin-left: 0;\n }\n\n .MuiStep-root {\n padding: 0 25px;\n }\n\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n width: 69px;\n display: flex;\n align-items: center;\n height: auto;\n\n .MuiStepper-root {\n height: 100%;\n padding: 12px;\n }\n\n margin: 50px auto 0 auto;\n }\n\n @media (min-width: 1600px) {\n margin-top: 200px;\n }\n`;\n\nexport default function CustomStepper(props) {\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.newMedium });\n const history = useHistory();\n const [activeStep, setActiveStep] = useState(0);\n const [lastFinishedStep, setlastFinishedStep] = useState(0);\n const [snackbar, showSnackbar] = useState(false);\n const valid = useSelector((state) => state.steps.valid);\n\n const steps = props.stepsLabel;\n const classes = useStyles();\n\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n setlastFinishedStep(activeStep + 1);\n };\n const handleBack = () => {\n if(activeStep === 0) {\n history.goBack();\n }\n else setActiveStep((prevActiveStep) => prevActiveStep - 1);\n }\n \n const SwitchStep = () => {\n let stepToReturn;\n props.stepsComponent.forEach((step, index) => {\n if (activeStep === index) {\n return (stepToReturn = step);\n }\n });\n return stepToReturn;\n };\n\n const onStepClick = (label) => {\n //change step after step number click\n let redirectToStep;\n switch (label) {\n case 'Persönliche Daten':\n redirectToStep = 0;\n break;\n case 'Berufserfahrung':\n redirectToStep = 1;\n break;\n case 'Schulische Ausbildung':\n redirectToStep = 2;\n break;\n case 'Zusatzqualifikationen & Kenntnisse':\n redirectToStep = 3;\n break;\n case 'Fast geschafft!':\n redirectToStep = 4;\n break;\n default:\n redirectToStep = 0;\n }\n //prevent user to skip steps\n if (redirectToStep <= lastFinishedStep) {\n setActiveStep(redirectToStep);\n }\n };\n\n return (\n \n \n Gib dein neues Passwort ein \n \n \n \n Absenden\n \n \n \n
\n )}\n \n \n \n Das Passwort muss enthalten: mindestens 8 Zeichen, sowohl Groß-\n als auch Kleinbuchstaben, eine Mischung aus Buchstaben und\n Zahlen.\n \n
\n \n showSnackbar(false)}\n severity=\"success\"\n >\n Your data have been successfully saved!\n \n
\n \n );\n}\n\nCustomStepper.propTypes = {\n stepsLabel: PropTypes.array.isRequired,\n stepsComponent: PropTypes.array.isRequired\n};\n\n//add new styles here\nexport const useStyles = makeStyles((theme) => ({\n stepBtn: {\n textTransform: 'none',\n width: 111,\n borderRadius: 8\n },\n stepFooter: {\n display: 'flex',\n justifyContent: 'space-between',\n margin: theme.spacing(1)\n },\n stepContainer: {\n cursor: 'pointer'\n },\n stepLabel: {\n fontSize: 31.27,\n color: 'black',\n textAlign: 'center',\n [theme.breakpoints.down('sm')]: {\n display: 'none'\n }\n },\n disabledLabel: {\n cursor: 'inherit !important'\n },\n labelContainer: {\n fontWeight: 600,\n color: 'black',\n marginLeft: theme.spacing(3),\n fontSize: 20\n },\n actionsContainer: {\n marginBottom: theme.spacing(2)\n },\n icon: {\n 'fontSize': 25,\n '& svg': {\n 'zIndex': 2,\n 'color': '#e8e8e8',\n '& text': {\n display: 'none'\n }\n }\n }\n}));\n","import PostData from '../api/PostData';\n\nexport async function submitMatching(steps) {\n const jobAd = JSON.parse(localStorage.getItem('JobAd'));\n const matchingIdLocStor = jobAd.MatchingId;\n\n const { stepOne, stepTwo, stepThree, stepFour, stepFive } = steps;\n\n //applicant Location\n const applicantRegion = {\n streetNumber: stepOne.region.streetNumber || null,\n streetName: stepOne.region.streetName || null,\n district: stepOne.region.district || null,\n city: stepOne.region.city || null,\n country: stepOne.region.country || null,\n postalCode: stepOne.region.postalCode || null,\n latitude: stepOne.region.latitude || null,\n longitude: stepOne.region.longitude || null,\n formattedAddress: stepOne.region.formattedAddress || null,\n radius: stepOne.region.radius || null\n };\n\n const jobRegion = {\n streetNumber: stepFive.region.streetNumber || null,\n streetName: stepFive.region.streetName || null,\n district: stepFive.region.district || null,\n city: stepFive.region.city || null,\n country: stepFive.region.country || null,\n postalCode: stepFive.region.postalCode || null,\n latitude: stepFive.region.latitude || 0,\n longitude: stepFive.region.longitude || 0,\n formattedAddress: stepFive.region.formattedAddress || null,\n radius: stepFive.region.radius || null\n };\n\n const matchingData = {\n ...(matchingIdLocStor && {\n jobRegionForApplicantId: stepOne.region.locationId\n }),\n ...(matchingIdLocStor && { fillingPositionId: stepFive.region.locationId }),\n startingDateId: Number(stepFive.startingDateId) || null,\n jobTitleId: null,\n // applicantOldMin: stepOne.applicantAge.ageMin,\n // applicantOldMax: stepOne.applicantAge.ageMax,\n completedApprenticeship: Boolean(stepTwo.completedApprenticeship),\n crofessionalExperience: Boolean(stepTwo.hasWorkExperience),\n personnelResponsibility:\n stepTwo.hasWorkExperience && stepTwo.hasPersonalExperience,\n schoolCertificate: Boolean(stepThree.completedHighSchool),\n universityDegree: Boolean(\n stepThree.completedCollege && stepThree.completedHighSchool\n ),\n travel: Boolean(stepFive.wouldTravel),\n travelRegionId: stepFive.wouldTravel\n ? Number(stepFive.travelRegionId)\n : null,\n shifts: Boolean(stepFive.workInShifts),\n shiftId: stepFive.workInShifts ? Number(stepFive.shiftId) : null\n };\n\n const reqObj = {\n ...(matchingIdLocStor && { matchingId: matchingIdLocStor }),\n applicantRegion,\n jobRegion,\n matching: matchingData,\n collegeId:\n (stepThree.completedHighSchool &&\n stepThree.completedCollege &&\n stepThree.collegeArray &&\n stepThree.collegeArray.map((item) => ({\n id: item.CollegeDegreeId\n }))) ||\n [],\n matchingDesiredProfessionFalse:\n (stepTwo.completedApprenticeship &&\n stepTwo.vocationalArray.map((item) => ({\n professionId: item.value\n // branchId: item?.branchId\n }))) ||\n [],\n certificateId:\n (stepThree.completedHighSchool &&\n stepThree.highschoolArray &&\n stepThree.highschoolArray.map((item) => ({\n id: item.SchoolCertificateId\n }))) ||\n [],\n employmentId:\n (stepFive.employmentArray &&\n stepFive.employmentArray.map((item) => ({\n id: item.EmploymentId\n }))) ||\n [],\n matchingLanguage:\n (stepFour.languages &&\n stepFour.languages.map((item) => ({\n languageId: item.LanguageId,\n levelId: Number(item.secondId) || null\n }))) ||\n [],\n\n matMatchingQualification:\n (stepFour.additionalQualifications &&\n stepFour.additionalQualifications.map((item) => ({\n matchingQualificationsId: item?.MatchingQualificationsId || null,\n qualificationsId: item.QualificationsId,\n skillsId: Number(item.secondId) || null\n }))) ||\n [],\n matchingLicenses:\n []\n .concat(\n stepFour.airLicences,\n stepFour.landLicences,\n stepFour.specialLicences,\n stepFour.waterLicences\n )\n .filter((item) => item)\n .map((item) => ({\n id: item.LicenseId\n })) || [],\n\n matchingProfession:\n (stepTwo.hasWorkExperience &&\n stepTwo.workExperience.map((item) => ({\n professionId: item.proffesionId,\n branchId: item.industryId,\n moreThan3Year:\n item.years == '0' ? null : item.years === '3+' ? true : false\n }))) ||\n [],\n benefitsId:\n (stepFive.benefitsArray &&\n stepFive.benefitsArray.map((item) => ({\n id: item.BenefitsId\n }))) ||\n [],\n matchingDesiredProfessionTrue:\n (stepFive.branchArray &&\n stepFive.branchArray.map((item) => ({\n branchId: item.industryId,\n professionId: item.proffesionId\n }))) ||\n []\n };\n\n\n let res;\n if (matchingIdLocStor) {\n res = await PostData('matching/matchingupdate', reqObj, 'PUT');\n } else {\n res = await PostData('matching/matchinginsert', reqObj);\n }\n\n //add matching to jobad\n const job = localStorage.getItem('JobAd');\n if (job) {\n let parsedJob = JSON.parse(job);\n parsedJob = {\n ...parsedJob,\n MatchingId: res.MatchingId,\n IncludeMatching: true\n }\n await PostData(\n `JobAdvertisement/${parsedJob.JobAdvertisementId}`,\n parsedJob,\n 'PUT'\n );\n }\n}\n\nexport default submitMatching;\n","import axios from 'axios';\nimport auth from '../auth';\nimport { Redirect } from 'react-router-dom';\nimport config from '../config/api.config';\n\nconst PatchData = async (url, UserData) => {\n //if (auth.isTokenExpired()) auth.logout(() => \n
\n \n 
\n \n {/* \n \n }\n style={{pointerEvents: 'none'}}\n >\n {steps.map((label, index) => (\n {\n onStepClick(label);\n }}\n classes={{\n root:\n index <= lastFinishedStep ? classes.stepContainer : ''\n }}\n >\n \n {isMobile ? null : label}\n \n \n ))}\n \n \n \n handleBack()}\n >\n {'Zurück'}\n \n handleNext()}\n >\n {activeStep === steps.length - 1 ? 'Speichern' : 'WEITER'}\n \n
\n )}\n \n \n // \n // \n // \n // \n // \n // \n //
\n // \n // \n // \n //
\n // \n // \n // \n // \n // \n //
\n // Alt-F4 speeds things up.
\n //\n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport './Register.scss'\n\nconst CheckContainer = styled.div`\n display: flex;\n justify-content: space-between;\n color: #929292;\n .MuiTypography-body1 {\n font-size: 0.85rem !important;\n }\n .MuiCheckbox-colorSecondary.Mui-checked {\n color: #e83741 !important;\n }\n\n @media (max-width: 767px) {\n flex-direction: column;\n }\n`;\n\nconst Marker = styled.span`\n color: #e83741;\n padding: 0 !important;\n font-size: 11px;\n`;\nexport default function Check({ setChecked = () => {} }) {\n const [state, setState] = useState({\n agb: false,\n datenschutzbestimmungen: false\n });\n const handleChange = (e) =>\n setState({ ...state, [e.target.name]: e.target.checked });\n\n useEffect(() => {\n if (state.agb && state.datenschutzbestimmungen) setChecked(true);\n else setChecked(false);\n }, [state.agb, state.datenschutzbestimmungen]);\n\n return (\n \n \n\n \n \n }\n >\n {stepsLabel.map((label, index) => (\n \n \n {isMobile ? null : label}\n \n \n ))}\n \n \n\n GESCHAFFT ! \n 
\n \n {props.location.createProfile\n ? 'Dein Bewerber-Profil ist vollständig ausgefüllt. Du bekommst ab sofort die passenden Stellenangebote in dein Dashboard gepusht. Unter \"Matches\" kannst du deine passenden Stellenanzeigen ansehen und dich direkt bewerben, ohne Anschreiben. Egal wann - egal wo!'\n : 'Ihre Stellenanzeige ist online. Sie können weitere Stellenanzeigen schalten.\\n Bewerbungen bekommen Sie direkt in Ihr spiderjob Dashboard.'}\n \n\n \n history.push(\n props.location.createProfile\n ? '/bewerber-dashboard'\n : '/arbeitgeber-dashboard'\n )\n }\n >\n ZUM DASHBOARD\n \n \n
\n Neuen Account erstellen
\n\n Jetzt bei spiderjob registrieren und den richtigen Job finden\n
\n\nPasswort festlegen
\n\n Das Passwort muss mindestens 8 Zeichen, Groß- und Kleinbuchstaben\n sowie eine Mischung aus Buchstaben und Zahlen enthalten.\n
\n\n\n Mit deiner Registrierung stimmst du unseren{' '}\n Nutzungsbedingungen zu. Lies dazu\n auch unsere{' '}\n
\n In Erfüllung des Nutzungsvertrages schicken wir dir passende Jobs\n und Infos zu ähnlichen Produkten und Services per E-Mail zu.\n Natürlich kannst du jederzeit von unseren einwilligungsfähigen\n E-Mails und Services abmelden oder dein Profil auf “nicht sichtbar”\n stellen.\n
\n\n
\n \n \n );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n text-align: center;\n p {\n font-size: 11px;\n color: #a2a2a2;\n }\n`;\n\nexport default function PasswordExplain() {\n return (\n \n Du hast schon einen Account?{' '}\n
\n Sie sind Arbeitgeber?{' '}\n
\n Das Passwort muss enthalten: mindestens 8 Zeichen, sowohl Groß- als auch\n Kleinbuchstaben, eine Mischung aus Buchstaben und Zahlen.\n
\n\n \n showSnackbar(false)}\n severity=\"error\"\n >\n {snackbarMessage}\n \n\n Email
\n\n \n \n\n setSeePassRegister(!seePassRegister)}\n >\n {seePassRegister ? (\n
\n \n Neuen Account erstellen
\n\n Jetzt bei spiderjob registrieren und den richtigen Job finden\n
\n\nPasswort festlegen
\n\n\n Das Passwort muss mindestens 8 Zeichen, Groß- und Kleinbuchstaben\n sowie eine Mischung aus Buchstaben und Zahlen enthalten.\n
\n\n\n Mit deiner Registrierung stimmst du unseren{' '}\n Nutzungsbedingungen zu. Lies dazu\n auch unsere{' '}\n
\n In Erfüllung des Nutzungsvertrages schicken wir dir passende Jobs\n und Infos zu ähnlichen Produkten und Services per E-Mail zu.\n Natürlich kannst du jederzeit von unseren einwilligungsfähigen\n E-Mails und Services abmelden oder dein Profil auf “nicht sichtbar”\n stellen.\n
\n\n
\n \n \n \n \n );\n};\n\n// Izvoz komponente kako bi se mogla koristiti u drugim delovima aplikacije\nexport default RegisterNew;\n","import React, { useState, useEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport styled from 'styled-components';\nimport { DeviceSize } from '../components/responsive';\nimport { useMediaQuery } from 'react-responsive';\nimport Company from '../components/Auth/Register/Company';\nimport ComponentWrapper from '../components/ComponentWrapper/ComponentWrapper';\nimport styles from '../components/Auth/Login.module.scss';\nimport logo from '../assets/images/loginLogo.jpg';\nimport RegisterNew from './RegisterNew';\n\n//ova stranica se vise ne koristi\n\nconst Container = styled.div`\n\n .register-form {\n margin: 0 auto;\n width: 700px;\n \n }\n\n @media only screen and (min-width: 1600px) {\n .register-form {\n margin: 150px auto 0 auto;\n }\n }\n \n @media only screen and (max-width: ${DeviceSize.mobile}px) {\n .register-form {\n width: 650px;\n padding-top: 20%; }\n\n @media only screen and (max-width: ${DeviceSize.newExtraSmall}px) {\n .register-form {\n width: 100%;\n margin-top: 4%;\n }\n\n \n }\n \n`;\n\nconst Subcontainer = styled.div`\n padding: 50px;\n border-radius: 10px;\n margin-top: 2px;\n .MuiChip-colorSecondary {\n width: 100%;\n background-color: #e83741 !important;\n height: 40px;\n margin: 0px !important;\n font-size: 15px !important;\n border-radius: 10px !important;\n }\n .MuiChip-colorSecondary > span {\n padding: 0 14px;\n }\n .MuiChip-colorPrimary {\n background-color: #ffffff !important;\n color: #c1c1c1 !important;\n font-size: 15px !important;\n }\n > .chips__parent {\n margin-bottom: 10px;\n border-radius: 10px !important;\n }\n @media only screen and (max-width: ${DeviceSize.newMedium}px) {\n padding: 25px;\n }\n @media only screen and (max-width: ${DeviceSize.newExtraSmall}px) {\n padding: 10px 10px 50px;\n margin: 0;\n box-shadow: none;\n }\n`;\n\nexport default function Register({ companyRegister }) {\n const history = useHistory();\n const location = useLocation();\n const [active, setActive] = useState(0);\n const [urlIds, seturlIds] = useState({\n orderId: null,\n buyerId: null\n });\n\n const handleClick = (index) => {\n if (index === 2) {\n history.push('/kontakt');\n }\n setActive(index);\n };\n\n var chipData = [\n {\n key: 0,\n label: 'Bewerber',\n color: active === 0 ? 'secondary' : 'primary',\n\n handleClick\n },\n // {\n // key: 2,\n // label: 'Ehrenamt',\n // color: active === 2 ? 'secondary' : 'primary',\n // handleClick\n // },\n {\n key: 2,\n label: 'Partner',\n color: active === 2 ? 'secondary' : 'primary',\n handleClick\n }\n ];\n\n useEffect(() => {\n if (location.state?.company) setActive(1);\n }, []);\n\n useEffect(() => {\n if (companyRegister) {\n const params = new URLSearchParams(location.search);\n seturlIds({\n orderId: params.get('orderId'),\n buyerId: params.get('buyerId')\n });\n }\n }, [companyRegister]);\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.mobile });\n\n \n return companyRegister ? (\n \n Du hast schon einen Account?{' '}\n
\n Sie sind Arbeitgeber?{' '}\n
\n
\n ) : (\n \n
\n \n \n spiderjob - Registrieren \n \n \n \n
\n \n \n <>\n \n \n \n \n
\n \n
\n \n OOPS...IT LOOKS LIKE YOU’RE LOST
\n\n 
\n
\n \n \n
\n );\n}\n","import React, { useEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Footer from '../components/footer/Footer';\nimport Header from '../components/header/Header';\nimport styled from 'styled-components';\nimport ButtonPrivacy from '../components/Privacy/ButtonPrivacy';\n\nexport const Container = styled.div`\n .subh-2 {\n font-size: 22px;\n }\n`;\n\nexport const Heading = styled.h1`\n margin: 0 0 5% 0;\n text-align: center;\n font-weight: 500;\n`;\n\nexport const SubHeading = styled.h2`\n color: rgba(232, 55, 65, 1);\n margin-top: 2%;\n font-size: 22px;\n &:first-of-type {\n margin-top: 5%;\n }\n`;\n\nexport const Span = styled.span`\n color: #525066;\n font-size: 20px;\n font-weight: 500;\n display: inline-block !important;\n`;\n\nexport const Paragraph = styled.p`\n font-size: 16px;\n color: rgba(82, 80, 102, 1);\n margin: 1% 0;\n font-weight: 500;\n`;\n\nexport const Linke = styled.a`\n color: #f87f3b;\n cursor: pointer;\n text-decoration: none;\n font-weight: 600;\n`;\n\nexport const List = styled.ul`\n width: 70%;\n margin: 2% auto;\n`;\nexport const ListItem = styled.li`\n margin: 2% 0;\n`;\nexport default function Privacy() {\n\n return (\n \n \n spiderjob - Datenschutz \n \n \n Datenschutzerklärung \n \n Verantwortlicher im Sinne der Datenschutzgesetze, insbesondere\n \n der EU-Datenschutzgrundverordnung (DSGVO), ist:\n \n\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n );\n}\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgListCheckmark(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 29.25,\n height: 29.25,\n viewBox: \"0 0 29.25 29.25\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Icon_ionic-ios-checkmark-circle-outline\",\n \"data-name\": \"Icon ionic-ios-checkmark-circle-outline\",\n transform: \"translate(-3.375 -3.375)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_17\",\n \"data-name\": \"Path 17\",\n d: \"M25.5,13.563l-1.237-1.273a.266.266,0,0,0-.2-.084h0a.255.255,0,0,0-.2.084l-8.578,8.641L12.164,17.81a.272.272,0,0,0-.394,0l-1.252,1.252a.28.28,0,0,0,0,.4L14.456,23.4a1.245,1.245,0,0,0,.823.4,1.3,1.3,0,0,0,.816-.387H16.1l9.4-9.45A.3.3,0,0,0,25.5,13.563Z\",\n fill: \"#e71e2c\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_18\",\n \"data-name\": \"Path 18\",\n d: \"M18,5.344A12.651,12.651,0,1,1,9.049,9.049,12.573,12.573,0,0,1,18,5.344m0-1.969A14.625,14.625,0,1,0,32.625,18,14.623,14.623,0,0,0,18,3.375Z\",\n fill: \"#e71e2c\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgListCheckmark);\nexport default __webpack_public_path__ + \"static/media/list-checkmark.a2debf54.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/bewerber-first-img.1331abdd.png\";","export default __webpack_public_path__ + \"static/media/adPhoto.c5e54ddc.jpg\";","export default __webpack_public_path__ + \"static/media/bewerber-first-mirror.b48bda67.png\";","import React, { useState } from 'react';\nimport adPhoto from '../../assets/images/adPhoto.jpg';\nimport './AdComponent.css';\n\nconst AdComponent = () => {\n const [adVisible, setAdVisible] = useState(true);\n\n if (!adVisible) {\n return null;\n }\n\n return (\n Widerrufsrecht
\n \n Verantwortlicher im Sinne der Datenschutzgesetze, insbesondereder\n EU-Datenschutzgrundverordnung (DSGVO), ist: \n
\n Ihre Betroffenenrechte
\n \n Unter den angegebenen Kontaktdaten unseres Datenschutzbeauftragten\n können Sie jederzeit folgende Rechte ausüben:\n
\n \n
\n • Auskunft über Ihre bei uns gespeicherten Daten und deren\n Verarbeitung (Art. 15 DSGVO),\n
\n \n • Berichtigung unrichtiger personenbezogener Daten (Art. 16 DSGVO),\n
\n • Löschung Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO),
\n \n • Einschränkung der Datenverarbeitung, sofern wir Ihre Daten aufgrund\n gesetzlicher Pflichten noch nicht löschen dürfen (Art. 18 DSGVO),\n
\n \n • Widerspruch gegen die Verarbeitung Ihrer Daten bei uns (Art. 21\n DSGVO) und\n
\n \n • Datenübertragbarkeit, sofern Sie in die Datenverarbeitung\n eingewilligt haben oder einen Vertrag mit uns abgeschlossen haben\n (Art. 20 DSGVO).\n
\n \n
\n Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese\n jederzeit mit Wirkung für die Zukunft widerrufen. Eine Liste der\n Aufsichtsbehörden (für den nichtöffentlichen Bereich) mit Anschrift\n finden Sie diesem Link\n
\n \n Erfassung allgemeiner Informationen beim Besuch unserer Website\n
\n Art und Zweck der Verarbeitung:
\n \n
\n Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht\n registrieren oder anderweitig Informationen übermitteln, werden\n automatisch Informationen allgemeiner Natur erfasst. Diese\n Informationen (Server-Logfiles) beinhalten etwa die Art des\n Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres\n Internet-Ser- vice-Providers, Ihre IP-Adresse und ähnliches.\n
\n \n
Sie werden insbesondere zu folgenden Zwecken verarbeitet:
\n \n
\n • Sicherstellung eines problemlosen Verbindungsaufbaus der Website,\n
\n • Sicherstellung einer reibungslosen Nutzung unserer Website,
\n • Auswertung der Systemsicherheit und -stabilität sowie
\n • zu weiteren administrativen Zwecken.
\n \n
\n Wir verwenden Ihre Daten nicht, um Rückschlüsse auf Ihre Person zu\n ziehen. Informationen dieser Art werden von uns ggfs. statistisch\n ausgewertet, um unseren Internetauftritt und die dahinterstehende\n Technik zu optimieren.\n
\n \n
Rechtsgrundlage:
\n \n Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis\n unseres berechtigten Interesses an der Verbes- serung der Stabilität\n und Funktionalität unserer Website.\n
\n Empfänger:
\n \n Empfänger der Daten sind ggf. technische Dienstleister, die für den\n Betrieb und die Wartung unserer Webseite als Auftragsverarbeiter tätig\n werden.\n
\n Speicherdauer:
\n \n Die Daten werden gelöscht, sobald diese für den Zweck der Erhebung\n nicht mehr erforderlich sind. Dies ist für die Daten, die der\n Bereitstellung der Webseite dienen, grundsätzlich der Fall, wenn die\n jeweilige Sitzung beendet ist.\n
\n \n Bereitstellung vorgeschrieben oder erforderlich:\n
\n \n Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder\n gesetzlich noch vertraglich vorge- schrieben. Ohne die IP-Adresse ist\n jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht\n gewährleis- tet. Zudem können einzelne Dienste und Services nicht\n verfügbar oder eingeschränkt sein. Aus diesem Grund ist ein\n Widerspruch ausgeschlossen.\n
\n\n \n {\n setAdVisible(false);\n }}\n >\n Werbung schließen\n
\n {adVisible && (\n \n \n window.open('https://teck-tech.com/de/', '_blank')\n }\n >\n 
\n
\n \n \n )}\n \n );\n};\n\nexport default AdComponent;\n","import { ReactComponent as ListCheckmark } from '../../assets/images/list-checkmark.svg';\nimport GirlImage from '../../assets/images/bewerber-first-img.png';\nimport Mirror from '../../assets/images/bewerber-first-mirror.png';\nimport SearchBar from '../SearchBar/SearchBar';\nimport { Animated } from 'react-animated-css';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../../components/responsive';\nimport AdComponent from './AdComponent';\n\nconst FirstStep = ({ isVisible }) => {\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.iPadPro });\n const smallMobile = useMediaQuery({ maxWidth: 350 });\n return (\n \n \n window.open('https://wms-engineering.de', '_blank')\n }\n >\n \n
\n\n Anzeige
\n Anzeige
\n \n \n
\n {!isMobile &&\n Die Jobbörse die matcht & vernetzt\n
\nFinde das, was zu Dir passt!
\n\n #job #ausbildung #studium #praktikum #karriere\n
\n\n- \n
Kein Anschreiben mehr nötig \n Nie wieder Bewerbungsstress \n Geringer Zeitaufwand \n Immer und überall von unterwegs bewerben \n Nie wieder Jobs suchen - Jobs kommen zu Dir \n
\n 
\n
*/}\n \n\n {/*!isMobile && */ \n
\n \n 
\n
}\n \n \n Yeeeeeah!
\n
\n Yeeeeeah!
Jetzt auch als App!
\n Werde jetzt auch mobil gematcht, vernetzt und
Sei immer auf dem neusten Stand!
Unsere App für iOS und Android!
\n \nDirekt Downloaden
\n\n \n
\n \n \n
\n \n \n
\n \n 
} \n
\n \n Warum suchen?
\n
\n {!isMobile &&Warum suchen?
Lass dich vernetzen!
\n Bei spiderjob läuft die Jobsuche einfach und unkompliziert.
\nMit nur einem Profil kannst du dich auf alle Stellenanzeigen,
bewerben, die definitiv zu dir passen.
Und das beste:
\n- \n
Mit nur einem Klick, ohne Anschreiben. \n 100% Kostenlos. \n Schnell, einfach und überall. \n
\n setActive('bewerber-fourth')} >\n \n \n setActive('bewerber-fifth')} >\n \n \n \n \n \n
\n \n
\n \n 
\n \n
\n \n
\n Schluss mit klassischen Bewerbungen
\nJetzt ist Matching-Time!
\nWenn du ein Match hast, kannst du Dich mit nur einem
Klick bewerben, ohne Anschreiben und ohne weiteren
Zeitaufwand!
Ein Match bedeutet auch, dass das Unternehmen genauso
einen Bewerber wie DICH sucht.
In nur 3 Schritten zum neuen Job
\nSo einfach funktioniert’s!
\n \n\n 
\n \n Kostenlos\n
\n
\n \n Kostenlos\n
registrieren\n
\n \n Registriere dich kostenlos auf unserer Website und finde den Job, der zu dir passt!\n
\n\n 
\n \n Erstelle dein\n
\n
\n \n Erstelle dein\n
persönliches Profil\n
\n \n Erstelle dein persönliches und aussagekräftiges Profil mit Namen,\n Adresse, Alter, Ausbildung, Berufserfahrung, Interessen, etc.\n
\n\n 
\n \n Füge deine
\n
\n \n \n \n Füge deine
Matching-Kriterien ein\n
\n \n Nun musst Du nur noch die spiderjob Matching-Kriterien wie\n Berufserfahrung, Sprachkenntnisse usw. ausfüllen und schon geht’s\n los!\n
\n\n \n spiderjob - Bewerber \n \n \n \n \n \n
\n );\n}\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconSort(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 22.478,\n height: 26.609,\n viewBox: \"0 0 22.478 26.609\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_ionic-ios-hourglass\",\n \"data-name\": \"Icon ionic-ios-hourglass\",\n d: \"M27.311,28.317h-.329c-.42,0-.775-.058-.82-.478v-.006c-.943-8.777-6.472-8.945-6.472-11.012s5.535-2.235,6.472-11.012V5.8c.045-.42.4-.478.82-.478h.329a.926.926,0,0,0,.93-.859.905.905,0,0,0-.9-.949H6.7a.926.926,0,0,0-.93.859.905.905,0,0,0,.9.949h.355c.42,0,.775.058.82.478v.006c.943,8.777,6.472,8.945,6.472,11.012S8.782,19.055,7.845,27.832v.006c-.045.42-.4.478-.82.478H6.7a.926.926,0,0,0-.93.859.905.905,0,0,0,.9.949H27.337a.9.9,0,0,0,.9-.949A.926.926,0,0,0,27.311,28.317Zm-16.3-2.209c1.854-5.154,5.141-4.527,5.141-6.562V15.955c0-1.253-2.377-2.125-3.862-4.159a.505.505,0,0,1,.42-.8H21.3a.5.5,0,0,1,.433.788c-1.46,2.041-3.882,2.919-3.882,4.172v3.591c0,2.015,3.158,1.466,5.154,6.562.181.459.045,1.033-.446,1.033h-11.1C10.965,27.141,10.848,26.573,11.016,26.108Z\",\n transform: \"translate(-5.764 -3.516)\",\n fill: \"#7c7c7c\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconSort);\nexport default __webpack_public_path__ + \"static/media/icon-sort.19c2806d.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormControl from '@mui/material/FormControl';\nimport Select from '@mui/material/Select';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSearch } from '@fortawesome/free-solid-svg-icons';\nimport { DeviceSize } from '../../components/responsive';\nimport { useMediaQuery } from 'react-responsive';\nimport { CircularProgress } from '@mui/material';\nimport {ReactComponent as SortIcon } from '../../assets/images/icon-sort.svg'\nimport {ReactComponent as IconSearch} from \"../../assets/images/icon-suchen.svg\"\n\n\nexport default function SearchBar(props) {\n const loading = props.loading;\n\n //every component that uses SearchBar needs to implement its own searching and sorting\n const [searchText, setsearchText] = useState(props.searchText || '');\n const [sortOrder, setsortOrder] = useState(props.sortOrder || 'newest');\n\n const handleChange = (e) => {\n setsearchText(e.target.value);\n };\n const onSortChange = (e) => {\n setsortOrder(e.target.value);\n };\n\n const [appState, changeState] = useState({\n activeObject: { id: 1, field: 'Das neuste zuerst' },\n objects: [\n { id: 1, field: 'Das neuste zuerst' },\n { id: 2, field: 'Neueste zuerst' },\n { id: 3, field: 'A - Z' },\n { id: 4, field: 'Z - A' }\n ]\n });\n\n function toggleActive(index) {\n changeState({ ...appState, activeObject: appState.objects[index] });\n //console.log(appState.activeObject);\n }\n const handleClick = () => {\n props.onChange && props.onChange(searchText);\n props.onSortChange && props.onSortChange(sortOrder);\n }\n return (\n \n {steps.map((el, index) => setActive(el)} > {e.preventDefault();setActive(el)}}/>)}\n
\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { DeviceSize } from '../../components/responsive';\nimport { BlogModal, ModalOuter } from '../modal';\nimport { MoreHoriz, Delete, Edit, Visibility } from '@mui/icons-material';\nimport { Menu, MenuItem, IconButton, ListItemIcon } from '@mui/material';\nimport { useHistory } from 'react-router-dom';\n\nconst Card = styled.div`\n max-width: 330px;\n width: 330px;\n flex: 1;\n background-color: white;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n box-shadow: 10px 13px 20px 0 rgba(31, 29, 13, 0.2);\n height: 430px;\n padding: 25px;\n // &:hover {\n // box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.01),\n // 0 6.7px 5.3px rgba(0, 0, 0, 0.02), 0 12.5px 10px rgba(0, 0, 0, 0.02),\n // 0 19.3px 10.9px rgba(0, 0, 0, 0.02), 0 20.8px 28.4px rgba(0, 0, 0, 0.01),\n // 0 65px 60px rgba(0, 0, 0, 0.01);\n // transition: 0.4s;\n // }\n\n @media only screen and (max-width: ${DeviceSize.newExtraSmall}px) {\n width: 100%;\n }\n ${(props) =>\n props.autoWidth &&\n `\n width:auto;\n `}\n`;\n\nconst ImageDiv = styled.div`\n height: 140px;\n width: 100%;\n & > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n`;\nconst Heading = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n\n & > img {\n width: 53px;\n height: 41px;\n object-fit: cover;\n }\n`;\n\nconst BlogTitle = styled.h3`\n font-size: 16px;\n color: #1f1d0d;\n font-weight: bold;\n text-align: center;\n margin-top: 55px;\n margin-bottom: 15px;\n`;\n\nconst TextAndLink = styled.div`\n height: 133px;\n width: 100%;\n text-overflow: ellipsis;\n overflow-y: hidden;\n white-space: break-spaces;\n display: -webkit-box;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n`;\n\nconst BlogText = styled.p`\n color: #929292;\n font-size: 13px;\n margin-bottom: 30px;\n overflow-wrap: anywhere;\n`;\nconst ViewMore = styled.a`\n color: #fff;\n position: absolute;\n background-color: #e71e2c;\n width: 55%;\n height: 24px;\n font-size: 11px;\n font-weight: bold;\n border-radius: 4px;\n margin: 0 auto;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n bottom: -10px;\n\n cursor: pointer;\n text-decoration: none;\n &:hover {\n color: #fff;\n }\n`;\nexport default function BlogCard(props) {\n const [modalOpen, setmodalOpen] = useState(false);\n const [anchorEl, setAnchorEl] = useState(null);\n const history = useHistory();\n return (\n <>\n \n \n\n \n \n {loading ? (\n \n
\n \n \n \n \n
\n \n \n {props.dashboard || props.isOwner ? (\n {\n e.stopPropagation();\n setAnchorEl(e.currentTarget);\n }}\n style={{ position: 'absolute', right: 0, bottom: 0 }}\n >\n {Boolean(anchorEl) ? (\n Mehr lesen \n )}\n
\n \n \n {!companyProfile && \n {blogs?.list.length > 0 && (\n {\n setisLoading(true);\n setTimeout(() => {\n setsearchText(e);\n setisLoading(false);\n }, 300);\n }}\n loading={loading}\n onSortChange={sortBlogs}\n />\n )}\n {loadingBlogs ? (\n \n {blogs.list.map((blog, index) => (\n {\n //getCompanyBlogs();\n }\n }}\n isOwner={\n auth.isAuthenticated()\n ? auth.getId() == blog.UserId\n : false\n }\n blog={blog}\n onClick={() => {\n history.push({\n pathname: `/blogeintrag/${encodeURIComponent(blog.Title.replace(\"+\", \"\"))}-${blog.BlogsId}`,\n state: {\n blog: blog\n }\n });\n }}\n onDelete={() => {\n history.push({\n pathname: `/arbeitgeber-dashboard/blogeinträge`,\n state: {\n blog: blog,\n delete: true\n }\n });\n }}\n oneThirdWidth\n />\n ))}\n \n \n ) : (\n \n
\n );\n}\n","import styles from './SocialShare.module.scss';\nimport { FacebookShareButton, LinkedinShareButton } from 'react-share';\nimport { FacebookIcon, LinkedinIcon } from 'react-share';\n\nconst SocialShare = ({ style }) => {\n return (\n \n {blogs && blogs.list !== blogsRef.current.list\n ? 'Keine Ergebnisse verfügbar'\n : companyProfile\n ? 'Es gibt noch keine Beiträge'\n : 'Du hast noch keine Blogs'}\n
\n\n \n
\n \n )}\n\n {blogs && blogs.TotalPages > 1 && (\n \n Teile via\n
\n );\n};\n\nexport default SocialShare;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconBack(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 27,\n viewBox: \"0 0 24 27\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Icon_feather-skip-back\",\n \"data-name\": \"Icon feather-skip-back\",\n transform: \"translate(-6 -4.5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_92\",\n \"data-name\": \"Path 92\",\n d: \"M28.5,30l-15-12,15-12Z\",\n transform: \"translate(0)\",\n fill: \"none\",\n stroke: \"#db1c2b\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 3\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_93\",\n \"data-name\": \"Path 93\",\n d: \"M7.5,28.5V7.5\",\n fill: \"none\",\n stroke: \"#db1c2b\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 3\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconBack);\nexport default __webpack_public_path__ + \"static/media/icon-back.8d7ab75e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from 'react';\nimport { useParams, Link, useHistory } from 'react-router-dom';\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\nimport GetData from '../api/GetData';\nimport CircularLoader from '../components/Loader/CircularLoader';\nimport ComponentWrapper from '../components/ComponentWrapper/ComponentWrapper';\nimport SocialShare from '../components/SocialShare/SocialShare';\nimport { ReactComponent as BackIcon } from '../assets/images/icon-back.svg';\nimport '../assets/scss/singleBlog.scss';\nimport { FacebookShareButton, LinkedinShareButton } from 'react-share';\nimport { FacebookIcon, LinkedinIcon } from 'react-share';\n\nexport default function SingleBlog() {\n const queryParameters = new URLSearchParams(window.location.search);\n const param = queryParameters.get('param');\n const [blogUserPhoto, setblogUserPhoto] = useState(null);\n const [blogUser, setblogUser] = useState(null);\n const [blog, setblog] = useState({});\n const [loading, setloading] = useState(true);\n const params = useParams();\n const history = useHistory();\n\n useEffect(() => {\n (async () => {\n setloading(true);\n const res = await GetData(`blogs/${params.title.split('-').pop()}`);\n setblogUser(res.User);\n setblogUserPhoto(res.CompanyImageUrl);\n setblog({\n Title: res.Title,\n BlogText: res.BlogText,\n File: res.File\n });\n setloading(false);\n })();\n }, []);\n\n return (\n <>\n \n \n \n \n \n
\n \n //
\n \n // 
\n //
\n // \n // \n // history.goBack()}\n // className='blog-button--back'>
\n // \n // \n // \n // \n //
\n // {/* {param != \"userDash\" && \n //
\n\n // {blog.Title}
\n //{blog.BlogText}
\n //\n
\n )}\n\n \n \n );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst SubtitleHeading = styled.h2`\n font-size: ${(props) => (props.big ? '26px' : '20px')};\n color: ${(props) => (props.red ? '#E83741' : '#3A3A3A')};\n font-weight: 500;\n line-height: 39px;\n text-align: center;\n margin-top: ${(props) => (props.subtitle ? '0%' : '5%')};\n margin-bottom: ${(props) => (props.lastchild ? '5%' : 'none')};\n //margin-left:${(props) => (props.mobilna ? '5%' : '5%')}\n`;\n\nexport { SubtitleHeading };\n\nexport default function Subtitle(props) {\n return (\n <>\n \n
\n \n
\n\n \n \n 
\n \n
\n {blog.Title}
\n \n \n \n \n
\n {blog.BlogText}
\n \n {' '}\n \n
\n Ihre Kontaktdaten
\n\n \n \n Absenden\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 e.target.value = e.target.value.replace(/[^\\+?\\d+$]/g, '');\n e.target.value = e.target.value.replace(/(\\..*)\\./g, '$1');\n }}\n name=\"mobile\"\n value={values.mobile}\n onChange={handleChange}\n />\n
\n\n {values.package && (\n \n \n Ausgewähltes Paket -{' '}\n \n {values.package}\n \n \n
\n )}\n\n \n Ich habe die Bestimmungen der\n
Jetzt anmelden und qualifizierte Bewerber erhalten
\n\n 
\n
\n \n ... und viele mehr.\n
\n \n
\n spider
\n\n {props.value}\n {props.titleAdd}\n
\n\n {props.month}*
\n BUDGET / MONAT\n
- \n {props.items.map((item) => (\n
- {item} \n ))}\n
\n bis zu
\n 2 Stellenanzeigen\n
parallel\n
\n bis zu
\n 5 Stellenanzeigen\n
parallel\n
\n bis zu
\n 15 Stellenanzeigen\n
parallel\n
\n unbegrenzte
\n Stellenanzeigen\n
parallel\n
\n \n {packages.map((_package) => (\n \n
\n );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst TitleTag = styled.h1`\n font-size: 28px;\n color: #e83741;\n text-align: center;\n margin-top: ${(props) => (props.mobilna ? '15%' : '7%')};\n width: 100% !important;\n`;\n\nexport default function Title(props) {\n return (\n <>\n Preise & Pakete
\n\n \n \n \n Personalsuche einfach
\n {/* \n\n \n window.open('https://www.youtube.com/watch?v=qPebvcfbMcI', '_blank')\n }\n >\n 
*/}\n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/kompanija1.09366a6b.png\";","var _ellipse, _text;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNumberOne(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Component_12_1\",\n \"data-name\": \"Component 12 \\\\u2013 1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 61,\n height: 60,\n viewBox: \"0 0 61 60\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ellipse || (_ellipse = /*#__PURE__*/React.createElement(\"ellipse\", {\n id: \"Ellipse_13\",\n \"data-name\": \"Ellipse 13\",\n cx: 30.5,\n cy: 30,\n rx: 30.5,\n ry: 30,\n fill: \"#e61f2a\"\n })), _text || (_text = /*#__PURE__*/React.createElement(\"text\", {\n id: \"_1.\",\n \"data-name\": 1,\n transform: \"translate(15 12)\",\n fill: \"#fff\",\n fontSize: 31,\n fontFamily: \"Montserrat-Bold, Montserrat\",\n fontWeight: 700\n }, /*#__PURE__*/React.createElement(\"tspan\", {\n x: 7.863,\n y: 30\n }, \"1.\"))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNumberOne);\nexport default __webpack_public_path__ + \"static/media/number-one.e140cfee.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/kompanija2.fd6bcf9b.png\";","export default __webpack_public_path__ + \"static/media/kompanija3.e33ff7e5.png\";","export default __webpack_public_path__ + \"static/media/kompanija4.3e3d25f9.png\";","export default __webpack_public_path__ + \"static/media/kompanija5.21005f4d.png\";","export default __webpack_public_path__ + \"static/media/logos_Kunden_Mobil.74ba3aa6.png\";","var _circle, _text;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNumberTwo(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Component_13_1\",\n \"data-name\": \"Component 13 \\\\u2013 1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 60,\n height: 60,\n viewBox: \"0 0 60 60\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n id: \"Ellipse_13\",\n \"data-name\": \"Ellipse 13\",\n cx: 30,\n cy: 30,\n r: 30,\n fill: \"#e61f2a\"\n })), _text || (_text = /*#__PURE__*/React.createElement(\"text\", {\n id: \"_2.\",\n \"data-name\": 2,\n transform: \"translate(14 12)\",\n fill: \"#fff\",\n fontSize: 31,\n fontFamily: \"Montserrat-Bold, Montserrat\",\n fontWeight: 700\n }, /*#__PURE__*/React.createElement(\"tspan\", {\n x: 4.639,\n y: 30\n }, \"2.\"))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNumberTwo);\nexport default __webpack_public_path__ + \"static/media/number-two.a38e186f.svg\";\nexport { ForwardRef as ReactComponent };","var _circle, _text;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNumberThree(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Component_14_1\",\n \"data-name\": \"Component 14 \\\\u2013 1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 60,\n height: 60,\n viewBox: \"0 0 60 60\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n id: \"Ellipse_13\",\n \"data-name\": \"Ellipse 13\",\n cx: 30,\n cy: 30,\n r: 30,\n fill: \"#e61f2a\"\n })), _text || (_text = /*#__PURE__*/React.createElement(\"text\", {\n id: \"_3.\",\n \"data-name\": 3,\n transform: \"translate(14 12)\",\n fill: \"#fff\",\n fontSize: 31,\n fontFamily: \"Montserrat-Bold, Montserrat\",\n fontWeight: 700\n }, /*#__PURE__*/React.createElement(\"tspan\", {\n x: 4.763,\n y: 30\n }, \"3.\"))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNumberThree);\nexport default __webpack_public_path__ + \"static/media/number-three.faf87b4c.svg\";\nexport { ForwardRef as ReactComponent };","var _circle, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNumberFour(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 63,\n height: 63,\n viewBox: \"0 0 63 63\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 31.5,\n cy: 31.5,\n r: 31.5,\n fill: \"#E61F2A\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.519 37.97V33.692L28.315 19.68H34.236V33.382H36.778V37.97H34.236V42H28.935V37.97H18.519ZM29.307 25.508L24.099 33.382H29.307V25.508ZM42.3815 42.248C41.4515 42.248 40.6868 41.9793 40.0875 41.442C39.5088 40.884 39.2195 40.202 39.2195 39.396C39.2195 38.5693 39.5088 37.877 40.0875 37.319C40.6868 36.761 41.4515 36.482 42.3815 36.482C43.2908 36.482 44.0348 36.761 44.6135 37.319C45.2128 37.877 45.5125 38.5693 45.5125 39.396C45.5125 40.202 45.2128 40.884 44.6135 41.442C44.0348 41.9793 43.2908 42.248 42.3815 42.248Z\",\n fill: \"white\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNumberFour);\nexport default __webpack_public_path__ + \"static/media/number-four.43903721.svg\";\nexport { ForwardRef as ReactComponent };","var _circle, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNumberFive(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 63,\n height: 63,\n viewBox: \"0 0 63 63\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 31.5,\n cy: 31.5,\n r: 31.5,\n fill: \"#E61F2A\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.329 23.989H24.657V28.267C25.0703 27.8123 25.649 27.4403 26.393 27.151C27.137 26.8617 27.943 26.717 28.811 26.717C30.361 26.717 31.6423 27.0683 32.655 27.771C33.6883 28.4737 34.4427 29.383 34.918 30.499C35.3933 31.615 35.631 32.824 35.631 34.126C35.631 36.544 34.949 38.466 33.585 39.892C32.221 41.2973 30.299 42 27.819 42C26.1657 42 24.7293 41.721 23.51 41.163C22.2907 40.5843 21.3503 39.7887 20.689 38.776C20.0277 37.7633 19.666 36.5957 19.604 35.273H24.781C24.905 35.9137 25.2047 36.451 25.68 36.885C26.1553 37.2983 26.8063 37.505 27.633 37.505C28.6043 37.505 29.3277 37.195 29.803 36.575C30.2783 35.955 30.516 35.1283 30.516 34.095C30.516 33.0823 30.268 32.3073 29.772 31.77C29.276 31.2327 28.5527 30.964 27.602 30.964C26.8993 30.964 26.3207 31.1397 25.866 31.491C25.4113 31.8217 25.1117 32.266 24.967 32.824H19.852V19.339H34.329V23.989ZM41.5641 42.248C40.6341 42.248 39.8694 41.9793 39.2701 41.442C38.6914 40.884 38.4021 40.202 38.4021 39.396C38.4021 38.5693 38.6914 37.877 39.2701 37.319C39.8694 36.761 40.6341 36.482 41.5641 36.482C42.4734 36.482 43.2174 36.761 43.7961 37.319C44.3954 37.877 44.6951 38.5693 44.6951 39.396C44.6951 40.202 44.3954 40.884 43.7961 41.442C43.2174 41.9793 42.4734 42.248 41.5641 42.248Z\",\n fill: \"white\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNumberFive);\nexport default __webpack_public_path__ + \"static/media/number-five.25f32194.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Link } from 'react-scroll';\nimport { Button } from '@mui/material';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../components/responsive';\nimport Pricing from '../components/ForEmployer/Pricing';\nimport ContactPerson from '../components/ForEmployer/ContactPerson';\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\nimport Kompanija1 from '../assets/images/kompanija1.png';\nimport Kompanija2 from '../assets/images/kompanija2.png';\nimport Kompanija3 from '../assets/images/kompanija3.png';\nimport Kompanija4 from '../assets/images/kompanija4.png';\nimport Kompanija5 from '../assets/images/kompanija5.png';\nimport PartnersImage from '../assets/images/logos_Kunden_neu.png';\nimport PartnersMobile from '../assets/images/logos_Kunden_Mobil.png';\nimport { ReactComponent as One } from '../assets/images/number-one.svg';\nimport { ReactComponent as Two } from '../assets/images/number-two.svg';\nimport { ReactComponent as Three } from '../assets/images/number-three.svg';\nimport { ReactComponent as Four } from '../assets/images/number-four.svg';\nimport { ReactComponent as Five } from '../assets/images/number-five.svg';\nimport '../assets/scss/arbeitgeber.scss';\nimport { useEffect } from 'react';\n\nexport default function Arbeitgeber() {\n const history = useHistory();\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.mobile });\n var data = history.location.state?.data; //prebaciti u state ako zelim da se pri reloadu stranice postavi na null\n\n useEffect(() => {\n //ovaj data se postavlja u errormessagemodal i sluzi da se napravi da kada se redirecta na ovu stranicu bude automatski scroll\n //na paket&preise\n\n if (data == 'scroll') {\n const element = document.getElementById('package');\n if (element != null) element.scrollIntoView({ behavior: 'smooth' });\n }\n }, []);\n\n return (\n Für Arbeitgeber
\n\n Personalsuche einfach
\n gemacht!\n
\n {/* IHR ANSPRECHPARTNER
\nPhilipp Goebel
*/}\nWir haben Ihr Interesse geweckt?
\nKontaktieren Sie uns:
\n\n
\n
\n \n \n \n \n \n \n history.push('/kostenloses-erstgespräch')}\n >\n Beratung erhalten\n \n
\n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/somethingwentwrong.91de2cb2.png\";","export default __webpack_public_path__ + \"static/media/background_error.43207551.svg\";","import React from 'react';\nimport styled from 'styled-components';\nimport ErrorImage from '../assets/images/somethingwentwrong.png';\nimport BackgroundImage from '../assets/images/background_error.svg';\nimport { Link } from 'react-router-dom';\n\nconst MainContainer = styled.div`\n width: 100%;\n height: 100vh;\n background-color: black;\n display: flex;\n align-items: center;\n justify-content: center;\n background-image: url(${BackgroundImage});\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n`;\n\nconst CenterContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: white;\n border-radius: 10px;\n width: 55%;\n height: 80%;\n & > h1 {\n color: #3a3a3a;\n font-size: 38px;\n font-style: normal;\n font-weight: 900;\n line-height: 57px;\n letter-spacing: 0em;\n margin-bottom: 5%;\n }\n & > a {\n text-decoration: none !important;\n margin-top: 5%;\n background-color: red;\n color: white;\n padding: 1% 2%;\n border-radius: 10px;\n cursor: pointer;\n }\n`;\n\nexport default function ErrorPage(props) {\n return (\n \n \n \n
\n \n \n
\n \n
\n In nur 5 Schritten zu neuen Mitarbeitern
\nSo einfach funktioniert’s!
\n\n
\n \n
\n \n 
\n
\n \n {' '}\n
\n \n
\n \n Unverbindliches & kostenloses Erstgespräch vereinbaren\n
\n\n Vereinbaren Sie ein kostenloses Erstgespräch oder wählen\n Sie direkt eines der vier Pakete.\n
\n\n 
\n
\n \n {' '}\n
\n \n
\n Zahlungsabwicklung
\n\n Nachdem Sie das gewünschte Paket ausgewählt haben, werden\n Sie zu unserem Zahlungsdienstleister digistore24\n weitergeleitet. Nach Abschluss der Zahlungsabwicklung\n können Sie direkt loslegen und neue Mitarbeiter finden!\n
\n\n 
\n
\n \n
\n \n
\n Unternehmensprofil anlegen
\n\n\n Erstellen Sie ein aussagekräftiges Unternehmensprofil mit\n Logo, Bildern, Videos und Ansprechpartner.\n
\n\n
\n \n 
\n
\n \n {' '}\n
\n \n
\n Stellen schalten
\n\n Schalten Sie jetzt Ihre Stellenanzeige/n. Gerne\n unterstützen wir Sie bei der Anzeigenerstellung und\n schalten Ihre offenen Stellen online.\n
\n\n 
\n
\n \n {' '}\n
\n \n
\n Bewerbungen erhalten
\n\n In Ihrem Dashboard können Sie ab sofort alle Stellen\n verwalten, neue Stellen hinzufügen und Bewerber\n kontaktieren.\n
\n\n \n window.open(\n 'https://www.youtube.com/watch?v=qPebvcfbMcI',\n '_blank'\n )\n }\n >\n Zum Video\n \n \n \n \n history.push('/profil-anlegen')}\n >\n Profil anlegen\n \n
\n \n\n \n \n *Alle Preise verstehen sich zzgl. gesetzlicher MwSt.\n
\n\n\n Innovative Unternehmen nutzen spiderjob\n
\n\n 
\n
\n OOPS...SOMETHING WENT WRONG
\nTry again
\n \n\n \n \n Jobs, die Ihren Kriterien entsprechen\n \n \n {props.numOfTopJobs}\n \n
\n \n {/* {isMobile ? null : \n \n \n Bewerbungen insgesamt\n \n \n {props.applicationCount}\n \n
\n \n - \n
- \n {user?.FirstName} {user?.LastName}\n \n
Es gibt keinen Job, der Ihren Kriterien entspricht
\n\n GESCHAFFT!\n
\n\n Möchtest du dein Profil jetzt ausfüllen? \n
\n\n {(\n \n
\n \n
\n {isLoggedIn && jobAds && jobAds.TotalPages > 1 && (\n \n {jobAds.list.map((job) => (\n
\n \n \n \n
\n \n {jobAds && jobAds.TotalCount === 0\n ? 'Keine Ergebnisse verfügbar'\n : 'Du hast noch keine Jobs'}\n
\n \n )}\n \n )}{' '}\n \n\n {blogs?.list.length > 0 && (\n {\n setisLoading(true);\n setTimeout(() => {\n setsearchText(e);\n setisLoading(false);\n }, 300);\n }}\n loading={loading}\n onSortChange={sortBlogs}\n />\n )}\n {loadingBlogs ? (\n \n {blogs.list.map((blog, index) => (\n {\n //getCompanyBlogs();\n }\n }}\n isOwner={\n auth.isAuthenticated()\n ? auth.getId() == blog.UserId\n : false\n }\n blog={blog}\n onClick={() => {\n window.open(\n `/blogeintrag/${encodeURIComponent(\n blog.Title.replace('+', '')\n )}-${blog.BlogsId}?param=userDash`\n );\n /*history.push({\n pathname: `/blogeintrag/${encodeURIComponent(blog.Title.replace(\"+\", \"\"))}-${blog.BlogsId}`,\n state: {\n blog: blog\n }\n });*/\n }}\n onDelete={() => {\n history.push({\n pathname: `/arbeitgeber-dashboard/blogeinträge`,\n state: {\n blog: blog,\n delete: true\n }\n });\n }}\n oneThirdWidth\n />\n ))}\n \n \n \n \n ) : (\n \n
\n \n {blogs && blogs.list !== blogsRef.current.list\n ? 'Keine Ergebnisse verfügbar'\n : 'Du hast noch keine Blogs'}\n
\n\n \n
\n \n )} \n\n {blogs && blogs.TotalPages > 1 && (\n \n 
\n {title} \n
\n \n {props.data?.Photo?.Url && \n \n\n \n \n\n {props.data?.IntroductionText && (\n
\n \n \n \n
}\n \n {' '}\n {props.data?.Profession?.ProfesionName || props.data?.ProfessionText} (M/W/D)\n {' '}{props.data?.JobAdSpecification}\n
\n\n
\n \n \n {props.data?.Employments.length? props.data.Employments.map(s => employment?.find(e => e.EmploymentId === s)?.EmploymentType).join(', ') : props.data?.EmploymentText}\n \n
\n \n \n \n {props.data?.JobLocation?.FormattedAddress}\n {props.data?.JobLocation2?.FormattedAddress && `, ${props.data?.JobLocation2?.FormattedAddress}`} \n {props.data?.JobLocation3?.FormattedAddress && `, ${props.data?.JobLocation3?.FormattedAddress}`}\n \n
\n \n
\n \n \n history.push(`/arbeitgeber/${encodeURIComponent(user?.Name.replace(\"+\", \"\"))}-${user?.Id}`)\n }\n />\n \n {user?.Name}\n \n {user && (\n \n {user?.LocationAddress}\n \n )}\n {user?.Website && (\n \n \n {user?.Website}\n \n \n )}\n\n
\n\n \n
\n \n {parse(props.data?.IntroductionText)} \n
\n )}\n {props.data?.Tasks && (\n \n \n Ihre Aufgaben:\n \n\n {parse(props.data?.Tasks)} \n
\n )}\n {props.data?.Profil && (\n \n \n Ihr Profil:\n \n\n {parse(props.data?.Profil)} \n
\n )}\n {props.data?.Offer && (\n \n \n Wir bieten:\n \n\n {parse(props.data?.Offer)} \n
\n )}\n {props.data?.ClosingText && (\n \n {' '}\n {parse(props.data.ClosingText)} \n
\n )}\n \n \n \n {src?.split(\".\").pop() !== \"mp4\" ? \n 
\n :\n \n }\n
\n \n \n
\n \n Du hast noch keine Fotos in deiner Galerie\n
\n\n \n
\n \n {jobAds &&\n jobAds.list !== (jobsRef.current && jobsRef.current.list)\n ? 'Keine Ergebnisse verfügbar'\n : 'Du hast noch keine Jobs'}\n
\n\n \n
\n \n {blogs?.list !== blogsRef?.current?.list\n ? 'Keine Ergebnisse verfügbar'\n : 'Du hast noch keine Blogs'}\n
\n\n {deleteOption\n ? 'Mit dieser Aktion werden auch alle Stellenanzeigen und Ansprechpartner die mit diesem Standort verbunden sind gelöscht. Diese Aktion kann nicht rückgängig gemacht werden!'\n : 'Mit dieser Aktion wird der Ansprechpartner aus allen live geschalteten Stellenanzeigen verschwinden. Diese Aktion kann nicht rückgängig gemacht werden.'}\n
\n\n history.push('/login')}\n >\n Zurück zur Anmeldung\n \n
\n \n history.push('/login')}\n >\n Zurück zur Anmeldung\n \n
\n \n Du hast dich anscheinend noch nicht auf eine Stelle beworben,\n wir helfen Dir!\n
\n\n history.push('/bewerber-dashboard')}\n />\n history.push('/jobs')}\n >\n Alle Jobs ansehen\n \n
\n \n \n\n \n Ja\n \n\n \n Nein\n \n \n
\n {text ? text : \"Willst Du dieses Konto wirklich löschen?\"}
\n\n Passwort ändern \n
\n \n E-Mail ändern \n
\n\n \n {\n handleJobDetailsEdit(\n value,\n 0,\n startingDate.find((d) => d.StartingDateId == value).Type\n );\n setselectedStarting(value);\n }}\n />\n
\n\n \n \n Schichtbetrieb\n \n \n {\n handleJobDetailsEdit(\n e.target.value,\n 2,\n shifts.find((d) => d.ShiftId == e.target.value).Shifts\n );\n setSelectedShift(e.target.value);\n }}\n >\n {shifts?.map((item) => (\n \n ))}\n \n \n
\n\n \n \n \n Berufserfahrung mit Personalverantwortung\n \n \n {}}\n >\n JA }\n onChange={() => {\n handleJobDetailsEditUser(3, 'true');\n setUserDetails((prevUserDetails) => {\n const updatedUserDetails = [...prevUserDetails];\n updatedUserDetails[0].PersonnelResponsibility = true;\n return updatedUserDetails;\n });\n }}\n />\n NEIN }\n onChange={() => {\n handleJobDetailsEditUser(3, 'false');\n setUserDetails((prevUserDetails) => {\n const updatedUserDetails = [...prevUserDetails];\n updatedUserDetails[0].PersonnelResponsibility = false;\n return updatedUserDetails;\n });\n }}\n />\n \n \n \n\n \n \n Jahresbruttogehalt\n \n \n {\n setSalary(value);\n }}\n onChangeCommitted={(e, value) => {\n handleJobDetailsEditSalary(4, value[0], value[1]);\n\n setUserDetails((prevUserDetails) => {\n const updatedUserDetails = [...prevUserDetails];\n updatedUserDetails[1].MinAnnualSalary = value[0];\n return updatedUserDetails;\n });\n setUserDetails((prevUserDetails) => {\n const updatedUserDetails = [...prevUserDetails];\n updatedUserDetails[2].MaxAnnualSalary = value[1];\n return updatedUserDetails;\n });\n }}\n value={salary}\n style={{\n maxWidth: '350px',\n marginRight: '10px',\n marginTop: '30px'\n }}\n step={10000}\n min={0}\n max={200000}\n />\n \n {' '}\n €{' '}\n \n \n \n
\n \n Job region \n
\n \n \n SaveChanges(modalTitle)}\n valid={true}\n >\n Speichern\n \n \n
\n \n );\n};\n\nexport default Modal;\n","import React from 'react';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\n\nimport { ModalOuter } from '../../../components/modal';\nimport SubmitButton from '../../../components/Buttons/submitButton';\nimport SelectedSkill from '../../../components/CreateProfile/Steps/SetFourSubcomponents/SelectedSkill';\nimport ComponentWrapper from '../../../components/ComponentWrapper/ComponentWrapper';\n\nconst ModalAutocomplete = ({\n openSeconModal,\n modalTitle,\n setSelectedOptions,\n setOpenSeconModal,\n autocompleteOptions,\n selectedOptions,\n loading,\n SaveChanges,\n handleOptions,\n levels,\n textLabel\n}) => {\n return (\n \n {loadedChips?.map((indust) => (\n
\n \n {selectedChips?.map((chip) => (\n
\n \n \n SaveChanges(modalTitle)}\n valid={true}\n >\n Speichern\n \n \n
\n \n );\n};\n\nexport default ModalAutocomplete;\n","import React, { useState, useEffect } from 'react';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\nimport styled from 'styled-components';\nimport { makeStyles } from '@mui/styles';\nimport Years from '../../../components/CreateProfile/Steps/Step2Subcomponents.js/Years';\nimport { Paragraph } from '../../../components/CreateProfile/Steps/StepSixSubcomponents/Region';\nimport ComponentWrapper from '../../../components/ComponentWrapper/ComponentWrapper';\nimport SubmitButton from '../../../components/Buttons/submitButton';\nimport SelectAsync from '../../../components/select/selectAsync';\nimport { ReactComponent as Delete } from '../../../assets/images/delete.svg';\nimport ModalSteps from '../../../components/CreateProfile/Steps/ModalSteps';\n\nconst Title = styled.h2`\n color: #e83741;\n`;\n\nconst InputContainer = styled.div`\n margin-bottom: 20px;\n`;\n\nexport function ModalSelect({\n open,\n title,\n firstParagraph,\n secondParagraph,\n thirdParagraph,\n firstData,\n selectedData,\n secondOption,\n onClose,\n save,\n deleteData,\n loading,\n branch = false\n}) {\n const classes = useStyles();\n\n const [values, setValues] = useState({\n firstDataId: null,\n secondDataId: '',\n secondDataName: '',\n years: '3-'\n });\n\n const handleChange = (name, value) => {\n setValues({ ...values, [name]: value });\n };\n\n // useEffect(() => {\n // setValues({\n // firstDataId: '',\n // secondDataId: '',\n // secondDataName: '',\n // years: '0'\n // });\n // }, []);\n\n const modalBody = (\n \n );\n\n return (\n \n {autocompleteOptions && (\n <>\n option.name}\n value={autocompleteOptions?.filter((a) =>\n selectedOptions?.some((s) => s.id == a.id)\n )}\n onChange={(e, values) => handleOptions(e, values, false)}\n style={{ width: '100%', margin: '2% 0' }}\n renderInput={(params) => (\n
\n \n setitemsArray(valuesArr)}\n isMulti={true}\n placeholder={'Mehr hinzufügen'}\n />\n
\n \n {\n handleQualifications(e, newValues, false);\n }}\n isMulti={true}\n placeholder={'Mehr hinzufügen'}\n searchParam='Name'\n />\n
\n \n {qualifications.map((industry, index) => (\n \n
\n ) : null}\n \n
\n ) : (\n <>\n \n
\n \n \n \n Standort*\n \n \n
\n \n\n \n \n spiderjob - AGB \n \n \n Allgemeine Geschäftsbedingungen \n \n Nutzungsbedingungen für private Stellensuchende („Bewerber“)\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 5.5 Der Kunde räumt dem Anbieter darüber hinaus das Recht ein, zum\n Zwecke der Bewerbung des Portals bzw. des Anbieters die Tatsache zu\n veröffentlichen bzw. veröffentlichen zu lassen, dass der Kunde über das\n Portal des Anbieters Personal sucht bzw. gesucht hat. Der Kunde räumt\n dem Anbieter in diesem Zusam- menhang auch das Recht ein, die\n Firmenbezeichnung des Kunden und/oder dessen Unternehmenskenn- zeichen\n (Logo, Schriftzug usw.) zu nutzen.
\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\nexport default AGB;\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\nimport { Button } from '@mui/material';\n\nimport Footer from '../footer/Footer';\nimport Header from '../header/Header';\nimport ResetPassSucc from '../../assets/images/passchangedsucc.png';\n\nimport auth from '../../auth';\n\nconst Container = styled.div`\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: 80px;\n\n img {\n width: 100%;\n max-width: 300px;\n }\n`;\n\nconst Heading = styled.h1`\n color: rgba(232, 55, 65, 1);\n font-size: 26px;\n`;\n\nconst EmailChanged = () => {\n const history = useHistory();\n\n return (\n <>\n 1 Geltungsbereich
\n \n {' '}\n 1.1 Die nachfolgenden Bedingungen gelten für alle gewerblichen\n Unternehmen die sich auf der Plattform spiderjob.de darstellen und\n über das Portal Personal suchen wollen. Das Portal wird von spiderjob\n GmbH, Freiburger Straße 33, 79427 Eschbach, Geschäftsführer Philipp\n Goebel, Matthias Braun, Marco Sprengler betrieben.\n
\n \n
\n 1.2 Abweichungen von diesen Nutzungsbedingungen gelten nur dann als\n vereinbart, wenn sie vom Anbieter ausdrücklich schriftlich bestätigt\n wurden.\n
\n 2 Inhalte
\n \n 2.1 Das Portal bietet eine Plattform zur Entwicklung individueller\n Karrierechancen für Privatpersonen bzw. zur gezielten\n Personalrekrutierung und -entwicklung für Unternehmen. Im Rahmen des\n Angebotes haben Privatpersonen die Möglichkeit, sich auf\n Stellenausschreibungen zu bewerben oder von Unternehmen bezüglich zu\n besetzender Stellen angesprochen zu werden. Für die Nutzung dieses\n Service ist eine Regist- rierung erforderlich. Nutzung des Service ist\n für private Nutzer (Stellenbewerber) kostenlos. Auf dem Portal werden\n kostenpflichtig in Auftrag gegebene Stellenausschreibungen\n veröffentlicht.\n
\n \n
\n 2.2 Alle Inhalte auf dem Portal sind urheberrechtlich geschützt. Die\n Registrierung beinhaltet keine Übertra- gung von Eigentums- oder\n Nutzungsrechten, Lizenzen oder sonstigen Rechten an der Software auf\n den Nutzer. Alle Rechte an der genutzten Software, an Kennzeichen,\n Titeln, Marken und Urheber- und sonsti- gen Rechten verbleiben\n uneingeschränkt beim Anbieter. Gewerbsmäßige Adressbeschaffung sowie\n das Kopieren von Inhalten, insbesondere auch von Profilen oder\n Kontaktdaten der Nutzer, und deren ander- weitige Veröffentlichung\n ohne schriftliche Genehmigung des Anbieters ist nicht gestattet.\n
\n \n 3 Zugangsberechtigung / Registrierungspflicht\n
\n 3.1 Zugangsberechtigt sind Unternehmen aller Branchen.
\n \n
\n 3.2 Unternehmen können sich erst dann auf dem Portal darstellen,\n nachdem Sie sich als Kunde registriert haben. Dies erfolgt unter\n Angabe unternehmensbezogener und personenbezogener Daten (Firmenname,\n Anschrift, Name und E-Mail Adresse des zuständigen Ansprechpartners\n usw.) und setzt die Anerkennung dieser Allgemeinen\n Geschäftsbedingungen voraus. Der Benutzername entspricht der E-Mail\n Adresse, das Passwort kann vom Kunden im Nachhinein selbst geändert\n werden. Jeder Kunde darf sich nur einmal anmelden. Er muss sich bei\n jeder weiteren Nutzung mit den bei der Erstanmeldung zugeteilten\n Benutzer- daten (Benutzername und Passwort) einloggen. Die\n Berechtigung gilt nur für den vom Kunden angegebe- nen Ansprechpartner\n persönlich und ist nur an andere Mitarbeiter des Kunden übertragbar.\n Der Kunde ist zur Geheimhaltung seiner Zugangsdaten verpflichtet; er\n haftet insoweit uneingeschränkt für sämtliche Mitarbeiter. Sollte\n einem Kunden die missbräuchliche Nutzung seines Logins bekannt werden,\n hat er dies dem Anbieter unverzüglich mitzuteilen und sein Passwort\n unverzüglich zu ändern, um den Zugang nicht autorisierter Personen zu\n verhindern. Der Anbieter übernimmt keinerlei Haftung für Schäden, die\n aus der unberechtigten bzw. unsachgemäßen Verwendung\n passwortgeschützter Logins des Kunden resultieren.\n
\n \n
\n 3.3 Der Kunde ist verpflichtet, bei der Registrierung ausschließlich\n wahrheitsgemäße und vollständige Informationen / Daten zu übermitteln\n und diese bei späteren Änderungen unverzüglich zu aktualisieren.\n Dasselbe gilt für später vom Kunden in das Portal eingestellten\n Inhalte.\n
\n \n
\n 3.4 Der Kunde stellt sicher, dass er für den Anbieter jederzeit unter\n den im Rahmen der Registrierung angegebenen Kontaktdaten, insbesondere\n per E- Mail, erreichbar ist.\n
\n \n
\n 3.5 Der Anbieter behält sich vor, die Registrierung einzelner\n Unternehmen ohne Angabe von Gründen abzulehnen. Ferner behält sich der\n Anbieter vor, auch bereits aktive Kunden aus wichtigem Grund (z.B.\n wegen Verstoß gegen diese AGB) zu sperren.\n
\n \n
\n 3.6 Die Registrierung von Unternehmen als Kunden ist kostenpflichtig.\n Sämtliche Funktionalitäten des Portals können nur genutzt werden, wenn\n der Kunde kostenpflichtig ein Paket auswählt (spiderBASIC,\n spiderBUSINESS, spiderBUSINESSPLUS, , spiderFLAT) und in Auftrag\n gegeben hat.\n
\n \n
\n 3.7. Ein Vertrag kommt - soweit nicht anders ausdrücklich individuell\n vereinbart - erst mit erfolgreichem Abschluss des\n Registrierungsvorgangs zustande.\n
\n \n {' '}\n 4 Pflichten des Kunden und Leistungsstörungen\n
\n \n 4.1 Der Kunde darf den Service des Anbieters nur sachgerecht nutzen.\n Er wird insbesondere:\n
\n \n
\n 1 die Zugriffsmöglichkeiten auf den Service nicht\n rechtsmissbräuchlich, insbesondere nicht im Wider- spruch zu den\n Allgemeinen Geschäftsbedingungen nutzen und die Gesetze sowie die\n Rechte Dritter respektieren;\n
\n \n
\n 2 zum Schutz der Daten den anerkannten Grundsätzen der Datensicherheit\n Rechnung tragen und die Verpflichtungen der Datenschutzvereinbarung\n beachten;\n
\n \n
\n 3 gegebenenfalls an den Anbieter beziehungsweise Dritte ausgehende\n E-Mails und Abfragen mit größt- möglicher Sorgfalt auf Viren\n überprüfen;\n
\n \n
\n 4 gesetzliche, behördliche und technische Vorschriften einhalten.\n
\n \n
\n 4.2 Der Kunde hat dem Anbieter in dem zuvor geschilderten Fall den aus\n solchen schuldhaften Pflichtver- letzungen resultierenden Schaden zu\n ersetzen.\n
\n \n
\n 4.3 Der Kunde ist rechtlich allein verantwortlich für die von ihm\n eingestellten Inhalte und hat sicherzustel- len, dass keine rechts-\n oder sittenwidrigen Inhalte aufgenommen werden oder die Aufnahme\n solcher Inhalte ermöglicht wird, derartiger Inhalt gespeichert,\n verbreitet, zugänglich gemacht oder auf ein Ange- bot mit solchem\n Inhalt hingewiesen bzw. verlinkt wird. Der Kunde verpflichtet sich\n insbesondere, bei allen von ihm eingestellten Inhalten und bei\n jedweder Kommunikation über das Portal nach bestem Wissen und Gewissen\n nur wahrheitsgemäße Angaben zu machen und die Vorgaben des AGG\n (Allgemeines Gleichbehandlungsgesetz) zu beachten, insbesondere\n Stellenangebote nur geschlechtsneutral zu formu- lieren.\n
\n \n
\n 4.4 Ausdrücklich untersagt ist die Einstellung von rassistischen,\n pornographischen, menschenverachten- den, beleidigenden, zu Straftaten\n anleitenden und gegen die guten Sitten verstoßenden Inhalten.\n Ausdrücklich verboten ist die Verbreitung von Inhalten, mit denen zum\n Hass gegen Teile der Bevölkerung aufgerufen wird (Volksverhetzung)\n oder mit denen Propaganda für eine verfassungsfeindliche Organisati-\n on betrieben wird, sowie verleumderische, beleidigende oder ruf- oder\n geschäftsschädigende bzw. persön- lichkeitsrechtsverletzende\n Äußerungen sowie Junkmails, Spam, Kettenbriefe und andere Inhalte mit\n werbendem Charakter. Ebenfalls untersagt ist die Einstellung von\n Beiträgen, die gegen die Grundsätze der Datensicherheit verstoßen\n (z.B. mit Viren, Trojanern u.ä. behaftete Beiträge und E-Mails).\n
\n \n
\n 4.5 Die Entscheidung über die Einstellung von Inhalten des Kunden in\n das Portal steht im Ermessen des Anbieters. Dieser ist daher jederzeit\n berechtigt, die Veröffentlichung von Inhalten, insbesondere von\n Stellenangeboten, ohne Angabe von Gründen zu verweigern bzw. bereits\n eingestellte Inhalte wieder zu entfernen.\n
\n \n
\n 4.6 Der Kunde ist allein und umfassend für die von ihm auf dem Portal\n eingestellten Inhalte verantwortlich und verpflichtet, dem Anbieter\n sämtlichen Schaden, einschließlich aller Aufwendungen, zu ersetzen,\n welche diesem aufgrund schuldhafter Verstöße gegen diese\n Nutzungsbedingungen entstehen. Der Kunde stellt den Anbieter insoweit\n ausdrücklich auf erstes Anfordern auch von allen berechtigten\n Ansprüchen Dritter und den Kosten der damit verbundenen\n Rechtsverfolgung frei.\n
\n \n
\n 4.7 Der Anbieter behält sich darüber hinaus vor, bei Verdacht einer\n missbräuchlichen Nutzung oder wesentlicher Vertragsverletzungen diesen\n Vorgängen nachzugehen, entsprechende Vorkehrungen zu treffen und bei\n einem begründeten Verdacht gegebenenfalls den Zugang des Kunden -\n mindestens bis zu einer Verdachtsausräumung seitens des Kunden - zu\n sperren und/oder vom Kunden eingestellte Inhalte zu löschen und/oder\n gegebenenfalls bei besonders schwerwiegenden Verstößen auch das\n Vertragsverhältnis fristlos zu kündigen. Soweit der Kunde den Verdacht\n ausräumt, wird die Sperrung aufgehoben.\n
\n 5 Nutzungsumfang
\n \n 5.1 Soweit Inhalte, insbesondere Informationen über Stellensuchende,\n dem Kunden über das Portal oder per Mail zugesandt werden, dürfen\n diese vom Kunden nur für eigene interne Zwecke verwendet werden. Jede\n Nutzung von Inhalten für gewerbliche externe Zwecke ist untersagt.\n Eine Archivierung darf nur zu eigenen und internen Zwecken des Kunden\n dienen, also Dritten nicht zugänglich sein, nicht dazu dienen,\n Vervielfältigungen für Dritte herzustellen und die Archivnutzung darf\n nicht zu einer zusätzlichen Verwer- tung der Inhalte führen. Alle\n weiteren Nutzungen (z.B. Vervielfältigung zu gewerblichen externen\n Zwecken einschl. Archivierung, Überlassung an oder Verarbeitung durch\n Dritte für eigene oder fremde Zwecke oder zur öffentlichen Wiedergabe,\n Übersetzung, Bearbeitungen usw.) bedürfen der vorherigen schriftlichen\n Zustimmung des Anbieters.\n
\n \n
\n 5.2 Urheberrechtshinweise und/oder Markenbezeichnungen und/oder\n sonstige Rechtevorbehalte in den Inhalten dürfen weder verändert noch\n beseitigt werden.\n
\n \n
\n 5.3 Stellensuchenden bzw. sonstigen privaten Nutzern ist es nach\n Registrierung ausdrücklich gestattet, an den dafür vorgesehene Stellen\n des Portals eigene Inhalte einzustellen. Nutzergenerierte Inhalte\n stammen nicht vom Anbieter und werden auch nicht im Namen des\n Anbieters veröffentlicht. Der Anbieter macht sich deren Inhalt und\n deren Aussagen nicht zu eigen und distanziert sich ausdrücklich von\n allen nutzerge- nerierten oder sonst erkennbar fremden, d.h. nicht vom\n Anbieter stammenden Inhalten.\n
\n \n
\n 5.4 Der Kunde räumt dem Anbieter mit Einstellung seiner Inhalte das\n Recht ein, diese auf dem Portal zu veröffentlichen und/oder\n veröffentlichen zu lassen, zu verbreiten und/oder verbreiten zu\n lassen, sowie auf sonstige Weise Dritten öffentlich zugänglich zu\n machen. Von der Rechteinräumung umfasst ist die Mög- lichkeit,\n Beiträge zum Abruf durch Dritte zur Verfügung zu stellen und Beiträge\n zu archivieren. Mit Einstel- lung seiner Inhalte sichert der Kunde zu,\n dass er über die eingeräumten Rechte verfügen kann und dass über diese\n Rechte nicht bereits anderweitig in einer Art verfügt wurde, welche\n die vorstehenden Nutzungsrechte des Anbieters beeinträchtigten\n könnten. Beim Einstellen von Bildern oder Videos sichert der Kunde zu,\n dass alle darauf erkennbaren Personen der Veröffentlichung zugestimmt\n haben. Vom Kunden hochgeladene Dateien werden vom Anbieter ggf. in das\n für die Veröffentlichung auf dem Portal erforderliche Format\n umformatiert. Bei dieser Umformatierung wird lediglich die\n Datenstruktur, nicht aber der Dateninhalt verändert.\n
\n \n 5.5 Der Kunde räumt dem Anbieter darüber hinaus das Recht ein, zum\n Zwecke der Bewerbung des Portals bzw. des Anbieters die Tatsache zu\n veröffentlichen bzw. veröffentlichen zu lassen, dass der Kunde über das\n Portal des Anbieters Personal sucht bzw. gesucht hat. Der Kunde räumt\n dem Anbieter in diesem Zusam- menhang auch das Recht ein, die\n Firmenbezeichnung des Kunden und/oder dessen Unternehmenskenn- zeichen\n (Logo, Schriftzug usw.) zu nutzen.
\n
\n 5.6 Kunden, die ein \"spiderPAKET\" gebucht haben, räumen dem Anbieter\n das Recht ein, während der Laufzeit der Stellenangebote, die der Kunde\n außerhalb des Portals (z.B. auf seiner Homepage oder in anderen\n Medien) bewirbt, unter Quellenangabe (s. Ziffer 2.1 am Ende) in das\n Portal aufzunehmen. Der Kunde hat jederzeit das Recht, der Aufnahme\n einzelner oder aller derartiger Stellenangebote zu wider- sprechen.\n
\n 6. Pflichten des Anbieters
\n \n 6.1 Der Kunde kann je nach vertraglich vereinbarter Leistung im Rahmen\n seines Unternehmensprofils Stellenangebote und weitere\n unternehmensbezogene Inhalte veröffentlichen. Der Kunde kann die\n Inhalte in einem vom Anbieter vorgegebenen Eingabeformular selbst\n eingeben. Der Anbieter wird die Inhalte des Kunden, Interessenten über\n das Internet oder per Mail zur Verfügung stellen. Des Weiteren kann\n der Kunde Kontakt zu Arbeitssuchenden aufnehmen die vom Anbieter\n zugesandt wurden, die seinen Wunschkriterien entsprechen und gezielt\n Unternehmensinformationen in sein Profil einpflegen.\n
\n \n
\n 6.2 Die vom Kunden eingestellten Inhalte, insbesondere\n Stellenangebote, sind zeitlich begrenzt auf dem Portal abrufbar. Die\n Dauer der Verfügbarkeit ergibt sich aus den jeweiligen, mit dem Kunden\n getroffenen Vereinbarungen.\n
\n \n
\n 6.3 Der Anbieter beteiligt sich inhaltlich nicht an der Kommunikation,\n dem Informationsaustausch oder der Stellenvermittlung zwischen\n Unternehmen und privaten Nutzern. Insofern übernimmt der Anbieter\n keinerlei Gewähr für die Richtigkeit und Vollständigkeit der von den\n privaten Nutzern über die Services verbreiteten Informationen und\n überprüft diese auch nicht.\n
\n \n
\n 6.4 Soweit Unternehmen und private Nutzer über das Portal\n untereinander Verträge abschließen, entste- hen daraus keinerlei\n vertragliche Verpflichtungen für den Anbieter.\n
\n \n
\n 6.5 Der Anbieter behält sich Änderungen seiner Leistungen vor, soweit\n solche Änderungen nicht die Kernleistungen verändern und unter\n Berücksichtigung der Interessen des Kunden für diesen zumutbar sind.\n
\n \n
\n 6.6 Der Anbieter ist berechtigt, die ihm obliegenden Leistungen ganz\n oder teilweise durch Dritte erbringen zu lassen.\n
\n 7 Personenbezogene Daten
\n \n Die Verwendung, Verarbeitung und Nutzung personenbezogener Daten\n erfolgt gemäß den jeweils gülti- gen gesetzlichen Bestimmungen und den\n Datenschutzregelungen des Anbieters.\n
\n 8 Gewährleistung
\n \n 8.1 Der Anbieter wird versuchen, im Rahmen der technischen\n Möglichkeiten, mehr als unerhebliche Störungen und Fehler\n schnellstmöglich zu beseitigen und unerhebliche Beeinträchtigungen in\n angemes- sener Frist zu beseitigen. Der Anbieter wird sich bemühen,\n die angebotenen Leistungen auf dem Portal stets zugänglich zu halten.\n Der Kunde hat jedoch keinen Anspruch auf die ständige Verfügbarkeit\n und Störungsfreiheit der Leistungen.\n
\n \n
\n 8.2 Der Anbieter ist für den eventuellen Erfolg einer\n Stellenvermittlung in keiner Weise verantwortlich und haftet nicht,\n falls keine Stellenvermittlung zustande kommt.\n
\n \n
\n 8.3 Dem Kunden ist bekannt, dass es nach dem derzeitigen Stand der\n Technik nicht möglich ist, alle Risiken aus der Nutzung des Internet\n auszuschließen. Daher übernimmt der Anbieter keine Gewährleis- tung\n für technische Mängel, insbesondere für die ständige und\n ununterbrochene Verfügbarkeit der Datenbank und ihrer Inhalte oder für\n die vollständige und fehlerfreie Wiedergabe der vom Kunden einge-\n stellten Inhalte.\n
\n \n
\n 8.4 Sämtliche Downloads – gleich ob unmittelbar von dem Portal oder\n von mit dem Portal verlinkten Seiten – erfolgen auf eigenes Risiko.\n
\n \n 9 Haftungsbeschränkung des Anbieters\n
\n \n 9.1 Der Anbieter haftet bei Vorsatz oder grober Fahrlässigkeit für\n alle vom Anbieter im Zusammenhang mit der Erbringung der\n vertragsgemäßen Leistungen verursachten Schäden unbeschränkt.\n
\n \n
\n 9.2 Bei leichter Fahrlässigkeit haftet der Anbieter im Fall der\n Verletzung des Lebens, des Körpers oder der Gesundheit unbeschränkt.\n
\n \n
\n 9.3 Im Übrigen haftet der Anbieter nur, soweit er eine wesentliche\n Vertragspflicht verletzt hat. Als wesentli- che Vertragspflichten\n werden dabei abstrakt solche Pflichten bezeichnet, deren Erfüllung die\n ordnungsge- mäße Durchführung des Vertrages überhaupt erst ermöglicht\n und auf deren Einhaltung der Nutzer regelmäßig vertrauen darf. In\n diesen Fällen ist die Haftung auf den Ersatz des vorhersehbaren,\n typischer- weise eintretenden Schaden beschränkt.\n
\n \n
\n 9.4 Soweit die Haftung des Anbieters nach den vorgenannten\n Vorschriften ausgeschlossen oder beschränkt wird, gilt dies auch für\n Erfüllungsgehilfen des Anbieters.\n
\n \n
\n 9.5. Schadensersatzansprüche verjähren innerhalb von 12 Monaten nach\n dem Schluss des Jahres, in dem der Anspruch entstanden ist und der\n Kunde von den Anspruch begründenden Umständen und der Person des\n Schädigers Kenntnis erlangt oder ohne grobe Fahrlässigkeit erlangen\n müsste.\n
\n \n 10 Laufzeit, Vergütung und Abrechnung\n
\n \n 10.1 Die Mindestlaufzeit jedes Pakets ist auf 6 Monate festgelegt und\n verlängert sich bei monatlicher Zahlweise durch Nicht-Kündigung des\n Kunden um jeweils einen Monat. Die Vertragslaufzeit kann bei\n Auftragserteilung auch direkt auf 12 Monate ausgedehnt werden. Bei\n Einmalzahlung verlängert sich die Laufzeit nicht automatisch. Der\n Anbieter behält sich vor, Preise und Produkte für die Zukunft zu\n ändern. Der Anbieter wird den Kunden über Änderungen, die ihn\n betreffen, rechtzeitig informieren.\n
\n \n
\n 10.2 Möchte der Kunde sein Abonnement über die Mindestlaufzeit hinaus\n verlängern, so kann er das bisher gebuchte Paket weiter nutzen oder\n beliebig ändern. Die Änderung des Pakets wird durch spiderjob\n vorgenommen.\n
\n 11 Hinweis zum Widerrufsrecht
\n (1) Widerrufsbelehrung
\n \n
Widerrufsrecht
\n \n
\n Die Einwilligungserklärung können Sie jederzeit mit Wirkung für die\n Zukunft telefonisch (+49 7634 69 89 676) per Post (spiderjob GmbH,\n Freiburger Straße 33, 79427 Eschbach) oder per E-Mail\n (info@spiderjob.de) wider- rufen. Selbstverständlich können Sie auch\n zu jedem späteren Zeitpunkt mit Wirkung für die Zukunft einen\n eingelegten Widerruf wieder zurücknehmen.\n
\n 12 Sonstige Regelungen
\n \n 12.1 Es gilt das Recht der Bundesrepublik Deutschland, wobei die\n Geltung des UN-Kaufrechts ausgeschlos- sen wird.\n
{' '}\n \n
\n 12.2 Ist der Nutzer Kaufmann, juristische Person des öffentlichen\n Rechts oder öffentlich-rechtliches Sonder- vermögen, so ist der Sitz\n des Diensteanbieters ausschließlicher Gerichtsstand für alle\n Streitigkeiten aus dem Vertragsverhältnis.\n
\n Widerrufsrecht
\n \n Sie haben das Recht, binnen 14 Tagen ohne Angabe von Gründen diesen\n Vertrag zu widerrufen. Die Widerrufsfrist beträgt vierzehn Tage ab dem\n Tag:\n
\n \n a) im Falle eines Dienstleistungsvertrags oder eines Vertrags über die\n Lieferung von Wasser, Gas oder Strom, wenn sie nicht in einem\n begrenzten Volumen oder in einer bestimmten Menge zum Verkauf\n angeboten werden, von Fernwärme oder von digitalen Inhalten, die nicht\n auf einem körperlichen Datenträger geliefert werden: „des\n Vertragsabschlusses.“;\n
\n \n b) im Falle eines Kaufvertrags: „, an dem Sie oder ein von Ihnen\n benannter Dritter, der nicht der Beförderer ist, die Waren in Besitz\n genommen haben bzw. hat.“;\n
\n \n c) im Falle eines Vertrags über mehrere Waren, die der Verbraucher im\n Rahmen einer einheitlichen Bestellung bestellt hat und die getrennt\n geliefert werden: „, an dem Sie oder ein von Ihnen benannter Dritter,\n der nicht der Beförderer ist, die letzte Ware in Besitz genommen haben\n bzw. hat.“;\n
\n \n d) im Falle eines Vertrags über die Lieferung einer Ware in mehreren\n Teilsendungen oder Stücken: „, an dem Sie oder ein von Ihnen benannter\n Dritter, der nicht der Beförderer ist, die letzte Teilsendung oder das\n letzte Stück in Besitz genommen haben bzw. hat.“;\n
\n \n e) im Falle eines Vertrags zur regelmäßigen Lieferung von Waren über\n einen festgelegten Zeitraum hinweg: „, an dem Sie oder ein von Ihnen\n benannter Dritter, der nicht der Beförderer ist, die erste Ware in\n Besitz genommen haben bzw. hat.“\n
\n \n
\n Um Ihr Widerrufsrecht auszuüben, müssen Sie uns (spiderjob GmbH;\n Freiburger Straße 33, 79427 Eschbach; Tel. 07634 69 89 676; E-Mail:\n info@spiderjob.de) mittels einer eindeutigen Erklärung (z. B. ein mit\n der Post versandter Brief oder eine E-Mail) über Ihren Entschluss,\n diesen Vertrag zu widerrufen, informie- ren.\n
\n \n
\n Zur Wahrung der Widerrufsfrist reicht es aus, dass Sie die Mitteilung\n über die Ausübung des Widerrufs- rechts vor Ablauf der Widerrufsfrist\n absenden.\n
{' '}\n Folgen des Widerrufs
\n \n Wenn Sie diesen Vertrag widerrufen, haben wir Ihnen alle Zahlungen,\n die wir von Ihnen erhalten haben, einschließlich der Lieferkosten (mit\n Ausnahme der zusätzlichen Kosten, die sich daraus ergeben, dass Sie\n eine andere Art der Lieferung als die von uns angebotene, günstigste\n Standardlieferung gewählt haben), unverzüglich und spätestens binnen\n vierzehn Tagen ab dem Tag zurückzuzahlen, an dem die Mitteilung über\n Ihren Widerruf dieses Vertrags bei uns eingegangen ist. Für diese\n Rückzahlung verwenden wir dasselbe Zahlungsmittel, das Sie bei der\n ursprünglichen Transaktion eingesetzt haben, es sei denn, mit Ihnen\n wurde ausdrücklich etwas anderes vereinbart; in keinem Fall werden\n Ihnen wegen dieser Rückzah- lung Entgelte berechnet.\n
\n \n
\n Im Falle von Kaufverträgen, in denen Sie nicht angeboten haben, im\n Falle des Widerrufs die Waren selbst abzuholen, fügen Sie Folgendes\n ein: „Wir können die Rückzahlung verweigern, bis wir die Waren wieder\n zurückerhalten haben oder bis Sie den Nachweis erbracht haben, dass\n Sie die Waren zurückgesandt haben, je nachdem, welches der frühere\n Zeitpunkt ist.“\n
\n \n history.push(auth.isApplicant()? '/bewerber-dashboard' : 'arbeitgeber-dashboard')}\n >\n Zurück zur Anmeldung\n \n
\n \n history.push(`partner-und-kooperationen/${encodeURIComponent(props.partner.PartnerName?.replace(\"+\", \"\"))}-${props.partner.PartnerId}`)} \n >\n Entdecken\n }\n
\n )\n\n}\n\nexport default PartnerCard;","import { useState, useRef } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\nimport { Button } from '@mui/material';\nimport SearchBar from '../components/SearchBar/SearchBar';\nimport ComponentWrapper from '../components/ComponentWrapper/ComponentWrapper';\nimport GetDataPublic from '../api/GetDataPublic';\nimport PartnerCard from '../components/PartnerCard/PartnerCard';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../../src/components/responsive';\nimport '../assets/scss/partner.scss';\nimport { useEffect } from 'react';\nconst Partner = () => {\n const [partners, setPartners] = useState([]);\n const [partnersFilter, setPartnersFilter] = useState([]);\n const ref = useRef(null);\n const history = useHistory();\n\n const getPartners = async () => {\n const partners = await GetDataPublic('Partner');\n setPartners(partners);\n };\n\n const getPartnersFilter = async (partnerId) => { //need backend here for refactoring\n const filtered = partners.filter(\n (partner) => partner.PartnerId === partnerId\n );\n\n setPartnersFilter(filtered);\n };\n useEffect(() => {\n getPartners();\n }, []);\n const isMobileSmall = useMediaQuery({ maxWidth: DeviceSize.newExtraSmall });\n return (\n <>\n \n 
\n\n
\n \n {name}\n
\n \n\n
\n \n {props.partner.EstablishmentType}\n
\n\n
\n {props.partner.MapButton && \n {props.partner.Address}\n
\n\n
\n \n \n \n );\n};\n\nexport default Partner;\n","const getCoordinates = async (address) => {\n const geocoder = new window.google.maps.Geocoder();\n try {\n const res = await geocoder.geocode({ address });\n const location = res.results[0].geometry.location;\n return { lat: location.lat(), lng: location.lng() };\n } catch (err) {\n console.log(err);\n return null;\n }\n};\n\nexport default getCoordinates;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { GoogleMap, useLoadScript, Marker } from '@react-google-maps/api';\nimport CircularLoader from '../Loader/CircularLoader';\n\nimport styles from './CompanyProfile.module.scss';\nimport getCoordinates from './getCoordinates';\n\nconst CompanyMap = ({ location, _zoom = 12 }) => {\n const [locationMap, setlocationMap] = useState(null);\n const [locationMaps, setlocationMaps] = useState([]);\n\n //map\n const { isLoaded, loadError } = useLoadScript({\n id: 'google-map-script',\n googleMapsApiKey: process.env.REACT_APP_GOOGLE_API_KEY,\n libraries: ['places']\n });\n\n //map\n const [mapConfig, setMapConfig] = useState({\n zoom: _zoom,\n center: {}\n });\n\n const { zoom, center } = mapConfig;\n\n const mapOptions = useMemo(() => {\n return {\n gestureHandling: 'greedy',\n fullscreenControl: false,\n streetViewControl: false,\n mapTypeControl: false\n };\n }, []);\n\n\n useEffect(() => {\n (async () => {\n if(location?.length){\n setlocationMaps(location.map(el => ({\n lat: parseFloat(el.Latitude),\n lng: parseFloat(el.Longitude)\n })))\n setMapConfig({\n ...mapConfig,\n center: {\n lat: parseFloat(location.find(l => l.Latitude !== null)?.Latitude ?? 0) ?? 0,\n lng: parseFloat(location.find(l => l.Longitude !== null)?.Longitude ?? 0) ?? 0\n }\n });\n\n }else{\n if (location?.Latitude && location?.Longitude) {\n setlocationMap({\n lat: parseFloat(location.Latitude),\n lng: parseFloat(location.Longitude)\n });\n setMapConfig({\n ...mapConfig,\n center: {\n lat: parseFloat(location.Latitude),\n lng: parseFloat(location.Longitude)\n }\n });\n } else if (location?.FormattedAddress && isLoaded) {\n const res = await getCoordinates(location.FormattedAddress);\n setlocationMap({ lat: res.lat, lng: res.lng });\n setMapConfig({ ...mapConfig, center: { lat: res.lat, lng: res.lng } });\n }\n }\n })();\n }, [location, isLoaded]);\n\n if (loadError) {\n return null;\n }\n \n return (\n <>\n {(locationMap || locationMaps) && (\n <>\n {isLoaded ? (\n \n
\n\n \n
\n\n {!isMobileSmall && }\n \n \n Unsere Kooperationen.\n
\n
\n \n Unsere Kooperationen.\n
\n Deine Vorteile.\n
\n \n Wir kooperieren auch mit Schulen, Gewerbeparks,
\n Universitäten und Vereinen aus Ihrer Region und
\n haben ein großes Netzwerk an potentiellen\n
\n Bewerbern für Ihr Unternehmen.\n
\n \n ref.current?.scrollIntoView({ behavior: 'smooth' })\n }\n >\n Zu den Partnern\n \n history.push('/kontakt')}\n >\n Partner werden\n \n
\n \n
\n Partner & Kooperationen
\nsuchen & finden!
\n\n {partnersFilter.length !== 0\n ? partnersFilter.map((partner) => (\n
\n \n \n {locationMaps.length?\n locationMaps.map((lm, index) =>
\n ) : (\n \n \n \n \n
\n \n );\n};\n\nexport default PartnerDetail;\n","export default \"data:image/png;base64,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\"","import React from 'react';\nimport picture from '../assets/images/unsubscribe.png';\nimport styled from 'styled-components';\nimport { Button } from '@mui/material';\nimport { useHistory } from 'react-router-dom';\nimport Footer from '../components/footer/Footer';\nimport { useEffect, useState } from 'react';\nimport axios from '../api/axios';\nimport config from '../config/api.config';\nimport CircularLoader from '../components/Loader/CircularLoader';\nimport Alert from '@mui/material/Alert';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 100px;\n`;\n\nconst Text = styled.p`\n font-family: Poppins;\n color: ${(props) => (props.color ? props.color : '#575757')};\n font-size: ${(props) => props.size};\n font-weight: ${(props) => props.weight};\n text-align: center;\n`;\n\nconst Img = styled.img`\n height: 160px;\n width: 230px;\n margin-bottom: 50px;\n`;\n\nconst Row = styled.div`\n display: flex;\n gap: 5px;\n margin-bottom: 20px;\n`;\n\nconst notificationsOff = (isActive) => {\n const queryParameters = new URLSearchParams(window.location.search);\n const email = queryParameters.get('email');\n email &&\n axios\n .put(\n `${config.apiUrl}/api/emailnotification/change-notification-settings?email=${email}&isActive=${isActive}`\n )\n .then((response) => console.log(response.data))\n .catch((error) => console.error(error));\n};\n\nexport default function Unsubscribe() {\n const [showAlert, setShowAlert] = useState(false);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n setLoading(true);\n notificationsOff(false);\n setLoading(false);\n }, []);\n\n useEffect(() => {\n let timeout;\n if (showAlert) {\n timeout = setTimeout(() => {\n setShowAlert(false);\n }, 3000); // alert će se sakriti nakon 3 sekunde\n }\n return () => clearTimeout(timeout);\n }, [showAlert]);\n\n const history = useHistory();\n return loading ? (\n \n \n ref.current?.scrollIntoView({ behavior: 'smooth' })\n }\n className=\"partner-job-preview\"\n >\n Alle Jobs im {params?.name.split('-')[0]}\n
\n \n )}\n \n
\n\n \n
\n\n {params.name.split('-').pop() == 1 ||\n params.name.split('-').pop() == 25 || params.name.split('-').pop() == 29? (\n Partner & Kooperation
\n{params?.name.split('-')[0]}
\n\n {isMobile ? (\n \n ) : (\n \n )}\n
\n ) : (\n \n {\n setBtnStudien(false);\n setBtnAusbildung(false);\n getJobAds([]);\n ref.current?.scrollIntoView({ behavior: 'smooth' });\n }}\n >\n ALLE JOBS\n \n {\n setBtnStudien(true);\n getJobAds([10, 12, 13]);\n ref.current?.scrollIntoView({ behavior: 'smooth' });\n }}\n >\n STUDIENPLÄTZE\n \n {\n setBtnStudien(false);\n setBtnAusbildung(true);\n getJobAds([7]);\n ref.current?.scrollIntoView({ behavior: 'smooth' });\n }}\n >\n AUSBILDUNGSPLÄTZE\n \n
\n \n
\n suchen & finden!
\n\n \n
\n\n {totalPages > 1 && (\n \n {jobAds.map((job) => (\n
\n \n \n {showAlert && (\n \n Du hast dich erneut angemeldet!\n \n )}\n \n 
\n \n Du hast dich erfolgreich abgemeldet!\n \n \n Du wirst keine E-Mail-Benachrichtigungen mehr erhalten.\n \n \n \n Versehentlich abgemeldet?\n \n {\n setLoading(true);\n notificationsOff(true);\n setLoading(false);\n setShowAlert(true);\n }}\n style={{ cursor: 'pointer' }}\n >\n Erneut abbonieren.\n \n
\n\n history.push('/')}\n >\n Zurück zu Spiderjob\n \n\n \n \n \n
\n );\n}\n","import \"./inputField.scss\";\n\nconst InputField = ({label, value, name, placeholder, type=\"text\", handleChange}) => {\n\n return (\n \n \n
\n )\n}\n\nexport default InputField;","import axios from 'axios';\nimport config from '../config/api.config';\n\nconst PostPublicData = async (url, data, method = 'POST') => {\n\n return new Promise(async (resolve, reject) => {\n const parsedData = JSON.stringify(data);\n let urlNew = config.apiUrl +\"/\"+ url;\n try {\n let result;\n if (method == 'PUT') {\n result = await axios.put(urlNew, parsedData, {\n headers: { 'Content-Type': 'application/json' }\n });\n } else if (method == 'POST') {\n result = await axios.post(urlNew, parsedData, {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n resolve(result.data);\n } catch (error) {\n console.log(`Error: ${error}`);\n reject(error);\n }\n });\n};\n\nexport default PostPublicData;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconBusiness(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 70.186,\n height: 64.787,\n viewBox: \"0 0 70.186 64.787\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_ionic-md-business\",\n \"data-name\": \"Icon ionic-md-business\",\n d: \"M39.312,18.892V4.5H3.375V69.287H73.561v-50.4ZM17.75,62.083H10.562v-7.2H17.75Zm0-14.392H10.562v-7.2H17.75Zm0-14.392H10.562V26.1H17.75Zm0-14.408H10.562v-7.2H17.75ZM32.124,62.083H24.937v-7.2h7.187Zm0-14.392H24.937v-7.2h7.187Zm0-14.392H24.937V26.1h7.187Zm0-14.408H24.937v-7.2h7.187ZM66.374,62.083H39.312v-7.2H46.5V47.691H39.312v-7.2H46.5v-7.2H39.312V26.1H66.374ZM60.03,33.3H52.843v7.2H60.03Zm0,14.392H52.843v7.2H60.03Z\",\n transform: \"translate(-3.375 -4.5)\",\n fill: \"#e61f2a\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconBusiness);\nexport default __webpack_public_path__ + \"static/media/icon-business.d0267983.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/aplicant.791712f3.png\";","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconPaperclip(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 68.345,\n height: 70.787,\n viewBox: \"0 0 68.345 70.787\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_feather-paperclip\",\n \"data-name\": \"Icon feather-paperclip\",\n d: \"M64.1,32.454,35.217,61.342A18.871,18.871,0,0,1,8.53,34.654L37.417,5.766A12.581,12.581,0,0,1,55.209,23.558L26.29,52.446a6.29,6.29,0,1,1-8.9-8.9L44.081,16.894\",\n transform: \"translate(-0.003 0.918)\",\n fill: \"none\",\n stroke: \"#e61f2a\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 6\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconPaperclip);\nexport default __webpack_public_path__ + \"static/media/icon-paperclip.37e108ca.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgClock(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 39.187,\n height: 39.187,\n viewBox: \"0 0 39.187 39.187\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Icon_feather-clock\",\n \"data-name\": \"Icon feather-clock\",\n transform: \"translate(1.5 1.5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_74\",\n \"data-name\": \"Path 74\",\n d: \"M39.187,21.093A18.093,18.093,0,1,1,21.093,3,18.093,18.093,0,0,1,39.187,21.093Z\",\n transform: \"translate(-3 -3)\",\n fill: \"#e61f2a\",\n stroke: \"#e61f2a\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 3\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_75\",\n \"data-name\": \"Path 75\",\n d: \"M18,9V19.856l7.237,3.619\",\n transform: \"translate(0.093 -1.763)\",\n fill: \"#e61f2a\",\n stroke: \"#fff\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 3\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgClock);\nexport default __webpack_public_path__ + \"static/media/clock.04d7b20b.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconBusinessCenter(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 46.218,\n height: 41.596,\n viewBox: \"0 0 46.218 41.596\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_material-business-center\",\n \"data-name\": \"Icon material-business-center\",\n d: \"M21.487,34.542V32.231H5.334l-.023,9.244A4.606,4.606,0,0,0,9.933,46.1H42.285a4.606,4.606,0,0,0,4.622-4.622V32.231H30.731v2.311ZM44.6,13.744H35.329V9.122L30.708,4.5H21.464L16.842,9.122v4.622H7.622A4.635,4.635,0,0,0,3,18.365V25.3A4.606,4.606,0,0,0,7.622,29.92H21.487V25.3h9.244V29.92H44.6A4.635,4.635,0,0,0,49.218,25.3V18.365A4.635,4.635,0,0,0,44.6,13.744Zm-13.865,0H21.487V9.122h9.244Z\",\n transform: \"translate(-3 -4.5)\",\n fill: \"#e61f2a\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconBusinessCenter);\nexport default __webpack_public_path__ + \"static/media/icon-business-center.150c0ff1.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconJobLocation(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 36.187,\n height: 48.249,\n viewBox: \"0 0 36.187 48.249\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_awesome-map-marker-alt\",\n \"data-name\": \"Icon awesome-map-marker-alt\",\n d: \"M16.234,47.275C2.542,27.426,0,25.388,0,18.093a18.093,18.093,0,0,1,36.187,0c0,7.3-2.542,9.332-16.234,29.182a2.263,2.263,0,0,1-3.719,0Zm1.859-21.643a7.539,7.539,0,1,0-7.539-7.539A7.539,7.539,0,0,0,18.093,25.632Z\",\n fill: \"#e61f2a\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconJobLocation);\nexport default __webpack_public_path__ + \"static/media/icon-job-location.6715621b.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIconPerson(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 68.089,\n height: 71.392,\n viewBox: \"0 0 68.089 71.392\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Icon_ionic-ios-people\",\n \"data-name\": \"Icon ionic-ios-people\",\n transform: \"translate(-23.011 -7.749)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_76\",\n \"data-name\": \"Path 76\",\n d: \"M65.1,62.675c-2.74-.979-7.217-1.028-9.2-1.786-1.37-.538-3.548-1.125-4.257-1.982s-.71-6.973-.71-6.973a11.264,11.264,0,0,0,2.422-3.425,38.067,38.067,0,0,0,1.174-6.728s1.615.685,2.251-2.544c.538-2.789,1.566-4.257,1.3-6.312-.294-2.055-1.419-1.566-1.419-1.566s1.419-2.08,1.419-9.15c0-7.291-5.5-14.459-15.805-14.459-10.276,0-15.83,7.193-15.83,14.459,0,7.071,1.395,9.15,1.395,9.15s-1.15-.489-1.419,1.566c-.294,2.055.734,3.523,1.3,6.312.636,3.254,2.251,2.544,2.251,2.544a38.435,38.435,0,0,0,1.174,6.728,11.264,11.264,0,0,0,2.422,3.425s0,6.117-.71,6.973S29.966,60.35,28.6,60.864c-1.957.758-6.435.856-9.2,1.835A17.267,17.267,0,0,0,8.191,79.14H76.28A17.233,17.233,0,0,0,65.1,62.675Z\",\n transform: \"translate(14.82)\",\n fill: \"#db1c2b\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIconPerson);\nexport default __webpack_public_path__ + \"static/media/icon-person.d9ac5ac0.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgEmploymentIcon(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n viewBox: \"0 0 22 22\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.7266 18.4472L21.6875 18.3944C20.8814 17.4611 19.891 16.7775 18.9332 16.1171C18.5422 15.8472 17.8474 15.4124 17.3558 15.0626C18.4966 13.4518 19.1077 11.5258 19.1042 9.5519C19.1042 4.27666 14.8276 0 9.5519 0C4.27623 0 0 4.27666 0 9.5519C0 14.8271 4.27666 19.1042 9.5519 19.1042C11.5233 19.1072 13.4469 18.4974 15.0566 17.3593C15.4068 17.8504 15.8412 18.5439 16.1115 18.9349C16.7736 19.8944 17.4581 20.8827 18.3905 21.6879L18.4434 21.7266C18.7407 21.9084 19.0831 22.0031 19.4317 21.9999C19.9585 21.9983 20.466 21.8014 20.8561 21.4473L21.4327 20.872L21.4464 20.8578C22.0605 20.1857 22.1782 19.1721 21.7266 18.4472ZM9.5519 16.6121C7.91826 16.6122 6.3351 16.0459 5.07219 15.0097C3.80927 13.9734 2.94474 12.5313 2.62591 10.9291C2.30707 9.3269 2.55367 7.66369 3.32367 6.2229C4.09367 4.78211 5.33943 3.65289 6.84869 3.02765C8.35794 2.40241 10.0373 2.31983 11.6006 2.794C13.1639 3.26817 14.5145 4.26973 15.4221 5.62804C16.3297 6.98634 16.7383 8.61733 16.5782 10.2431C16.418 11.8689 15.6992 13.3888 14.544 14.544C13.89 15.2017 13.112 15.7231 12.2551 16.0781C11.3982 16.433 10.4794 16.6145 9.5519 16.6121Z\",\n fill: \"#E83741\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.55174 10.4336C11.1002 10.4336 12.3554 9.17831 12.3554 7.62987C12.3554 6.08143 11.1002 4.82617 9.55174 4.82617C8.0033 4.82617 6.74805 6.08143 6.74805 7.62987C6.74805 9.17831 8.0033 10.4336 9.55174 10.4336Z\",\n fill: \"#E83741\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.1712 12.7448C14.1292 12.3516 13.9532 11.9848 13.6728 11.7059C13.3913 11.4237 13.0222 11.2458 12.6261 11.2014C12.0464 11.14 10.6066 11.1064 9.70982 11.1064C8.81306 11.1064 7.04835 11.14 6.46827 11.2014C6.07231 11.2459 5.70322 11.4236 5.42156 11.7054C5.14131 11.9844 4.96548 12.3512 4.92355 12.7444V12.7564C4.9098 12.8896 4.90164 13.0052 4.89648 13.1041C5.05524 13.3117 5.22748 13.5086 5.41211 13.6936C6.51057 14.7919 8.00029 15.4089 9.55363 15.4089C11.107 15.4089 12.5967 14.7919 13.6951 13.6936C13.8769 13.5115 14.0467 13.3179 14.2035 13.1139C14.197 13.013 14.1876 12.8944 14.1734 12.7569L14.1712 12.7448Z\",\n fill: \"#E83741\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgEmploymentIcon);\nexport default __webpack_public_path__ + \"static/media/EmploymentIcon.1ba43d3e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { useMediaQuery } from 'react-responsive';\nimport { FacebookShareButton, LinkedinShareButton, FacebookIcon, LinkedinIcon } from 'react-share';\nimport parse from 'html-react-parser';\nimport { IconButton, ListItemIcon, Menu, MenuItem, Tooltip, Fade } from '@mui/material';\nimport { AssignmentTurnedIn, Delete, Edit, Settings, Storage } from '@mui/icons-material';\nimport Checkbox from '@mui/material/Checkbox';\nimport ListItemText from '@mui/material/ListItemText';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport { Select } from '@mui/material';\n\nimport Header from '../components/header/Header';\nimport Footer from '../components/footer/Footer';\nimport ComponentWrapper from '../components/ComponentWrapper/ComponentWrapper';\nimport SubmitButton from '../components/Buttons/submitButton';\nimport CustomModal from '../components/modal/Modal';\nimport { Flex } from '../components/Common/Input';\nimport Snackbar from '../components/snackbar/snackbar';\nimport styles from '../components/Job/Job.module.scss';\nimport CircularLoader from '../components/Loader/CircularLoader';\nimport SocialShare from '../components/SocialShare/SocialShare';\nimport { DeviceSize } from '../components/responsive';\nimport InputField from '../components/InputField/InputField';\n\nimport GetData from '../api/GetData';\nimport GetDataPublic from '../api/GetDataPublic';\nimport PostData from '../api/PostData';\nimport PostPublicData from '../api/PostPublicData';\n\nimport stepsDone from '../assets/images/stepsDone.png';\nimport applicant from '../assets/images/aplicant.png';\nimport { ReactComponent as BusinessIcon } from '../assets/images/icon-business.svg';\nimport { ReactComponent as PaperclipIcon } from '../assets/images/icon-paperclip.svg';\nimport { ReactComponent as ClockIcon } from '../assets/images/clock.svg';\nimport { ReactComponent as CenterIcon } from '../assets/images/icon-business-center.svg';\nimport { ReactComponent as LocationIcon } from '../assets/images/icon-job-location.svg';\nimport { ReactComponent as PersonIcon } from '../assets/images/icon-person.svg';\nimport { ReactComponent as EmploymentIcon } from '../assets/images/EmploymentIcon.svg';\nimport InfoButton from '../assets/images/info_button.svg';\n\nimport auth from '../auth';\nimport \"../assets/scss/jobPage.scss\";\n\nconst ExpressbewerbungTooltip = `In kürzester Zeit kannst Du dich bei deinem Traumjob bewerben. \nGebe dazu lediglich deinen Vor-, Nachnamen, deine E-Mail-Adresse und deine Telefonnummer an. \nDer Arbeitgeber könnte dich schon bald kontaktieren, wenn er an dir interessiert ist.\n \nBitte beachte: Der Arbeitgeber kann nicht auf sonstige Daten von dir zurückgreifen. \nMögliche besondere Stärken, Qualifikationen oder Fähigkeiten finden daher keine Beachtung. \nWillst Du diese zur Geltung bringen, so nutze bitte die detaillierte spiderjob-Bewerbung.`\n\nconst SpiderjobBewerbungTooltip = `Du möchtest einen passgenauen Job ohne Suchaufwand von der spiderjob-Software vorgeschlagen bekommen? \nDann nutze die detaillierte spiderjob-Bewerbung. \nNimm dir ein paar Minuten Zeit und fülle dein Profil gewissenhaft aus. \nJe genauere Angaben du machst, umso besser funktioniert das Matching. \nIm Anschluss bekommst Du konkrete Jobvorschläge mit genauer Prozentangabe.`\n\nconst JobPage = () => {\n const location = useLocation();\n const history = useHistory();\n const params = useParams();\n\n const [user, setuser] = useState(null);\n const [jobUserPhoto, setjobUserPhoto] = useState(null);\n const [MatchingModalOpen, setMatchingModalOpen] = useState(\n location.state && location.state.showModal && auth.isCompany()\n );\n const [applyModalOpen, setapplyModalOpen] = useState(false);\n const [appliedToJob, setappliedToJob] = useState(false);\n const [snackbar, setsnackbar] = useState(false);\n const [anchorEl, setanchorEl] = useState(null);\n const [loading, setloading] = useState(false);\n const [job, setJob] = useState(null);\n const [isOwner, setisOwner] = useState(false);\n const [contactPerson, setcontactPerson] = useState(null);\n const [selectedEmployments, setSelectedEmployment] = useState([]);\n const [branches, setBranches] = useState([]);\n const [officeEmployments, setOfficeEmployments] = useState([]);\n\n const isLarge = useMediaQuery({ maxWidth: DeviceSize.newLarge });\n const isMobile = useMediaQuery({ maxWidth: 767 });\n\n const [employmentType, setEmploymentType] = useState(0);\n const [clicked, setClicked] = useState(false);\n const [allEmployments, setAllEmployments] = useState('');\n const [singleEmployment, setSingleEmployment] = useState('');\n const [typeOfApply, setTypeOfApply] = useState(false);\n const [quickApply, setQuickApply] = useState(false);\n const [quickApplyValid, setQuickApplyValid] = useState(false);\n const [quickApplyData, setQuickApplyData] = useState({\n firstName: \"\",\n lastName: \"\",\n number: \"\",\n email: \"\"\n });\n\n const getJobApplication = async (jobid, userid) => {\n const response = await GetData(\n `JobApplicant?JobAdvertisementId=${jobid}&ApplicantId=${userid}&IncludeJobAdv=true`\n );\n if (response.length > 0) {\n setappliedToJob(true);\n }\n };\n\n //get all data needed for page\n useEffect(() => {\n (async () => {\n setloading(true);\n let user;\n if (auth.isAuthenticated()) {\n user = await GetDataPublic(`User/${auth.getId()}`);\n setuser(user);\n setQuickApplyData({\n firstName: user.FirstName,\n lastName: user.LastName,\n number: user.Phone,\n email: user.Email\n })\n }\n\n //new requests\n const res = await GetDataPublic(\n `jobadvertisement/${params.id.split('-').pop()}`\n );\n user && (await getJobApplication(res.JobAdvertisementId, user.Id));\n\n setjobUserPhoto(res.Company.ProfileImageUrl);\n setcontactPerson(res.Contact);\n setEmploymentType(res.Employments.length - 1);\n setSingleEmployment(res.Employments[0].EmploymentType);\n setJob(res);\n let employ = '';\n res.Employments.map((employments, index) => {\n employ = employ + employments.EmploymentType;\n if (index != res.Employments.length - 1) employ += ', ';\n });\n setAllEmployments(employ);\n\n setBranches(\n [res.Office, res.Office2, res.Office3].filter(\n (b) => b !== null && b !== undefined\n )\n );\n setloading(false);\n })();\n }, []);\n\n useEffect(() => {\n if (job) {\n if ((job && job.ApplicationUserId) === (user && user.Id)) {\n setisOwner(true);\n }\n }\n }, [job, user]);\n\n const onSubmit = async () => {\n if (!user) {\n history.push('/login');\n } else {\n try {\n setloading(true);\n let jobApplicantData = {\n jobAdvertisementId: job.JobAdvertisementId,\n applicantId: user.Id,\n officeEmployments: officeEmployments\n };\n \n await PostData('JobApplicant', jobApplicantData);\n setappliedToJob(true);\n setloading(false);\n setapplyModalOpen(false);\n setsnackbar(true);\n } catch (error) {\n console.log('🚀 ~ error', error);\n }\n }\n };\n\n const onQuickApply = async () => {\n try {\n setloading(true);\n let userData = {\n name: quickApplyData.firstName,\n lastName: quickApplyData.lastName,\n phoneNumber: quickApplyData.number,\n email: quickApplyData.email,\n jobAdvertisementId: job.JobAdvertisementId,\n ...(user && {applicantId: user.Id}),\n officeEmployments: officeEmployments\n };\n \n await PostPublicData('api/quickapply', userData);\n setappliedToJob(true);\n setloading(false);\n setQuickApply(false);\n setsnackbar(true);\n } catch (error) {\n console.log('🚀 ~ error', error);\n setloading(false);\n }\n }\n\n const handleSpiderjobBewerbung = () => {\n setTypeOfApply(false);\n setapplyModalOpen(true)\n }\n\n const handleSchenllbewerbung = () => {\n setTypeOfApply(false);\n setQuickApply(true);\n }\n\n const handleInputChange = (event) => {\n const { target: { name, value } } = event\n setQuickApplyData({...quickApplyData, [name]: value })\n\n }\n \n useEffect(() => {\n setQuickApplyValid(quickApplyData.email && quickApplyData.firstName && quickApplyData.lastName && quickApplyData.number? true : false)\n }, [quickApplyData])\n\n return (\n {label}
\n\n 
\n
\n \n \n {!isMobile && (\n \n {job?.Profession?.ProfesionName ?? job?.ProfessionText}\n {isOwner && (\n
\n
\n \n\n \n {job?.Profession?.ProfesionName ?? job?.ProfessionText}\n {isOwner && (\n {\n e.stopPropagation();\n setanchorEl(e.currentTarget);\n }}\n size=\"large\"\n >\n {Boolean(anchorEl) ? (\n
\n (m | w | d)
\n\n \n {' '}\n {job?.JobAdSpecification}\n \n
\n\n \n
\n\n \n 
\n \n history.push(\n `/arbeitgeber/${encodeURIComponent(\n job?.Company.CompanyName.replace('+', '')\n )}-${job?.Company.Id}`\n )\n }\n >\n {job?.IsVolunteering\n ? 'Zum Organisationsprofil'\n : 'Zum Firmenprofil'}\n \n
\n\n \n
\n \n {job?.Company.CompanyName}\n
\n\n {' '}\n {job?.Company?.CompanyLocation?.FormattedAddress}\n
\n\n
\n \n
\n \n
\n \n
\n Beschäftigungsbeginn:
\n\n {job?.StartingDate.Type}\n
\n\n
\n\n \n
\n \n Zweigstelle / Niederlassung:\n
\n{`${\n job?.Office.BranchType\n } ${(job?.Office?.Location?.StreetNo && ',') || ''} ${\n job?.Office?.Location?.CityName || ''\n }`}
\n\n
\n \n
\n Branche:
\n\n {job?.Branch.BranchType}\n
\n\n
\n \n
\n Anstellungsart:
\n\n {\n setClicked(true);\n setSingleEmployment('');\n }}\n >\n {'+' + employmentType}\n \n )}\n
\n \n {!clicked ? singleEmployment : allEmployments}\n
\n {employmentType != 0 && !clicked && (\n\n {contactPerson?.File?.Url ? (\n
\n \n
\n )}\n Ansprechpartner/in
\n\n {contactPerson?.Title} {contactPerson?.FirstName}{' '}\n {contactPerson?.LastName}\n
\n\n {contactPerson?.Position}\n
\n{contactPerson?.Phone}
\n{contactPerson?.Email}
\n\n {parse(job?.IntroductionText ?? '')}\n
\n \n {job?.Tasks && (\n
\n\n \n
\n )}\n\n {job?.Profil && (\n {job?.ApplicantAddressing} Aufgaben:
\n{parse(job?.Tasks)}
\n \n
\n )}\n\n {job?.Offer && (\n {job?.ApplicantAddressing?.slice(0, -1)} Profil:
\n{parse(job?.Profil)}
\n \n
\n )}\n Wir bieten:
\n\n{parse(job?.Offer)}
\n \n {' '}\n {parse(job?.ClosingText ?? '')}{' '}\n
\n\n {!isOwner &&\n !auth.isCompany() &&\n !auth.isOrganization() &&\n job?.ShouldRedirectExternal == false && (\n \n
\n )}\n\n {job?.ShouldRedirectExternal == true && (\n \n o.officeId)}\n onChange={(e) => {\n setOfficeEmployments(\n e.target.value.map((val) => {\n return {\n officeId: val,\n employmentIds: []\n };\n })\n );\n }}\n displayEmpty\n renderValue={(selected) =>\n selected.length\n ? selected\n .map(\n (s) =>\n branches?.find((e) => e.OfficeId === s)\n ?.BranchType\n )\n .join(', ')\n : 'Standort/Niederlassung wählen'\n }\n >\n {branches?.map((item, index) => (\n \n ))}\n \n\n {officeEmployments.map((oe) => (\n setTypeOfApply(true)}\n disabled={\n isOwner ||\n auth.isCompany() ||\n auth.isOrganization() ||\n appliedToJob ||\n !officeEmployments.length ||\n !selectedEmployments.length\n }\n className={styles.submitBewerben}\n >\n {appliedToJob ? 'Bereits Beworben' : 'Jetzt bewerben'}\n \n
\n \n {\n setSelectedEmployment(e.target.value);\n setOfficeEmployments((prevState) =>\n prevState.map((el) =>\n el.officeId === oe.officeId\n ? { ...el, employmentIds: e.target.value }\n : el\n )\n );\n }}\n input={\n
\n ))}\n\n \n {' '}\n {\n branches?.find((e) => e.OfficeId === oe.officeId)\n ?.BranchType\n }{' '}\n
\nFast geschafft...
\nWir freuen uns über deine Bewerbung!
\nWie willst du dich bewerben?
\n\n\n \n Expressbewerbung\n \n \n {}}\n size=\"large\"\n >\n \n \n \n
\n\n\n \n \n spiderjob-Bewerbung\n \n \n {}}\n size=\"large\"\n >\n \n \n \n\n
\n\n Expressbewerbung!
\n\nMit dem Klick auf ‘Jetzt bewerben’ stimme ich den Rechtlichen Informationen der spiderjob GmbH zu und erlaube die Kontaktaufnahme.
\n\n\n\n
\n );\n};\n\nexport default BluredJobs;\n","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from 'react';\nimport Footer from '../components/footer/Footer';\nimport Header from '../components/header/Header';\nimport styled from 'styled-components';\nimport SearchBar from '../components/SearchBar/SearchBar';\nimport BluredJobs from '../components/BluredJobs/BluredJobs';\nimport GetDataPublic from '../api/GetDataPublic';\nimport { useLocation } from 'react-router-dom';\nimport { Pagination } from '@mui/material';\nimport '../assets/css/MuiOverride.css';\nimport { EmptyBox } from './CompanyDashboard/Applications';\nimport EmptyList from '../assets/images/empty-list.svg';\nimport auth from '../auth';\nimport { useMediaQuery } from 'react-responsive';\nimport { DeviceSize } from '../../src/components/responsive';\nimport CircularLoader from '../components/Loader/CircularLoader';\nimport styles from '../components/Jobs/Jobs.module.scss';\nimport PartnerJobCard from '../components/PartnerJobCard/PartnerJobCard';\nimport Slider from 'react-slick';\nimport { ReactComponent as LeftArrow } from '../assets/images/left-arrow.svg';\nimport { ReactComponent as RightArrow } from '../assets/images/right-arrow.svg';\nimport { ReactComponent as JobTitleImg } from '../assets/images/job-title.svg';\n\nconst MainContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n \n\n ${(props) =>\n props.padding &&\n `\n padding: ${props.padding};\n `}\n\n & > .row {\n width: 100%;\n &:first-child {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin: auto;\n }\n }\n\n @media (max-width: 767px) {\n overflow: hidden;\n }\n`;\n\nexport const AllJobs = ({ companyProfile, userId, isOrganisationProfile }) => {\n \n const location = useLocation();\n const [jobAds, setjobAds] = useState();\n const [currentPage, setcurrentPage] = useState(1);\n const [isLoggedIn, setIsLoggedIn] = useState(false);\n const [title, setTitle] = useState(location?.state?.title || '');\n const [city, setCity] = useState(location?.state?.city || '');\n const [latitude, setLatitude] = useState(location?.state?.latitude || '');\n const [longitude, setLongitude] = useState(location?.state?.longitude || '');\n const [branchId, setbranchId] = useState(location?.state?.branch ?? '');\n const [employmentId, setemploymentId] = useState(\n location?.state?.employment ?? ''\n );\n const [loading, setloading] = useState(true);\n const [allJobs, setAllJobs] = useState(false);\n const [sliderRef, setSliderRef] = useState();\n const isLarge = useMediaQuery({ maxWidth: DeviceSize.newLarge });\n const isMobile = useMediaQuery({ maxWidth: DeviceSize.iPadPro });\n const isMobileSmall = useMediaQuery({ maxWidth: DeviceSize.newExtraSmall });\n const isMobileSmall2 = useMediaQuery({ maxWidth: DeviceSize.mobile });\n const iMac = useMediaQuery({ maxWidth: 1600 });\n const [settings, setSettings] = useState({\n infinite: true,\n speed: 500,\n slidesToShow: 3,\n slidesToScroll: isMobile ? 2 : 3,\n initialSlide: 0,\n centerMode: true,\n centerPadding: '5px',\n className: 'center',\n nextArrow: \n {jobs.map((job) => (\n \n ))}\n
\n \n
\n \n Weitere Stellenanzeigen sind nur in der Matching-funktion\n freigeschaltet.
\nRegistriere dich jetzt kostenlos und erhalte passende\n matches. Wir vernetzen Dich mit den passenden Jobs!\n
\n\n \n \n \n \n \n \n
\n \n \n {!companyProfile && \n {!allJobs && !isMobile && !isMobileSmall && !isLarge &&!companyProfile && (\n setSliderRef(c)} {...settings}>\n {jobAds.list.map((job) => (\n \n\n setAllJobs(true)}\n >\n ALLE STELLEN ANZEIGEN\n \n \n ) : jobAds && jobAds.list.length > 0 ? (\n <>\n \n \n {!companyProfile && }\n
\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport ComponentWrapper from '../ComponentWrapper/ComponentWrapper';\nimport styles from '../Job/Job.module.scss';\nimport stylesCompany from './CompanyProfile.module.scss';\nimport correctLink from '../../utils/correctLink';\n\nimport { ReactComponent as BusinessIcon } from '../../assets/images/icon-business.svg';\nimport { ReactComponent as PersonIcon } from '../../assets/images/icon-person.svg';\nimport { ReactComponent as PaperclipIcon } from '../../assets/images/icon-paperclip.svg';\nimport { ReactComponent as ClockIcon } from '../../assets/images/clock.svg';\nimport { ReactComponent as CenterIcon } from '../../assets/images/icon-business-center.svg';\nimport { ReactComponent as LocationIcon } from '../../assets/images/icon-job-location.svg';\nimport Linkify from 'linkify-react';\n\nconst CompanyMain = ({\n company,\n branches,\n profilePhoto,\n jobs,\n setactiveSubpage\n}) => {\n const [contact, setContact] = useState(null);\n\n const renderParagraphs = () => {\n // Razdvajanje teksta na paragrafe\n const paragraphs = company?.AboutMe?.split('\\n');\n //console.log(paragraphs);\n return paragraphs?.map((paragraph, index) => (\n paragraph==\"\" ? \n
\n {isLoggedIn && jobAds && jobAds.TotalPages > 1 && (\n \n {jobAds.list.map((job) => (\n
\n {!isLoggedIn && \n \n
\n \n {jobAds && jobAds.TotalCount === 0\n ? 'Keine Ergebnisse verfügbar'\n : 'Du hast noch keine Jobs'}\n
\n \n )}\n \n )}{' '}\n \n: \n \n
\n
\n
\n\n \n 
\n window.open(correctLink(company.Website), '_blank')}\n >\n Webseite\n \n
\n\n \n
\n {company?.Name}
\n{company?.LocationAddress}
\n\n
\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n Jobs online:
\n{jobs?.TotalCount}+
\n\n
\n \n
\n \n
\n Standorte:
\n\n {[\n ...new Set(\n branches?.map((branche) => branche.Office?.BranchType)\n )\n ].join(', ')}\n
\n\n
\n \n
\n \n
\n Branche:
\n\n {jobs?.list[0]?.Branch.BranchType}\n
\n\n {contact?.File?.Url ? (\n \n (window.location = `mailto:${\n contact ? contact.Email : company?.ContactEmail\n }`)\n }\n >\n Mail senden\n \n
\n \n
\n )}\n Ansprechpartner/in
\n\n {contact?.FirstName} {contact?.LastName}\n
\n{contact?.Position}
\n\n {' '}\n {contact ? contact.Phone : company?.Phone}\n
\n\n {' '}\n {contact ? contact.Email : company?.ContactEmail}\n
\n\n 
\n {renderParagraphs()} \n \n {/*
\n {company.AboutMe}
*/}\n\n
\n \n \n );\n};\n\nexport default SubpageLinks;\n","import React, { useEffect, useState } from 'react';\nimport { useParams } from 'react-router';\nimport GetDataPublic from '../api/GetDataPublic';\nimport GetData from '../api/GetData';\nimport Footer from '../components/footer/Footer';\nimport Header from '../components/header/Header';\nimport CompanyMain from '../components/CompanyProfile/CompanyMain';\nimport SubpageLinks from '../components/CompanyProfile/SubpageLinks';\nimport { AllJobs } from './AllJobs';\nimport Beiträge from './Beiträge';\nimport ComponentWrapper from '../components/ComponentWrapper/ComponentWrapper';\nimport CircularLoader from '../components/Loader/CircularLoader';\nimport SocialShare from '../components/SocialShare/SocialShare';\nimport '../assets/scss/companyProfile.scss';\nimport { useMediaQuery } from 'react-responsive';\n\nconst CompanyProfile = () => {\n const [loading, setloading] = useState(true);\n const [company, setcompany] = useState(null);\n const [branches, setBranches] = useState(null);\n const [jobs, setJobs] = useState(null);\n const [headerPhoto, setHeaderPhoto] = useState(null);\n const [profilePhoto, setprofilePhoto] = useState(null);\n const params = useParams();\n const isMobile = useMediaQuery({ maxWidth: 1128 });\n const [socialMedia, setSocialMedia] = useState(null);\n\n useEffect(() => {\n (async () => {\n setloading(true);\n const res = await GetDataPublic(\n `user/companyprofile?id=${params.name.split('-').pop()}`\n );\n const branches = await GetData(\n `UsersBranches?IncludeOffice=true&IncludeContactPerson=true&UserId=${params.name\n .split('-')\n .pop()}`\n );\n const jobs = await GetDataPublic(\n `JobAdvertisement/Paging?&&CheckIsActive=true&IncludeOffice=true&IncludeBranch=true&${`UserId=${params.name\n .split('-')\n .pop()}`}`\n );\n\n setHeaderPhoto(res.HeaderImageUrl);\n setprofilePhoto(res.ProfileImageUrl);\n setBranches(branches);\n setJobs(jobs);\n setcompany({\n Id: res.Id,\n Name: res.CompanyName,\n LocationAddress: res.CompanyLocation?.FormattedAddress,\n Website: res.CompanyWebsite,\n AboutMe: res.AboutMe,\n Phone: res.Phone,\n ContactEmail: res.ContactEmail,\n UserType: res.UserType,\n Image: res.HeaderImageUrl\n });\n setloading(false);\n const socialArray = res.SocialNetworks[0];\n setSocialMedia({\n facebook: socialArray?.FacebookUrl,\n instagram: socialArray?.InstagramUrl,\n linkedin: socialArray?.LinkedinUrl,\n twitter: socialArray?.TwitterUrl,\n youtube: socialArray?.YoutubeUrl\n });\n })();\n }, []);\n\n const [activeSubpage, setactiveSubpage] = useState('Unternehmen');\n\n const displaySubpage = () => {\n switch (activeSubpage) {\n case 'Stellenangebote':\n return (\n \n \n {\n changeSubpage('Unternehmen');\n }}\n >\n Unternehmen\n \n {\n changeSubpage('Stellenangebote');\n }}\n >\n {company ? 'Stellenangebote' : 'Ehrenämter'}\n \n {\n changeSubpage('Beiträge');\n }}\n >\n Beiträge\n \n
\n \n {linkedin && (\n \n 
\n \n )}\n\n {facebook && (\n \n 
\n \n )}\n {instagram && (\n \n 
\n \n )}\n\n {twitter && (\n \n 
\n \n )}\n\n {youtube && (\n \n 
\n \n )}\n
\n \n \n )}\n\n {twitter && (\n \n \n
\n \n )}\n\n \n \n 
\n
\n \n {/* \n
\n {displaySubpage()}
\n \n
\n \n