FEAT #9906 fix css + add simple-pdf-viewer

package.json

@@ -25,6 +25,7 @@
     "ngx-pipes": "^2.4.6",
     "pdfjs-dist": "^2.0.943",
     "photoswipe": "^4.1.2",
+    "simple-pdf-viewer": "^2.0.3",
     "tinymce": "^4.9.4",
     "tooltipster": "^4.2.6",
     "uglify-es": "3.2.2",

src/frontend/app/app-common.module.ts

@@ -11,7 +11,7 @@ import { RouterModule }                         from '@angular/router';
 import { DragDropModule }                         from '@angular/cdk/drag-drop';
 
 /*PLUGINS IMPORTS*/
-
+import { SimplePdfViewerModule }                from 'simple-pdf-viewer';
 import { NgStringPipesModule }                  from 'ngx-pipes';
 import { CookieService }                        from 'ngx-cookie-service';
 import { TimeAgoPipe }                          from '../plugins/timeAgo.pipe';
@@ -54,6 +54,7 @@ export class MyHammerConfig extends HammerGestureConfig {
         FormsModule,
         HttpClientModule,
         RouterModule,
+        SimplePdfViewerModule,
         NgStringPipesModule,
         AppMaterialModule,
         DragDropModule
@@ -97,6 +98,7 @@ export class MyHammerConfig extends HammerGestureConfig {
         TimeAgoPipe,
         TimeLimitPipe,
         FilterListPipe,
+        SimplePdfViewerModule,
         NgStringPipesModule,
         SmdFabSpeedDialComponent,
         SmdFabSpeedDialTrigger,

src/frontend/app/header/header-left.component.html

 <div class="bg-head-title-label">
-    <button *ngIf="!snavLeft.opened" mat-icon-button (click)="snavLeft.open()">
-        <mat-icon class="fa fa-bars"></mat-icon>
+    <button *ngIf="!snavLeft.opened" mat-icon-button (click)="snavLeft.open()" style="font-size:20px;">
+        <mat-icon class="fa fa-stream"></mat-icon>
     </button>
     {{headerService.headerMessage}} <span class="admin-toolbar-title-small">{{headerService.subHeaderMessage}}</span>
 </div>
\ No newline at end of file

src/frontend/app/header/header-panel.component.html

@@ -6,7 +6,7 @@
     </div>
     <div class="panelHeader-button">
         <button mat-icon-button (click)="snavLeft.close()">
-            <mat-icon fontSet="fas" fontIcon="fa-bars"></mat-icon>
+            <mat-icon fontSet="fas" fontIcon="fa-stream" style="transform: rotate(180deg);"></mat-icon>
         </button>
     </div>
 </div>

src/frontend/app/home.component.html

@@ -22,12 +22,9 @@
             </div>
             <div class="bg-head-content" [class.fullContainer]="mobileMode">
                 <mat-card *ngIf="homeMessage"
-                    style="background: #135F7F;color: white;box-shadow: none;border: solid 2px white;width: 100%;border-radius: 20px;">
-                    <div style="display: flex">
-                        <div *ngIf="!mobileMode"
-                            style="text-align:center;flex: 1;background: url(static.php?filename=logo_only.svg);background-size: auto auto;height: 70px;background-size: contain;background-repeat: no-repeat;background-position: center;">
-                        </div>
-                        <div style="flex:10;padding-left: 10px;">
+                    style="background: #135F7F;color: white;box-shadow: none;border: solid 2px white;width: 100%;border-radius: 20px;padding-bottom: 40px;">
+                    <div style="display: flex;max-height: 250px;overflow: auto;">
+                        <div style="padding-left: 10px;">
                             <span [innerHTML]="homeMessage"></span>
                         </div>
                     </div>