\r\n \r\n ![{t(\"header.scifoLogo\")}](\"/img/Scifo_Logo_2019.svg\")
\r\n
\r\n );\r\n } \r\n}\r\n\r\nexport default Header; ","// Library\r\nimport React from 'react';\r\nimport { IButtonProps, CommandBarButton } from 'office-ui-fabric-react';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\n/**\r\n * Renders a NavBar Button\r\n * @param props NavBar Button data\r\n */\r\nconst NavBarButton: React.FunctionComponent\r\n \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the sign out error bar if requierd\r\n * @param t Translate function\r\n */\r\n private renderSignOutErrorBar(t: TFunction): ReactNode {\r\n if (!this.state.showSignOutErrorMessage) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n {this.renderSignOutErrorBar(t)}\r\n \r\n \r\n {t(\"navbar.couldNotLogout\")}\r\n \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Hides the sign out error\r\n */\r\n private hideSignOutError = () => {\r\n this.setState({\r\n showSignOutErrorMessage: false\r\n });\r\n }\r\n\r\n /**\r\n * Builds the menu items\r\n * @param t Translate function\r\n * @param routerHistory Router history\r\n * @returns Commandbar items\r\n */\r\n private getItems = (t: TFunction, routerHistory: any): ICommandBarItemProps[] => {\r\n return [\r\n {\r\n key: \"Home\",\r\n text: t(\"navbar.home\"),\r\n data: {\r\n target: \"/\"\r\n },\r\n buttonStyles: { rootHovered: { borderBottomColor: this._theme.palette.themePrimary, borderBottomWidth: \"3px\", borderBottomStyle: \"solid\", backgroundColor: \"transparent\" }, root: { fontSize: FontSizes.mediumPlus, backgroundColor: \"transparent\" } },\r\n iconProps: { styles: { root: { fontSize: FontSizes.medium } }, iconName: \"Home\" },\r\n onClick: () => routerHistory.push(\"/\")\r\n },\r\n {\r\n key: \"MyDownloads\",\r\n text: t(\"navbar.myDownloads\"),\r\n data: {\r\n target: \"/myDownloads\"\r\n },\r\n buttonStyles: { rootHovered: { borderBottomColor: this._theme.palette.themePrimary, borderBottomWidth: \"3px\", borderBottomStyle: \"solid\", backgroundColor: \"transparent\" }, root: { fontSize: FontSizes.mediumPlus, backgroundColor: \"transparent\" } },\r\n iconProps: { styles: { root: { fontSize: FontSizes.medium } }, iconName: \"Installation\" },\r\n onClick: () => routerHistory.push(\"/myDownloads\")\r\n },\r\n {\r\n key: \"Favoriten\",\r\n text: t(\"navbar.Favoriten\"),\r\n data: {\r\n target: \"/favorites\"\r\n },\r\n buttonStyles: { rootHovered: { borderBottomColor: this._theme.palette.themePrimary, borderBottomWidth: \"3px\", borderBottomStyle: \"solid\", backgroundColor: \"transparent\" }, root: { fontSize: FontSizes.mediumPlus, backgroundColor: \"transparent\" } },\r\n iconProps: { styles: { root: { fontSize: FontSizes.medium } }, iconName: \"FavoriteStar\" },\r\n onClick: () => routerHistory.push(\"/favorites\")\r\n }\r\n ];\r\n }\r\n\r\n /**\r\n * Builds the far items\r\n * @param t Translate function\r\n * @param routerHistory Router history\r\n * @returns Commandbar items\r\n */\r\n private getFarItems = (t: TFunction, routerHistory: any): ICommandBarItemProps[] => {\r\n if (!this.props.currentUser || !this.props.currentUser.isAuthenticated) {\r\n return [\r\n {\r\n key: \"Login\",\r\n text: t(\"navbar.login\"),\r\n iconProps: { iconName: \"Fingerprint\" },\r\n buttonStyles: { rootHovered: { borderBottomColor: this._theme.palette.themePrimary, borderBottomWidth: \"3px\", borderBottomStyle: \"solid\", backgroundColor: \"transparent\" }, root: { fontSize: FontSizes.mediumPlus, backgroundColor: \"transparent\" } },\r\n data: {\r\n target: \"/login\"\r\n },\r\n onClick: () => routerHistory.push(\"/login\")\r\n }\r\n ];\r\n } else {\r\n let userItems: any[] = [];\r\n if (!this.props.currentUser.isIpAuthenticated) {\r\n userItems = [{\r\n key: \"ChangePassword\",\r\n text: t(\"navbar.changePassword\"),\r\n iconProps: { iconName: \"Signin\" },\r\n onClick: () => routerHistory.push(\"/changePassword\")\r\n },\r\n {\r\n key: \"MyProfile\",\r\n text: t(\"navbar.myProfile\"),\r\n iconProps: { iconName: \"Contact\" },\r\n onClick: () => routerHistory.push(\"/myProfile\")\r\n },\r\n {\r\n key: \"MySubscriptions\",\r\n text: t(\"navbar.mySubscriptions\"),\r\n iconProps: { iconName: \"PaymentCard\" },\r\n onClick: () => routerHistory.push(\"/mySubscriptions\")\r\n },\r\n {\r\n key: \"Divider\",\r\n itemType: ContextualMenuItemType.Divider\r\n }];\r\n }\r\n\r\n if(this.props.currentUser.isAdmin)\r\n {\r\n userItems.push({\r\n key: \"AdminArea\",\r\n text: t(\"navbar.administration\"),\r\n iconProps: { iconName: \"Admin\" },\r\n onClick: () => routerHistory.push(\"/administration\")\r\n });\r\n userItems.push({\r\n key: \"AdminDivider\",\r\n itemType: ContextualMenuItemType.Divider\r\n });\r\n }\r\n\r\n userItems.push({\r\n key: \"Logout\",\r\n text: t(\"navbar.logout\"),\r\n iconProps: { iconName: \"SignOut\" },\r\n onClick: this.signOut\r\n });\r\n\r\n return [\r\n {\r\n key: \"LoggedIn\",\r\n text: this.props.currentUser.displayName,\r\n buttonStyles: { rootHovered: { borderBottomColor: this._theme.palette.themePrimary, borderBottomWidth: \"3px\", borderBottomStyle: \"solid\", backgroundColor: \"transparent\" }, root: { backgroundColor: \"transparent\" } },\r\n\r\n iconProps: { iconName: \"Fingerprint\" },\r\n subMenuProps: {\r\n items: userItems\r\n }\r\n }\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Signs the current user out\r\n */\r\n private signOut = async (): Promise\r\n {this.state.loadingRefCount > 0 && \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default GlobalLoadingIndicator; ","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { ColorClassNames, FontClassNames } from 'office-ui-fabric-react';\r\nimport { TFunction } from 'i18next';\r\n\r\n// Components\r\nimport styles from './Footer.module.css';\r\nimport TranslatedComponent from '../../../localization/TranslatedComponent';\r\nimport { Link } from 'react-router-dom';\r\n\r\n/**\r\n * Footer Component\r\n */\r\nclass Footer extends TranslatedComponent<{}, {}> {\r\n /**\r\n * Renders the Footer\r\n */\r\n protected renderWithTranslation(t: TFunction): ReactNode {\r\n return (\r\n \r\n ![{t(\"footer.vulkanVerlagLogo\")}](\"/img/VV)
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Footer; ","/**\r\n * Login page state class\r\n */\r\nclass LoginState {\r\n /**\r\n * Username\r\n */\r\n public username: string;\r\n\r\n /**\r\n * Password\r\n */\r\n public password: string;\r\n\r\n /**\r\n * true if error messages should be shown on empty\r\n */\r\n public showErrorMessage: boolean;\r\n\r\n /**\r\n * true if an auth error occured\r\n */\r\n public authErrorOccured: boolean;\r\n\r\n /**\r\n * Text of the auth error message\r\n */\r\n public authErrorMessage: string;\r\n\r\n /**\r\n * true if the login process is running\r\n */\r\n public isLoading: boolean;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor() {\r\n this.username = \"\";\r\n this.password = \"\";\r\n this.showErrorMessage = false;\r\n this.authErrorOccured = false;\r\n this.authErrorMessage = \"\";\r\n this.isLoading = false;\r\n }\r\n}\r\n\r\nexport default LoginState;","import React, { ReactNode } from 'react';\r\nimport { TextField, PrimaryButton, MessageBar, Icon, Text, MessageBarType, FontClassNames, ColorClassNames, FontWeights, DefaultButton, SpinnerSize, Spinner } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\nimport { Redirect, useLocation, useHistory, Link } from 'react-router-dom';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../localization/TranslatedComponent';\r\nimport styles from './Login.module.css';\r\n\r\n// Services\r\nimport AuthServiceFactory from './../../services/auth/AuthFactory.service';\r\n\r\n// Dto\r\nimport ILoginProps from './dto/ILoginProps';\r\nimport LoginState from './dto/LoginState';\r\n\r\n\r\n/**\r\n * Login Component\r\n */\r\nclass Login extends TranslatedComponent\r\n \r\n
\r\n \r\n {`${t(\"footer.imprint\")}`}\r\n \r\n | \r\n \r\n {`${t(\"footer.termsOfUse\")}`}\r\n \r\n | \r\n \r\n {`${t(\"footer.dataProtection\")}`}\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a redirect for a logged in user\r\n * @param redirectTarget Redirect target\r\n */\r\n private renderLoggedInUserRedirect(redirectTarget: string): ReactNode {\r\n if (!this.props.currentUser || !this.props.currentUser.isAuthenticated) {\r\n return null;\r\n }\r\n\r\n return (\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {this.renderLoggedInUserRedirect(redirectTarget)}\r\n \r\n\r\n {this.renderAuthErrorOccured(t)}\r\n\r\n
\r\n {t(\"login.enterCredentials\")}
\r\n\r\n\r\n {this.renderAuthErrorOccured(t)}\r\n\r\n {t(\"login.text\")}
\r\n
\r\n
\r\n \r\n { this.onUserFieldChanged((r, v) => { r.salutation = v }, val ? val.text : \"\"); }} \r\n errorMessage={this.getMandatoryErrorMessage(t, this.state.userData.salutation)}\r\n />\r\n\r\n { this.onUserFieldChanged((r, v) => { r.firstname = v }, val); }} value={this.state.userData.firstname} label={t(\"userDataForm.firstname\")} required={true}> \r\n { this.onUserFieldChanged((r, v) => { r.lastname = v }, val); }} value={this.state.userData.lastname} label={t(\"userDataForm.lastname\")} required={true}> \r\n\r\n {!this.props.hideLoginFields && { this.onUserFieldChanged((r, v) => { r.email = v }, val); }} value={this.state.userData.email} label={t(\"userDataForm.email\")} required={true}> }\r\n {!this.props.hideLoginFields && { this.onUserFieldChanged((r, v) => { r.password = v }, val); }} value={this.state.userData.password} label={t(\"userDataForm.password\")} required={this.props.existingUserData === null} description={this.props.existingUserData !== null ? t(\"userDataForm.leavePasswordBlankToKeepOld\") : undefined}> }\r\n {!this.props.hideLoginFields && { this.onUserFieldChanged((r, v) => { r.username = v }, val); }} value={this.state.userData.username} label={t(\"userDataForm.username\")} required={false} description={t(\"userDataForm.onEmptyUsernameEmailWillBeUsed\")}> }\r\n\r\n { this.onUserFieldChanged((r, v) => { r.companyName = v }, val); }} value={this.state.userData.companyName} label={t(\"userDataForm.companyName\")}> \r\n { this.onUserFieldChanged((r, v) => { r.companyStreet = v }, val); }} value={this.state.userData.companyStreet} label={t(\"userDataForm.companyStreet\")}> \r\n { this.onUserFieldChanged((r, v) => { r.companyPostalCode = v }, val); }} value={this.state.userData.companyPostalCode} label={t(\"userDataForm.companyPostalCode\")}> \r\n { this.onUserFieldChanged((r, v) => { r.companyCity = v }, val); }} value={this.state.userData.companyCity} label={t(\"userDataForm.companyCity\")}> \r\n { this.onUserFieldChanged((r, v) => { r.companyCountry = v }, val); }} value={this.state.userData.companyCountry} label={t(\"userDataForm.companyCountry\")}> \r\n {!this.props.hideMiscFields && { this.onUserFieldChanged((r, v) => { r.maxSessionCount = !isNaN(parseInt(v)) ? parseInt(v) : null }, val); }} value={this.state.userData.maxSessionCount ? this.state.userData.maxSessionCount.toString() : \"\"} label={t(\"userDataForm.maxSessionCount\")}> }\r\n {!this.props.hideIpAuthFields && { this.onUserFieldChanged((r, v) => { r.ipAddress = v }, val); }} value={this.state.userData.ipAddress} label={t(\"userDataForm.ipAddress\")} errorMessage={this.getIpErrorMessage(t)}> }\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Returns the error message for a mandatory field\r\n * @param t Translate function\r\n * @param val Value of the fields\r\n * @returns Error message\r\n */\r\n private getMandatoryErrorMessage = (t: TFunction, val: string): string => {\r\n if (!this.state.showErrorMessage || val) {\r\n return \"\";\r\n }\r\n\r\n return t(\"general.mandatoryField\");\r\n }\r\n\r\n /**\r\n * Returns the error for the password repeat\r\n * @param t Translate function\r\n * @returns Error message\r\n */\r\n private getPasswordRepeatErrorMessage(t: TFunction): string {\r\n if (!this.state.showErrorMessage || this.state.userData.password === this.state.repeatPassword) {\r\n return \"\";\r\n }\r\n\r\n return t(\"general.passwordsDoNotMatch\");\r\n }\r\n\r\n /**\r\n * Returns an error message if an invalid email address is provided\r\n * @param t Translate function\r\n * @returns Error message\r\n */\r\n private getEmailErrorMessage(t: TFunction): string {\r\n if (!this.state.showErrorMessage || !this.state.userData.email) {\r\n return \"\";\r\n }\r\n\r\n return !isValidEmail(this.state.userData.email) ? t(\"general.invalidEmail\") : \"\";\r\n }\r\n\r\n /**\r\n * Returns the IP error message\r\n * @param t Translate function\r\n * @returns IP error message\r\n */\r\n private getIpErrorMessage(t:TFunction): string | undefined {\r\n if(!this.state.showErrorMessage || !this.state.userData.ipAddress)\r\n {\r\n return \"\";\r\n }\r\n\r\n let isIpValid = this.validateIp(this.state.userData.ipAddress);\r\n if(isIpValid) {\r\n return \"\";\r\n }\r\n \r\n return t(\"userDataForm.enterValidIpAddress\");\r\n }\r\n\r\n /**\r\n * Validates if an ip value is valid\r\n * @param ip Value to validate\r\n */\r\n private validateIp(ip: string): boolean {\r\n if(!ip) {\r\n return true;\r\n }\r\n\r\n let ipAddresses = ip.split(\",\");\r\n for(let ipAddress of ipAddresses) {\r\n let ipValueParts = ipAddress.split(\"-\");\r\n if(ipValueParts.length > 2)\r\n {\r\n return false;\r\n }\r\n\r\n for(let ipValue of ipValueParts) {\r\n let ipAddressSplitted = ipValue.split(\".\");\r\n if(ipAddressSplitted.length !== 4)\r\n {\r\n return false;\r\n }\r\n\r\n for(let curIpAddressPart of ipAddressSplitted) {\r\n let ipPart = parseInt(curIpAddressPart);\r\n if(isNaN(ipPart) || ipPart < 0 || ipPart > 255)\r\n {\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n\r\n /**\r\n * Handles the change of a user field value\r\n * @param fieldName Fieldname\r\n * @param val New value of the field\r\n */\r\n private onUserFieldChanged = (setValueCallback: (r: UserData, val: string) => void, val: string | undefined) => {\r\n if (!val) {\r\n val = \"\";\r\n }\r\n\r\n let userData = new UserData();\r\n userData.assignFromUserData(this.state.userData);\r\n setValueCallback(userData, val);\r\n\r\n this.setState({\r\n userData: userData\r\n }, () => {\r\n this.props.onUserDataChanged(this.state.userData);\r\n });\r\n }\r\n\r\n /**\r\n * Returns the selected saluation key\r\n * @param options Selected salutation key\r\n * @returns Selected salutation key\r\n */\r\n private getSalutationSelectedKey(options: IDropdownOption[]): string | null {\r\n let option = options.find(o => o.text === this.state.userData.salutation);\r\n if(!option) {\r\n return null;\r\n }\r\n\r\n return option.key.toString();\r\n }\r\n\r\n /**\r\n * Sets the password repeat value\r\n * @param ev Event\r\n * @param newValue New value \r\n */\r\n private setPasswordRepeat = (ev: FormEvent{t(\"userDataForm.companyData\")}
\r\n{t(\"userDataForm.miscHeader\")}
}\r\n {!this.props.hideMiscFields &&{t(\"userDataForm.ipAuthHeader\")}
}\r\n {!this.props.hideIpAuthFields &&\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the register form\r\n * @param t Translate Function\r\n * @returns Register form\r\n */\r\n private renderRegisterForm = (t: TFunction): ReactNode => {\r\n return (\r\n {t(\"register.header\")}
\r\n {!this.state.accountWasCreated ?\r\n this.renderRegisterForm(t) :\r\n this.renderRegisterSuccess(t)}\r\n\r\n {this.renderRequestErrorOccured(t)}\r\n \r\n this.userDataFormRef = r } hideUsername={true} hideMiscFields={true} hideIpAuthFields={true} hideLoginFields={false}> \r\n \r\n {this.state.isLoading && \r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Renders a message that a request error occured\r\n * @param t Translate function\r\n */\r\n private renderRequestErrorOccured = (t: TFunction): ReactNode => {\r\n if (!this.state.requestErrorMessage) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {this.state.captchaKey ? this.recaptchaRef = r} sitekey={this.state.captchaKey} onChange={this.onCaptchaValidated} onExpired={this.resetCaptcha} onErrored={this.resetCaptcha} hl={t(\"general.repatchaLocale\")} /> : \"CAPTCHA NOT SHOWN IN SERVE MODE\"}\r\n {(this.state.showErrorMessage && this.state.captchaKey && !this.state.registerRequest.captchaToken) &&\r\n }\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Removes the request error banner\r\n */\r\n private removeRequestErrorBanner = () => {\r\n this.setState({\r\n requestErrorMessage: \"\"\r\n });\r\n }\r\n\r\n /**\r\n * Gets called if the user validates the captcha\r\n * @param token Captcha token that was validated\r\n */\r\n private onCaptchaValidated = (token: string | null): void => {\r\n let registerRequest = this.state.registerRequest.clone();\r\n registerRequest.captchaToken = token ? token : \"\";\r\n\r\n this.setState({\r\n registerRequest: registerRequest\r\n })\r\n }\r\n\r\n /**\r\n * Resets the captcha value\r\n */\r\n private resetCaptcha = (): void => {\r\n let registerRequest = this.state.registerRequest.clone();\r\n registerRequest.captchaToken = \"\";\r\n\r\n this.setState({\r\n registerRequest: registerRequest\r\n })\r\n }\r\n\r\n /**\r\n * Gets called if the user data is changed\r\n */\r\n private onUserDataChanged = (u: UserData): void => {\r\n let registerRequest = this.state.registerRequest.clone();\r\n registerRequest.assignFromUserData(u);\r\n\r\n this.setState({\r\n registerRequest: registerRequest\r\n })\r\n }\r\n\r\n /**\r\n * Sends a register request\r\n */\r\n private register = async () => {\r\n if(!this.userDataFormRef) {\r\n return;\r\n }\r\n\r\n if (!this.userDataFormRef.validate() || (this.state.captchaKey && !this.state.registerRequest.captchaToken)) {\r\n this.setState({\r\n showErrorMessage: true\r\n });\r\n return;\r\n }\r\n\r\n this.setState({\r\n showErrorMessage: false,\r\n isLoading: true,\r\n requestErrorMessage: \"\"\r\n });\r\n try {\r\n await AccountFactory.getAccountService().register(this.state.registerRequest);\r\n this.setState({\r\n isLoading: false,\r\n accountWasCreated: true\r\n });\r\n }\r\n catch (e) {\r\n let errorMessage = \"generic\";\r\n if (e.response && e.response.status < 500 && e.response.data && e.response.data.message) {\r\n errorMessage = e.response.data.message;\r\n }\r\n this.setState({\r\n isLoading: false,\r\n requestErrorMessage: errorMessage\r\n });\r\n\r\n scrollToTop();\r\n\r\n if (this.recaptchaRef) {\r\n this.recaptchaRef.reset();\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport default Register; ","/**\r\n * ConfirmMail page state class\r\n */\r\nclass ConfirmMailState {\r\n /**\r\n * true if the mail could be confirmed, else false\r\n */\r\n public couldConfirmMail: boolean;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor()\r\n {\r\n this.couldConfirmMail = false;\r\n }\r\n}\r\n\r\nexport default ConfirmMailState;","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\nimport { ColorClassNames, FontWeights, FontClassNames } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../localization/TranslatedComponent';\r\nimport styles from './ConfirmMail.module.css';\r\n\r\n// Services\r\n\r\n// Dto\r\nimport IConfirmMailProps from './dto/IConfirmMailProps';\r\nimport ConfirmMailState from './dto/ConfirmMailState';\r\n\r\n/**\r\n * Confirm Mail Component\r\n */\r\nclass ConfirmMail extends TranslatedComponent{t(\"register.successMessage\")}
\r\n {t(\"register.loginMessage\")}\r\n\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a success message\r\n * @param t Translate function\r\n * @returns Rendered message\r\n */\r\n private renderSuccessMessage = (t: TFunction): ReactNode => {\r\n return (\r\n {t(\"confirmMail.header\")}
\r\n {this.state.couldConfirmMail ? this.renderSuccessMessage(t) : this.renderFailMessage(t)}\r\n\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a fail message\r\n * @param t Translate function\r\n * @returns Rendered message\r\n */\r\n private renderFailMessage = (t: TFunction): ReactNode => {\r\n return (\r\n {t(\"confirmMail.successMessage\")}
\r\n {t(\"confirmMail.loginMessage\")}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ConfirmMail; ","/**\r\n * Set new password request\r\n */\r\nclass SetNewPasswordRequest {\r\n /**\r\n * User Id for which the password must be reset\r\n */\r\n public userId: string;\r\n\r\n /**\r\n * Password reset code\r\n */\r\n public code: string;\r\n\r\n /**\r\n * New Password\r\n */\r\n public password: string;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor() {\r\n this.userId = \"\";\r\n this.code = \"\";\r\n this.password = \"\";\r\n }\r\n}\r\n\r\nexport default SetNewPasswordRequest;","import SetNewPasswordRequest from './../../../dto/account/SetNewPasswordRequest';\r\n\r\n/**\r\n * Set new password page state class\r\n */\r\nclass SetNewPasswordState {\r\n /**\r\n * Request to set the new password\r\n */\r\n public setNewPasswordRequest: SetNewPasswordRequest;\r\n\r\n /**\r\n * Repeat of the new password\r\n */\r\n public repeatNewPassword: string;\r\n\r\n /**\r\n * true if error messages should be shown on empty\r\n */\r\n public showErrorMessage: boolean;\r\n\r\n /**\r\n * true if the page is loading\r\n */\r\n public isLoading: boolean;\r\n\r\n /**\r\n * Error message that was returned from the server when setting a new password\r\n */\r\n public setNewPasswordError: string;\r\n\r\n /**\r\n * true if the new password could be set\r\n */\r\n public couldSetNewPassword: boolean;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor()\r\n {\r\n this.setNewPasswordRequest = new SetNewPasswordRequest();\r\n this.repeatNewPassword = \"\"; \r\n this.showErrorMessage = false;\r\n this.isLoading = false;\r\n this.setNewPasswordError = \"\";\r\n this.couldSetNewPassword = false;\r\n }\r\n}\r\n\r\nexport default SetNewPasswordState;","/**\r\n * Returns the value of an url parameter\r\n * @param parameterName Name of the parameter to read\r\n * @returns Parameter value\r\n */\r\nfunction getUrlParameter(parameterName: string) {\r\n let url = new URL(window.location.href);\r\n let result = url.searchParams.get(parameterName)\r\n if (result) {\r\n return result;\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport default getUrlParameter;","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\nimport { ColorClassNames, FontClassNames, FontWeights, TextField, PrimaryButton, Spinner, SpinnerSize, MessageBar, MessageBarType } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../localization/TranslatedComponent';\r\nimport styles from './SetNewPassword.module.css';\r\n\r\n// Services\r\n\r\n// Dto\r\nimport ISetNewPasswordProps from './dto/ISetNewPasswordProps';\r\nimport SetNewPasswordState from './dto/SetNewPasswordState';\r\nimport SetNewPasswordRequest from '../../dto/account/SetNewPasswordRequest';\r\nimport AccountFactory from '../../services/account/AccountFactory.service';\r\n\r\n// Util\r\nimport getUrlParameter from '../../util/GetUrlParameter';\r\n\r\n/**\r\n * Set new password Component\r\n */\r\nclass SetNewPassword extends TranslatedComponent{t(\"confirmMail.failMessage\")}
\r\n {t(\"confirmMail.registerMessage\")}\r\n\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the set new password form\r\n * @param t Translate function\r\n * @returns Rendered message\r\n */\r\n private renderSetNewPasswordForm = (t: TFunction): ReactNode => {\r\n return (\r\n {t(\"setNewPassword.header\")}
\r\n {!this.state.couldSetNewPassword ? this.renderSetNewPasswordForm(t) : this.renderSuccessMessage(t)}\r\n\r\n {this.renderRequestErrorOccured(t)}\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a message that a request error occured\r\n * @param t Translate function\r\n */\r\n private renderRequestErrorOccured = (t: TFunction): ReactNode => {\r\n if (!this.state.setNewPasswordError) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Removes the request error banner\r\n */\r\n private removeRequestErrorBanner = () => {\r\n this.setState({\r\n setNewPasswordError: \"\"\r\n });\r\n }\r\n\r\n /**\r\n * Returns an error message if an invalid new password is provided\r\n * @param t Translate function\r\n * @returns Error message\r\n */\r\n private getNewPasswordErrorMessage = (t: TFunction): string => {\r\n if (this.state.showErrorMessage && !this.state.setNewPasswordRequest.password)\r\n {\r\n return t(\"general.mandatoryField\");\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n /**\r\n * Returns an error message if an invalid new password repeat is provided\r\n * @param t Translate function\r\n * @returns Error message\r\n */\r\n private getRepeatNewPasswordErrorMessage = (t: TFunction): string => {\r\n if (!this.state.showErrorMessage)\r\n {\r\n return \"\";\r\n }\r\n\r\n if(!this.state.repeatNewPassword)\r\n {\r\n return t(\"general.mandatoryField\");\r\n }\r\n\r\n return this.state.setNewPasswordRequest.password !== this.state.repeatNewPassword ? t(\"general.passwordsDoNotMatch\") : \"\";\r\n }\r\n\r\n /**\r\n * Callback if the new password was changed\r\n * @param _ev Event object\r\n * @param newValue New value of the textbox\r\n */\r\n private setNewPassword = (_ev: React.FormEvent{t(\"setNewPassword.successMessage\")}
\r\n {t(\"setNewPassword.loginMessage\")}\r\n\r\n {this.renderUnauthorizedRedirect()}\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a redirect if the current user is not logged in\r\n */\r\n private renderUnauthorizedRedirect = (): ReactNode => {\r\n if(this.props.currentUser && this.props.currentUser.isAuthenticated && !this.props.currentUser.isIpAuthenticated)\r\n {\r\n return null;\r\n }\r\n\r\n return (\r\n {t(\"changePassword.header\")}
\r\n {this.renderRequestErrorOccured(t)}\r\n {this.renderSuccessBanner(t)}\r\n\r\n
\r\n {this.renderUnauthorizedRedirect()}\r\n this.userDataFormRef = r } hideUsername={true} hideMiscFields={true} hideIpAuthFields={true} hideLoginFields={true}> \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a redirect if the current user is not logged in\r\n */\r\n private renderUnauthorizedRedirect = (): ReactNode => {\r\n if(this.props.currentUser && this.props.currentUser.isAuthenticated && !this.props.currentUser.isIpAuthenticated)\r\n {\r\n return null;\r\n }\r\n\r\n return (\r\n {t(\"myProfile.header\")}
\r\n {this.renderRequestErrorOccured(t)}\r\n {this.renderSuccessBanner(t)}\r\n \r\n\r\n
\r\n {this.renderUnauthorizedRedirect()}\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a redirect if the current user is not logged in\r\n */\r\n private renderUnauthorizedRedirect = (): ReactNode => {\r\n if (this.props.currentUser && this.props.currentUser.isAuthenticated && !this.props.currentUser.isIpAuthenticated) {\r\n return null;\r\n }\r\n\r\n return (\r\n {t(\"mySubscriptions.header\")}
\r\n {this.renderSuccessBanner(t)}\r\n {this.renderCouldNotLoadBanner(t)}\r\n {this.renderCouldNotConnectBanner(t)}\r\n {this.renderAddSubscriptionSection(t)}\r\n {this.renderUserSubscriptions(t)}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.isSaving && \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Renders a section to display the current user subscriptions\r\n * @param t Translate function\r\n */\r\n private renderUserSubscriptions = (t: TFunction): ReactNode => {\r\n return (\r\n \r\n {t(\"mySubscriptions.enterSubscriptionNumberToConnect\")}
\r\n\r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Removes the success banner\r\n */\r\n private removeSuccessBanner = () => {\r\n this.setState({\r\n subscriptionWasConnected: false\r\n });\r\n }\r\n\r\n /**\r\n * Removes the could not connect banner\r\n */\r\n private removeCouldNotConnectBanner = () => {\r\n this.setState({\r\n subscriptionConnectErrorOccured: false\r\n });\r\n }\r\n\r\n /**\r\n * Handles the change of the subscription number to change field\r\n * @param _ev Event\r\n * @param val New value of the field\r\n */\r\n private onSubscriptionNumberToConnectChanged = (_ev: React.FormEvent{t(\"mySubscriptions.mySubscriptions\")}
\r\n- \r\n {this.state.currentUserSubscriptions.map(s =>
{`${s.productName} (${s.subscriptionNumber})`}{!s.isActive && {t(\"mySubscriptions.inactive\")}} )}\r\n
\r\n
\r\n );\r\n }\r\n \r\n /**\r\n * Renders the reset password form\r\n * @param t Translate function\r\n */\r\n private renderResetPasswordForm = (t: TFunction): ReactNode => {\r\n return (\r\n {t(\"passwordReset.header\")}
\r\n {!this.state.requestWasSent ? this.renderResetPasswordForm(t) : this.renderSuccessMessage(t)}\r\n\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the success message form\r\n * @param t Translate function\r\n */\r\n private renderSuccessMessage = (t: TFunction): ReactNode => {\r\n return (\r\n {t(\"passwordReset.enterEmailToReceiveResetLink\")}
\r\n\r\n
\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Callback if the email address was changed\r\n * @param _ev Event object\r\n * @param newValue New value of the textbox\r\n */\r\n private onEmailAddressChanged = (_ev: React.FormEvent{t(\"passwordReset.successMessage\")}
\r\nes ist großartig. \"\r\n entry.ean = \"9783125171541\";\r\n entry.isbn = \"ISBN-10 3-12-517154-7\";\r\n entry.edition = \"Erste Auflage\";\r\n entry.author = \"Andrea Autorin\";\r\n entry.editor = \"Erik Editor\";\r\n entry.publisher = \"Die Veröffentlicher\";\r\n entry.pageCount = 120;\r\n entry.tags = \"Buch;Ein Buch\";\r\n \r\n return entry;\r\n }\r\n}\r\n\r\nexport default MockDocumentAccessService;","import TrackedHttpClient from './../trackedHttpClient/TrackedHttpClient.service';\r\nimport DocumentEntry from \"../../dto/documentAccess/DocumentEntry\";\r\nimport DocumentDetailEntry from \"../../dto/documentAccess/DocumentDetailEntry\";\r\nimport IDocumentAccessService from './IDocumentAccess.service';\r\n\r\n/**\r\n * Web document access services\r\n */\r\nclass WebDocumentService implements IDocumentAccessService {\r\n /**\r\n * Returns the latest document entry\r\n * @returns Latest document entry\r\n */\r\n public async getLatestDocumentEntry(): Promise
\r\n
\r\n );\r\n }\r\n}\r\n// TODO: Embedden!! TODO: Name mit aufnehmnen, Firma und Adresse (kein Pflicht), Anrede, Captcha vor der Registrierung\r\n// Benutzer Logo - pro Account. \r\n// ICON - Sternchen\r\nexport default Home; ","/**\r\n * Debounces a function to run it later\r\n * @param func Function to debounce\r\n * @param context Context of the call\r\n * @param wait Wait time\r\n * @param immediate true if the function must be called immedieat and then debounce or not\r\n * @returns Debounced function\r\n */\r\nexport default function debounce(func: any, context: any, wait: number, immediate: boolean) {\r\n let timeout: any;\r\n return function() {\r\n let args = arguments;\r\n let later = function() {\r\n timeout = null;\r\n if (!immediate) {\r\n func.apply(context, args);\r\n }\r\n };\r\n var callNow = immediate && !timeout;\r\n clearTimeout(timeout);\r\n timeout = setTimeout(later, wait);\r\n if (callNow) {\r\n func.apply(context, args);\r\n };\r\n };\r\n }\r\n ","/**\r\n * Type for a filter entry\r\n */\r\nenum MyDownloadsFilterEntryType {\r\n /**\r\n * Magazin\r\n */\r\n Magazin = 0,\r\n\r\n /**\r\n * Book\r\n */\r\n Book = 1,\r\n\r\n /**\r\n * Video\r\n */\r\n Video = 2,\r\n\r\n /**\r\n * Generic\r\n */\r\n Generic = 3\r\n}\r\n\r\nexport default MyDownloadsFilterEntryType;","import MyDownloadsEntry from \"./MyDownloadsEntry\";\r\n\r\n/**\r\n * Result of a my downloads query\r\n */\r\nclass MyDownloadsQueryResult {\r\n /**\r\n * Total count of downloads\r\n */\r\n public totalCount: number;\r\n\r\n /**\r\n * Download Entries\r\n */\r\n public entries: MyDownloadsEntry[];\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor() {\r\n this.totalCount = 0;\r\n this.entries = [];\r\n }\r\n}\r\n\r\nexport default MyDownloadsQueryResult;","import MyDownloadsFilterEntry from \"./MyDownloadsFilterEntry\";\n\n/**\n * Config for filters\n */\nclass MyDownloadsFilterConfig {\n /**\n * Minimum year for the filter\n */\n public minYear: number;\n\n /**\n * Maximum year for the filter\n */\n public maxYear: number;\n\n /**\n * Filter entries\n */\n public filterEntries: MyDownloadsFilterEntry[];\n\n\n /**\n * Constructor\n */\n public constructor() {\n this.minYear = 0;\n this.maxYear = 0;\n this.filterEntries = [];\n }\n}\n\nexport default MyDownloadsFilterConfig;","import MyDownloadsFilterEntryType from './MyDownloadsFilterEntryType';\r\n\r\n/**\r\n * Entry for my downloads\r\n */\r\nclass MyDownloadsEntry {\r\n /**\r\n * Id of the entry\r\n */\r\n public id: string;\r\n\r\n /**\r\n * Title of the entry\r\n */\r\n public title: string;\r\n\r\n /**\r\n * Edition\r\n */\r\n public edition: string;\r\n\r\n /**\r\n * Publication year\r\n */\r\n public publicationYear: number;\r\n\r\n /**\r\n * Page count\r\n */\r\n public pageCount: number;\r\n\r\n /**\r\n * Tags\r\n */\r\n public tags: string[];\r\n\r\n /**\r\n * Download image url\r\n */\r\n public imageUrl: string;\r\n\r\n /**\r\n * Filename\r\n */\r\n public filename: string;\r\n\r\n /**\r\n * True if the entry is favorited, else false\r\n */\r\n public isFavorited: boolean;\r\n\r\n /**\r\n * Type of the entry\r\n */\r\n public entryType: MyDownloadsFilterEntryType;\r\n\r\n /**\r\n * Search hit\r\n */\r\n public searchHit: string;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor() {\r\n this.id = \"\";\r\n this.title = \"\";\r\n this.edition = \"\";\r\n this.publicationYear = 0;\r\n this.pageCount = 0;\r\n this.tags = [];\r\n this.imageUrl = \"\";\r\n this.filename = \"\";\r\n this.isFavorited = false;\r\n this.entryType = MyDownloadsFilterEntryType.Magazin;\r\n this.searchHit = \"\";\r\n }\r\n}\r\n\r\nexport default MyDownloadsEntry;","import MyDownloadsFilterEntryType from './MyDownloadsFilterEntryType';\r\n\r\n/**\r\n * Config for filters\r\n */\r\nclass MyDownloadsFilterEntry {\r\n /**\r\n * Product number for the filter\r\n */\r\n public productNumber: string;\r\n\r\n /**\r\n * Product name for the filter\r\n */\r\n public productName: string;\r\n\r\n /**\r\n * Type of the entry\r\n */\r\n public entryType: MyDownloadsFilterEntryType;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor() {\r\n this.productNumber = \"\";\r\n this.productName = \"\";\r\n this.entryType = MyDownloadsFilterEntryType.Magazin;\r\n }\r\n}\r\n\r\nexport default MyDownloadsFilterEntry;","import { Guid } from \"guid-typescript\";\r\n\r\nimport IMyDownloadsService from './IMyDownloads.service';\r\nimport MyDownloadsQueryResult from './../../dto/myDownloads/MyDownloadsQueryResult';\r\nimport MyDownloadsFilterConfig from \"../../dto/myDownloads/MyDownloadsFilterConfig\";\r\nimport MyDownloadsEntry from './../../dto/myDownloads/MyDownloadsEntry';\r\nimport mockLoadingTime from './../../util/MockLoadingTime';\r\nimport MyDownloadsFilterEntry from \"../../dto/myDownloads/MyDownloadsFilterEntry\";\r\nimport MyDownloadsFilterEntryType from \"../../dto/myDownloads/MyDownloadsFilterEntryType\";\r\nimport MyDownloadsFilter from \"../../dto/myDownloadsFilter/MyDownloadsFilter\";\r\n\r\n/**\r\n * Mock service for my downloads services\r\n */\r\nclass MockMyDownloadsService implements IMyDownloadsService {\r\n /**\r\n * Loads the downloads for the currrent user\r\n * @param page Current page\r\n * @param pageSize Page size\r\n * @param onlyFavorites true if only favorites must be returned, else false\r\n * @param filter Filter to use\r\n * @returns Downloads for the user\r\n */\r\n public async getMyDownloads(page: number, pageSize: number, onlyFavorites: boolean, filter: MyDownloadsFilter): Promise\r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"home.welcome\")}
\r\n{t(\"home.sub\")}
{t(\"home.q1\")}
\r\n{t(\"home.q1text\")}
{t(\"home.q1text2\")}
{t(\"home.q2\")}
\r\n{t(\"home.q2text\")}
\r\n { this.state.thumbnailName && (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n ![\"Zeitschrift\"](\"/api/Thumbnail/LatestThumbnail\")
\r\n \r\n \r\n \r\n \r\n {this.state.thumbnailName} \r\n
\r\n )}\r\n {t(\"home.promo\")}
\r\n\r\n {t(\"downloadFilterPanel.header\")}{this.props.isLoading &&
\r\n\r\n this.onQueryChanged(newVal)}> \r\n {this.state.isLoading && !this.state.errorOccured && this.renderLoadingSpinner()}\r\n {!this.state.isLoading && this.state.errorOccured && this.renderErrorDisplay(t)}\r\n {!this.state.isLoading && !this.state.errorOccured && this.renderFilterPanel(t)}\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a loading spinner while the download config is being loaded\r\n */\r\n private renderLoadingSpinner = (): ReactNode => {\r\n return (\r\n {t(\"downloadFilterPanel.header\")}{this.props.isLoading &&
\r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders an error if the filter config can not be loaded\r\n * @param t Translate function\r\n */\r\n private renderErrorDisplay = (t: TFunction): ReactNode => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the filter panel\r\n * @param t Translate function\r\n */\r\n private renderFilterPanel = (t: TFunction): ReactNode => {\r\n const addProductStackTokens: IStackTokens = {\r\n childrenGap: 10\r\n };\r\n \r\n const yearFilters: IDropdownOption[] = [ { key: -1, text: \"\" } ];\r\n for(let curYear = this.state.minYear; curYear <= this.state.maxYear; ++curYear)\r\n {\r\n yearFilters.push({ key: curYear, text: curYear.toString() });\r\n }\r\n\r\n return (\r\n {t(\"general.errorOccured\")}
\r\n \r\n { this.state.showYearFilter &&\r\n
);\r\n }\r\n\r\n /**\r\n * Gets called if the min date changed\r\n * @param _ev Selection event\r\n * @param option Selected option\r\n */\r\n private onMinDateChanged = (_ev: React.FormEvent\r\n \r\n \r\n \r\n \r\n -\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n { this.state.availableFormats.length > 0 && \r\n {t(\"downloadFilterPanel.dateFilter\")}
\r\n\r\n
\r\n }\r\n { this.state.filterEntries && this.state.filterEntries.length > 0 &&\r\n {t(\"downloadFilterPanel.selectableFormats\")}
\r\n {this.renderSelectableFormats(t)}\r\n\r\n
\r\n }\r\n {t(\"downloadFilterPanel.selectableMagazins\")}
\r\n {this.renderSelectableMagazins()}\r\n\r\n {renderedFormats}\r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Toggles the format selected state\r\n * @param format Format\r\n * @param checked true if the format is checked, else false\r\n */\r\n private toggleFormat(format: MyDownloadsFilterEntryType, checked: boolean | undefined) {\r\n let filter = { ...this.state.filter };\r\n if (checked) {\r\n filter.formats.push(format);\r\n } else {\r\n filter.formats = filter.formats.filter(f => f !== format);\r\n }\r\n this.updateFilter(filter);\r\n }\r\n\r\n /**\r\n * Renders the selectable magazins\r\n * @returns Rendered selectable magazins\r\n */\r\n private renderSelectableMagazins(): React.ReactNode {\r\n let renderedMagazins = this.state.filterEntries.filter(f => f.entryType === MyDownloadsFilterEntryType.Magazin).map(m =>\r\n \r\n \r\n {renderedMagazins}\r\n \r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Toggles the magazin selected state\r\n * @param magazin Magazin\r\n * @param checked true if the magazin is checked, else false\r\n */\r\n private toggleMagazin(magazin: MyDownloadsFilterEntry, checked: boolean | undefined) {\r\n let filter = { ...this.state.filter };\r\n if (checked) {\r\n filter.filterEntries.push(magazin);\r\n } else {\r\n filter.filterEntries = filter.filterEntries.filter(m => m.productNumber !== magazin.productNumber);\r\n }\r\n this.updateFilter(filter);\r\n }\r\n\r\n /**\r\n * Updates the filter\r\n * @param filter New filter\r\n */\r\n private updateFilter = (filter: MyDownloadsFilter): void => {\r\n this.setState({\r\n filter: filter\r\n }, () => {\r\n this.debouncedPropagateFilterToParent();\r\n });\r\n }\r\n\r\n /**\r\n * Propagates the filter to the parent componetn\r\n */\r\n private propagateFilterToParent = (): void => {\r\n this.props.onFilterChanged(this.state.filter);\r\n }\r\n}\r\n\r\nexport default FilterPanel; ","import DocumentDetailEntry from \"../../../../../dto/documentAccess/DocumentDetailEntry\";\r\n\r\n/**\r\n * Document entry info sidepanel state class\r\n */\r\nclass DocumentEntryInfoSidePanelState {\r\n /**\r\n * Document entry\r\n */\r\n public documentEntry: DocumentDetailEntry | null;\r\n\r\n /**\r\n * true if a load operation is in progress\r\n */\r\n public isLoading: boolean;\r\n\r\n /**\r\n * true if an error occured\r\n */\r\n public errorOccured: boolean;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor()\r\n {\r\n this.documentEntry = null;\r\n this.isLoading = false;\r\n this.errorOccured = false;\r\n }\r\n}\r\n\r\nexport default DocumentEntryInfoSidePanelState;","import { TFunction } from 'i18next';\r\n\r\n/**\r\n * Ensures the length of a number value as a string\r\n * @param val Value to format\r\n * @returns Number as string\r\n */\r\nfunction ensureLengthOfTwo(val: number): string {\r\n let formattedVal = val.toString();\r\n if(formattedVal.length < 2)\r\n {\r\n formattedVal = \"0\" + formattedVal;\r\n }\r\n\r\n return formattedVal;\r\n}\r\n\r\n/**\r\n * Formats a date\r\n * @param t Translate function\r\n * @param date Date to Format\r\n * @param includeTime true if the time must be included\r\n */\r\nexport default function formatDate(t:TFunction, date?: Date, includeTime: boolean = false): string {\r\n if(!date) {\r\n return \"\";\r\n }\r\n\r\n let format = t(!includeTime ? \"general.dateFormat\" : \"general.dateTimeFormat\");\r\n format = format.replace(/dd/, ensureLengthOfTwo(date.getDate()));\r\n format = format.replace(/MM/, ensureLengthOfTwo(date.getMonth() + 1));\r\n format = format.replace(/yyyy/, date.getFullYear().toString());\r\n format = format.replace(/hh/, ensureLengthOfTwo(date.getHours()));\r\n format = format.replace(/mm/, ensureLengthOfTwo(date.getMinutes()));\r\n format = format.replace(/ss/, ensureLengthOfTwo(date.getSeconds()));\r\n\r\n return format;\r\n}","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\nimport { Panel, DefaultButton, Spinner, SpinnerSize, MessageBar, MessageBarType, PanelType, Label } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\nimport sanitizeHtml from 'sanitize-html';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../../../localization/TranslatedComponent';\r\nimport styles from './DocumentEntryInfoSidePanel.module.css';\r\n\r\n// Services\r\nimport DocumentAccessFactory from '../../../../services/documentAccess/DocumentAccessFactory.service';\r\n\r\n// Dto\r\nimport IDocumentEntryInfoSidePanelProps from './dto/IDocumentEntryInfoSidePanelProps';\r\nimport DocumentEntryInfoSidePanelState from './dto/DocumentEntryInfoSidePanelState';\r\n\r\n// Util\r\nimport formatDate from '../../../../util/FormatDate';\r\n\r\n/**\r\n * Document entry info panel Component\r\n */\r\nclass DocumentEntryInfoSidePanel extends TranslatedComponent\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the panel footer\r\n * @param t Translate function\r\n */\r\n private renderPanelFooter(t: TFunction): JSX.Element | null {\r\n return (\r\n \r\n \r\n {this.state.documentEntry.subTitle}\r\n
\r\n \r\n \r\n {this.state.documentEntry.ean}\r\n
\r\n \r\n \r\n {this.state.documentEntry.isbn}\r\n
\r\n \r\n \r\n {this.state.documentEntry.edition}\r\n
\r\n \r\n \r\n {this.state.documentEntry.author}\r\n
\r\n \r\n \r\n {this.state.documentEntry.editor}\r\n
\r\n \r\n \r\n {this.state.documentEntry.publisher}\r\n
\r\n \r\n \r\n {this.state.documentEntry.pageCount}\r\n
\r\n \r\n \r\n {formatDate(t, this.state.documentEntry.publicationDate)}\r\n
\r\n {this.state.documentEntry.tags && \r\n \r\n \r\n {this.state.documentEntry.tags.split(\";\").join(\", \")}\r\n
}\r\n \r\n \r\n \r\n
\r\n \r\n {t(\"general.close\")} \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a message that an error occured\r\n * @param t Translate function\r\n */\r\n private renderErrorOccured(t: TFunction): ReactNode {\r\n if (!this.state.errorOccured) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {this.renderAnonymouseUserRedirect()}\r\n {this.renderNotFoundRedirectOnInvalidUrl()}\r\n {this.renderErrorOccured(t)}\r\n {this.props.currentUser && this.props.currentUser.isAuthenticated &&\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the main content\r\n * @param t Translate function\r\n * @returns Rendered component\r\n */\r\n private renderMainContent(t: TFunction): React.ReactNode {\r\n return (\r\n \r\n {this.state.viewFile === \"\" && this.state.viewVideo === \"\" && this.state.urlProductNumberPreview === \"\" ?\r\n this.renderMainContent(t) : null\r\n }\r\n {this.state.viewFile !== \"\" ?\r\n
\r\n }\r\n\r\n {this.state.viewFile === \"\" && this.state.viewVideo === \"\" && this.state.urlProductNumberPreview === \"\" && this.renderFilterPanel()}\r\n\r\n \r\n
: null}\r\n {this.state.viewVideo !== \"\" ?\r\n \r\n {this.state.showViewLoadingSpinner && { this.setState({ \"viewFile\": \"\", \"viewFileZoom\": false }) }} />\r\n \r\n
\r\n \r\n
}\r\n \r\n
\r\n : null}\r\n {this.state.urlProductNumberPreview !== \"\" &&\r\n \r\n {this.state.showViewLoadingSpinner && { this.setState({ \"viewVideo\": \"\", \"viewFileZoom\": false }) }} />\r\n
\r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n\r\n {!this.state.errorLoadingProductByUrl &&
\r\n }\r\n \r\n
\r\n {t(\"myDownloads.noAccessToFileOrNotFound\")}\r\n
}\r\n \r\n {t(\"myDownloads.noAccessToFileOrNotFound\")}\r\n
\r\n
\r\n );\r\n }\r\n\r\n\r\n /**\r\n * Renders the filter panel\r\n * @returns Rendered component\r\n */\r\n private renderFilterPanel(): React.ReactNode {\r\n let hideStyle = !this.state.showFilterPanel ? styles.hideFilterPanelInSmall : \"\";\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {t(!this.props.favoritesOnly ? \"myDownloads.header\" : \"myDownloads.favoritesHeader\")}\r\n
\r\n {this.renderDownloadList()}\r\n
\r\n \r\n {t(!this.props.favoritesOnly ? \"myDownloads.header\" : \"myDownloads.favoritesHeader\")}\r\n
\r\n {this.renderDownloadList()}\r\n \r\n { this.changeDisplayPage(-1); }}> \r\n { this.changeDisplayPage(1); }}> \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Shows the filter panel\r\n */\r\n private onShowFilterPanel = (): void => {\r\n this.setState({\r\n showFilterPanel: true\r\n });\r\n }\r\n\r\n /**\r\n * Closes the filter panel\r\n */\r\n private onCloseFilterPanel = (): void => {\r\n this.setState({\r\n showFilterPanel: false\r\n });\r\n }\r\n\r\n /**\r\n * Zooms the actual shown file to page max\r\n */\r\n private fileZoom = (): void => {\r\n window.scrollTo(0, 0);\r\n this.setState({ \"viewFileZoom\": !this.state.viewFileZoom });\r\n }\r\n\r\n /**\r\n * Gets called if the view loading spinner must be hidden\r\n */\r\n private onHideViewLoadingSpinner = (): void => {\r\n this.setState({\r\n showViewLoadingSpinner: false\r\n })\r\n }\r\n\r\n /**\r\n * Renders a redirect for a logged in user\r\n */\r\n private renderAnonymouseUserRedirect(): ReactNode {\r\n if (this.props.currentUser && this.props.currentUser.isAuthenticated) {\r\n return null;\r\n }\r\n\r\n let redirectUrl = \"\";\r\n if(this.state.urlProductNumberPreview) {\r\n redirectUrl = \"/\" + this.state.urlProductNumberPreview.substr(this._bookPrefix.length);\r\n } else {\r\n redirectUrl = !this.props.favoritesOnly ? \"/myDownloads\" : \"/favorites\";\r\n }\r\n\r\n return (\r\n
\r\n \r\n\r\n \r\n {this.state.queryResult.entries.map((e) => this.renderDownloadCard(e))}\r\n \r\n
);\r\n }\r\n\r\n /**\r\n * Renders a download card\r\n * @param e Rend\r\n */\r\n private renderDownloadCard(entry: MyDownloadsEntry): JSX.Element {\r\n const siteTextStyles: ITextStyles = {\r\n root: {\r\n color: this._theme.palette.themeTertiary,\r\n fontWeight: FontWeights.semibold\r\n }\r\n };\r\n const descriptionTextStyles: ITextStyles = {\r\n root: {\r\n color: this._theme.palette.themePrimary,\r\n fontWeight: FontWeights.semibold\r\n }\r\n };\r\n const searchPreviewTextStyles: ITextStyles = {\r\n root: {\r\n color: this._theme.palette.neutralDark,\r\n fontWeight: FontWeights.light\r\n }\r\n };\r\n\r\n const iconStyles: IIconStyles = {\r\n root: {\r\n color: this._theme.palette.themePrimary,\r\n fontSize: FontSizes.mediumPlus,\r\n fontWeight: FontWeights.regular,\r\n cursor: \"pointer\"\r\n }\r\n };\r\n const footerCardSectionStyles: ICardSectionStyles = {\r\n root: {\r\n alignSelf: 'stretch',\r\n borderLeft: '1px solid #F3F2F1'\r\n }\r\n };\r\n\r\n const cardTokens: ICardTokens = { childrenMargin: 12 };\r\n const footerCardSectionTokens: ICardSectionTokens = { padding: '0px 0px 0px 12px' };\r\n\r\n return \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n {this.state.isLoading && \r\n {t(\"general.cancel\")} \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a message that an error occured\r\n * @param t Translate function\r\n */\r\n private renderErrorOccured(t: TFunction): ReactNode {\r\n if (!this.state.errorOccured) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n {(this.state.isLoading || this.state.isSaving) && \r\n {t(\"general.cancel\")} \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a message that an error occured\r\n * @param t Translate function\r\n */\r\n private renderErrorOccured(t: TFunction): ReactNode {\r\n if (!this.state.errorOccured) {\r\n return null;\r\n }\r\n\r\n return (\r\n \n {t(\"general.close\")} \n
\n );\n }\n\n /**\n * Renders a message that an error occured\n * @param t Translate function\n */\n private renderErrorOccured(t: TFunction): ReactNode {\n if (!this.state.errorOccured) {\n return null;\n }\n\n return (\n \r\n \r\n {(this.state.isLoading || this.state.isImportRunning) && \r\n {t(\"general.close\")} \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the import progress\r\n * @param t Translate function\r\n * @returns Rendered import progress\r\n */\r\n private renderImportProgress(t: TFunction): React.ReactNode | null {\r\n if (!this.state.showImportLog) {\r\n return null;\r\n }\r\n\r\n let importLog = this.state.importLog.map((il) => {\r\n let colorClassName = \"\";\r\n let textKey = \"userImportPanel.userWasCreated\";\r\n let icon = \"UserFollowed\";\r\n if(!il.wasCreate) {\r\n textKey = \"userImportPanel.userWasUpdated\";\r\n icon = \"UserSync\";\r\n }\r\n\r\n if(il.errorOccured) {\r\n textKey = \"userImportPanel.userCouldNotBeImported\";\r\n icon = \"StatusErrorFull\";\r\n colorClassName = ColorClassNames.red;\r\n }\r\n\r\n let activityItem = {\r\n activityDescription: [\r\n {il.userMail} - {t(textKey)}
,\r\n il.errorOccured ? {t(`general.error.${il.errorMessage}`)}
: null\r\n ],\r\n activityIcon: \r\n \r\n {importLog}\r\n \r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Imports a user\r\n */\r\n private onImportUser = async (): Promise{t(\"userImportPanel.importProgress\")}
\r\n\r\n \r\n {(this.state.isLoading || this.state.isImportRunning) && \r\n {t(\"general.close\")} \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders the import progress\r\n * @param t Translate function\r\n * @returns Rendered import progress\r\n */\r\n private renderImportProgress(t: TFunction): React.ReactNode | null {\r\n if (!this.state.showImportLog) {\r\n return null;\r\n }\r\n\r\n let importLog = this.state.importLog.map((il) => {\r\n let colorClassName = \"\";\r\n let textKey = \"userProductImportPanel.productWasImported\";\r\n let icon = \"ProductRelease\";\r\n\r\n if(il.errorOccured) {\r\n textKey = `userProductImportPanel.${il.errorMessage}`;\r\n icon = \"StatusErrorFull\";\r\n colorClassName = ColorClassNames.red;\r\n }\r\n\r\n let activityItem = {\r\n activityDescription: [\r\n {il.userMail} - {t(textKey)}
,\r\n il.productNumber ? {t(\"userProductImportPanel.productNumber\")} {il.productNumber}
: null\r\n ],\r\n activityIcon: \r\n \r\n {importLog}\r\n \r\n
\r\n )\r\n }\r\n\r\n /**\r\n * Imports a user\r\n */\r\n private onImportUser = async (): Promise{t(\"userImportPanel.importProgress\")}
\r\n\r\n {this.renderUnauthorizedRedirect()}\r\n \r\n \r\n {t(\"administration.downloadsStatistics\")} \r\n \r\n \r\n \r\n \r\n {t(\"administration.createUser\")} \r\n \r\n \r\n {t(\"administration.importUsers\")} \r\n \r\n \r\n {t(\"administration.importUsersProducts\")} \r\n \r\n \r\n {t(\"administration.exportUsers\")} \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * Renders a redirect if the current user is not logged in\r\n */\r\n private renderUnauthorizedRedirect = (): ReactNode => {\r\n if (this.props.currentUser && this.props.currentUser.isAuthenticated && this.props.currentUser.isAdmin) {\r\n return null;\r\n }\r\n\r\n return (\r\n {t(\"administration.header\")}
\r\n{t(\"administration.reportsHeader\")}
\r\n{t(\"administration.usersHeader\")}
\r\n {this.renderUserErrorOccured(t)}\r\n\r\n
\r\n { this.changeUserDisplayPage(-1) }}> \r\n { this.changeUserDisplayPage(1) }}> \r\n
\r\n \r\n ![{t(\"notFound.notFound\")}](\"/img/eis.svg\")
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default NotFound; ","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../localization/TranslatedComponent';\r\nimport styles from './Imprint.module.css';\r\nimport { FontClassNames, ColorClassNames, FontWeights, Link } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\n\r\n/**\r\n * Imprint Component\r\n */\r\nclass Imprint extends TranslatedComponent<{}, {}> {\r\n\r\n /**\r\n * Renders the home component\r\n */\r\n protected renderWithTranslation(t: TFunction): ReactNode {\r\n return (\r\n {t(\"notFound.notFound\")}
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Imprint; ","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../localization/TranslatedComponent';\r\nimport styles from './TermsOfUse.module.css';\r\nimport { FontClassNames, ColorClassNames, FontWeights, Link } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\n\r\n/**\r\n * Terms of use Component\r\n */\r\nclass TermsOfUse extends TranslatedComponent<{}, {}> {\r\n\r\n /**\r\n * Renders the home component\r\n */\r\n protected renderWithTranslation(t: TFunction): ReactNode {\r\n return (\r\n {t(\"imprint.header\")}
\r\n{ t(\"imprint.ownerOfSite\") }
\r\n\r\n { t(\"imprint.company\") }
\r\n { t(\"imprint.road\") }
\r\n { t(\"imprint.city\") }
\r\n { t(\"imprint.phone\") }
\r\n { t(\"imprint.fax\") }
\r\n { t(\"imprint.mail\") }
\r\n
\r\n { t(\"imprint.authorizedRepresentative\") }
\r\n { t(\"imprint.court\") }
\r\n { t(\"imprint.tradeNumber\") }
\r\n { t(\"imprint.tradeNumberLegal\") }
\r\n
\r\n
{ t(\"imprint.noticeOfLiability\") }
\r\n { t(\"imprint.noticeOfLiabilityContent\") }\r\n \r\n\r\n
{ t(\"imprint.legalNotices\") }
\r\n { t(\"imprint.legalNoticesContent\") }\r\n \r\n\r\n
{ t(\"imprint.onlineProcessSolving\") }
\r\n { t(\"imprint.onlineProcessSolvingContent\") }http://ec.europa.eu/consumers/odr/\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TermsOfUse; ","/**\r\n * Uncrypts a mail to message\r\n * @param s Mail To string\r\n */\r\nexport default function UncryptMailTo(s: string): void {\r\n var n = 0;\r\n var r = \"\";\r\n for (var i = 0; i < s.length; i++) {\r\n n = s.charCodeAt(i);\r\n if (n >= 8364) \r\n { \r\n n = 128; \r\n }\r\n r += String.fromCharCode(n - (1));\r\n }\r\n\r\n window.location.href = r;\r\n}","import React, { ReactNode } from 'react';\r\n\r\n// Library\r\nimport { TFunction } from 'i18next';\r\n\r\n// Components\r\nimport TranslatedComponent from '../../localization/TranslatedComponent';\r\nimport styles from './DataProtection.module.css';\r\nimport { FontClassNames, ColorClassNames, FontWeights, Link } from 'office-ui-fabric-react';\r\nimport 'office-ui-fabric-core/dist/css/fabric.min.css';\r\nimport UncryptMailTo from './../../util/UncryptMailTo';\r\n\r\n/**\r\n * Data Protection Component\r\n */\r\nclass DataProtection extends TranslatedComponent<{}, {}> {\r\n\r\n /**\r\n * Renders the home component\r\n */\r\n protected renderWithTranslation(t: TFunction): ReactNode {\r\n return (\r\n {t(\"termsOfUse.header\")}
\r\n\r\n { t(\"termsOfUse.headerLine1\") }
\r\n { t(\"termsOfUse.headerLine2\") }
\r\n { t(\"termsOfUse.headerLine3\") }\r\n
{ t(\"termsOfUse.headerParagraph1\") }
\r\n\r\n 1.1
\r\n { t(\"termsOfUse.1.1\") }\r\n
\r\n 1.2
\r\n { t(\"termsOfUse.1.2\") }\r\n
\r\n 1.3
\r\n { t(\"termsOfUse.1.3\") }\r\n
{ t(\"termsOfUse.headerParagraph2\") }
\r\n\r\n 2.1
\r\n { t(\"termsOfUse.2.1\") }\r\n
\r\n 2.2
\r\n { t(\"termsOfUse.2.2\") }\r\n
- \r\n
- { t(\"termsOfUse.2.2_list1\") } \r\n
- { t(\"termsOfUse.2.2_list2\") } \r\n
- { t(\"termsOfUse.2.2_list3\") } \r\n
- { t(\"termsOfUse.2.2_list4\") } \r\n
- { t(\"termsOfUse.2.2_list5\") } \r\n
- { t(\"termsOfUse.2.2_list6\") } \r\n
{ t(\"termsOfUse.headerParagraph3\") }
\r\n\r\n 3.1
\r\n { t(\"termsOfUse.3.1\") }\r\n
\r\n 3.2
\r\n { t(\"termsOfUse.3.2\") }\r\n
\r\n 3.3
\r\n { t(\"termsOfUse.3.3\") }\r\n
\r\n 3.4
\r\n { t(\"termsOfUse.3.4\") }\r\n
\r\n 3.5
\r\n { t(\"termsOfUse.3.5\") }\r\n
\r\n 3.6
\r\n { t(\"termsOfUse.3.6\") }\r\n
\r\n 3.7
\r\n { t(\"termsOfUse.3.7\") }\r\n
\r\n 3.8
\r\n { t(\"termsOfUse.3.8\") }\r\n
\r\n 3.9
\r\n { t(\"termsOfUse.3.9\") }\r\n
\r\n 3.10
\r\n { t(\"termsOfUse.3.10\") }\r\n
\r\n 3.11
\r\n { t(\"termsOfUse.3.11\") }\r\n
\r\n 3.12
\r\n { t(\"termsOfUse.3.12\") }\r\n
\r\n 3.13
\r\n { t(\"termsOfUse.3.13\") }\r\n
\r\n 3.14
\r\n { t(\"termsOfUse.3.14\") }\r\n
\r\n 3.15
\r\n { t(\"termsOfUse.3.15\") }\r\n
\r\n 3.16
\r\n { t(\"termsOfUse.3.16\") }\r\n
{ t(\"termsOfUse.headerParagraph4\") }
\r\n\r\n 4.1
\r\n { t(\"termsOfUse.4.1\") }\r\n
\r\n 4.2
\r\n { t(\"termsOfUse.4.2\") }\r\n
\r\n 4.3
\r\n { t(\"termsOfUse.4.3\") }\r\n
\r\n 4.4
\r\n { t(\"termsOfUse.4.4\") }\r\n
\r\n 4.5
\r\n { t(\"termsOfUse.4.5\") }\r\n
\r\n 4.6
\r\n { t(\"termsOfUse.4.6\") }\r\n
{ t(\"termsOfUse.headerParagraph5\") }
\r\n\r\n 5.1
\r\n { t(\"termsOfUse.5.1\") }
\r\n { t(\"termsOfUse.5.1_line1\") }
\r\n { t(\"termsOfUse.5.1_line2\") }
\r\n { t(\"termsOfUse.5.1_line3\") }\r\n
\r\n 5.2
\r\n { t(\"termsOfUse.5.2\") }\r\n
\r\n 5.3
\r\n { t(\"termsOfUse.5.3\") }\r\n
{ t(\"termsOfUse.headerParagraph6\") }
\r\n\r\n 6.1
\r\n { t(\"termsOfUse.6.1\") }\r\n
\r\n 6.2
\r\n { t(\"termsOfUse.6.2\") }\r\n
\r\n 6.3
\r\n { t(\"termsOfUse.6.3\") }\r\n
{ t(\"termsOfUse.headerParagraph7\") }
\r\n\r\n 7.1
\r\n { t(\"termsOfUse.7.1\") }\r\n
\r\n 7.2
\r\n { t(\"termsOfUse.7.2\") }\r\n
\r\n 7.3
\r\n { t(\"termsOfUse.7.3\") }\r\n
\r\n 7.4
\r\n { t(\"termsOfUse.7.4\") }\r\n
\r\n 7.5
\r\n { t(\"termsOfUse.7.5\") }\r\n
\r\n 7.6
\r\n { t(\"termsOfUse.7.6\") }\r\n
\r\n 7.7
\r\n { t(\"termsOfUse.7.7\") }\r\n
\r\n 7.8
\r\n { t(\"termsOfUse.7.8\") }\r\n
\r\n 7.9
\r\n { t(\"termsOfUse.7.9\") }\r\n
{ t(\"termsOfUse.headerParagraph8\") }
\r\n\r\n 8.1
\r\n { t(\"termsOfUse.8.1\") }\r\n
\r\n 8.2
\r\n { t(\"termsOfUse.8.2\") }\r\n
\r\n 8.3
\r\n { t(\"termsOfUse.8.3\") }
\r\n { t(\"termsOfUse.8.3_line1\") }
\r\n { t(\"termsOfUse.8.3_line2\") }
\r\n { t(\"termsOfUse.8.3_line3\") }\r\n
\r\n 8.4
\r\n { t(\"termsOfUse.8.4\") }\r\n
{ t(\"termsOfUse.headerParagraph9\") }
\r\n\r\n 9.1
\r\n { t(\"termsOfUse.9.1\") }\r\n
\r\n 9.2
\r\n { t(\"termsOfUse.9.2\") }\r\n
\r\n 9.3
\r\n { t(\"termsOfUse.9.3\") }\r\n
\r\n 9.4
\r\n { t(\"termsOfUse.9.4\") }\r\n
- \r\n
- { t(\"termsOfUse.9.4_line1\") } \r\n
- { t(\"termsOfUse.9.4_line2\") } \r\n
- { t(\"termsOfUse.9.4_line3\") } \r\n
- { t(\"termsOfUse.9.4_line4\") } \r\n
{ t(\"termsOfUse.headerParagraph10\") }
\r\n\r\n 10.1
\r\n { t(\"termsOfUse.10.1\") }\r\n
\r\n 10.2
\r\n { t(\"termsOfUse.10.2\") }\r\n
\r\n 10.3
\r\n { t(\"termsOfUse.10.3\") }\r\n
\r\n { t(\"termsOfUse.Subline_1\") }
\r\n { t(\"termsOfUse.Subline_2\") }\r\n
\r\n { t(\"termsOfUse.Subline_3\") }
\r\n { t(\"termsOfUse.DownloadLink\") }\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DataProtection; ","import UserData from \"./UserData\";\r\n\r\n/**\r\n * State of the application\r\n */\r\nclass AppState {\r\n /**\r\n * Displayname of the user\r\n */\r\n public currentUser: UserData;\r\n\r\n /**\r\n * true if too many logins were detected for the current user\r\n */\r\n public tooManyLogins: boolean;\r\n\r\n /**\r\n * Constructor\r\n */\r\n public constructor() {\r\n this.currentUser = new UserData();\r\n this.currentUser.isAuthenticated = false;\r\n\r\n this.tooManyLogins = false;\r\n }\r\n}\r\n\r\nexport default AppState;","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\n\n// Libs\nimport React, { Suspense } from 'react';\nimport {\n BrowserRouter as Router,\n Switch,\n Route\n} from \"react-router-dom\";\n\nimport { loadTheme, ColorClassNames, initializeIcons, Stack, MessageBar, MessageBarType } from 'office-ui-fabric-react';\n\n// Localization\nimport initLocalization from './localization/InitLocalization';\n\n// Theming\nimport MainTheme from './theming/MainTheme';\n\n// Components\nimport styles from './App.module.css'\nimport FullScreenLoading from './components/shared/fullscreenLoading/FullscreenLoading';\nimport Header from './components/shared/header/Header';\nimport NavBar from './components/shared/navBar/NavBar';\nimport PageViewTracker from './components/shared/pageViewTracker/PageViewTracker';\nimport GlobalLoadingIndicator from './components/shared/globalLoadingIndicator/GlobalLoadingIndicator';\nimport Footer from './components/shared/footer/Footer';\nimport Login from './components/login/Login';\nimport Register from './components/register/Register';\nimport ConfirmMail from './components/confirmMail/ConfirmMail';\nimport SetNewPassword from './components/setNewPassword/SetNewPassword';\nimport ChangePassword from './components/changePassword/ChangePassword';\nimport MyProfile from './components/myProfile/MyProfile';\nimport MySubscriptions from './components/mySubscriptions/MySubscriptions';\nimport PasswordReset from './components/passwordReset/PasswordReset';\nimport Home from './components/home/Home';\nimport MyDownloads from './components/myDownloads/MyDownloads';\nimport Administration from './components/administration/Administration';\nimport NotFound from './components/notFound/NotFound';\nimport Imprint from './components/imprint/Imprint';\nimport TermsOfUse from './components/termsOfUse/TermsOfUse';\nimport DataProtection from './components/dataProtection/DataProtection';\n\n// Services\nimport AuthFactoryService from './services/auth/AuthFactory.service';\nimport LogManagerService from './services/logging/LogManager.service';\n\n// Dto\nimport AppState from './dto/AppState';\nimport UserData from './dto/UserData';\nimport { Translation } from 'react-i18next';\n\ninitializeIcons();\nloadTheme(MainTheme);\ninitLocalization();\n\n/**\n * App Component\n */\nclass App extends React.Component<{}, AppState> {\n /**\n * Constructor\n * @param props Props\n */\n public constructor(props: Readonly<{}>) {\n super(props);\n\n LogManagerService.getInstance().initializeLoggers();\n\n let state = new AppState();\n let loginResult = AuthFactoryService.getAuthService().checkLoggedInUser();\n if (loginResult && loginResult.user && loginResult.user.isAuthenticated) {\n state.currentUser = loginResult.user;\n }\n\n if (loginResult && loginResult.tooManyLogins) {\n state.tooManyLogins = true;\n }\n\n this.state = state;\n }\n\n /**\n * Renders the component\n */\n public render() {\n return (\n {t(\"dataProtection.header\")}
\r\n\r\n
{ t(\"dataProtection.weValueYourPrivacy\") }
\r\n\r\n { t(\"dataProtection.weValueYourPrivacyContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.weValueYourPrivacyContent2\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.personalDataHeader\") }
\r\n\r\n { t(\"dataProtection.personalDataHeaderContent\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeader\") }
\r\n- \r\n
- { t(\"dataProtection.dataProtectionHeaderData\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderCookies\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderPersonalDataUsage\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderEmailContact\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderForNewsletter\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderCorrectionDeletion\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderLinks\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderSafety\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderGoogle\") } \r\n
- { t(\"dataProtection.dataProtectionHeaderAddThis\") } \r\n
\r\n
{ t(\"dataProtection.dataProtectionHeaderData\") }
\r\n\r\n { t(\"dataProtection.dataProtectionDataContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionDataContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionDataContent3\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionDataContent4\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderCookies\") }
\r\n\r\n { t(\"dataProtection.dataProtectionCookiesContent\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderPersonalDataUsage\") }
\r\n\r\n { t(\"dataProtection.dataProtectionPersonalDataUsageContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionPersonalDataUsageContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionPersonalDataUsageContent3\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionPersonalDataUsageContent4\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionPersonalDataUsageContent5\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderTransferOfData\") }
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderTransferOfData1\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderEmailContact\") }
\r\n\r\n { t(\"dataProtection.dataProtectionEmailContactContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionEmailContactContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionEmailContactContent3\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderForNewsletter\") }
\r\n\r\n { t(\"dataProtection.dataProtectionForNewsletterPreLink\") } UncryptMailTo(\"nbjmup;jogpAwvmlbo.wfsmbh/ef\")}>info(at)vulkan-verlag.de{ t(\"dataProtection.dataProtectionForNewsletterPostLink\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderCorrectionDeletion\") }
\r\n\r\n { t(\"dataProtection.dataProtectionCorrectionDeletionContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionCorrectionDeletionContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionCorrectionDeletionContent3\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderLinks\") }
\r\n\r\n { t(\"dataProtection.dataProtectionLinksContent\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderCorrectionDeletion\") }
\r\n\r\n { t(\"dataProtection.dataProtectionCorrectionDeletionContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionCorrectionDeletionContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionCorrectionDeletionContent3\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderGoogle\") }
\r\n{ t(\"dataProtection.dataProtectionHeaderGoogleAnalytics\") }
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAnalyticsContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAnalyticsContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAnalyticsContent3\") }\r\n
\r\n{ t(\"dataProtection.dataProtectionHeaderGoogleAdSense\") }
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAdSenseContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAdSenseContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAdSenseContent3\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderGoogleAdSenseContent4\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderAddThis\") }
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderAddThisContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderAddThisContent2\") }\r\n
\r\n \r\n\r\n
{ t(\"dataProtection.dataProtectionHeaderAddThis\") }
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderComplainsEmail\") } UncryptMailTo(\"nbjmup;ebufotdivu{Aebub.sppn/ef\")}>datenschutz(at)data-room.de\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderComplainsContent1\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderComplainsContent2\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionHeaderComplainsAddress1\") }
\r\n { t(\"dataProtection.dataProtectionHeaderComplainsAddress2\") }
\r\n { t(\"dataProtection.dataProtectionHeaderComplainsAddress3\") }
\r\n { t(\"dataProtection.dataProtectionHeaderComplainsAddress4\") }
\r\n { t(\"dataProtection.dataProtectionHeaderComplainsAddress5\") }
\r\n { t(\"dataProtection.dataProtectionHeaderComplainsEmail\") } UncryptMailTo(\"nbjmup;qptutufmmfAmej/osx/ef\")}>poststelle(at)ldi.nrw.de\r\n
\r\n
{ t(\"dataProtection.dataProtectionMisc\") }
\r\n\r\n { t(\"dataProtection.dataProtectionMiscLine1\") }
\r\n { t(\"dataProtection.dataProtectionMiscLine2\") } UncryptMailTo(\"nbjmup;jogpAwvmlbo.wfsmbh/ef\")}>info(at)vulkan-verlag.de
\r\n { t(\"dataProtection.dataProtectionMiscLine3\") }\r\n
\r\n { t(\"dataProtection.dataProtectionMiscLine4\") }\r\n
\r\n\r\n { t(\"dataProtection.dataProtectionMiscDownloadLink\") }\r\n
\r\n \r\n\n \n \n \n \n \n \n \n \n \n \n \n
\n \n {this.state.tooManyLogins && this.renderTooManyLoginsBanner()}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n