refactor(app): introduce webpack and babel (#2407)

* feat(agent): add new host page

* feat(agent): convert volume-browser to files-datatable

* fix(agent): browse folders in file-datatable

* feat(engine-details): replace engine view with host view

* feat(engine-details): remove old panels

* feat(engine-details): add basic engine-details-panel component

* feat(engine-details): pass details to the different components

* feat(engine-details): replace host-view with host-overview

* feat(engine-details): add commaseperated filter

* feat(engine-details): add host-view container component

* feat(engine-details): add host-details component

* feat(engine-details): build host details object

* feat(engine-details): format engine version

* feat(engine-details): get details for one node

* feat(engine-details): pass is-agent from view

* feat(engine-details): replace old node view with a new component

* feat(engine-details): add swarm-node-details component

* feat(engine-details): remove isSwarm binding

* feat(engine-details): remove node-details and include in parent

* feat(engine-details): add labels-table component

* feat(engine-details): add update node service

* feat(engine-details): add update label functionality

* style(engine-details): remove whitespaces

* feat(engine-details): remove old node page

* feat(engine-details): pass is agent to host details

* feat(host-details): hide missing info

* feat(host-details): update node availability

* style(host-details): remove obsolete event object

* feat(host-details): fix labels not sending

* feat(host-details): remove flags for hiding data

* feat(host-details): create mock call to server for agent host info

* style(host-details): fix spelling mistake in filter's name

* feat(host-details): get info from agent

* feat(host-details): hide engine labels when empty

* feat(node-details): move labels table and save button

* feat(host-info): add different urls for refresh

* feat(host-details): show disk/devices info for agent

* feat(host-view): add loading indicator to devices-panel

* feat(host-details): add loading indicator to disks panel

* feat(agent): fix browse volume

* feat(agent): browse files

* feat(agent): enable rename

* feat(agent): download file

* fix(agent): download file from root

* feat(agent): delete file

* style(agent): remove whitespaces

* fix(agent): fix link on node browser

* feat(agent): basic file uploader

* feat(agent): add basic file upload

* fix(volume-browser): move volume id to query params

* feat(node-browser): moved uploader into browser

* feat(node-browser): add upload spinner

* feat(agent): browse files relative to root

* feat(build): add webpack build config

* feat(build): add missing imports

* feat(webpack): add missing imports

* feat(build): enable eslint on build

* feat(build): add webpack notifier

* feat(build): clean terminal on build

* feat(build): import all globals

* feat(build): add angular import

* feat(build): fix styles

* feat(build): load favicons

* feat(build): load css before script

* feat(webpack): split vendors css and js to a different bundle

* feat(webpack): import angular in all files

* feat(webpack): remove eslint global config

* feat(webpack): add webpack clean dist

* feat(webpack): fix styling issues

* refactor(webpack): remove empty controllers

* refactor(webpack): optimize moment

* refactor(webpack): add bundle analyzer

* feat(webpack): add babel

* refactor(webpack): optimize lodash

* refactor(toastr): update toastr

* feat(webpack): create basic production and dev config

* fix(webpack): fix production config

* fix(webpack): fix html templates url

* refactor(webpack): remove angular imports

* refactor(webpack): remove more angular imports

* refactor(webpack): return angular to entry file

* style(webpack): remove comments from config

* fix(hosts): remove browse button

* fix(webpack): import lodash

* fix(webpack): import missing htmls

* feat(webpack): reduce lodash size

* feat(webpack): config grunt to use webpack

* feat(webpack): add postcss

* chore(codeclimate): use eslint-5 channel

* feat(deps): upgrade from lodash to lodash-es

* fix(webpack): fix bug with lodash

* chore(build): add build client script

* fix(webpack): fix missing jsyaml reference

* refactor(webpack): seperate builds of img files

* chore(build): add a way to check times of webpack build

* feat(webpack): add dev server

* fix(webpack): fix css output name

* chore(webpack): optimize images

* chore(webpack): add node env

* fix(build): copy templates on release

* chore(webpack): set env NODE_ENV

* feat(webpack): set NODE_ENV on production builds

* fix(extensions): set image path

* refactor(css): move vendor css to js import

* style(app): remove whitespaces

* fix(build-system): allow DevOps pipeline to leverage webpack (#2670)

* Update devopsbuild task to use webpack & remove AppVeyor environment var

* Added -Force to replace the existing dist folder

* Removed Test-Path

* dep(build-system): add angularjs-annotate to webpack + fix on imports

* Merge branch 'develop' into webpack

* refactor(app): webpack aliases for imports + async / await dep + start refactor

* style(extensions): use develop version of the view

* fix(app): fix several issues introduced by webpack migration

* fix(webpack): fix ng-include not loading templates with webpack

* Fix Windows CI with Webpack (#2782)

* fix(configs): refactor broke configs creation and list views

* fix(build-system): update build_binary_devops for Windows

app/docker/__module.js

@@ -23,8 +23,9 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/configs',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/configs/configs.html',
-        controller: 'ConfigsController'
+        templateUrl: './views/configs/configs.html',
+        controller: 'ConfigsController',
+        controllerAs: 'ctrl'
       }
     }
   };
@@ -34,7 +35,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/configs/edit/config.html',
+        templateUrl: './views/configs/edit/config.html',
         controller: 'ConfigController'
       }
     }
@@ -45,8 +46,9 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/new?id',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/configs/create/createconfig.html',
-        controller: 'CreateConfigController'
+        templateUrl: './views/configs/create/createconfig.html',
+        controller: 'CreateConfigController',
+        controllerAs: 'ctrl'
       }
     }
   };
@@ -56,7 +58,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/containers',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/containers.html',
+        templateUrl: './views/containers/containers.html',
         controller: 'ContainersController'
       }
     }
