diff --git a/client/src/bundleEntries.js b/client/src/bundleEntries.js index 4112718a9d6..fd41c060c12 100644 --- a/client/src/bundleEntries.js +++ b/client/src/bundleEntries.js @@ -43,12 +43,7 @@ export function chart(options) { return new Client(options); } -export { initMasthead } from "components/Masthead/initMasthead"; -export { mountHistory } from "components/History/mount"; export { mountMakoTags } from "components/Tags"; -export { mountWorkflowEditor } from "components/Workflow/Editor/mount"; -export { mountPageEditor } from "components/PageEditor/mount"; -export { mountPageDisplay } from "components/PageDisplay"; // Used in common.mako export { default as store } from "storemodern"; diff --git a/client/src/components/Dataset/mount.js b/client/src/components/Dataset/mount.js deleted file mode 100644 index a577a4374e4..00000000000 --- a/client/src/components/Dataset/mount.js +++ /dev/null @@ -1,32 +0,0 @@ -/** - * Endpoint for mounting dataset components from non-Vue environment. - */ -import $ from "jquery"; -import DatasetLink from "./DatasetLink/DatasetLink"; -import { mountVueComponent } from "utils/mountVueComponent"; -import DatasetIndex from "./DatasetIndex/DatasetIndex"; -import DatasetAsImage from "./DatasetAsImage/DatasetAsImage"; - -export const mountDatasetAsImage = () => { - return mountDatasetComponent(".dataset-as-image", ["history_dataset_id", "path"], DatasetAsImage); -}; -export const mountDatasetIndex = () => { - return mountDatasetComponent(".dataset-index", ["history_dataset_id", "path"], DatasetIndex); -}; -export const mountDatasetLink = () => { - return mountDatasetComponent(".dataset-link", ["history_dataset_id", "path", "label"], DatasetLink); -}; - -export const mountDatasetComponents = () => { - const all = [mountDatasetAsImage, mountDatasetIndex, mountDatasetLink]; - all.forEach((func) => func()); -}; - -const mountDatasetComponent = (selector, props, component, propsData = {}) => { - $(selector).each((index, el) => { - props.forEach((prop) => { - propsData[prop] = $(el).attr(prop); - }); - mountVueComponent(component)(propsData, el); - }); -}; diff --git a/client/src/components/History/mount.js b/client/src/components/History/mount.js deleted file mode 100644 index 7faf83e76f3..00000000000 --- a/client/src/components/History/mount.js +++ /dev/null @@ -1,24 +0,0 @@ -/** - * Endpoint for mounting History in non-Vue environment. - */ -import Vue from "vue"; -import VueRouter from "vue-router"; -import HistoryView from "./HistoryView"; -import store from "store"; -import { safePath } from "utils/redirect"; - -Vue.use(VueRouter); - -export const mountHistory = (el, propsData) => { - const component = Vue.extend(HistoryView); - const router = new VueRouter(); - router.push = (url) => { - window.location.href = safePath(url); - }; - return new component({ - el: el, - propsData: propsData, - router: router, - store: store, - }); -}; diff --git a/client/src/components/Masthead/initMasthead.js b/client/src/components/Masthead/initMasthead.js deleted file mode 100644 index 6b96f5d82cf..00000000000 --- a/client/src/components/Masthead/initMasthead.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Temporary function used to mount the masthead inside the current application. - * This function is exposed with the rest of the page-globals in bundledEntries. - */ -import { mountMasthead } from "layout/masthead"; -import $ from "jquery"; - -export function initMasthead(config, container) { - console.log("initMasthead"); - const $masthead = $("#masthead"); - if (config.hide_masthead) { - $masthead.remove(); - } else { - if (container) { - mountMasthead(container, config); - } - } -} diff --git a/client/src/components/PageDisplay/index.js b/client/src/components/PageDisplay/index.js deleted file mode 100644 index 1a732b7cdfe..00000000000 --- a/client/src/components/PageDisplay/index.js +++ /dev/null @@ -1,4 +0,0 @@ -export { default as PageDisplay } from "./PageDisplay"; - -// function for mounting page display in non-Vue environments -export { mountPageDisplay } from "./mount"; diff --git a/client/src/components/PageDisplay/mount.js b/client/src/components/PageDisplay/mount.js deleted file mode 100644 index 96bba73373f..00000000000 --- a/client/src/components/PageDisplay/mount.js +++ /dev/null @@ -1,16 +0,0 @@ -/** - * Endpoint for mounting PageDisplay from non-Vue environment (annotated DOMs). - */ -import $ from "jquery"; -import Vue from "vue"; -import store from "store"; -import PageDisplay from "./PageDisplay.vue"; - -export const mountPageDisplay = (propsData = {}) => { - $("#page-display-content").each((index, el) => { - const pageId = $(el).attr("page_id"); - const component = Vue.extend(PageDisplay); - propsData.pageId = pageId; - return new component({ store: store, propsData: propsData }).$mount(el); - }); -}; diff --git a/client/src/components/PageEditor/index.js b/client/src/components/PageEditor/index.js deleted file mode 100644 index 326ba8fc57f..00000000000 --- a/client/src/components/PageEditor/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default as PageEditor } from "./PageEditor.vue"; diff --git a/client/src/components/PageEditor/mount.js b/client/src/components/PageEditor/mount.js deleted file mode 100644 index 4260bb0eb5f..00000000000 --- a/client/src/components/PageEditor/mount.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Endpoint for mounting WorkflowEditor from non-Vue environment (editor.mako). - */ -import Vue from "vue"; -import PageEditor from "./PageEditor"; - -export const mountPageEditor = (propsData) => { - const component = Vue.extend(PageEditor); - return new component({ - propsData: propsData, - el: "#columns", - }); -}; diff --git a/client/src/components/Workflow/Editor/mount.js b/client/src/components/Workflow/Editor/mount.js deleted file mode 100644 index b3ffbb4bef2..00000000000 --- a/client/src/components/Workflow/Editor/mount.js +++ /dev/null @@ -1,15 +0,0 @@ -/** - * Endpoint for mounting WorkflowEditor from non-Vue environment (editor.mako). - */ -import Vue from "vue"; -import Index from "./Index"; -import store from "store"; - -export const mountWorkflowEditor = (propsData) => { - const component = Vue.extend(Index); - return new component({ - store: store, - propsData: propsData, - el: "#columns", - }); -}; diff --git a/client/src/components/Workflow/Invocations.test.js b/client/src/components/Workflow/Invocations.test.js index 8b1271e2bfe..ebe93e2bdf8 100644 --- a/client/src/components/Workflow/Invocations.test.js +++ b/client/src/components/Workflow/Invocations.test.js @@ -1,4 +1,4 @@ -import Invocations from "../Workflow/Invocations"; +import Invocations from "./Invocations"; import { mount } from "@vue/test-utils"; import axios from "axios"; import MockAdapter from "axios-mock-adapter"; diff --git a/client/src/components/Workflow/Invocations.vue b/client/src/components/Workflow/Invocations.vue index 44b517ab491..ab80cadf3da 100644 --- a/client/src/components/Workflow/Invocations.vue +++ b/client/src/components/Workflow/Invocations.vue @@ -83,7 +83,7 @@ import { getAppRoot } from "onload/loadConfig"; import { getGalaxyInstance } from "app"; import { invocationsProvider } from "components/providers/InvocationsProvider"; -import { WorkflowInvocationState } from "components/WorkflowInvocationState"; +import WorkflowInvocationState from "components/WorkflowInvocationState/WorkflowInvocationState"; import WorkflowRunButton from "./WorkflowRunButton.vue"; import UtcDate from "components/UtcDate"; import { mapCacheActions } from "vuex-cache"; diff --git a/client/src/components/Workflow/Run/WorkflowRunSuccess.vue b/client/src/components/Workflow/Run/WorkflowRunSuccess.vue index a127c9ddf04..00e207ab0dc 100644 --- a/client/src/components/Workflow/Run/WorkflowRunSuccess.vue +++ b/client/src/components/Workflow/Run/WorkflowRunSuccess.vue @@ -26,7 +26,7 @@