Make sure distributions routes to the distributions page bump

PWA/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ReliefBox",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "A tool for managing the distribution of relief items during humanitarian emergencies.",
   "main": "index.js",
   "scripts": {

PWA/public/RouteEvents.js

@@ -31,3 +31,4 @@ RouteEvents.received = "/received";
 RouteEvents.continueDistribution = "/continueDistribution";
 RouteEvents.downloadData = "/download_data";
 RouteEvents.downloadSpreadsheetTemplate = "/download_template";
+RouteEvents.distributions = "/distributions";

PWA/public/Services/CacheFilePathService.js

@@ -33,6 +33,7 @@ import { BeneficiaryStatusService } from "./BeneficiaryStatusService.js";
 import { DownloadSpreadsheetTemplateHandler } from "./FetchEventHandlers/DownloadSpreadsheetTemplateHandler.js";
 import { DeleteDistributionsConfirmHandler } from "./FetchEventHandlers/DeleteDistributionsConfirmHandler.js";
 import { DistributionResponseProvider } from "./DistributionResponseProvider.js";
+import { DistributionsHandler } from "./FetchEventHandlers/DistributionsHandler.js";
 // Provides all the files that have to be cached for offline use
 export class CacheFilePathService {
     pathsOfFilesToCache() {
@@ -139,7 +140,8 @@ export class CacheFilePathService {
             ContinueDistributionHandler.name,
             DownloadDataHandler.name,
             DownloadSpreadsheetTemplateHandler.name,
-            DeleteDistributionsConfirmHandler.name
+            DeleteDistributionsConfirmHandler.name,
+            DistributionsHandler.name
         ]);
     }
     interfacesPaths() {

PWA/public/Services/FetchEventHandlers/DistributionsHandler.js

@@ -0,0 +1,10 @@
+import { RouteEvents } from "../../RouteEvents.js";
+import { ResponseTools } from "../ResponseTools.js";
+export class DistributionsHandler {
+    canHandleEvent(event) {
+        return event.request.url.endsWith(RouteEvents.distributions);
+    }
+    async handleEvent(event) {
+        return await ResponseTools.fetchFromCacheWithRemoteAsFallBack(RouteEvents.home);
+    }
+}

PWA/public/Services/FetchEventHandlers/FetchEventHandlers.js

@@ -18,6 +18,7 @@ import { ContinueDistributionHandler } from "./ContinueDistributionHandler.js";
 import { DownloadDataHandler } from "./DownloadDataHandler.js";
 import { DownloadSpreadsheetTemplateHandler } from "./DownloadSpreadsheetTemplateHandler.js";
 import { DeleteDistributionsConfirmHandler } from "./DeleteDistributionsConfirmHandler.js";
+import { DistributionsHandler } from "./DistributionsHandler.js";
 export class FetchEventHandlers extends ActiveSessionContainer {
     constructor() {
         super(...arguments);
@@ -40,7 +41,8 @@ export class FetchEventHandlers extends ActiveSessionContainer {
             new ContinueDistributionHandler(this.activeSession),
             new DownloadDataHandler(this.activeSession),
             new DownloadSpreadsheetTemplateHandler(),
-            new DeleteDistributionsConfirmHandler()
+            new DeleteDistributionsConfirmHandler(),
+            new DistributionsHandler()
         ];
     }
     handlersForEvent(event) {

PWA/public/index.html

@@ -39,7 +39,7 @@
       <!--    <a class="navbar-item">-->
       <img src="images/ReliefBox-horizontal-nobackground.png" width="220" height="30">
       <!--    </a>-->
-      <div class="navbar-item">Alpha 0.9.0</div>
+      <div class="navbar-item">Alpha 0.10.0</div>
       <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
@@ -52,6 +52,9 @@
         <a href="/index.html"  class="navbar-item">
           Home
         </a>
+        <a href="/distributions"  class="navbar-item">
+          Distributions
+        </a>
         <a href="https://reliefbox.readthedocs.io/" class="navbar-item" target="_blank" rel="noopener noreferrer">
           Documentation
         </a>

PWA/public/template.html

@@ -52,7 +52,9 @@
         <a href="/index.html"  class="navbar-item">
           Home
         </a>
-
+        <a href="/distributions"  class="navbar-item">
+          Distributions
+        </a>
         <a href="https://reliefbox.readthedocs.io/" class="navbar-item" target="_blank" rel="noopener noreferrer">
           Documentation
         </a>

PWA/src/RouteEvents.ts

@@ -31,4 +31,5 @@ export class RouteEvents {
     static continueDistribution = "/continueDistribution"
     static downloadData = "/download_data"
     static downloadSpreadsheetTemplate = "/download_template"
+    static distributions = "/distributions"
   }

PWA/src/Services/CacheFilePathService.ts

@@ -33,6 +33,7 @@ import { BeneficiaryStatusService } from "./BeneficiaryStatusService.js";
 import { DownloadSpreadsheetTemplateHandler } from "./FetchEventHandlers/DownloadSpreadsheetTemplateHandler.js";
 import { DeleteDistributionsConfirmHandler } from "./FetchEventHandlers/DeleteDistributionsConfirmHandler.js";
 import { DistributionResponseProvider } from "./DistributionResponseProvider.js";
+import { DistributionsHandler } from "./FetchEventHandlers/DistributionsHandler.js";
 
 // Provides all the files that have to be cached for offline use
 export class CacheFilePathService {
@@ -152,7 +153,8 @@ export class CacheFilePathService {
       ContinueDistributionHandler.name,
       DownloadDataHandler.name,
       DownloadSpreadsheetTemplateHandler.name,
-      DeleteDistributionsConfirmHandler.name
+      DeleteDistributionsConfirmHandler.name,
+      DistributionsHandler.name
     ]);
   }
 

PWA/src/Services/FetchEventHandlers/DistributionsHandler.ts

@@ -0,0 +1,14 @@
+import { FetchEvent } from "../../Interfaces/FetchEvent.js";
+import { FetchEventHandler } from "../../Interfaces/FetchEventHandler.js";
+import { RouteEvents } from "../../RouteEvents.js";
+import { ResponseTools } from "../ResponseTools.js";
+
+export class DistributionsHandler implements FetchEventHandler {
+  canHandleEvent(event: FetchEvent): boolean {
+    return event.request.url.endsWith(RouteEvents.distributions);
+  }
+
+  async handleEvent(event: FetchEvent): Promise<Response | undefined> {
+    return await ResponseTools.fetchFromCacheWithRemoteAsFallBack(RouteEvents.home);
+  }
+}

PWA/src/Services/FetchEventHandlers/FetchEventHandlers.ts

@@ -20,6 +20,7 @@ import { ContinueDistributionHandler } from "./ContinueDistributionHandler.js";
 import { DownloadDataHandler } from "./DownloadDataHandler.js";
 import { DownloadSpreadsheetTemplateHandler } from "./DownloadSpreadsheetTemplateHandler.js";
 import { DeleteDistributionsConfirmHandler } from "./DeleteDistributionsConfirmHandler.js";
+import { DistributionsHandler } from "./DistributionsHandler.js";
 
 export class FetchEventHandlers extends ActiveSessionContainer implements FetchEventHandler {
   all: FetchEventHandler[] = [
@@ -41,7 +42,8 @@ export class FetchEventHandlers extends ActiveSessionContainer implements FetchE
     new ContinueDistributionHandler(this.activeSession),
     new DownloadDataHandler(this.activeSession),
     new DownloadSpreadsheetTemplateHandler(),
-    new DeleteDistributionsConfirmHandler()
+    new DeleteDistributionsConfirmHandler(),
+    new DistributionsHandler()
   ];
 
   handlersForEvent(event: FetchEvent): FetchEventHandler[] {

PWA/src/Services/FetchEventHandlers/HomepageHandler.ts

@@ -17,4 +17,4 @@ export class HomepageHandler extends ActiveSessionContainer implements FetchEven
       return await ResponseTools.fetchFromCacheWithRemoteAsFallBack(RouteEvents.home)
     }
   }
-}
+}