diff --git a/frontend/src/app/Views/header/header.component.html b/frontend/src/app/Views/header/header.component.html index ecf3ffb..de809aa 100644 --- a/frontend/src/app/Views/header/header.component.html +++ b/frontend/src/app/Views/header/header.component.html @@ -3,24 +3,23 @@ + + - - - - - diff --git a/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html b/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html index 8bda1c1..39646f0 100644 --- a/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html +++ b/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html @@ -1,7 +1,7 @@
-

Aktion bestätigen

+

Confirm Action

- Sind sie sicher, dass sie diese Handlung abschließen wollen? + Are you sure, that you want to continue?
diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.html b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.html new file mode 100644 index 0000000..b6bafef --- /dev/null +++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.html @@ -0,0 +1,23 @@ +
+

How to add your Telegram account

+
+ To get your UserId, you have to write "/id" or "/auth" to the bot on + Telegram. (https://t.me/projektaktienbot)) +
+ +
diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss new file mode 100644 index 0000000..980b5a6 --- /dev/null +++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss @@ -0,0 +1,18 @@ +.footer-buttons { + width: 100%; + text-align: center; +} + +.spacer { + flex-grow: 1; + width: 5%; +} + +.inner { + display: inline-block; + width: 100%; +} + +.content { + height: 80%; +} diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts new file mode 100644 index 0000000..b7230c7 --- /dev/null +++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HelpDialogComponent } from './help-dialog.component'; + +describe('HelpDialogComponent', () => { + let component: HelpDialogComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ HelpDialogComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(HelpDialogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts new file mode 100644 index 0000000..3632492 --- /dev/null +++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts @@ -0,0 +1,14 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-help-dialog', + templateUrl: './help-dialog.component.html', + styleUrls: ['./help-dialog.component.scss'], +}) +export class HelpDialogComponent implements OnInit { + constructor() {} + + ngOnInit(): void {} + + close() {} +} diff --git a/frontend/src/app/Views/profile/profile.component.html b/frontend/src/app/Views/profile/profile.component.html index 37a5180..8f37975 100644 --- a/frontend/src/app/Views/profile/profile.component.html +++ b/frontend/src/app/Views/profile/profile.component.html @@ -97,7 +97,9 @@ - Add Telegram Id + + Connect Telegram Account +
+ diff --git a/frontend/src/app/Views/profile/profile.component.ts b/frontend/src/app/Views/profile/profile.component.ts index 795d4ba..ab8c14c 100644 --- a/frontend/src/app/Views/profile/profile.component.ts +++ b/frontend/src/app/Views/profile/profile.component.ts @@ -3,6 +3,7 @@ import { FormControl, PatternValidator, Validators } from '@angular/forms'; import { MatDialog } from '@angular/material/dialog'; import { ProfileService } from 'src/app/Services/profile.service'; import { ConfirmationDialogComponent } from './confirmation-dialog/confirmation-dialog.component'; +import { HelpDialogComponent } from './help-dialog/help-dialog.component'; @Component({ selector: 'app-profile', @@ -75,4 +76,11 @@ export class ProfileComponent implements OnInit { } }); } + + openHelp() { + const dialogRef = this.dialog.open(HelpDialogComponent, { + width: '50vw', + height: '20vh', + }); + } } diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts index 958f243..4f99fdd 100644 --- a/frontend/src/app/app.module.ts +++ b/frontend/src/app/app.module.ts @@ -25,6 +25,7 @@ import { ProfileComponent } from './Views/profile/profile.component'; import { BotSettingsComponent } from './Views/bot-settings/bot-settings.component'; import { UserDialogComponent } from './Views/dashboard/user-dialog/user-dialog.component'; import { ConfirmationDialogComponent } from './Views/profile/confirmation-dialog/confirmation-dialog.component'; +import { HelpDialogComponent } from './Views/profile/help-dialog/help-dialog.component'; @NgModule({ declarations: [ @@ -37,6 +38,7 @@ import { ConfirmationDialogComponent } from './Views/profile/confirmation-dialog BotSettingsComponent, UserDialogComponent, ConfirmationDialogComponent, + HelpDialogComponent, ], imports: [ BrowserModule,