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/edgeGroupsView/edgeGroupsView.html

@@ -0,0 +1,14 @@
+<rd-header>
+  <rd-header-title title-text="Edge Groups">
+    <a data-toggle="tooltip" title="Refresh" ui-sref="edge.groups" ui-sref-opts="{reload: true}">
+      <i class="fa fa-sync" aria-hidden="true"></i>
+    </a>
+  </rd-header-title>
+  <rd-header-content>Edge Groups</rd-header-content>
+</rd-header>
+
+<div class="row">
+  <div class="col-sm-12">
+    <edge-groups-datatable title-icon="fa-object-group" table-key="EdgeGroups" order-by="Name" dataset="$ctrl.items" remove-action="$ctrl.removeAction"></edge-groups-datatable>
+  </div>
+</div>

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

@@ -0,0 +1,42 @@
+import _ from 'lodash-es';
+
+export class EdgeGroupsController {
+  /* @ngInject */
+  constructor($async, $state, EdgeGroupService, Notifications) {
+    this.$async = $async;
+    this.$state = $state;
+    this.EdgeGroupService = EdgeGroupService;
+    this.Notifications = Notifications;
+
+    this.removeAction = this.removeAction.bind(this);
+    this.removeActionAsync = this.removeActionAsync.bind(this);
+  }
+
+  async $onInit() {
+    try {
+      this.items = await this.EdgeGroupService.groups();
+    } catch (err) {
+      this.items = [];
+      this.Notifications.error('Failure', err, 'Unable to retrieve Edge groups');
+    }
+  }
+
+  removeAction(selectedItems) {
+    return this.$async(this.removeActionAsync, selectedItems);
+  }
+
+  async removeActionAsync(selectedItems) {
+    for (let item of selectedItems) {
+      try {
+        await this.EdgeGroupService.remove(item.Id);
+
+        this.Notifications.success('Edge Group successfully removed', item.Name);
+        _.remove(this.items, item);
+      } catch (err) {
+        this.Notifications.error('Failure', err, 'Unable to remove Edge Group');
+      }
+    }
+
+    this.$state.reload();
+  }
+}

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

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