Update page title when switching between Pending and Completed vi…

…ews (#1084) * Update page title when switching between `Pending` and `Completed` views * Update index.vue Co-authored-by: Taylor Otwell <[email protected]>
laravel · Oct 7, 2021 · 43502f7 · 43502f7
1 parent b348f14
commit 43502f7
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/resources/js/screens/recentJobs/index.vue b/resources/js/screens/recentJobs/index.vue
@@ -28,9 +28,7 @@
          * Prepare the component.
          */
         mounted() {
-            document.title = this.$route.params.type == 'pending'
-                        ? 'Horizon - Pending Jobs'
-                        : 'Horizon - Completed Jobs';
+            this.updatePageTitle();
 
             this.loadJobs();
 
@@ -50,6 +48,8 @@
          */
         watch: {
             '$route'() {
+                this.updatePageTitle();
+                        
                 this.page = 1;
 
                 this.loadJobs();
@@ -129,6 +129,15 @@
                 this.page += 1;
 
                 this.hasNewEntries = false;
+            },
+
+            /**
+             * Update the page title.
+             */
+            updatePageTitle() {
+                document.title = this.$route.params.type == 'pending'
+                        ? 'Horizon - Pending Jobs'
+                        : 'Horizon - Completed Jobs';
             }
         }
     }