feat(app): limit the docker API version supported by the frontend (#11855)

app/docker/services/systemService.js

@@ -1,59 +1,28 @@
+import { ping } from '@/react/docker/proxy/queries/usePing';
+import { getInfo } from '@/react/docker/proxy/queries/useInfo';
+import { getVersion } from '@/react/docker/proxy/queries/useVersion';
+import { getEvents } from '@/react/docker/proxy/queries/useEvents';
 import { EventViewModel } from '../models/event';
-import { ping } from './ping';
 
-angular.module('portainer.docker').factory('SystemService', [
-  '$q',
-  'System',
-  function SystemServiceFactory($q, System) {
-    'use strict';
-    var service = {};
+angular.module('portainer.docker').factory('SystemService', SystemServiceFactory);
 
-    service.plugins = function () {
-      var deferred = $q.defer();
-      System.info({})
-        .$promise.then(function success(data) {
-          var plugins = data.Plugins;
-          deferred.resolve(plugins);
-        })
-        .catch(function error(err) {
-          deferred.reject({ msg: 'Unable to retrieve plugins information from system', err: err });
-        });
-      return deferred.promise;
-    };
+/* @ngInject */
+function SystemServiceFactory(AngularToReact) {
+  const { useAxios, injectEnvironmentId } = AngularToReact;
 
-    service.info = function () {
-      return System.info({}).$promise;
-    };
+  return {
+    info: useAxios(injectEnvironmentId(getInfo)), // dashboard + docker host view + docker host browser + swarm inspect views + stateManager (update endpoint state)
+    ping: useAxios(ping), // docker/__module onEnter abstract /docker subpath
+    version: useAxios(injectEnvironmentId(getVersion)), // docker host view + swarm inspect view + stateManager (update endpoint state)
+    events: useAxios(injectEnvironmentId(eventsAngularJS)), // events list
+  };
 
-    service.ping = function (endpointId) {
-      return ping(endpointId);
-    };
-
-    service.version = function () {
-      return System.version({}).$promise;
-    };
-
-    service.events = function (from, to) {
-      var deferred = $q.defer();
-
-      System.events({ since: from, until: to })
-        .$promise.then(function success(data) {
-          var events = data.map(function (item) {
-            return new EventViewModel(item);
-          });
-          deferred.resolve(events);
-        })
-        .catch(function error(err) {
-          deferred.reject({ msg: 'Unable to retrieve engine events', err: err });
-        });
-
-      return deferred.promise;
-    };
-
-    service.dataUsage = function () {
-      return System.dataUsage().$promise;
-    };
-
-    return service;
-  },
-]);
+  /**
+   * @param {EnvironmentId} environmentId Injected
+   * @param {{since: string; until: string;}} param1
+   */
+  async function eventsAngularJS(environmentId, { since, until }) {
+    const data = await getEvents(environmentId, { since, until });
+    return data.map((e) => new EventViewModel(e));
+  }
+}