diff options
Diffstat (limited to 'app/assets/javascripts/import_entities/import_projects/index.js')
-rw-r--r-- | app/assets/javascripts/import_entities/import_projects/index.js | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/app/assets/javascripts/import_entities/import_projects/index.js b/app/assets/javascripts/import_entities/import_projects/index.js new file mode 100644 index 00000000000..7373b628f2b --- /dev/null +++ b/app/assets/javascripts/import_entities/import_projects/index.js @@ -0,0 +1,60 @@ +import Vue from 'vue'; +import Translate from '~/vue_shared/translate'; +import { parseBoolean } from '~/lib/utils/common_utils'; +import ImportProjectsTable from './components/import_projects_table.vue'; +import createStore from './store'; + +Vue.use(Translate); + +export function initStoreFromElement(element) { + const { + ciCdOnly, + canSelectNamespace, + provider, + + reposPath, + jobsPath, + importPath, + namespacesPath, + paginatable, + } = element.dataset; + + return createStore({ + initialState: { + defaultTargetNamespace: gon.current_username, + ciCdOnly: parseBoolean(ciCdOnly), + canSelectNamespace: parseBoolean(canSelectNamespace), + provider, + }, + endpoints: { + reposPath, + jobsPath, + importPath, + namespacesPath, + }, + hasPagination: parseBoolean(paginatable), + }); +} + +export function initPropsFromElement(element) { + return { + providerTitle: element.dataset.providerTitle, + filterable: parseBoolean(element.dataset.filterable), + paginatable: parseBoolean(element.dataset.paginatable), + }; +} + +export default function mountImportProjectsTable(mountElement) { + if (!mountElement) return undefined; + + const store = initStoreFromElement(mountElement); + const props = initPropsFromElement(mountElement); + + return new Vue({ + el: mountElement, + store, + render(createElement) { + return createElement(ImportProjectsTable, { props }); + }, + }); +} |