Merge branch 'ee-dispatcher-milestones' into 'master'

EE port of dispatcher-milestones

See merge request gitlab-org/gitlab-ee!4100

app/assets/javascripts/dispatcher.js

@@ -55,7 +55,6 @@ import ShortcutsIssuable from './shortcuts_issuable';
 import U2FAuthenticate from './u2f/authenticate';
 import Members from './members';
 import memberExpirationDate from './member_expiration_date';
-import DueDateSelectors from './due_date_select';
 import Diff from './diff';
 import ProjectLabelSubscription from './project_label_subscription';
 import SearchAutocomplete from './search_autocomplete';
@@ -208,18 +207,28 @@ import initLDAPGroupsSelect from 'ee/ldap_groups_select'; // eslint-disable-line
             .catch(fail);
           break;
         case 'projects:milestones:new':
+        case 'projects:milestones:create':
+          import('./pages/projects/milestones/new')
+            .then(callDefault)
+            .catch(fail);
+          break;
         case 'projects:milestones:edit':
         case 'projects:milestones:update':
-          new ZenMode();
-          new DueDateSelectors();
-          new GLForm($('.milestone-form'), true);
+          import('./pages/projects/milestones/edit')
+            .then(callDefault)
+            .catch(fail);
           break;
         case 'groups:milestones:new':
+        case 'groups:milestones:create':
+          import('./pages/groups/milestones/new')
+            .then(callDefault)
+            .catch(fail);
+          break;
         case 'groups:milestones:edit':
         case 'groups:milestones:update':
-          new ZenMode();
-          new DueDateSelectors();
-          new GLForm($('.milestone-form'), false);
+          import('./pages/groups/milestones/edit')
+            .then(callDefault)
+            .catch(fail);
           break;
         case 'groups:epics:show':
           new ZenMode();

app/assets/javascripts/pages/groups/milestones/edit/index.js

+import initForm from '../../../../shared/milestones/form';
+
+export default () => initForm(false);

app/assets/javascripts/pages/groups/milestones/new/index.js

+import initForm from '../../../../shared/milestones/form';
+
+export default () => initForm(false);

app/assets/javascripts/pages/projects/milestones/edit/index.js

+import initForm from '../../../../shared/milestones/form';
+
+export default () => initForm();

app/assets/javascripts/pages/projects/milestones/new/index.js

+import initForm from '../../../../shared/milestones/form';
+
+export default () => initForm();

app/assets/javascripts/shared/milestones/form.js

+import ZenMode from '../../zen_mode';
+import DueDateSelectors from '../../due_date_select';
+import GLForm from '../../gl_form';
+
+export default (initGFM = true) => {
+  new ZenMode(); // eslint-disable-line no-new
+  new DueDateSelectors(); // eslint-disable-line no-new
+  new GLForm($('.milestone-form'), initGFM); // eslint-disable-line no-new
+};