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) {