From 7f7a69994cafe2935fbcfc5e906032a7ed0c26ea Mon Sep 17 00:00:00 2001
From: _Bastler <_Bastler@bstly.de>
Date: Fri, 27 Aug 2021 20:15:35 +0200
Subject: [PATCH] add help buttons

---
 .../account/aliases/aliases.component.html    |  6 +++++
 .../account/domains/domains.component.html    |  6 +++++
 .../account/profile/profile.component.html    |  9 ++++++-
 .../account/security/security.component.html  | 25 ++++++++++++++-----
 .../account/voucher/voucher.component.html    |  6 +++++
 src/app/pages/jitsi/jitsi.component.html      |  6 +++++
 .../minetest/accounts/accounts.component.html |  6 +++++
 .../partey/timeslots/timeslots.component.html | 18 ++++++++++---
 .../pages/register/register.component.html    | 16 ++++++++----
 src/app/pages/tokens/tokens.component.html    | 10 +++++++-
 .../urlshortener/urlshortener.component.html  |  6 +++++
 src/styles.scss                               |  7 ++++++
 12 files changed, 104 insertions(+), 17 deletions(-)

diff --git a/src/app/pages/account/aliases/aliases.component.html b/src/app/pages/account/aliases/aliases.component.html
index 68a76e0..c869be5 100644
--- a/src/app/pages/account/aliases/aliases.component.html
+++ b/src/app/pages/account/aliases/aliases.component.html
@@ -72,6 +72,12 @@
         {{'user.aliases.create' | i18n}}
       </button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/webstly#aliases" class="help-button" matTooltip="{{'help-button' | i18n}}"
+            matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
   </mat-card>
 
 </form>
\ No newline at end of file
diff --git a/src/app/pages/account/domains/domains.component.html b/src/app/pages/account/domains/domains.component.html
index 249c7b5..5360ed5 100644
--- a/src/app/pages/account/domains/domains.component.html
+++ b/src/app/pages/account/domains/domains.component.html
@@ -54,6 +54,12 @@
         {{'user.domains.create' | i18n}}
       </button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/webstly#domains" class="help-button" matTooltip="{{'help-button' | i18n}}"
+            matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
   </mat-card>
 
 </form>
\ No newline at end of file
diff --git a/src/app/pages/account/profile/profile.component.html b/src/app/pages/account/profile/profile.component.html
index 4c98616..bf3f227 100644
--- a/src/app/pages/account/profile/profile.component.html
+++ b/src/app/pages/account/profile/profile.component.html
@@ -1 +1,8 @@
-<app-profilefields [edit]="true"></app-profilefields>
\ No newline at end of file
+<app-profilefields [edit]="true"></app-profilefields>
+
+<footer>
+  <a href="https://wiki.bstly.de/services/webstly#profile" class="help-button" matTooltip="{{'help-button' | i18n}}"
+    matTooltipPosition="above" target="_blank" mat-fab color="accent">
+    <mat-icon>contact_support</mat-icon>
+  </a>
+</footer>
\ No newline at end of file
diff --git a/src/app/pages/account/security/security.component.html b/src/app/pages/account/security/security.component.html
index fcf56de..bf7dc84 100644
--- a/src/app/pages/account/security/security.component.html
+++ b/src/app/pages/account/security/security.component.html
@@ -42,16 +42,17 @@
             <h2>{{'security.status' | i18n}}</h2>
             <p> {{'security.status.hint' | i18n}}</p>
             <mat-form-field>
-                <mat-select [(ngModel)]="model.status" formControlName="status" placeholder="{{'security.status' | i18n}}">
-                  <mat-option *ngFor="let status of statuses" [value]="status">
-                    {{'security.status.' + status | i18n}}
-                  </mat-option>
+                <mat-select [(ngModel)]="model.status" formControlName="status"
+                    placeholder="{{'security.status' | i18n}}">
+                    <mat-option *ngFor="let status of statuses" [value]="status">
+                        {{'security.status.' + status | i18n}}
+                    </mat-option>
                 </mat-select>
                 <mat-hint *ngIf="successStatus">
                     {{'security.status.success' | i18n}}
                 </mat-hint>
-              </mat-form-field>
-              <mat-label>{{'security.status.' + model.status + '.hint' | i18n}}</mat-label>
+            </mat-form-field>
+            <mat-label>{{'security.status.' + model.status + '.hint' | i18n}}</mat-label>
         </mat-card-content>
         <mat-card-actions>
             <mat-progress-bar *ngIf="working" mode="indeterminate"></mat-progress-bar>
