From ac56be7b799ef6faf13e7c9fdf706b4496cab1bb Mon Sep 17 00:00:00 2001
From: Isahann Hanacleto <isahanacleto@gmail.com>
Date: Mon, 26 Aug 2024 17:58:39 -0300
Subject: [PATCH] #66 feedback window

---
 .../about-window/about-window.component.html  |  45 ++++++++++-
 .../about-window/about-window.component.sass  |  76 +++++++++++++++---
 .../about-window/about-window.component.ts    |  34 +++++++-
 src/app/app.module.ts                         |   4 +-
 src/assets/icons/20x20/contact.png            | Bin 0 -> 6949 bytes
 src/assets/icons/20x20/send.png               | Bin 0 -> 6813 bytes
 6 files changed, 143 insertions(+), 16 deletions(-)
 create mode 100644 src/assets/icons/20x20/contact.png
 create mode 100644 src/assets/icons/20x20/send.png

diff --git a/src/app/about-window/about-window.component.html b/src/app/about-window/about-window.component.html
index 793e125..921446f 100644
--- a/src/app/about-window/about-window.component.html
+++ b/src/app/about-window/about-window.component.html
@@ -6,7 +6,8 @@
 
     <label>Source code at&nbsp;<b><a href="https://github.com/xpquiz/xpquiz.github.io">GitHub</a></b></label>
     <label>Questions provided by&nbsp;<b><a href="https://the-trivia-api.com/">The Trivia API</a></b>,&nbsp;<b><a
-      href="https://opentdb.com/">Open Trivia Database</a></b>&nbsp;and&nbsp;<b><a href="https://quizapi.io/">QuizAPI</a></b></label>
+      href="https://opentdb.com/">Open Trivia Database</a></b>&nbsp;and&nbsp;<b><a
+      href="https://quizapi.io/">QuizAPI</a></b></label>
     <label>Windows XP theming provided by&nbsp;<b><a href="https://botoxparty.github.io/XP.css/">XP.css</a></b></label>
     <label>Windows XP sounds provided by&nbsp;<b><a href="https://archive.org/details/windowsxpstartup_201910/">The
       Internet Archive</a></b></label>
@@ -14,7 +15,45 @@
       href="https://www.deviantart.com/marchmountain/art/Windows-XP-High-Resolution-Icon-Pack-916042853">marchmountain
       at DeviantArt</a></b></label>
 
-    <app-icon-button iconPath="home.png" title="Return to home"
-                     (onButtonClick)="this.router.navigateByUrl(PathsEnum.HOME)"></app-icon-button>
+    <div class="window-body_buttons">
+      <app-icon-button iconPath="home.png" title="Return home"
+                       (onButtonClick)="this.router.navigateByUrl(PathsEnum.HOME)"></app-icon-button>
+      <app-icon-button iconPath="contact.png" title="Contact us!" [disabled]="this.showFeedbackWindow"
+                       (onButtonClick)="this.toggleFeedbackWindow()"></app-icon-button>
+    </div>
   </div>
 </div>
+
+<div class="window" *ngIf="this.showFeedbackWindow">
+  <app-window-title-bar iconPath="about.png" title="Contact"></app-window-title-bar>
+  <div class="window-body">
+    <form [formGroup]="this.feedbackForm" (ngSubmit)="this.onSubmit()">
+      <label class="window-body_feedback-title">✍️ Feel free to message us about suggestions, feedbacks or compliments!
+        🤔</label>
+
+      <div class="window-body_feedback-inputs">
+        <div class="field-row">
+          <label for="name">Name (*):</label>
+          <input id="name" type="text" formControlName="name" placeholder="Type in your name..."/>
+        </div>
+        <div class="field-row">
+          <label for="message">Message (*):</label>
+          <textarea id="message" rows="8" formControlName="message" placeholder="Write your message..."></textarea>
+        </div>
+      </div>
+
+      <div class="window-body_feedback-inputs-error">
+        <label *ngIf="this.shouldShowErrorMessage('name')">Please type in your name.</label>
+        <label *ngIf="this.shouldShowErrorMessage('message')">Please type your message.</label>
+      </div>
+
+      <div class="window-body_feedback-buttons">
+        <app-icon-button iconPath="no.png" title="Close"
+                         (onButtonClick)="this.toggleFeedbackWindow()"></app-icon-button>
+        <app-icon-button [disabled]="this.shouldDisableSendButton()" iconPath="send.png" title="Send"
+                         type="submit"></app-icon-button>
+      </div>
+    </form>
+  </div>
+</div>
+
diff --git a/src/app/about-window/about-window.component.sass b/src/app/about-window/about-window.component.sass
index 7ebffdb..4546310 100644
--- a/src/app/about-window/about-window.component.sass
+++ b/src/app/about-window/about-window.component.sass
@@ -1,15 +1,69 @@
-.window-body
-  display: flex
-  flex-direction: column
-  align-items: center
-  justify-content: center
+.window
+  margin: 10px
 
