Refactor for projects:s

app/assets/javascripts/dispatcher.js

@@ -260,15 +260,29 @@ import Activities from './activities';
             .catch(fail);
           break;
         case 'projects:snippets:show':
-          initNotes();
-          new ZenMode();
+          import('./pages/projects/snippets/show')
+            .then(callDefault)
+            .catch(fail);
           break;
         case 'projects:snippets:new':
+          import('./pages/projects/snippets/new')
+            .then(callDefault)
+            .catch(fail);
+          break;
         case 'projects:snippets:edit':
+          import('./pages/projects/snippets/edit')
+            .then(callDefault)
+            .catch(fail);
+          break;
         case 'projects:snippets:create':
+          import('./pages/projects/snippets/create')
+            .then(callDefault)
+            .catch(fail);
+          break;
         case 'projects:snippets:update':
-          new GLForm($('.snippet-form'), true);
-          new ZenMode();
+          import('./pages/projects/snippets/update')
+            .then(callDefault)
+            .catch(fail);
           break;
         case 'snippets:new':
           import('./pages/snippets/new')

app/assets/javascripts/pages/projects/snippets/create/index.js

+import GLForm from '~/gl_form';
+import ZenMode from '~/zen_mode';
+
+export default function () {
+  new GLForm($('.snippet-form'), true); // eslint-disable-line no-new
+  new ZenMode(); // eslint-disable-line no-new
+}

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

+import GLForm from '~/gl_form';
+import ZenMode from '~/zen_mode';
+
+export default function () {
+  new GLForm($('.snippet-form'), true); // eslint-disable-line no-new
+  new ZenMode(); // eslint-disable-line no-new
+}

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

+import GLForm from '~/gl_form';
+import ZenMode from '~/zen_mode';
+
+export default function () {
+  new GLForm($('.snippet-form'), true); // eslint-disable-line no-new
+  new ZenMode(); // eslint-disable-line no-new
+}

app/assets/javascripts/pages/projects/snippets/show/index.js

+import initNotes from '~/init_notes';
+import ZenMode from '~/zen_mode';
+
+export default function () {
+  initNotes();
+  new ZenMode(); // eslint-disable-line no-new
+}

app/assets/javascripts/pages/projects/snippets/update/index.js

+import GLForm from '~/gl_form';
+import ZenMode from '~/zen_mode';
+
+export default function () {
+  new GLForm($('.snippet-form'), true); // eslint-disable-line no-new
+  new ZenMode(); // eslint-disable-line no-new
+}