1 files changed, 55 insertions, 0 deletions
diff --git a/app/assets/javascripts/service_desk/index.js b/app/assets/javascripts/service_desk/index.js
new file mode 100644
index 00000000000..a9172f96540
--- /dev/null
+++ b/app/assets/javascripts/service_desk/index.js
@@ -0,0 +1,55 @@
+import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import { gqlClient } from './graphql';
+import ServiceDeskListApp from './components/service_desk_list_app.vue';
+
+export async function mountServiceDeskListApp() {
+  const el = document.querySelector('.js-service-desk-list');
+
+  if (!el) {
+    return null;
+  }
+
+  const {
+    projectDataEmptyStateSvgPath,
+    projectDataFullPath,
+    projectDataIsProject,
+    projectDataIsSignedIn,
+    projectDataHasAnyIssues,
+    serviceDeskEmailAddress,
+    canAdminIssues,
+    canEditProjectSettings,
+    serviceDeskCalloutSvgPath,
+    serviceDeskSettingsPath,
+    serviceDeskHelpPath,
+    isServiceDeskSupported,
+    isServiceDeskEnabled,
+  } = el.dataset;
+
+  Vue.use(VueApollo);
+
+  return new Vue({
+    el,
+    name: 'ServiceDeskListRoot',
+    apolloProvider: new VueApollo({
+      defaultClient: await gqlClient(),
+    }),
+    provide: {
+      emptyStateSvgPath: projectDataEmptyStateSvgPath,
+      fullPath: projectDataFullPath,
+      isProject: parseBoolean(projectDataIsProject),
+      isSignedIn: parseBoolean(projectDataIsSignedIn),
+      serviceDeskEmailAddress,
+      canAdminIssues: parseBoolean(canAdminIssues),
+      canEditProjectSettings: parseBoolean(canEditProjectSettings),
+      serviceDeskCalloutSvgPath,
+      serviceDeskSettingsPath,
+      serviceDeskHelpPath,
+      isServiceDeskSupported: parseBoolean(isServiceDeskSupported),
+      isServiceDeskEnabled: parseBoolean(isServiceDeskEnabled),
+      hasAnyIssues: parseBoolean(projectDataHasAnyIssues),
+    },
+    render: (createComponent) => createComponent(ServiceDeskListApp),
+  });
+}