-  label
-    margin: 3px
+  &-body
+    display: flex
+    flex-direction: column
+    align-items: center
+    justify-content: center
 
-    &.main
-      margin-bottom: 10px
+    label
+      margin: 3px
+
+      &.main
+        margin-bottom: 10px
+        font-style: italic
+
+    &_buttons
+      display: flex
+      flex-direction: row
+      align-items: center
+      justify-content: center
+      margin: 5px
+
+      app-icon-button
+        margin: 5px
+
+    label.window-body_feedback-title
       font-style: italic
+      margin-bottom: 10px
+
+    &_feedback-inputs
+      display: flex
+      flex-direction: column
+      align-items: center
+      justify-content: center
+      margin: 10px
+      width: 300px
+
+      .field-row
+        width: 100%
+
+        textarea
+          border: 1px solid #7f9db9
+
+        label
+          width: 25%
+          display: block
+          text-align: end
+          align-self: flex-start
+
+        input, textarea
+          width: 75%
+
+    &_feedback-inputs-error
+      color: red
+      display: flex
+      flex-direction: column
+      align-items: center
+      justify-content: center
+
+    &_feedback-buttons
+      display: flex
+      flex-direction: row
+      align-items: center
+      justify-content: center
+      margin: 5px
 
-  app-icon-button
-    margin-top: 15px
+      app-icon-button
+        margin: 5px
diff --git a/src/app/about-window/about-window.component.ts b/src/app/about-window/about-window.component.ts
index 6d30565..f8c112b 100644
--- a/src/app/about-window/about-window.component.ts
+++ b/src/app/about-window/about-window.component.ts
@@ -1,6 +1,7 @@
 import {Component} from '@angular/core';
 import {Router} from "@angular/router";
 import {PathsEnum} from "../../model/enums/PathsEnum";
+import {AbstractControl, FormBuilder, FormGroup, Validators} from "@angular/forms";
 
 @Component({
   selector: 'app-about-window',
@@ -11,9 +12,40 @@ export class AboutWindowComponent {
 
   protected readonly PathsEnum = PathsEnum;
 
+  public showFeedbackWindow: boolean = false;
+  public feedbackForm: FormGroup = this.formBuilder.group({
+    name: ['', Validators.required],
+    message: [undefined, Validators.required]
+  });
+
   constructor(
-    public readonly router: Router
+    public readonly router: Router,
+    public readonly formBuilder: FormBuilder
   ) {
   }
 
+  protected toggleFeedbackWindow(): void {
+    this.feedbackForm.reset();
+    this.showFeedbackWindow = !this.showFeedbackWindow;
+  }
+
+  public async onSubmit(): Promise<void> {
+    const subject: string = `XPQuiz - Suggestions from ${this.feedbackForm.controls['name'].value}`;
+    const body: string = encodeURI(this.feedbackForm.controls['message'].value)
+
+    window.location.href = `mailto:xpquiz.github.io@gmail.com?subject=${subject}&body=${body}`;
+  }
+
+  public shouldDisableSendButton(): boolean {
+    return !this.feedbackForm.valid;
+  }
+
+  public shouldShowErrorMessage(formControlName: string): boolean {
+    const formControl: AbstractControl = this.feedbackForm.controls[formControlName];
+
+    if (!this.feedbackForm.touched && !formControl.touched)
+      return false;
+
+    return !formControl.valid;
+  }
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b46d839..11a3c98 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -17,6 +17,7 @@ import {CopyClipboardDirective} from "./directives/CopyClipboardDirective";
 import { GameModeWindowComponent } from './game-mode-window/game-mode-window.component';
 import { IconTextButtonComponent } from './common/icon-text-button/icon-text-button.component';
 import { QuestionTrifectaWindowComponent } from './question-trifecta-window/question-trifecta-window.component';
+import {ReactiveFormsModule} from "@angular/forms";
 
 @NgModule({
   declarations: [
@@ -38,7 +39,8 @@ import { QuestionTrifectaWindowComponent } from './question-trifecta-window/ques
         BrowserModule,
         AppRoutingModule,
         HttpClientModule,
-        NgOptimizedImage
+        NgOptimizedImage,
+        ReactiveFormsModule
     ],
   providers: [],
   bootstrap: [AppComponent]
diff --git a/src/assets/icons/20x20/contact.png b/src/assets/icons/20x20/contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..210166a8bb36b9d97aaba41c7580566859bb2a49
GIT binary patch
literal 6949
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
Ojim?)mlp+1o%aWZ<ILLt

literal 0
HcmV?d00001

diff --git a/src/assets/icons/20x20/send.png b/src/assets/icons/20x20/send.png
new file mode 100644
index 0000000000000000000000000000000000000000..f49336143186a4b0649a4bfe4d6ab83c07942cd6
GIT binary patch
literal 6813
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
G&iXI=f0&5?

literal 0
HcmV?d00001