From 63a8e47b0bf41a61a567f26e7ad1bc4219ad1ea9 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Fri, 28 Jun 2019 17:28:40 +0200
Subject: [PATCH] Help section added.

---
 src/Squidex/app/features/settings/module.ts        | 11 ++++++++++-
 .../pages/workflows/workflows-page.component.html  | 14 ++++++++++++--
 .../app/framework/angular/panel.component.html     |  6 +++++-
 src/Squidex/app/theme/_panels.scss                 |  4 ++++
 4 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/Squidex/app/features/settings/module.ts b/src/Squidex/app/features/settings/module.ts
index d8c37211d..bf7eddbf8 100644
--- a/src/Squidex/app/features/settings/module.ts
+++ b/src/Squidex/app/features/settings/module.ts
@@ -176,7 +176,16 @@ const routes: Routes = [
             },
             {
                 path: 'workflows',
-                component: WorkflowsPageComponent
+                component: WorkflowsPageComponent,
+                children: [
+                    {
+                        path: 'help',
+                        component: HelpComponent,
+                        data: {
+                            helpPage: '05-integrated/workflows'
+                        }
+                    }
+                ]
             }
         ]
     }
diff --git a/src/Squidex/app/features/settings/pages/workflows/workflows-page.component.html b/src/Squidex/app/features/settings/pages/workflows/workflows-page.component.html
index 452c4fb20..6fd2a206a 100644
--- a/src/Squidex/app/features/settings/pages/workflows/workflows-page.component.html
+++ b/src/Squidex/app/features/settings/pages/workflows/workflows-page.component.html
@@ -1,6 +1,6 @@
 <sqx-title message="{app} | Workflows | Settings" parameter1="app" [value1]="appsState.appName"></sqx-title>
 
-<sqx-panel desiredWidth="50rem" isBlank="true" [isLazyLoaded]="false">
+<sqx-panel desiredWidth="50rem" isBlank="true" [showSidebar]="true" [isLazyLoaded]="false">
     <ng-container title>
         Workflow
     </ng-container>
@@ -44,4 +44,14 @@
             </button>
         </ng-container>
     </ng-container>
-</sqx-panel>
\ No newline at end of file
+
+    <ng-container sidebar>
+        <div class="panel-nav">
+            <a class="panel-link" routerLink="help" routerLinkActive="active" title="Help" titlePosition="left">
+                <i class="icon-help"></i>
+            </a>
+        </div>
+    </ng-container>
+</sqx-panel>
+
+<router-outlet></router-outlet>
diff --git a/src/Squidex/app/framework/angular/panel.component.html b/src/Squidex/app/framework/angular/panel.component.html
index 0abb33f98..34a74e4b6 100644
--- a/src/Squidex/app/framework/angular/panel.component.html
+++ b/src/Squidex/app/framework/angular/panel.component.html
@@ -26,7 +26,11 @@
         </div>
 
         <div class="panel-main">
-            <div class="panel-content {{contentClass}}" [class.panel-content-scroll-x]="scrollX" [class.panel-content-scroll]="showScrollbar" [class.panel-content-blank]="isBlank">
+            <div class="panel-content {{contentClass}}" 
+                [class.panel-content-scroll-x]="scrollX" 
+                [class.panel-content-scroll]="showScrollbar"
+                [class.panel-content-blank]="isBlank"
+                [class.panel-content-blank-bordered]="isBlank && showSidebar">
                 <ng-content select="[content]"></ng-content>
             </div>
 
diff --git a/src/Squidex/app/theme/_panels.scss b/src/Squidex/app/theme/_panels.scss
index e8f35e99e..e97323d77 100644
--- a/src/Squidex/app/theme/_panels.scss
+++ b/src/Squidex/app/theme/_panels.scss
@@ -96,6 +96,10 @@
             border: 0;
         }
 
+        &-blank-bordered {
+            border-top: 1px solid $color-border;
+        }
+
         // Scrolling must be enabled optionally to prevent bugs.
         &-scroll {
             overflow-y: scroll;