@@ -67,7 +69,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id?nodeName',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/edit/container.html',
+        templateUrl: './views/containers/edit/container.html',
         controller: 'ContainerController'
       }
     }
@@ -78,7 +80,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/console',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/console/containerconsole.html',
+        templateUrl: './views/containers/console/containerconsole.html',
         controller: 'ContainerConsoleController'
       }
     }
@@ -89,7 +91,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/new?nodeName&from',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/create/createcontainer.html',
+        templateUrl: './views/containers/create/createcontainer.html',
         controller: 'CreateContainerController'
       }
     }
@@ -100,7 +102,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/inspect',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/inspect/containerinspect.html',
+        templateUrl: './views/containers/inspect/containerinspect.html',
         controller: 'ContainerInspectController'
       }
     }
@@ -111,7 +113,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/logs',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/logs/containerlogs.html',
+        templateUrl: './views/containers/logs/containerlogs.html',
         controller: 'ContainerLogsController'
       }
     }
@@ -122,7 +124,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/stats',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/containers/stats/containerstats.html',
+        templateUrl: './views/containers/stats/containerstats.html',
         controller: 'ContainerStatsController'
       }
     }
@@ -133,7 +135,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/dashboard',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/dashboard/dashboard.html',
+        templateUrl: './views/dashboard/dashboard.html',
         controller: 'DashboardController'
       }
     }
@@ -174,7 +176,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/events',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/events/events.html',
+        templateUrl: './views/events/events.html',
         controller: 'EventsController'
       }
     }
@@ -185,7 +187,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/images',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/images/images.html',
+        templateUrl: './views/images/images.html',
         controller: 'ImagesController'
       }
     }
@@ -196,7 +198,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id?nodeName',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/images/edit/image.html',
+        templateUrl: './views/images/edit/image.html',
         controller: 'ImageController'
       }
     }
@@ -207,7 +209,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/build',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/images/build/buildimage.html',
+        templateUrl: './views/images/build/buildimage.html',
         controller: 'BuildImageController'
       }
     }
@@ -218,7 +220,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/import',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/images/import/importimage.html',
+        templateUrl: './views/images/import/importimage.html',
         controller: 'ImportImageController'
       }
     }
@@ -229,7 +231,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/networks',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/networks/networks.html',
+        templateUrl: './views/networks/networks.html',
         controller: 'NetworksController'
       }
     }
@@ -240,7 +242,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id?nodeName',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/networks/edit/network.html',
+        templateUrl: './views/networks/edit/network.html',
         controller: 'NetworkController'
       }
     }
@@ -251,7 +253,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/new',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/networks/create/createnetwork.html',
+        templateUrl: './views/networks/create/createnetwork.html',
         controller: 'CreateNetworkController'
       }
     }
@@ -298,7 +300,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/secrets',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/secrets/secrets.html',
+        templateUrl: './views/secrets/secrets.html',
         controller: 'SecretsController'
       }
     }
@@ -309,7 +311,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/secrets/edit/secret.html',
+        templateUrl: './views/secrets/edit/secret.html',
         controller: 'SecretController'
       }
     }
@@ -320,7 +322,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/new',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/secrets/create/createsecret.html',
+        templateUrl: './views/secrets/create/createsecret.html',
         controller: 'CreateSecretController'
       }
     }
@@ -331,7 +333,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/services',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/services/services.html',
+        templateUrl: './views/services/services.html',
         controller: 'ServicesController'
       }
     }
@@ -342,7 +344,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/services/edit/service.html',
+        templateUrl: './views/services/edit/service.html',
         controller: 'ServiceController'
       }
     }
@@ -353,7 +355,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/new',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/services/create/createservice.html',
+        templateUrl: './views/services/create/createservice.html',
         controller: 'CreateServiceController'
       }
     }
@@ -364,7 +366,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/logs',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/services/logs/servicelogs.html',
+        templateUrl: './views/services/logs/servicelogs.html',
         controller: 'ServiceLogsController'
       }
     }
@@ -375,7 +377,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/swarm',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/swarm/swarm.html',
+        templateUrl: './views/swarm/swarm.html',
         controller: 'SwarmController'
       }
     }
@@ -386,7 +388,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/visualizer',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/swarm/visualizer/swarmvisualizer.html',
+        templateUrl: './views/swarm/visualizer/swarmvisualizer.html',
         controller: 'SwarmVisualizerController'
       }
     }
@@ -403,7 +405,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/tasks/edit/task.html',
+        templateUrl: './views/tasks/edit/task.html',
         controller: 'TaskController'
       }
     }
@@ -414,7 +416,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/logs',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/tasks/logs/tasklogs.html',
+        templateUrl: './views/tasks/logs/tasklogs.html',
         controller: 'TaskLogsController'
       }
     }
@@ -425,7 +427,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/volumes',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/volumes/volumes.html',
+        templateUrl: './views/volumes/volumes.html',
         controller: 'VolumesController'
       }
     }
@@ -436,7 +438,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/:id?nodeName',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/volumes/edit/volume.html',
+        templateUrl: './views/volumes/edit/volume.html',
         controller: 'VolumeController'
       }
     }
@@ -447,7 +449,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/browse',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/volumes/browse/browsevolume.html',
+        templateUrl: './views/volumes/browse/browsevolume.html',
         controller: 'BrowseVolumeController'
       }
     }
@@ -458,7 +460,7 @@ angular.module('portainer.docker', ['portainer.app'])
     url: '/new',
     views: {
       'content@': {
-        templateUrl: 'app/docker/views/volumes/create/createvolume.html',
+        templateUrl: './views/volumes/create/createvolume.html',
         controller: 'CreateVolumeController'
       }
     }