diff options
Diffstat (limited to 'app/assets/javascripts/ci/runner/admin_runners/index.js')
-rw-r--r-- | app/assets/javascripts/ci/runner/admin_runners/index.js | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/app/assets/javascripts/ci/runner/admin_runners/index.js b/app/assets/javascripts/ci/runner/admin_runners/index.js new file mode 100644 index 00000000000..c6db7148eb1 --- /dev/null +++ b/app/assets/javascripts/ci/runner/admin_runners/index.js @@ -0,0 +1,66 @@ +import { GlToast } from '@gitlab/ui'; +import Vue from 'vue'; +import VueApollo from 'vue-apollo'; +import { visitUrl } from '~/lib/utils/url_utility'; +import { updateOutdatedUrl } from '~/ci/runner/runner_search_utils'; +import createDefaultClient from '~/lib/graphql'; +import { createLocalState } from '../graphql/list/local_state'; +import { showAlertFromLocalStorage } from '../local_storage_alert/show_alert_from_local_storage'; +import AdminRunnersApp from './admin_runners_app.vue'; + +Vue.use(GlToast); +Vue.use(VueApollo); + +export const initAdminRunners = (selector = '#js-admin-runners') => { + showAlertFromLocalStorage(); + + const el = document.querySelector(selector); + + if (!el) { + return null; + } + + // Redirect outdated URLs + const updatedUrlQuery = updateOutdatedUrl(); + if (updatedUrlQuery) { + visitUrl(updatedUrlQuery); + + // Prevent mounting the rest of the app, redirecting now. + return null; + } + + const { + runnerInstallHelpPage, + registrationToken, + onlineContactTimeoutSecs, + staleTimeoutSecs, + emptyStateSvgPath, + emptyStateFilteredSvgPath, + } = el.dataset; + + const { cacheConfig, typeDefs, localMutations } = createLocalState(); + + const apolloProvider = new VueApollo({ + defaultClient: createDefaultClient({}, { cacheConfig, typeDefs }), + }); + + return new Vue({ + el, + apolloProvider, + provide: { + runnerInstallHelpPage, + localMutations, + onlineContactTimeoutSecs, + staleTimeoutSecs, + emptyStateSvgPath, + emptyStateFilteredSvgPath, + }, + render(h) { + return h(AdminRunnersApp, { + props: { + registrationToken, + }, + }); + }, + }); +}; |