Fix calls to /api/watcher/watches

Seen on page: /app/kibana#/management/elasticsearch/watcher/watches
elastic · Feb 18, 2021 · 76ea7df · 76ea7df
1 parent 085a221
commit 76ea7df
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/watch_list.js b/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/watch_list.js
@@ -60,7 +60,9 @@ app.directive('watchList', function ($injector, i18n) {
         this.pager = pagerFactory.create(this.watches.length, PAGINATION.PAGE_SIZE, 1);
 
         // Reload watches periodically
-        const refreshInterval = $interval(() => this.loadWatches(), REFRESH_INTERVALS.WATCH_LIST);
+        const refreshInterval = $interval(() => this.loadWatches({
+          asSystemRequest: true,
+        }), REFRESH_INTERVALS.WATCH_LIST);
         $scope.$on('$destroy', () => $interval.cancel(refreshInterval));
 
         // react to watch and ui changes
@@ -81,8 +83,8 @@ app.directive('watchList', function ($injector, i18n) {
         return this.selectedWatches.length > 0;
       }
 
-      loadWatches = () => {
-        watchesService.getWatchList()
+      loadWatches = ({ asSystemRequest } = {}) => {
+        watchesService.getWatchList({ asSystemRequest })
           .then(watches => {
             this.watches = watches;
             this.forbidden = false;

diff --git a/x-pack/plugins/watcher/public/services/watches/watches_service.js b/x-pack/plugins/watcher/public/services/watches/watches_service.js
@@ -5,6 +5,7 @@
  */
 
 import chrome from 'ui/chrome';
+import { addSystemApiHeader } from 'ui/system_api';
 import { ROUTES } from '../../../common/constants';
 import { Watch } from 'plugins/watcher/models/watch';
 
@@ -14,8 +15,9 @@ export class WatchesService {
     this.basePath = chrome.addBasePath(ROUTES.API_ROOT);
   }
 
-  getWatchList() {
-    return this.$http.get(`${this.basePath}/watches`)
+  getWatchList({ asSystemRequest } = {}) {
+    const headers = asSystemRequest ? addSystemApiHeader({}) : undefined;
+    return this.$http.get(`${this.basePath}/watches`, { headers })
       .then(response => response.data.watches)
       .then(watches => watches.map(watch => {
         return Watch.fromUpstreamJson(watch);