A lot of small improvements

src/Squidex/app/app.routes.ts

@@ -46,9 +46,6 @@ export const routes: Routes = [
                     }, {
                         path: 'content',
                         loadChildren: './features/content/module#SqxFeatureContentModule'
-                    }, {
-                        path: 'media',
-                        loadChildren: './features/media/module#SqxFeatureMediaModule'
                     }, {
                         path: 'schemas',
                         loadChildren: './features/schemas/module#SqxFeatureSchemasModule'

src/Squidex/app/features/content/pages/content-page.component.html

@@ -9,6 +9,8 @@
         </a>
     </div>
 
+    <div class="panel-main">
         <div class="panel-content">
         </div>
     </div>
+</div>

src/Squidex/app/features/dashboard/pages/dashboard-page.component.html

@@ -5,6 +5,8 @@
         <h3 class="panel-title">Dashboard</h3>
     </div>
 
+    <div class="panel-main">
         <div class="panel-content">
         </div>
     </div>
+</div>

src/Squidex/app/features/media/declarations.ts

@@ -1,8 +0,0 @@
-/*
- * Squidex Headless CMS
- * 
- * @license
- * Copyright (c) Sebastian Stehle. All rights reserved
- */
-
-export * from './pages/media-page.component';

src/Squidex/app/features/media/index.ts

@@ -1,9 +0,0 @@
-/*
- * Squidex Headless CMS
- * 
- * @license
- * Copyright (c) Sebastian Stehle. All rights reserved
- */
-
-export * from './declarations';
-export * from './module';

src/Squidex/app/features/media/module.ts

@@ -1,34 +0,0 @@
-/*
- * Squidex Headless CMS
- * 
- * @license
- * Copyright (c) Sebastian Stehle. All rights reserved
- */
-
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { SqxFrameworkModule, SqxSharedModule } from 'shared';
-
-import {
-    MediaPageComponent
-} from './declarations';
-
-const routes: Routes = [
-    {
-        path: '',
-        component: MediaPageComponent
-    }
-];
-
-@NgModule({
-    imports: [
-        SqxFrameworkModule,
-        SqxSharedModule,
-        RouterModule.forChild(routes)
-    ],
-    declarations: [
-        MediaPageComponent
-    ]
-})
-export class SqxFeatureMediaModule { }

src/Squidex/app/features/media/pages/media-page.component.html

@@ -1,14 +0,0 @@
-<sqx-title message="{app} | Media" parameter1="app" value1="{{appName() | async}}"></sqx-title>
-
-<div class="panel panel-light">
-    <div class="panel-header">
-        <h3 class="panel-title">Media</h3>
-
-        <a class="panel-close" dashboardLink>
-            <i class="icon-close"></i>
-        </a>
-    </div>
-
-    <div class="panel-content">
-    </div>
-</div>

src/Squidex/app/features/media/pages/media-page.component.scss

@@ -1,7 +0,0 @@
-@import '_vars';
-@import '_mixins';
-
-.panel {
-    min-width: 600px;
-    max-width: 600px;
-}

src/Squidex/app/features/media/pages/media-page.component.ts

@@ -1,27 +0,0 @@
-/*
- * Squidex Headless CMS
- * 
- * @license
- * Copyright (c) Sebastian Stehle. All rights reserved
- */
-
-import { Component } from '@angular/core';
-
-import {
-    AppComponentBase,
-    AppsStoreService,
-    NotificationService,
-    UsersProviderService
- } from 'shared';
-
-@Component({
-    selector: 'sqx-media-page',
-    styleUrls: ['./media-page.component.scss'],
-    templateUrl: './media-page.component.html'
-})
-export class MediaPageComponent extends AppComponentBase {
-    constructor(apps: AppsStoreService, notifications: NotificationService, users: UsersProviderService) {
-        super(apps, notifications, users);
-    }
-}
-

src/Squidex/app/features/schemas/module.ts

@@ -8,7 +8,11 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-import { SqxFrameworkModule, SqxSharedModule } from 'shared';
+import {
+    HistoryComponent,
+    SqxFrameworkModule,
+    SqxSharedModule
+} from 'shared';
 
 import {
     FieldComponent,
@@ -31,7 +35,16 @@ const routes: Routes = [
             },
             {
                 path: ':schemaName',
-                component: SchemaPageComponent
+                component: SchemaPageComponent,
+                children: [
+                    {
+                        path: 'history',
+                        component: HistoryComponent,
+                        data: {
+                            channel: 'schemas.{schemaName}'
+                        }
+                    }
+                ]
             }]
     }
 ];

src/Squidex/app/features/schemas/pages/schema/schema-page.component.html

@@ -11,6 +11,7 @@
         </div>
     </div>
 
+    <div class="panel-main">
         <div class="panel-content">
             <div *ngFor="let field of schemaFields">
                 <sqx-field [field]="field"
@@ -51,4 +52,16 @@
                 </form>
             </div>
         </div>
+        <div class="panel-sidebar">
+            <div class="nav nav-pills nav-stacked nav-light">
+                <li class="nav-item">
+                    <a class="nav-link" routerLink="history" routerLinkActive="active">
+                        <i class="icon-time"></i>
+                    </a>
+                </li>
+            </div>
+        </div>
     </div>
+</div>
+
+<router-outlet></router-outlet>

src/Squidex/app/features/schemas/pages/schema/schema-page.component.scss

@@ -5,3 +5,7 @@
     min-width: 760px;
     max-width: 700px;
 }
+
+.panel-content {
+    overflow-y: scroll;
+}

src/Squidex/app/features/schemas/pages/schemas/schemas-page.component.html

@@ -22,6 +22,7 @@
         </div>
     </div>
 
+    <div class="panel-main">
         <div class="panel-content">
             <div class="schemas">
                 <div class="schema" *ngFor="let schema of schemasFiltered | async" [routerLink]="[schema.name]" routerLinkActive="active">
@@ -44,6 +45,7 @@
             </div>
         </div>
     </div>
+</div>
 
 <div class="modal" *sqxModalView="modalDialog" [@fade]>
 	<div class="modal-dialog" role="document">

src/Squidex/app/shared/components/history.component.ts

@@ -26,7 +26,18 @@ const REPLACEMENT_TEMP = '$TEMP$';
 })
 export class HistoryComponent extends AppComponentBase {
     public get channel(): string {
-        return this.route.snapshot.data['channel'];
+        let result = this.route.snapshot.data['channel'];
+        let params = this.route.parent.snapshot.params;
+
+        for (let key in params) {
+            if (params.hasOwnProperty(key)) {
+                 const value = params[key];
+
+                 result = result.replace('{' + key + '}', value);
+            }
+        }
+
+        return result;
     }
 
     public events =

src/Squidex/app/shell/pages/app/left-menu.component.html

@@ -10,11 +10,6 @@
                 <i class="nav-icon icon-content"></i> <span class="nav-text">Content</span>
             </a>
         </li>
-        <li class="nav-item">
-            <a class="nav-link" routerLink="media" routerLinkActive="active">
-                <i class="nav-icon icon-media"></i> <span class="nav-text">Media</span>
-            </a>
-        </li>
         <li class="nav-item" *ngIf="permission === 'Owner'">
             <a class="nav-link" routerLink="settings" routerLinkActive="active">
                 <i class="nav-icon icon-settings2"></i> <span class="nav-text">Settings</span>