DHBW/TelegramAktienBot
1
0
Fork 0
Code Issues 6 Pull Requests 26 Actions Packages Projects Releases Wiki Activity

Fix #49

Browse Source
This commit is contained in:
kevinpauer 2022-04-20 11:19:48 +02:00
parent ac4c59bbf8
commit c7734368e3
9 changed files with 115 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/app/Views/header/header.component.html
View File

@ -3,24 +3,23 @@
<span class="example-spacer"></span>
<button
mat-icon-button
class="example-icon favorite-icon"
aria-label="Example icon-button with heart icon"
[matMenuTriggerFor]="menu"
routerLink="/profile"
>
<mat-icon>settings</mat-icon>
<mat-icon>account_circle</mat-icon>
</button>
<button
mat-icon-button
class="example-icon favorite-icon"
routerLink="/settings"
>
<mat-icon>ballot</mat-icon>
</button>
<button
mat-icon-button
aria-label="Example icon-button with heart icon"
(click)="logout()"
>
<mat-icon>logout</mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item routerLink="/profile">
<mat-icon>account_circle</mat-icon>
<span>Profile</span>
</button>
<button mat-menu-item routerLink="/settings">
<mat-icon>ballot</mat-icon>
<span>Bot Settings</span>
</button>
<button mat-menu-item (click)="logout()">
<mat-icon>logout</mat-icon>
<span>Logout</span>
</button>
</mat-menu>
</mat-toolbar>

6
frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html
View File

@ -1,7 +1,7 @@
<div class="containeer">
<h1 mat-dialog-title>Aktion bestätigen</h1>
<h1 mat-dialog-title>Confirm Action</h1>
<div mat-dialog-content class="content">
<span>Sind sie sicher, dass sie diese Handlung abschließen wollen?</span>
<span>Are you sure, that you want to continue?</span>
</div>
<div mat-dialog-actions class="form-group footer-buttons">
<div class="inner">
@ -21,7 +21,7 @@
(click)="confirm()"
[mat-dialog-close]="true"
>
Ok
Yes
</button>
</div>
</div>

23
frontend/src/app/Views/profile/help-dialog/help-dialog.component.html Normal file
View File

@ -0,0 +1,23 @@
<div class="containeer">
<h1 mat-dialog-title>How to add your Telegram account</h1>
<div mat-dialog-content class="content">
<span
>To get your UserId, you have to write "/id" or "/auth" to the bot on
Telegram. (<a href="https://t.me/projektaktienbot)"
>https://t.me/projektaktienbot)</a
>)</span
>
</div>
<div mat-dialog-actions class="form-group footer-buttons">
<div class="inner">
<button
id="okButton"
class="btn btn-secondary btn-block"
(click)="close()"
[mat-dialog-close]="true"
>
Ok
</button>
</div>
</div>
</div>

18
frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss Normal file
View File

@ -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%;
}

25
frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts Normal file
View File

@ -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<HelpDialogComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ HelpDialogComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(HelpDialogComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

14
frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts Normal file
View File

@ -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() {}
}

7
frontend/src/app/Views/profile/profile.component.html
View File

@ -97,7 +97,9 @@
</mat-grid-tile>
<mat-grid-tile>
<mat-card class="card">
<mat-card-title class="card-title">Add Telegram Id</mat-card-title>
<mat-card-title class="card-title">
<span>Connect Telegram Account</span>
</mat-card-title>
<mat-card-content>
<form
name="form"
@ -129,6 +131,9 @@
</button>
</div>
</form>
<button class="btn btn-secondary btn-block" (click)="openHelp()">
Help
</button>
</mat-card-content>
</mat-card>
</mat-grid-tile>

8
frontend/src/app/Views/profile/profile.component.ts
View File

@ -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',
});
}
}

2
frontend/src/app/app.module.ts
View File

@ -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,