fix(edge): fix edge views (#4184)

* fix(edge): add ngInject

* feat(edge): init edge job model

app/edge/components/associated-endpoints-datatable/associatedEndpointsDatatableController.js

@@ -1,6 +1,7 @@
 import angular from 'angular';
 
 export class AssociatedEndpointsDatatableController {
+  /* @ngInject */
   constructor($scope, $controller, DatatableService, PaginationService) {
     this.extendGenericController($controller, $scope);
     this.DatatableService = DatatableService;

app/edge/components/edge-job-form/edgeJobFormController.js

@@ -33,8 +33,6 @@ export class EdgeJobFormController {
     // see https://regexr.com/573i2
     this.cronRegex = /(@(annually|yearly|monthly|weekly|daily|hourly|reboot))|(@every (\d+(ns|us|µs|ms|s|m|h))+)|((((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*) ){4,6}((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*))/;
 
-    this.onChangeModel(this.model);
-
     this.action = this.action.bind(this);
     this.editorUpdate = this.editorUpdate.bind(this);
     this.associateEndpoint = this.associateEndpoint.bind(this);
@@ -85,6 +83,10 @@ export class EdgeJobFormController {
   dissociateEndpoint(endpoint) {
     this.model.Endpoints = _.filter(this.model.Endpoints, (id) => id !== endpoint.Id);
   }
+
+  $onInit() {
+    this.onChangeModel(this.model);
+  }
 }
 
 function cronToDatetime(cron, defaultTime = moment()) {

app/edge/components/edge-stack-endpoints-datatable/edgeStackEndpointsDatatableController.js

@@ -1,6 +1,7 @@
 import angular from 'angular';
 
 export class EdgeStackEndpointsDatatableController {
+  /* @ngInject */
   constructor($async, $scope, $controller, DatatableService, PaginationService, Notifications) {
     this.extendGenericController($controller, $scope);
     this.DatatableService = DatatableService;

app/edge/components/edit-edge-stack-form/editEdgeStackFormController.js

@@ -1,4 +1,5 @@
 export class EditEdgeStackFormController {
+  /* @ngInject */
   constructor() {
     this.editorUpdate = this.editorUpdate.bind(this);
   }

app/edge/components/groups-datatable/groupsDatatableController.js

@@ -1,6 +1,7 @@
 import angular from 'angular';
 
 export class EdgeGroupsDatatableController {
+  /* @ngInject */
   constructor($scope, $controller) {
     const allowSelection = this.allowSelection;
     angular.extend(this, $controller('GenericDatatableController', { $scope: $scope }));

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

@@ -1,9 +1,19 @@
 export class CreateEdgeJobViewController {
+  /* @ngInject */
   constructor($async, $q, $state, EdgeJobService, GroupService, Notifications, TagService) {
     this.state = {
       actionInProgress: false,
     };
 
+    this.model = {
+      Name: '',
+      Recurring: false,
+      CronExpression: '',
+      Endpoints: [],
+      FileContent: '',
+      File: null,
+    };
+
     this.$async = $async;
     this.$q = $q;
     this.$state = $state;
@@ -43,15 +53,6 @@ export class CreateEdgeJobViewController {
   }
 
   async $onInit() {
-    this.model = {
-      Name: '',
-      Recurring: false,
-      CronExpression: '',
-      Endpoints: [],
-      FileContent: '',
-      File: null,
-    };
-
     try {
       const [groups, tags] = await Promise.all([this.GroupService.groups(), this.TagService.tags()]);
       this.groups = groups;

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

@@ -1,6 +1,7 @@
 import _ from 'lodash-es';
 
 export class EdgeJobController {
+  /* @ngInject */
   constructor($async, $q, $state, EdgeJobService, EndpointService, FileSaver, GroupService, HostBrowserService, Notifications, TagService) {
     this.state = {
       actionInProgress: false,

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

@@ -1,6 +1,7 @@
 import _ from 'lodash-es';
 
 export class EdgeJobsViewController {
+  /* @ngInject */
   constructor($async, $state, EdgeJobService, ModalService, Notifications) {
     this.$async = $async;
     this.$state = $state;

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

@@ -1,6 +1,7 @@
 import _ from 'lodash-es';
 
 export class CreateEdgeStackViewController {
+  /* @ngInject */
   constructor($state, EdgeStackService, EdgeGroupService, EdgeTemplateService, Notifications, FormHelper, $async) {
     Object.assign(this, { $state, EdgeStackService, EdgeGroupService, EdgeTemplateService, Notifications, FormHelper, $async });
 

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

@@ -1,6 +1,7 @@
 import _ from 'lodash-es';
 
 export class EdgeStacksViewController {
+  /* @ngInject */
   constructor($state, Notifications, EdgeStackService, $scope, $async) {
     this.$state = $state;
     this.Notifications = Notifications;

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

@@ -1,6 +1,7 @@
 import _ from 'lodash-es';
 
 export class EditEdgeStackViewController {
+  /* @ngInject */
   constructor($async, $state, EdgeGroupService, EdgeStackService, EndpointService, Notifications) {
     this.$async = $async;
     this.$state = $state;