Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added imprint component

Browse source
This commit is contained in:
Chneemann 2024-03-23 11:30:46 +01:00
parent 8b884d4aeb
commit 143b71a047
8 changed files with 153 additions and 116 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/app/app.routes.ts
View file

@ -2,10 +2,13 @@ import { Routes } from '@angular/router';
import { SummaryComponent } from './components/summary/summary.component';
import { HelpComponent } from './shared/components/help/help.component';
import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.component';
import { ImprintComponent } from './shared/components/imprint/imprint.component';
export const routes: Routes = [
{ path: '', component: SummaryComponent },
{ path: 'summary', component: SummaryComponent },
{ path: 'help', component: HelpComponent },
{ path: 'imprint', component: ImprintComponent },
{ path: 'privacy-policy', component: PrivacyPolicyComponent },
];

54
src/app/shared/components/imprint/imprint.component.html Normal file
View file

@ -0,0 +1,54 @@
<section>
<div>
<div class="header">
<h1>{{ "imprint.headline" | translate }}</h1>
<img
(click)="backClicked()"
src="./../../../../assets/img/arrow-left.svg"
/>
</div>
{{ "imprint.tmg" | translate }}
<br /><br />
<p>Andre Kempf</p>
<p>Großschneidersweg 2a</p>
<p>76149 Karlsruhe</p>
<h3>{{ "imprint.contact" | translate }}</h3>
<p>
{{ "imprint.tel" | translate }}:
<a href="tel:01724180328">0172-4180328</a>
</p>
<p>
{{ "imprint.mail" | translate }}:
<a href="mailto:mail@andre-kempf.com">mail&#64;andre-kempf.com</a>
</p>
<br />
<h2>{{ "imprint.disclaimer" | translate }}:</h2>
<h3>{{ "imprint.liabilityContentHeadline" | translate }}</h3>
<p>{{ "imprint.liabilityContentDescription" | translate }}</p>
<h3>{{ "imprint.liabilityLinksHeadline" | translate }}</h3>
<p>{{ "imprint.liabilityLinksDescription" | translate }}</p>
<h3>{{ "imprint.copyrightHeadline" | translate }}</h3>
<p>{{ "imprint.copyrightDescription" | translate }}</p>
<h3>{{ "imprint.dataProtectionHeadline" | translate }}</h3>
<p>{{ "imprint.dataProtectionDescription" | translate }}</p>
<br />
<p>
{{ "imprint.sourceText0" | translate }}
<a href="https://www.impressum-generator.de/" target="_blank">{{
"imprint.sourceLink0" | translate
}}</a>
{{ "imprint.sourceText1" | translate }}
<a href="https://www.kanzlei-hasselbach.de/" target="_blank">{{
"imprint.sourceLink1" | translate
}}</a>
</p>
</div>
</section>

54
src/app/shared/components/imprint/imprint.component.scss Normal file
View file

@ -0,0 +1,54 @@
section {
word-wrap: break-word;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
img {
width: 32px;
height: 32px;
cursor: pointer;
margin-left: 48px;
&:hover {
width: 36px;
height: 36px;
background-color: var(--light-gray);
border-radius: 18px;
}
}
}
h1 {
padding-bottom: 24px;
font-size: 90px;
font-weight: 700;
}
h2 {
font-size: 44px;
font-weight: 700;
padding: 48px 0 24px 0;
}
h3 {
font-size: 28px;
font-weight: 700;
padding: 24px 0;
}
p {
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
}
a {
color: var(--light-blue);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}

21
src/app/shared/components/imprint/imprint.component.spec.ts Normal file
View file

@ -0,0 +1,21 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ImprintComponent } from './imprint.component';
describe('Imprint', () => {
let component: ImprintComponent;
let fixture: ComponentFixture<ImprintComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [ImprintComponent],
}).compileComponents();
fixture = TestBed.createComponent(ImprintComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

18
src/app/shared/components/imprint/imprint.component.ts Normal file
View file

@ -0,0 +1,18 @@
import { Component } from '@angular/core';
import { Location } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
@Component({
selector: 'app-imprint',
standalone: true,
imports: [TranslateModule],
templateUrl: './imprint.component.html',
styleUrl: './imprint.component.scss',
})
export class ImprintComponent {
constructor(private location: Location) {}
backClicked() {
this.location.back();
}
}

55
src/app/shared/components/privacy-policy/privacy-policy.component.html
View file

@ -1,54 +1 @@
<section>
<div>
<div class="header">
<h1>{{ "imprint.headline" | translate }}</h1>
<img
(click)="backClicked()"
src="./../../../../assets/img/arrow-left.svg"
/>
</div>
{{ "imprint.tmg" | translate }}
<br /><br />
<p>Andre Kempf</p>
<p>Großschneidersweg 2a</p>
<p>76149 Karlsruhe</p>
<h3>{{ "imprint.contact" | translate }}</h3>
<p>
{{ "imprint.tel" | translate }}:
<a href="tel:01724180328">0172-4180328</a>
</p>
<p>
{{ "imprint.mail" | translate }}:
<a href="mailto:mail@andre-kempf.com">mail&#64;andre-kempf.com</a>
</p>
<br />
<h2>{{ "imprint.disclaimer" | translate }}:</h2>
<h3>{{ "imprint.liabilityContentHeadline" | translate }}</h3>
<p>{{ "imprint.liabilityContentDescription" | translate }}</p>
<h3>{{ "imprint.liabilityLinksHeadline" | translate }}</h3>
<p>{{ "imprint.liabilityLinksDescription" | translate }}</p>
<h3>{{ "imprint.copyrightHeadline" | translate }}</h3>
<p>{{ "imprint.copyrightDescription" | translate }}</p>
<h3>{{ "imprint.dataProtectionHeadline" | translate }}</h3>
<p>{{ "imprint.dataProtectionDescription" | translate }}</p>
<br />
<p>
{{ "imprint.sourceText0" | translate }}
<a href="https://www.impressum-generator.de/" target="_blank">{{
"imprint.sourceLink0" | translate
}}</a>
{{ "imprint.sourceText1" | translate }}
<a href="https://www.kanzlei-hasselbach.de/" target="_blank">{{
"imprint.sourceLink1" | translate
}}</a>
</p>
</div>
</section>
<p>privacy-policy works!</p>

54
src/app/shared/components/privacy-policy/privacy-policy.component.scss
View file

@ -1,54 +0,0 @@
section {
word-wrap: break-word;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
img {
width: 32px;
height: 32px;
cursor: pointer;
margin-left: 48px;
&:hover {
width: 36px;
height: 36px;
background-color: var(--light-gray);
border-radius: 18px;
}
}
}
h1 {
padding-bottom: 24px;
font-size: 90px;
font-weight: 700;
}
h2 {
font-size: 44px;
font-weight: 700;
padding: 48px 0 24px 0;
}
h3 {
font-size: 28px;
font-weight: 700;
padding: 24px 0;
}
p {
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
}
a {
color: var(--light-blue);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}

10
src/app/shared/components/privacy-policy/privacy-policy.component.ts
View file

@ -1,18 +1,12 @@
import { Component } from '@angular/core';
import { Location } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
@Component({
selector: 'app-privacy-policy',
standalone: true,
imports: [TranslateModule],
imports: [],
templateUrl: './privacy-policy.component.html',
styleUrl: './privacy-policy.component.scss',
styleUrl: './privacy-policy.component.scss'
})
export class PrivacyPolicyComponent {
constructor(private location: Location) {}
backClicked() {
this.location.back();
}
}