@@ -59,6 +60,12 @@
                 {{'security.status.change' | i18n}}
             </button>
         </mat-card-actions>
+        <mat-card-footer>
+            <a href="https://wiki.bstly.de/services/webstly#status" class="help-button" matTooltip="{{'help-button' | i18n}}"
+                matTooltipPosition="above" target="_blank" mat-fab color="accent">
+                <mat-icon>contact_support</mat-icon>
+            </a>
+        </mat-card-footer>
     </mat-card>
 </form>
 
@@ -73,4 +80,10 @@
         <button *ngIf="totp" (click)="removeTotp()" mat-raised-button color="warn">{{'security.2fa.totp.remove' |
             i18n}}</button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/webstly#2fa" class="help-button" matTooltip="{{'help-button' | i18n}}"
+            matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
 </mat-card>
\ No newline at end of file
diff --git a/src/app/pages/account/voucher/voucher.component.html b/src/app/pages/account/voucher/voucher.component.html
index 43158d8..5cf515a 100644
--- a/src/app/pages/account/voucher/voucher.component.html
+++ b/src/app/pages/account/voucher/voucher.component.html
@@ -10,6 +10,12 @@
             {{'vouchers.add-on' | i18n}}
         </button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/webstly#voucher" class="help-button" matTooltip="{{'help-button' | i18n}}"
+            matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
 </mat-card>
 
 <div *ngIf="vouchers && vouchers[0]">
diff --git a/src/app/pages/jitsi/jitsi.component.html b/src/app/pages/jitsi/jitsi.component.html
index 7dff2c8..ffc3747 100644
--- a/src/app/pages/jitsi/jitsi.component.html
+++ b/src/app/pages/jitsi/jitsi.component.html
@@ -143,6 +143,12 @@
         {{'jitsi.rooms.create' | i18n}}
       </button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/jitsi#rooms" class="help-button"
+            matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
   </mat-card>
 
 </form>
\ No newline at end of file
diff --git a/src/app/pages/minetest/accounts/accounts.component.html b/src/app/pages/minetest/accounts/accounts.component.html
index 221e05d..b1a4fdd 100644
--- a/src/app/pages/minetest/accounts/accounts.component.html
+++ b/src/app/pages/minetest/accounts/accounts.component.html
@@ -46,6 +46,12 @@
         {{'minetest.accounts.create' | i18n}}
       </button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/minetest" class="help-button"
+            matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
   </mat-card>
 
 </form>
\ No newline at end of file
diff --git a/src/app/pages/partey/timeslots/timeslots.component.html b/src/app/pages/partey/timeslots/timeslots.component.html
index 3bf275a..884c688 100644
--- a/src/app/pages/partey/timeslots/timeslots.component.html
+++ b/src/app/pages/partey/timeslots/timeslots.component.html
@@ -111,9 +111,19 @@
     </div>
   </mat-card-content>
   <mat-card-actions *ngIf="timeslotsQuota">
-    <button mat-button *ngFor="let type of types" (click)="openCreate(type)">
-      <mat-icon inline="true">{{'partey.timeslots.type.' + type + '.icon' | i18n}}</mat-icon>
-      {{'partey.timeslots.create.' + type | i18n}}
-    </button>
+    <div *ngFor="let type of types">
+      <button mat-raised-button (click)="openCreate(type)">
+        <mat-icon inline="true">{{'partey.timeslots.type.' + type + '.icon' | i18n}}</mat-icon>
+        {{'partey.timeslots.create.' + type | i18n}}
+      </button>
+      <br>
+      <br>
+    </div>
   </mat-card-actions>
+  <mat-card-footer>
+    <a href="https://wiki.bstly.de/services/partey/stream" class="help-button" matTooltip="{{'help-button' | i18n}}"
+      matTooltipPosition="above" target="_blank" mat-fab color="accent">
+      <mat-icon>contact_support</mat-icon>
+    </a>
+  </mat-card-footer>
 </mat-card>
\ No newline at end of file
diff --git a/src/app/pages/register/register.component.html b/src/app/pages/register/register.component.html
index 6cd46d7..2b36938 100644
--- a/src/app/pages/register/register.component.html
+++ b/src/app/pages/register/register.component.html
@@ -1,7 +1,9 @@
 <form [formGroup]="form" (ngSubmit)="register()" *ngIf="!success">
     <mat-card>
