Change pages titles with ajax calls

Volmarg · Volmarg · commit 291e0d9419a1 · 2021-06-01T12:22:43.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/assets/app.js b/public/assets/app.js
diff --git a/public/assets/service-worker.js b/public/assets/service-worker.js
diff --git a/src/Action/Modules/Files/MyFilesAction.php b/src/Action/Modules/Files/MyFilesAction.php
@@ -315,7 +315,7 @@ private function getFilesPageTitle(string $subdirectoryPath): string
         $pageTitle = $this->app->translator->translate(
             'files.title',
             [
-                '{{folder}}' => $subdirectoryPath
+                '{{folder}}' => basename($subdirectoryPath),
             ]
         );
 
diff --git a/src/Action/Modules/Images/MyImagesAction.php b/src/Action/Modules/Images/MyImagesAction.php
@@ -236,7 +236,7 @@ private function getImagesCategoryPageTitle(string $subdirectoryPath): string
         $pageTitle = $this->app->translator->translate(
             'images.title',
             [
-                '{{folder}}' => $subdirectoryPath
+                '{{folder}}' => basename($subdirectoryPath),
             ]
         );
 
diff --git a/src/Action/Modules/Videos/MyVideoAction.php b/src/Action/Modules/Videos/MyVideoAction.php
@@ -186,7 +186,7 @@ private function getVideoCategoryPageTitle(string $subdirectoryPath): string
         $pageTitle = $this->app->translator->translate(
             'video.title',
             [
-                '{{folder}}' => $subdirectoryPath
+                '{{folder}}' => basename($subdirectoryPath),
             ]
         );
 
diff --git a/src/assets/scripts/DTO/AjaxResponseDto.ts b/src/assets/scripts/DTO/AjaxResponseDto.ts
@@ -1,4 +1,5 @@
 import AbstractDto from "./AbstractDto";
+import StringUtils from "../core/utils/StringUtils";
 
 /**
  * @description Main object used to convert standard array response from backend (upon ajax calls)
@@ -72,6 +73,11 @@ export default class AjaxResponseDto extends AbstractDto {
      */
     public dataBag;
 
+    /**
+     * @type string
+     */
+    public pageTitle: string = "";
+
     /**
      * Builds DTO from data array
      * @param array
@@ -92,6 +98,7 @@ export default class AjaxResponseDto extends AbstractDto {
         ajaxResponseDto.invalidFormFields   = ajaxResponseDto.getFromArray(array, 'invalid_form_fields', []);
         ajaxResponseDto.routeUrl            = ajaxResponseDto.getFromArray(array, 'route_url', "");
         ajaxResponseDto.constantValue       = ajaxResponseDto.getFromArray(array, 'constant_value', "");
+        ajaxResponseDto.pageTitle           = ajaxResponseDto.getFromArray(array, 'page_title', "");
         ajaxResponseDto.dataBag             = ajaxResponseDto.getFromArray(array, 'data_bag', {});
 
         return ajaxResponseDto;
@@ -205,4 +212,11 @@ export default class AjaxResponseDto extends AbstractDto {
         return (0 !== Object.keys(this.dataBag).length);
     }
 
+    /**
+     * @returns {string}
+     */
+    public isTitleSet(): boolean
+    {
+        return !StringUtils.isEmptyString(this.pageTitle);
+    }
 }
diff --git a/src/assets/scripts/core/Application.ts b/src/assets/scripts/core/Application.ts
@@ -14,4 +14,15 @@ export default class Application {
         }
     }
 
+    /**
+     * @description will set page title in <HEAD> tag
+     *
+     * @param title
+     */
+    public static setTitle(title: string): void
+    {
+        let $titleTag = $('title');
+        $titleTag.text("PMS - " + title);
+    }
+
 }
diff --git a/src/assets/scripts/core/ajax/AjaxEvents.ts b/src/assets/scripts/core/ajax/AjaxEvents.ts
@@ -13,6 +13,7 @@ import Initializer      from "../../Initializer";
 import AbstractAjax     from "./AbstractAjax";
 import Ajax             from "./Ajax";
 import BootboxWrapper   from "../../libs/bootbox/BootboxWrapper";
+import Application      from "../Application";
 
 /**
  * @default This class contains definitions of events and it's logic attached on GUI elements
@@ -132,6 +133,10 @@ export default class AjaxEvents extends AbstractAjax {
                 }
             });
 
+            if( ajaxResponseDto.isTitleSet() ){
+                Application.setTitle(ajaxResponseDto.pageTitle);
+            }
+
             if( ajaxResponseDto.reloadPage ){
                 if( ajaxResponseDto.isReloadMessageSet() ){
                     _this.bootstrapNotify.showBlueNotification(ajaxResponseDto.reloadMessage);

Original file line number	Diff line number	Diff line change
`@@ -315,7 +315,7 @@ private function getFilesPageTitle(string $subdirectoryPath): string`
`315`	`315`	`$pageTitle = $this->app->translator->translate(`
`316`	`316`	`'files.title',`
`317`	`317`	`[`
`318`		`- '{{folder}}' => $subdirectoryPath`
	`318`	`+ '{{folder}}' => basename($subdirectoryPath),`
`319`	`319`	`]`
`320`	`320`	`);`
`321`	`321`
Original file line number	Diff line number	Diff line change
`@@ -236,7 +236,7 @@ private function getImagesCategoryPageTitle(string $subdirectoryPath): string`
`236`	`236`	`$pageTitle = $this->app->translator->translate(`
`237`	`237`	`'images.title',`
`238`	`238`	`[`
`239`		`- '{{folder}}' => $subdirectoryPath`
	`239`	`+ '{{folder}}' => basename($subdirectoryPath),`
`240`	`240`	`]`
`241`	`241`	`);`
`242`	`242`
Original file line number	Diff line number	Diff line change
`@@ -186,7 +186,7 @@ private function getVideoCategoryPageTitle(string $subdirectoryPath): string`
`186`	`186`	`$pageTitle = $this->app->translator->translate(`
`187`	`187`	`'video.title',`
`188`	`188`	`[`
`189`		`- '{{folder}}' => $subdirectoryPath`
	`189`	`+ '{{folder}}' => basename($subdirectoryPath),`
`190`	`190`	`]`
`191`	`191`	`);`
`192`	`192`
Original file line number	Diff line number	Diff line change
`@@ -14,4 +14,15 @@ export default class Application {`
`14`	`14`	`}`
`15`	`15`	`}`
`16`	`16`
	`17`	`+ /**`
	`18`	`+ * @description will set page title in <HEAD> tag`
	`19`	`+ *`
	`20`	`+ * @param title`
	`21`	`+ */`
	`22`	`+ public static setTitle(title: string): void`
	`23`	`+ {`
	`24`	`+ let $titleTag = $('title');`
	`25`	`+ $titleTag.text("PMS - " + title);`
	`26`	`+ }`
	`27`	`+`
`17`	`28`	`}`