added pwa

Donz2020 · Apr 24, 2021 · 220f024 · 220f024
1 parent d537392
commit 220f024
Show file tree

Hide file tree

Showing 16 changed files with 1,339 additions and 791 deletions.
diff --git a/VisualParadigmProject/.JustMeet.vpp.lck b/VisualParadigmProject/.JustMeet.vpp.lck
diff --git a/frontend/JustmeetFrontend/angular.json b/frontend/JustmeetFrontend/angular.json
@@ -21,7 +21,8 @@
             "aot": false,
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "src/styles.css"
@@ -48,15 +49,17 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "2mb",
+                  "maximumWarning": "4mb",
                   "maximumError": "5mb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "6kb",
-                  "maximumError": "10kb"
+                  "maximumWarning": "80kb",
+                  "maximumError": "100kb"
                 }
-              ]
+              ],
+              "serviceWorker": true,
+              "ngswConfigPath": "ngsw-config.json"
             }
           }
         },
@@ -86,7 +89,8 @@
             "karmaConfig": "karma.conf.js",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "src/styles.css"

diff --git a/frontend/JustmeetFrontend/ngsw-config.json b/frontend/JustmeetFrontend/ngsw-config.json
@@ -0,0 +1,30 @@
+{
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/manifest.webmanifest",
+          "/*.css",
+          "/*.js"
+        ]
+      }
+    },
+    {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
+        ]
+      }
+    }
+  ]
+}
diff --git a/frontend/JustmeetFrontend/package-lock.json b/frontend/JustmeetFrontend/package-lock.json
diff --git a/frontend/JustmeetFrontend/package.json b/frontend/JustmeetFrontend/package.json
@@ -22,12 +22,14 @@
     "@angular/platform-browser": "~10.1.6",
     "@angular/platform-browser-dynamic": "~10.1.6",
     "@angular/router": "~10.1.6",
+    "@angular/service-worker": "10.1.6",
     "@ngx-formly/bootstrap": "^5.10.11",
     "@ngx-formly/core": "^5.10.11",
     "adjust-sourcemap-loader": "^3.0.0",
     "angular-bootstrap-md": "^10.1.1",
     "angular-material": "^1.2.2",
     "animate.css": "^4.1.1",
+    "http-server": "^0.12.3",
     "material-steppers": "^2.0.0",
     "object-path": "^0.11.5",
     "resolve-url-loader": "^3.1.2",

diff --git a/frontend/JustmeetFrontend/src/app/app.module.ts b/frontend/JustmeetFrontend/src/app/app.module.ts
@@ -23,6 +23,8 @@ import {MatStepperModule} from '@angular/material/stepper';
 
 import {MatTabsModule} from "@angular/material/tabs";
 import {AgmCoreModule} from '@agm/core';
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { environment } from '../environments/environment';
 
 
 @NgModule({
@@ -55,6 +57,7 @@ import {AgmCoreModule} from '@agm/core';
         {name: 'required', message: 'This field is required'},
       ],
     }),
+    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
   ],
   providers: [],
   bootstrap: [AppComponent]

diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-128x128.png b/frontend/JustmeetFrontend/src/assets/icons/icon-128x128.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-144x144.png b/frontend/JustmeetFrontend/src/assets/icons/icon-144x144.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-152x152.png b/frontend/JustmeetFrontend/src/assets/icons/icon-152x152.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-192x192.png b/frontend/JustmeetFrontend/src/assets/icons/icon-192x192.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-384x384.png b/frontend/JustmeetFrontend/src/assets/icons/icon-384x384.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-512x512.png b/frontend/JustmeetFrontend/src/assets/icons/icon-512x512.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-72x72.png b/frontend/JustmeetFrontend/src/assets/icons/icon-72x72.png
diff --git a/frontend/JustmeetFrontend/src/assets/icons/icon-96x96.png b/frontend/JustmeetFrontend/src/assets/icons/icon-96x96.png
diff --git a/frontend/JustmeetFrontend/src/index.html b/frontend/JustmeetFrontend/src/index.html
@@ -6,15 +6,13 @@
   <base href="/"/>
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   <link rel="icon" type="image/x-icon" href="favicon.ico"/>
-  <link
-    rel="stylesheet"
-    href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
-    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
-    crossorigin="anonymous"
-  />
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"/>
 
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#1976d2">
 </head>
 <body>
 <app-root></app-root>
+  <noscript>Please enable JavaScript to continue using this application.</noscript>
 </body>
 </html>
diff --git a/frontend/JustmeetFrontend/src/manifest.webmanifest b/frontend/JustmeetFrontend/src/manifest.webmanifest
@@ -0,0 +1,59 @@
+{
+  "name": "JustMeetFrontend",
+  "short_name": "JustMeetFrontend",
+  "theme_color": "#1976d2",
+  "background_color": "#fafafa",
+  "display": "standalone",
+  "scope": "./",
+  "start_url": "./",
+  "icons": [
+    {
+      "src": "assets/icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "assets/icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable any"
+    }
+  ]
+}