Several pwa fixes

4127d5f1 · Lukas Mauß · d121def5 · 4127d5f1 · 4127d5f1 · 4127d5f1
Commit 4127d5f1 authored 5 years ago by Lukas Mauß
--- a/ngsw-config.json
+++ b/ngsw-config.json
 {
  "index": "/index.html",
+  "dataGroups":
+  [
+    {
+      "name": "api",
+      "urls": ["/**"],
+      "cacheConfig": {
+        "maxSize": 500,
+        "maxAge": "7d",
+        "strategy": "performance"
+      }
+    }
+  ],
  "assetGroups": [
    {
      "name": "app",
@@ -7,9 +19,12 @@
      "resources": {
        "files": [
          "/favicon.ico",
-          "/index.html",
+          "/*.html",
          "/*.css",
          "/*.js"
+        ],
+        "urls": [
+          "https://fonts.googleapis.com/**"
        ]
      }
    }, {

--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { PageNotFoundComponent } from './components/shared/page-not-found/page-not-found.component';
-import { CreatorModule } from './components/creator/creator.module';
-import { ParticipantModule } from './components/participant/participant.module';
 import { HomePageComponent } from './components/home/home-page/home-page.component';

 const routes: Routes = [
@@ -17,11 +15,11 @@ const routes: Routes = [
  },
  {
    path: 'creator',
-    loadChildren: () => CreatorModule
+    loadChildren: './components/creator/creator.module#CreatorModule'
  },
  {
    path: 'participant',
-    loadChildren: () => ParticipantModule
+    loadChildren: './components/participant/participant.module#ParticipantModule'
  },
  {
    path: '**',

--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -58,7 +58,7 @@ export function initializeApp(appConfig: AppConfig) {
    EssentialsModule,
    SharedModule,
    ThemeModule,
-    ServiceWorkerModule.register('ngsw-worker.js', { enabled: true }) // environment.production
+    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
  ],
  providers: [
    AppConfig,

--- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.ts
+++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.ts
@@ -24,7 +24,7 @@ export class PresentCommentComponent implements OnInit {
    this.dialogRef.close('close');
  }

-  private updateFontSize(event: any): void {
+  updateFontSize(event: any): void {
     document.getElementById('comment').style.fontSize = (event.value * 2.5) + 'em';
  }
 }
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
-<mat-card id="comment-card" [ngClass]="{true : 'highlighted', false: ''}[comment.highlighted]" [@slide]>
+<mat-card id="comment-card" [ngClass]="{'highlighted': comment.highlighted,
+                                        '': !comment.highlighted}" [@slide]>
    <div fxLayout="column">
      <div fxLayout="row">
        <span class="fill-remaining-space"></span>
@@ -17,7 +18,8 @@
        <mat-icon [ngClass]="{true: 'favorite-icon', false: 'not-marked'}[comment.favorite]">favorite_border</mat-icon>
        </button>
        <button mat-icon-button [disabled]="isStudent" (click)="setRead(comment)" [matTooltip]="comment.read ? 'Mark  as unread' : 'Mark as read'">
-        <mat-icon class="icon" [ngClass]="{true: 'read-icon', false: 'not-marked'}[comment.read]">visibility</mat-icon>
+        <mat-icon class="icon" [ngClass]="{'read-icon': comment.read,
+                                            'not-marked' : !comment.read}">visibility</mat-icon>
        </button>
      </div>
      <div fxLayout="row">

--- a/src/index.html
+++ b/src/index.html
@@ -28,7 +28,7 @@
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="manifest" href="manifest.webmanifest">
-  <meta name="theme-color" content="#4DB6AC">
+  <meta name="theme-color" content="#b2dfdb">
 </head>
 <body>
  <app-root></app-root>

--- a/src/manifest.webmanifest
+++ b/src/manifest.webmanifest
 {
  "name": "ARSnova Lite",
  "short_name": "ARSnova",
-  "theme_color": "#4DB6AC",
-  "background_color": "#B2DFDB",
+  "theme_color": "#b2dfdb",
+  "background_color": "#b2dfdb",
  "display": "standalone",
  "scope": "/",
  "start_url": "/home",