feat(webpack): import angular in all files

app/__module.js

@@ -1,5 +1,5 @@
 import '../assets/css/app.css';
-
+import angular from 'angular';
 
 import './agent/_module';
 import './azure/_module';

app/agent/_module.js

@@ -1 +1,3 @@
+import angular from 'angular';
+
 angular.module('portainer.agent', []);

app/agent/components/file-uploader/file-uploader-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').controller('FileUploaderController', [
   '$q',
   function FileUploaderController($q) {

app/agent/components/file-uploader/file-uploader.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+ 
 angular.module('portainer.agent').component('fileUploader', {
   templateUrl: './file-uploader.html',
   controller: 'FileUploaderController',

app/agent/components/files-datatable/files-datatable-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular
   .module('portainer.agent')
   .controller('FilesDatatableController', [

app/agent/components/files-datatable/files-datatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').component('filesDatatable', {
   templateUrl: './files-datatable.html',
   controller: 'GenericDatatableController',

app/agent/components/host-browser/host-browser.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').component('hostBrowser', {
   controller: 'HostBrowserController',
   templateUrl: './host-browser.html',

app/agent/components/node-selector/node-selector.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').component('nodeSelector', {
   templateUrl: './nodeSelector.html',
   controller: 'NodeSelectorController',

app/agent/components/node-selector/nodeSelectorController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent')
 .controller('NodeSelectorController', ['AgentService', 'Notifications', function (AgentService, Notifications) {
   var ctrl = this;

app/agent/components/volume-browser/volume-browser.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').component('volumeBrowser', {
   templateUrl: './volumeBrowser.html',
   controller: 'VolumeBrowserController',

app/agent/rest/agent.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent')
 .factory('Agent', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider', 'StateManager',
   function AgentFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider, StateManager) {

app/agent/rest/host.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').factory('Host', [
   '$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider', 'StateManager',
   function AgentFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider, StateManager) {

app/agent/rest/ping.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').factory('AgentPing', [
   '$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider', '$q',
   function AgentPingFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider, $q) {

app/agent/rest/v1/agent.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent')
 .factory('AgentVersion1', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider', function AgentFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider) {
   'use strict';

app/agent/services/hostBrowserService.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').factory('HostBrowserService', [
   'Browse', 'Upload', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider', '$q', 'StateManager',
   function HostBrowserServiceFactory(Browse, Upload, API_ENDPOINT_ENDPOINTS, EndpointProvider, $q, StateManager) {

app/agent/services/pingService.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').service('AgentPingService', [
   'AgentPing',
   function AgentPingService(AgentPing) {

app/agent/services/volumeBrowserService.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.agent').factory('VolumeBrowserService', [
   'StateManager', 'Browse', 'BrowseVersion1', '$q', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider', 'Upload',
   function VolumeBrowserServiceFactory(StateManager, Browse, BrowseVersion1, $q, API_ENDPOINT_ENDPOINTS, EndpointProvider, Upload) {

app/app.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer')
 .run(['$rootScope', '$state', 'Authentication', 'authManager', 'StateManager', 'EndpointProvider', 'Notifications', 'Analytics', 'cfpLoadingBar', '$transitions', 'HttpRequestHelper',
 function ($rootScope, $state, Authentication, authManager, StateManager, EndpointProvider, Notifications, Analytics, cfpLoadingBar, $transitions, HttpRequestHelper) {

app/azure/_module.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure', ['portainer.app'])
 .config(['$stateRegistryProvider', function ($stateRegistryProvider) {
   'use strict';

app/azure/components/azure-endpoint-config/azure-endpoint-config.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure').component('azureEndpointConfig', {
   bindings: {
     applicationId: '=',

app/azure/components/azure-sidebar-content/azure-sidebar-content.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure').component('azureSidebarContent', {
   templateUrl: './azureSidebarContent.html'
 });

app/azure/components/datatables/containergroups-datatable/containerGroupsDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure').component('containergroupsDatatable', {
   templateUrl: './containerGroupsDatatable.html',
   controller: 'GenericDatatableController',

app/azure/rest/azure.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('Azure', ['$http', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider',
 function AzureFactory($http, API_ENDPOINT_ENDPOINTS, EndpointProvider) {

app/azure/rest/container_group.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('ContainerGroup', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider',
 function ContainerGroupFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider) {

app/azure/rest/location.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('Location', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider',
 function LocationFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider) {

app/azure/rest/provider.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('Provider', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider',
 function ProviderFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider) {

app/azure/rest/resource_group.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('ResourceGroup', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider',
 function ResourceGroupFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider) {

app/azure/rest/subscription.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('Subscription', ['$resource', 'API_ENDPOINT_ENDPOINTS', 'EndpointProvider',
 function SubscriptionFactory($resource, API_ENDPOINT_ENDPOINTS, EndpointProvider) {

app/azure/services/azureService.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .factory('AzureService', ['$q', 'Azure', 'SubscriptionService', 'ResourceGroupService', 'ContainerGroupService', 'ProviderService',
 function AzureServiceFactory($q, Azure, SubscriptionService, ResourceGroupService, ContainerGroupService, ProviderService) {

app/azure/views/containerinstances/containerInstancesController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .controller('AzureContainerInstancesController', ['$scope', '$state', 'AzureService', 'Notifications',
 function ($scope, $state, AzureService, Notifications) {

app/azure/views/dashboard/dashboardController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.azure')
 .controller('AzureDashboardController', ['$scope', 'AzureService', 'Notifications',
 function ($scope, AzureService, Notifications) {

app/constants.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer')
 .constant('API_ENDPOINT_AUTH', 'api/auth')
 .constant('API_ENDPOINT_DOCKERHUB', 'api/dockerhub')

app/docker/components/container-capabilities/container-capabilities.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('containerCapabilities', {
   templateUrl: './containerCapabilities.html',
   bindings: {

app/docker/components/container-restart-policy/container-restart-policy-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular
 .module('portainer.docker')
 .controller('ContainerRestartPolicyController', [function ContainerRestartPolicyController() {

app/docker/components/container-restart-policy/container-restart-policy.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .component('containerRestartPolicy', {
   templateUrl: './container-restart-policy.html',

app/docker/components/dashboard-cluster-agent-info/dashboard-cluster-agent-info.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('dashboardClusterAgentInfo', {
   templateUrl: './dashboardClusterAgentInfo.html',
   controller: 'DashboardClusterAgentInfoController'

app/docker/components/dashboard-cluster-agent-info/dashboardClusterAgentInfoController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .controller('DashboardClusterAgentInfoController', ['AgentService', 'Notifications',
 function (AgentService, Notifications) {

app/docker/components/datatables/configs-datatable/configsDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('configsDatatable', {
   templateUrl: './configsDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/container-networks-datatable/containerNetworksDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('containerNetworksDatatable', {
   templateUrl: './containerNetworksDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/container-processes-datatable/containerProcessesDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('containerProcessesDatatable', {
   templateUrl: './containerProcessesDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/containers-datatable/actions/containersDatatableActions.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('containersDatatableActions', {
   templateUrl: './containersDatatableActions.html',
   controller: 'ContainersDatatableActionsController',

app/docker/components/datatables/containers-datatable/actions/containersDatatableActionsController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .controller('ContainersDatatableActionsController', ['$state', 'ContainerService', 'ModalService', 'Notifications', 'HttpRequestHelper',
 function ($state, ContainerService, ModalService, Notifications, HttpRequestHelper) {

app/docker/components/datatables/containers-datatable/containersDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('containersDatatable', {
   templateUrl: './containersDatatable.html',
   controller: 'ContainersDatatableController',

app/docker/components/datatables/events-datatable/eventsDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('eventsDatatable', {
   templateUrl: './eventsDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/host-jobs-datatable/jobsDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('jobsDatatable', {
   templateUrl: './jobsDatatable.html',
   controller: 'JobsDatatableController',

app/docker/components/datatables/images-datatable/imagesDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('imagesDatatable', {
   templateUrl: './imagesDatatable.html',
   controller: 'ImagesDatatableController',

app/docker/components/datatables/images-datatable/imagesDatatableController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .controller('ImagesDatatableController', ['PaginationService', 'DatatableService',
 function (PaginationService, DatatableService) {

app/docker/components/datatables/macvlan-nodes-datatable/macvlanNodesDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('macvlanNodesDatatable', {
   templateUrl: './macvlanNodesDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/networks-datatable/networksDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('networksDatatable', {
   templateUrl: './networksDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/node-tasks-datatable/nodeTasksDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('nodeTasksDatatable', {
   templateUrl: './nodeTasksDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/nodes-datatable/nodesDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('nodesDatatable', {
   templateUrl: './nodesDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/secrets-datatable/secretsDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('secretsDatatable', {
   templateUrl: './secretsDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('serviceTasksDatatable', {
   templateUrl: './serviceTasksDatatable.html',
   controller: 'ServiceTasksDatatableController',

app/docker/components/datatables/services-datatable/actions/servicesDatatableActions.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('servicesDatatableActions', {
   templateUrl: './servicesDatatableActions.html',
   controller: 'ServicesDatatableActionsController',

app/docker/components/datatables/services-datatable/actions/servicesDatatableActionsController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .controller('ServicesDatatableActionsController', ['$q', '$state', 'ServiceService', 'ServiceHelper', 'Notifications', 'ModalService', 'ImageHelper','WebhookService','EndpointProvider',
 function ($q, $state, ServiceService, ServiceHelper, Notifications, ModalService, ImageHelper, WebhookService, EndpointProvider) {

app/docker/components/datatables/services-datatable/servicesDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('servicesDatatable', {
   templateUrl: './servicesDatatable.html',
   controller: 'ServicesDatatableController',

app/docker/components/datatables/tasks-datatable/tasksDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('tasksDatatable', {
   templateUrl: './tasksDatatable.html',
   controller: 'GenericDatatableController',

app/docker/components/datatables/volumes-datatable/volumesDatatable.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('volumesDatatable', {
   templateUrl: './volumesDatatable.html',
   controller: 'VolumesDatatableController',

app/docker/components/datatables/volumes-datatable/volumesDatatableController.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .controller('VolumesDatatableController', ['PaginationService', 'DatatableService',
 function (PaginationService, DatatableService) {

app/docker/components/dockerSidebarContent/docker-sidebar-content.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('dockerSidebarContent', {
   templateUrl: './dockerSidebarContent.html',
   bindings: {

app/docker/components/host-overview/host-overview-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular
   .module('portainer.docker')
   .controller('HostOverviewController', [function HostOverviewController() {}]);

app/docker/components/host-overview/host-overview.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('hostOverview', {
   templateUrl: './host-overview.html',
   bindings: {

app/docker/components/host-view-panels/devices-panel/devices-panel.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('devicesPanel', {
   templateUrl:
     'app/docker/components/host-view-panels/devices-panel/devices-panel.html',

app/docker/components/host-view-panels/disks-panel/disks-panel.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('disksPanel', {
   templateUrl:
     'app/docker/components/host-view-panels/disks-panel/disks-panel.html',

app/docker/components/host-view-panels/engine-details-panel/engine-details-panel-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular
   .module('portainer.docker')
   .controller('EngineDetailsPanelController', [

app/docker/components/host-view-panels/engine-details-panel/engine-details-panel.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('engineDetailsPanel', {
   templateUrl:
     'app/docker/components/host-view-panels/engine-details-panel/engine-details-panel.html',

app/docker/components/host-view-panels/host-details-panel/host-details-panel-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker')
 .controller('HostDetailsPanelController', [function HostDetailsPanelController(){
   

app/docker/components/host-view-panels/host-details-panel/host-details-panel.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('hostDetailsPanel', {
   templateUrl: './host-details-panel.html',
   bindings: {

app/docker/components/host-view-panels/node-availability-select/node-availability-select-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular
   .module('portainer.docker')
   .controller('NodeAvailabilitySelectController', [

app/docker/components/host-view-panels/node-availability-select/node-availability-select.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('nodeAvailabilitySelect', {
   templateUrl:
     'app/docker/components/host-view-panels/node-availability-select/node-availability-select.html',

app/docker/components/host-view-panels/node-labels-table/node-labels-table-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').controller('NodeLabelsTableController', [
   function NodeLabelsTableController() {
     var ctrl = this;

app/docker/views/host/host-browser-view/host-browser-view-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').controller('HostBrowserViewController', [
   'SystemService', 'Notifications',
   function HostBrowserViewController(SystemService, Notifications) {

app/docker/views/host/host-browser-view/host-browser-view.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('hostBrowserView', {
   templateUrl: './host-browser-view.html',
   controller: 'HostBrowserViewController'

app/docker/views/host/host-job/host-job-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').controller('HostJobController', [
   'SystemService', 'Notifications',
   function HostJobController(SystemService, Notifications) {

app/docker/views/host/host-job/host-job.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('hostJobView', {
   templateUrl: './host-job.html',
   controller: 'HostJobController'

app/docker/views/nodes/node-job/node-job-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').controller('NodeJobController', [
   '$stateParams', 'NodeService', 'HttpRequestHelper', 'Notifications',
   function NodeJobController($stateParams, NodeService, HttpRequestHelper, Notifications) {

app/docker/views/nodes/node-job/node-job.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.docker').component('nodeJobView', {
   templateUrl: './node-job.html',
   controller: 'NodeJobController'

app/portainer/components/forms/execute-job-form/execute-job-form-controller.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.app')
 .controller('JobFormController', ['$state', 'LocalStorage', 'EndpointService', 'EndpointProvider', 'Notifications',
 function ($state, LocalStorage, EndpointService, EndpointProvider, Notifications) {

app/portainer/components/forms/execute-job-form/execute-job-form.js

@@ -1,3 +1,5 @@
+import angular from 'angular';
+
 angular.module('portainer.app').component('executeJobForm', {
   templateUrl: './execute-job-form.html',
   controller: 'JobFormController',