Refactor projects:l*

app/assets/javascripts/dispatcher.js

@@ -483,11 +483,21 @@ import Activities from './activities';
         case 'groups:labels:new':
         case 'groups:labels:edit':
         case 'projects:labels:new':
+          import('./pages/projects/labels/new')
+            .then(callDefault)
+            .catch(fail);
+          break;
         case 'projects:labels:edit':
-          new Labels();
+          import('./pages/projects/labels/new')
+            .then(callDefault)
+            .catch(fail);
           break;
-        case 'groups:labels:index':
         case 'projects:labels:index':
+          import('./pages/projects/labels/index')
+            .then(callDefault)
+            .catch(fail);
+          break;
+        case 'groups:labels:index':
           if ($('.prioritized-labels').length) {
             new LabelManager();
           }

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

+import Labels from '~/labels';
+
+export default function () {
+  new Labels(); // eslint-disable-line no-new
+}

app/assets/javascripts/pages/projects/labels/index/index.js

+/* eslint-disable no-new */
+import LabelManager from '~/label_manager';
+import GroupLabelSubscription from '~/group_label_subscription';
+import ProjectLabelSubscription from '~/project_label_subscription';
+
+export default () => {
+  if ($('.prioritized-labels').length) {
+    new LabelManager();
+  }
+  $('.label-subscription').each((i, el) => {
+    const $el = $(el);
+
+    if ($el.find('.dropdown-group-label').length) {
+      new GroupLabelSubscription($el);
+    } else {
+      new ProjectLabelSubscription($el);
+    }
+  });
+};

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

+import Labels from '~/labels';
+
+export default function () {
+  new Labels(); // eslint-disable-line no-new
+}