[feat] add a floating button to give feedback

This commit is contained in:
tykayn 2020-05-30 11:14:05 +02:00
parent 645b25de79
commit 442530983b
5 changed files with 58 additions and 1 deletions

View File

@ -0,0 +1,19 @@
<div class="feedback-container">
<div class="feedback-choices" *ngIf="isOpen">
<a href="mailto:contact@cipherbliss.com">
Par email
<i class="fa fa-mail"></i>
</a>
<a href="https://framateam.org/ux-framatrucs/channels/framadate">
Discuter sur Framateam
<i class="fa fa-comments"></i>
</a>
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front">
Créer une Issue sur Framagit
<i class="fa fa-gitlab"></i>
</a>
</div>
<div class="button" (click)="isOpen = !isOpen" [ngClass]="{ active: isOpen }">
<i class="fa fa-comment"></i>
</div>
</div>

View File

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

View File

@ -0,0 +1,13 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-feedback',
templateUrl: './feedback.component.html',
styleUrls: ['./feedback.component.scss'],
})
export class FeedbackComponent implements OnInit {
private isOpen = false;
constructor() {}
ngOnInit(): void {}
}

View File

@ -6,9 +6,10 @@ import { SharedModule } from '../../shared/shared.module';
import { ParticipationRoutingModule } from './participation-routing.module';
import { ParticipationComponent } from './participation.component';
import { PollComponent } from './poll/poll.component';
import { FeedbackComponent } from './feedback/feedback.component';
@NgModule({
declarations: [ParticipationComponent, PollComponent],
declarations: [ParticipationComponent, PollComponent, FeedbackComponent],
imports: [CommonModule, ParticipationRoutingModule, SharedModule, TranslateModule.forChild({ extend: true })],
})
export class ParticipationModule {}