Merge pull request #5 from sQeeZ-scripting-language/4-update-documentation

4 update documentation

Author: marcelnoehre

.github/workflows/main.yml

@@ -31,6 +31,7 @@ jobs:
         run: npm run build --prod -- --base-href /documentation/
 
   deploy:
+    if: github.event_name == 'push' || github.event_name == 'release'
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code

src/app/app.component.html

@@ -7,7 +7,13 @@
             <img src="logo.jpg" alt="sQeeZ-Scripting-Language" routerLink="/" class="logo">
         </div>
         <div class="actions">
-            <button mat-icon-button [matMenuTriggerFor]="menu" class="language-trigger">
+            <button mat-icon-button (click)="toggleTheme()" [matTooltip]="currentTheme === 'light' ? translate('APP.DARK_MODE') : translate('APP.LIGHT_MODE')">
+                <mat-icon> {{ currentTheme === 'light' ? 'light_mode' : 'dark_mode' }} </mat-icon>
+            </button>
+            <button mat-icon-button (click)="openPlayground()" matTooltip="Playground">
+                <mat-icon>code</mat-icon>
+            </button>
+            <button mat-icon-button [matMenuTriggerFor]="menu" class="language-trigger" [matTooltip]="currentLanguage.name">
                 <span [class]="'fi fi-' + currentLanguage.id"></span>
             </button>
             <mat-menu #menu="matMenu">
@@ -20,9 +26,6 @@
                     }
                 }
             </mat-menu>
-            <button mat-icon-button (click)="toggleTheme()" [matTooltip]="currentTheme === 'light' ? translate('APP.DARK_MODE') : translate('APP.LIGHT_MODE')">
-                <mat-icon> {{ currentTheme === 'light' ? 'light_mode' : 'dark_mode' }} </mat-icon>
-            </button>
         </div>
     </mat-toolbar>
     <mat-sidenav-container class="sidenav-container" [style.marginTop.px]="mobileQuery.matches ? 56 : 0">

src/app/app.component.scss

@@ -110,6 +110,8 @@ mat-expansion-panel {
 }
 
 :host-context(.light-theme) {
+    --mat-expansion-header-indicator-color: var(--font-color);
+    
     button {
         color: var(--font-color);
     }

src/app/app.component.ts

@@ -64,6 +64,10 @@ export class AppComponent implements OnInit, OnDestroy {
     this.mobileQuery.removeListener(this._mobileQueryListener);
   }
 
+  openPlayground(): void {
+    window.location.href = 'https://sqeez-scripting-language.github.io/playground/';
+  }
+
   setLanguage(language: Language): void {
     this.currentLanguage = language;
     this.translateService.use(this.currentLanguage.id);