From 442530983b8015a291ae34be78d78c9e061adf7d Mon Sep 17 00:00:00 2001
From: tykayn <tykayn@gmail.com>
Date: Sat, 30 May 2020 11:14:05 +0200
Subject: [PATCH] [feat] :zap: add a floating button to give feedback

---
 .../feedback/feedback.component.html          | 19 +++++++++++++++
 .../feedback/feedback.component.scss          |  0
 .../feedback/feedback.component.spec.ts       | 24 +++++++++++++++++++
 .../feedback/feedback.component.ts            | 13 ++++++++++
 .../participation/participation.module.ts     |  3 ++-
 5 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 src/app/features/participation/feedback/feedback.component.html
 create mode 100644 src/app/features/participation/feedback/feedback.component.scss
 create mode 100644 src/app/features/participation/feedback/feedback.component.spec.ts
 create mode 100644 src/app/features/participation/feedback/feedback.component.ts

diff --git a/src/app/features/participation/feedback/feedback.component.html b/src/app/features/participation/feedback/feedback.component.html
new file mode 100644
index 00000000..f8880e3e
--- /dev/null
+++ b/src/app/features/participation/feedback/feedback.component.html
@@ -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>
diff --git a/src/app/features/participation/feedback/feedback.component.scss b/src/app/features/participation/feedback/feedback.component.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/features/participation/feedback/feedback.component.spec.ts b/src/app/features/participation/feedback/feedback.component.spec.ts
new file mode 100644
index 00000000..406df874
--- /dev/null
+++ b/src/app/features/participation/feedback/feedback.component.spec.ts
@@ -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();
+	});
+});
diff --git a/src/app/features/participation/feedback/feedback.component.ts b/src/app/features/participation/feedback/feedback.component.ts
new file mode 100644
index 00000000..90609c93
--- /dev/null
+++ b/src/app/features/participation/feedback/feedback.component.ts
@@ -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 {}
+}
diff --git a/src/app/features/participation/participation.module.ts b/src/app/features/participation/participation.module.ts
index 3fa82ffa..1b40c4b0 100644
--- a/src/app/features/participation/participation.module.ts
+++ b/src/app/features/participation/participation.module.ts
@@ -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 {}