+        <mat-card-header>
+            <mat-card-title>{{'register' | i18n}}</mat-card-title>
+        </mat-card-header>
         <mat-card-content>
-            <h2>{{'register' | i18n}}</h2>
             <mat-error *ngIf="missingToken">
                 <a routerLink="/tokens">{{'register.token.missing' | i18n}}</a>
             </mat-error>
@@ -34,10 +36,10 @@
 
             <mat-slide-toggle formControlName="primaryEmail" [(ngModel)]="model.primaryEmail"
                 (change)="onPrimaryChange()">
-                {{'email.primary' | i18n}} 
+                {{'email.primary' | i18n}}
             </mat-slide-toggle>
             <mat-icon #primaryHint="matTooltip" (click)="primaryHint.toggle()" inline="true"
-            matTooltip="{{'email.primary.hint' | i18n:model.username}}">info</mat-icon>
+                matTooltip="{{'email.primary.hint' | i18n:model.username}}">info</mat-icon>
 
             <mat-form-field *ngIf="model.primaryEmail">
                 <input matInput type="email" placeholder="{{'email' | i18n}}" formControlName="email"
@@ -63,6 +65,11 @@
 
             <mat-progress-bar *ngIf="working" mode="indeterminate"></mat-progress-bar>
         </mat-card-actions>
+        <mat-card-footer>
+            <a href="https://wiki.bstly.de/services/webstly#registration" class="help-button" matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above"  target="_blank" mat-fab color="accent">
+                <mat-icon>contact_support</mat-icon>
+            </a>
+        </mat-card-footer>
     </mat-card>
 </form>
 
@@ -86,5 +93,4 @@
             {{'register.login' | i18n}}
         </a>
     </mat-card-actions>
-</mat-card>
-
+</mat-card>
\ No newline at end of file
diff --git a/src/app/pages/tokens/tokens.component.html b/src/app/pages/tokens/tokens.component.html
index c1b65a1..dbcf1bc 100644
--- a/src/app/pages/tokens/tokens.component.html
+++ b/src/app/pages/tokens/tokens.component.html
@@ -1,7 +1,9 @@
 <form [formGroup]="form" (ngSubmit)="redeemSecret()" #formDirective="ngForm">
     <mat-card>
+        <mat-card-header>
+            <mat-card-title>{{'tokens.enter' | i18n}}</mat-card-title>
+        </mat-card-header>
         <mat-card-content>
-            <h2>{{'tokens.enter' | i18n}}</h2>
             <mat-error *ngIf="tokenInvalid">
                 {{'tokens.invalid' | i18n}}
             </mat-error>
@@ -18,6 +20,12 @@
         <mat-card-actions>
             <button mat-raised-button color="primary" [disabled]="form.invalid">{{'tokens.validate' | i18n}}</button>
         </mat-card-actions>
+        <mat-card-footer>
+            <a href="https://wiki.bstly.de/services/webstly#registration" class="help-button"
+                matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above" target="_blank" mat-fab color="accent">
+                <mat-icon>contact_support</mat-icon>
+            </a>
+        </mat-card-footer>
     </mat-card>
 </form>
 
diff --git a/src/app/pages/urlshortener/urlshortener.component.html b/src/app/pages/urlshortener/urlshortener.component.html
index 4953e13..9ae34a8 100644
--- a/src/app/pages/urlshortener/urlshortener.component.html
+++ b/src/app/pages/urlshortener/urlshortener.component.html
@@ -153,6 +153,12 @@
         {{'urlshortener.create' | i18n}}
       </button>
     </mat-card-actions>
+    <mat-card-footer>
+        <a href="https://wiki.bstly.de/services/urlshortener" class="help-button" matTooltip="{{'help-button' | i18n}}"
+            matTooltipPosition="above" target="_blank" mat-fab color="accent">
+            <mat-icon>contact_support</mat-icon>
+        </a>
+    </mat-card-footer>
   </mat-card>
 
 </form>
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 9818248..fc2cd2c 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -301,3 +301,10 @@ table {
     }
   }
 }
+
+.help-button {
+  float: right;
+  position: relative;
+  top: -40px;
+  right: 15px;
+}
\ No newline at end of file