refactor(edge-compute): enforce es6 good practices (#3961)

* refactor(edge-groups): use es6 imports

* refactor(edge-jobs): es6 imports

* refactor(edge-stacks): use es6 imports

* refactor(edge-compute): use es6 imports in components

* refactor(edge-compute): use named imports

app/edge/views/edge-groups/createEdgeGroupView/createEdgeGroupViewController.js

@@ -1,6 +1,4 @@
-import angular from 'angular';
-
-class CreateEdgeGroupController {
+export class CreateEdgeGroupController {
   /* @ngInject */
   constructor(EdgeGroupService, GroupService, TagService, Notifications, $state, $async) {
     this.EdgeGroupService = EdgeGroupService;
@@ -51,6 +49,3 @@ class CreateEdgeGroupController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('CreateEdgeGroupController', CreateEdgeGroupController);
-export default CreateEdgeGroupController;

app/edge/views/edge-groups/createEdgeGroupView/index.js

@@ -0,0 +1,8 @@
+import angular from 'angular';
+
+import { CreateEdgeGroupController } from './createEdgeGroupViewController';
+
+angular.module('portainer.edge').component('createEdgeGroupView', {
+  templateUrl: './createEdgeGroupView.html',
+  controller: CreateEdgeGroupController,
+});

app/edge/views/edge-groups/edgeGroupsView/edgeGroupsViewController.js

@@ -1,7 +1,6 @@
-import angular from 'angular';
 import _ from 'lodash-es';
 
-class EdgeGroupsController {
+export class EdgeGroupsController {
   /* @ngInject */
   constructor($async, $state, EdgeGroupService, Notifications) {
     this.$async = $async;
@@ -41,5 +40,3 @@ class EdgeGroupsController {
     this.$state.reload();
   }
 }
-
-angular.module('portainer.edge').controller('EdgeGroupsController', EdgeGroupsController);

app/edge/views/edge-groups/edgeGroupsView/index.js

@@ -1,6 +1,8 @@
 import angular from 'angular';
 
+import { EdgeGroupsController } from './edgeGroupsViewController';
+
 angular.module('portainer.edge').component('edgeGroupsView', {
   templateUrl: './edgeGroupsView.html',
-  controller: 'EdgeGroupsController',
+  controller: EdgeGroupsController,
 });

app/edge/views/edge-groups/editEdgeGroupView/editEdgeGroupViewController.js

@@ -1,6 +1,4 @@
-import angular from 'angular';
-
-class EditEdgeGroupController {
+export class EditEdgeGroupController {
   /* @ngInject */
   constructor(EdgeGroupService, GroupService, TagService, Notifications, $state, $async, EndpointService, EndpointHelper) {
     this.EdgeGroupService = EdgeGroupService;
@@ -51,6 +49,3 @@ class EditEdgeGroupController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('EditEdgeGroupController', EditEdgeGroupController);
-export default EditEdgeGroupController;

app/edge/views/edge-groups/editEdgeGroupView/index.js

@@ -0,0 +1,8 @@
+import angular from 'angular';
+
+import { EditEdgeGroupController } from './editEdgeGroupViewController';
+
+angular.module('portainer.edge').component('editEdgeGroupView', {
+  templateUrl: './editEdgeGroupView.html',
+  controller: EditEdgeGroupController,
+});

app/edge/views/edge-jobs/createEdgeJobView/createEdgeJobViewController.js

@@ -1,6 +1,4 @@
-import angular from 'angular';
-
-class CreateEdgeJobController {
+export class CreateEdgeJobViewController {
   constructor($async, $q, $state, EdgeJobService, GroupService, Notifications, TagService) {
     this.state = {
       actionInProgress: false,
@@ -63,6 +61,3 @@ class CreateEdgeJobController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('CreateEdgeJobController', CreateEdgeJobController);
-export default CreateEdgeJobController;

app/edge/views/edge-jobs/createEdgeJobView/index.js

@@ -1,5 +1,5 @@
 import angular from 'angular';
-import CreateEdgeJobViewController from './createEdgeJobViewController';
+import { CreateEdgeJobViewController } from './createEdgeJobViewController';
 
 angular.module('portainer.edge').component('createEdgeJobView', {
   templateUrl: './createEdgeJobView.html',

app/edge/views/edge-jobs/edgeJob/edgeJobController.js

@@ -1,7 +1,6 @@
-import angular from 'angular';
 import _ from 'lodash-es';
 
-class EdgeJobController {
+export class EdgeJobController {
   constructor($async, $q, $state, EdgeJobService, EndpointService, FileSaver, GroupService, HostBrowserService, Notifications, TagService) {
     this.state = {
       actionInProgress: false,
@@ -154,6 +153,3 @@ class EdgeJobController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('EdgeJobController', EdgeJobController);
-export default EdgeJobController;

app/edge/views/edge-jobs/edgeJob/index.js

@@ -1,5 +1,5 @@
 import angular from 'angular';
-import EdgeJobController from './edgeJobController';
+import { EdgeJobController } from './edgeJobController';
 
 angular.module('portainer.edge').component('edgeJobView', {
   templateUrl: './edgeJob.html',

app/edge/views/edge-jobs/edgeJobsView/edgeJobsViewController.js

@@ -1,7 +1,6 @@
-import angular from 'angular';
 import _ from 'lodash-es';
 
-class EdgeJobsController {
+export class EdgeJobsViewController {
   constructor($async, $state, EdgeJobService, ModalService, Notifications) {
     this.$async = $async;
     this.$state = $state;
@@ -51,6 +50,3 @@ class EdgeJobsController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('EdgeJobsController', EdgeJobsController);
-export default EdgeJobsController;

app/edge/views/edge-jobs/edgeJobsView/index.js

@@ -1,5 +1,5 @@
 import angular from 'angular';
-import EdgeJobsViewController from './edgeJobsViewController';
+import { EdgeJobsViewController } from './edgeJobsViewController';
 
 angular.module('portainer.edge').component('edgeJobsView', {
   templateUrl: './edgeJobsView.html',

app/edge/views/edge-stacks/create/createEdgeStackView.js

@@ -1,4 +0,0 @@
-angular.module('portainer.edge').component('createEdgeStackView', {
-  templateUrl: './createEdgeStackView.html',
-  controller: 'CreateEdgeStackViewController',
-});

app/edge/views/edge-stacks/createEdgeStackView/createEdgeStackViewController.js

@@ -1,7 +1,6 @@
-import angular from 'angular';
 import _ from 'lodash-es';
 
-class CreateEdgeStackViewController {
+export class CreateEdgeStackViewController {
   constructor($state, EdgeStackService, EdgeGroupService, EdgeTemplateService, Notifications, FormHelper, $async) {
     Object.assign(this, { $state, EdgeStackService, EdgeGroupService, EdgeTemplateService, Notifications, FormHelper, $async });
 
@@ -151,6 +150,3 @@ class CreateEdgeStackViewController {
     this.formValues.StackFileContent = cm.getValue();
   }
 }
-
-angular.module('portainer.edge').controller('CreateEdgeStackViewController', CreateEdgeStackViewController);
-export default CreateEdgeStackViewController;

app/edge/views/edge-stacks/createEdgeStackView/index.js

@@ -0,0 +1,8 @@
+import angular from 'angular';
+
+import { CreateEdgeStackViewController } from './createEdgeStackViewController';
+
+angular.module('portainer.edge').component('createEdgeStackView', {
+  templateUrl: './createEdgeStackView.html',
+  controller: CreateEdgeStackViewController,
+});

app/edge/views/edge-stacks/edgeStacksView.js

@@ -1,4 +0,0 @@
-angular.module('portainer.edge').component('edgeStacksView', {
-  templateUrl: './edgeStacksView.html',
-  controller: 'EdgeStacksViewController',
-});

app/edge/views/edge-stacks/edgeStacksView/edgeStacksViewController.js

@@ -1,7 +1,6 @@
-import angular from 'angular';
 import _ from 'lodash-es';
 
-class EdgeStacksViewController {
+export class EdgeStacksViewController {
   constructor($state, Notifications, EdgeStackService, $scope, $async) {
     this.$state = $state;
     this.Notifications = Notifications;
@@ -47,6 +46,3 @@ class EdgeStacksViewController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('EdgeStacksViewController', EdgeStacksViewController);
-export default EdgeStacksViewController;

app/edge/views/edge-stacks/edgeStacksView/index.js

@@ -0,0 +1,8 @@
+import angular from 'angular';
+
+import { EdgeStacksViewController } from './edgeStacksViewController';
+
+angular.module('portainer.edge').component('edgeStacksView', {
+  templateUrl: './edgeStacksView.html',
+  controller: EdgeStacksViewController,
+});

app/edge/views/edge-stacks/edit/editEdgeStackView.js

@@ -1,4 +0,0 @@
-angular.module('portainer.edge').component('editEdgeStackView', {
-  templateUrl: './editEdgeStackView.html',
-  controller: 'EditEdgeStackViewController',
-});

app/edge/views/edge-stacks/editEdgeStackView/editEdgeStackViewController.js

@@ -1,7 +1,6 @@
-import angular from 'angular';
 import _ from 'lodash-es';
 
-class EditEdgeStackViewController {
+export class EditEdgeStackViewController {
   constructor($async, $state, EdgeGroupService, EdgeStackService, EndpointService, Notifications) {
     this.$async = $async;
     this.$state = $state;
@@ -91,6 +90,3 @@ class EditEdgeStackViewController {
     }
   }
 }
-
-angular.module('portainer.edge').controller('EditEdgeStackViewController', EditEdgeStackViewController);
-export default EditEdgeStackViewController;

app/edge/views/edge-stacks/editEdgeStackView/index.js

@@ -0,0 +1,8 @@
+import angular from 'angular';
+
+import { EditEdgeStackViewController } from './editEdgeStackViewController';
+
+angular.module('portainer.edge').component('editEdgeStackView', {
+  templateUrl: './editEdgeStackView.html',
+  controller: EditEdgeStackViewController,
+});

app/edge/views/groups/create/createEdgeGroupView.js

@@ -1,4 +0,0 @@
-angular.module('portainer.edge').component('createEdgeGroupView', {
-  templateUrl: './createEdgeGroupView.html',
-  controller: 'CreateEdgeGroupController',
-});

app/edge/views/groups/edit/editEdgeGroupView.js

@@ -1,4 +0,0 @@
-angular.module('portainer.edge').component('editEdgeGroupView', {
-  templateUrl: './editEdgeGroupView.html',
-  controller: 'EditEdgeGroupController',
-});