42 press page

libs/press/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

libs/press/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

libs/press/README.md

@@ -0,0 +1,7 @@
+# press
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test press` to execute the unit tests via [Jest](https://jestjs.io).

libs/press/jest.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  displayName: 'press',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]sx?$': 'babel-jest',
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/libs/press',
+};

libs/press/src/index.ts

@@ -0,0 +1,2 @@
+export * from './lib/press';
+export { Press as default } from './lib/press';

libs/press/src/lib/press-image/press-image.scss

@@ -0,0 +1,22 @@
+.press-image {
+  position: relative;
+  &__image {
+    width: 80px;
+    height: 80px;
+    overflow: hidden;
+
+    border-radius: 100%;
+    object-fit: contain;
+  }
+
+  &__spacings {
+    margin-right: 5vw;
+    margin-left: 5vw;
+    margin-top: 5vh;
+    display: flex;
+  }
+
+  &__image:hover {
+    cursor: pointer;
+  }
+}

libs/press/src/lib/press-image/press-image.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import PressImage from './press-image';
+
+describe('PressImage', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<PressImage />);
+    expect(baseElement).toBeTruthy();
+  });
+});

libs/press/src/lib/press-image/press-image.tsx

@@ -0,0 +1,23 @@
+import './press-image.scss';
+
+/* eslint-disable-next-line */
+export interface PressImageProps {
+  src: string;
+  redirect: string;
+}
+
+export function PressImage(props: PressImageProps) {
+  return (
+    <div className="press-image">
+      <a href={props.redirect} className="press-image__spacings">
+        <img
+          className="press-image__image"
+          src={props.src}
+          alt="Press Icon"
+        ></img>
+      </a>
+    </div>
+  );
+}
+
+export default PressImage;

libs/press/src/lib/press.scss

@@ -0,0 +1,10 @@
+.press {
+  &__icons {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-left: 10%;
+    margin-right: 10%;
+  }
+}

libs/press/src/lib/press.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import Press from './press';
+
+describe('Press', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<Press />);
+    expect(baseElement).toBeTruthy();
+  });
+});

libs/press/src/lib/press.tsx

@@ -0,0 +1,37 @@
+import './press.scss';
+import { PageTitle } from '@alpsbte/shared/components';
+import PressImage from './press-image/press-image';
+
+/* eslint-disable-next-line */
+export interface PressProps {}
+
+export function Press() {
+  return (
+    <div>
+      <PageTitle
+        title="Press"
+        subtitle="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,"
+      />
+      <div className="press__icons">
+        <PressImage
+          src="http://localhost:4200/logo.78f6531.png"
+          redirect="https://google.com"
+        />
+        <PressImage
+          src="http://localhost:4200/logo.78f6531.png"
+          redirect="https://google.com"
+        />
+        <PressImage
+          src="http://localhost:4200/logo.78f6531.png"
+          redirect="https://google.com"
+        />
+        <PressImage
+          src="http://localhost:4200/logo.78f6531.png"
+          redirect="https://google.com"
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Press;

libs/press/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

libs/press/tsconfig.lib.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "exclude": ["**/*.spec.ts", "**/*.spec.tsx"],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}

libs/press/tsconfig.spec.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/*.spec.js",
+    "**/*.spec.jsx",
+    "**/*.d.ts"
+  ]
+}

libs/router/src/lib/router.tsx

@@ -4,7 +4,7 @@ import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';
 import { Footer, Header, HeaderProps } from '@alpsbte/shared/components';
 import { Loader } from '@alpsbte/loader';
 import { propnameOf } from '@alpsbte/shared/util';
-import { tr } from '@alpsbte/shared/language';
+import { Language, tr, TranslationPath } from '@alpsbte/shared/language';
 import { languageStore } from '@alpsbte/shared/stores';
 import { inject, observer } from 'mobx-react';
 import { breakpoints, pageLoading } from '@alpsbte/shared/config';
@@ -29,6 +29,7 @@ const pages = {
   faq: { component: lazy(() => import('@alpsbte/faq')) },
   application: { component: lazy(() => import('@alpsbte/application')) },
   contact: { component: lazy(() => import('@alpsbte/contact')) },
+  press: { component: lazy(() => import('@alpsbte/press')) },
   error: { component: lazy(() => import('@alpsbte/error')) },
 } as const;
 
@@ -83,6 +84,10 @@ export const Router = inject(languageStore.storeKey)(
           text: tr('navItems.contact'),
           to: `${languageStore.language}/${ROUTES.contact}`,
         },
+        {
+          text: tr('navItems.press'),
+          to: `${languageStore.language}/${ROUTES.press}`,
+        },
       ],
     };
 

libs/shared/language/src/lib/interfaces/set.ts

@@ -6,6 +6,7 @@ export interface ISet {
     faq: string;
     application: string;
     contact: string;
+    press: string;
   };
   pages: {
     home: {

libs/shared/language/src/lib/testdata/de.json

@@ -5,7 +5,8 @@
     "downloads": "Downloads",
     "faq": "FAQ",
     "application": "Bewerbung",
-    "contact": "Kontakt"
+    "contact": "Kontakt",
+    "press": "Presse"
   },
   "pages": {
     "home": {

libs/shared/language/src/lib/testdata/en.json

@@ -5,7 +5,8 @@
     "downloads": "Downloads",
     "faq": "FAQ",
     "application": "Application",
-    "contact": "Contact"
+    "contact": "Contact",
+    "press": "Press"
   },
   "pages": {
     "home": {

nx.json

@@ -60,6 +60,9 @@
     "loader": {
       "tags": ["scope:loader", "type:feature"]
     },
+    "press": {
+      "tags": ["scopr:press", "type:feature"]
+    },
     "router": {
       "tags": ["sccope:router", "type:feature"]
     },