diff --git a/client/src/components/Markdown/Markdown.vue b/client/src/components/Markdown/Markdown.vue index 065d601b4a3a..af2423ca94e7 100644 --- a/client/src/components/Markdown/Markdown.vue +++ b/client/src/components/Markdown/Markdown.vue @@ -27,6 +27,9 @@

Title: {{ markdownConfig.title || markdownConfig.model_class }}

+

+ Workflow Checkpoint: {{ workflowVersions.version }} +

@@ -67,9 +70,12 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; import BootstrapVue from "bootstrap-vue"; import MarkdownIt from "markdown-it"; import markdownItRegexp from "markdown-it-regexp"; +import { mapActions } from "pinia"; import store from "store"; import Vue from "vue"; +import { useWorkflowStore } from "@/stores/workflowStore"; + import MarkdownContainer from "./MarkdownContainer.vue"; import LoadingSpan from "components/LoadingSpan.vue"; import StsDownloadButton from "components/StsDownloadButton.vue"; @@ -131,6 +137,7 @@ export default { jobs: {}, invocations: {}, loading: true, + workflowID: "", }; }, computed: { @@ -158,6 +165,9 @@ export default { } return "unavailable"; }, + workflowVersions() { + return this.getStoredWorkflowByInstanceId(this.workflowID); + }, version() { return this.markdownConfig.generate_version || "Unknown Galaxy Version"; }, @@ -169,8 +179,10 @@ export default { }, created() { this.initConfig(); + this.fetchWorkflowForInstanceId(this.workflowID); }, methods: { + ...mapActions(useWorkflowStore, ["getStoredWorkflowByInstanceId", "fetchWorkflowForInstanceId"]), initConfig() { if (Object.keys(this.markdownConfig).length) { const config = this.markdownConfig; @@ -184,6 +196,7 @@ export default { this.jobs = config.jobs || {}; this.invocations = config.invocations || {}; this.loading = false; + this.workflowID = Object.keys(this.markdownConfig.workflows)[0]; } }, splitMarkdown(markdown) {