Resolve "Create show Workflow Version Page"

Closes #37 (closed)

src/views/workflows/WorkflowVersionView.vue

@@ -13,7 +13,7 @@ const props = defineProps<{
 
 const versionState = reactive({
   loading: true,
-  markdownLoading: true,
+  fileLoading: true,
   version: undefined,
   errorLoading: false,
   descriptionMarkdown: "",
@@ -21,7 +21,7 @@ const versionState = reactive({
   parameterSchema: {},
 } as {
   loading: boolean;
-  markdownLoading: boolean;
+  fileLoading: boolean;
   version: undefined | WorkflowVersionFull;
   descriptionMarkdown: string;
   changelogMarkdown: string;
@@ -40,6 +40,7 @@ watch(
 
 function updateVersion(versionId: string, workflowId: string) {
   versionState.loading = true;
+  versionState.fileLoading = true;
   WorkflowVersionService.workflowVersionGetWorkflowVersion(
     versionId,
     workflowId
@@ -61,15 +62,23 @@ onMounted(() => {
 });
 
 function downloadVersionFiles(version: WorkflowVersionFull) {
-  axios.get(version.readme_url).then((response) => {
+  const descriptionPromise = axios.get(version.readme_url).then((response) => {
     versionState.descriptionMarkdown = response.data;
   });
-  axios.get(version.changelog_url).then((response) => {
+  const changelogPromise = axios.get(version.changelog_url).then((response) => {
     versionState.changelogMarkdown = response.data;
   });
-  axios.get(version.parameter_schema_url).then((response) => {
-    versionState.parameterSchema = response.data;
-  });
+  const parameterPromise = axios
+    .get(version.parameter_schema_url)
+    .then((response) => {
+      versionState.parameterSchema = response.data;
+    });
+  Promise.all([descriptionPromise, changelogPromise, parameterPromise]).finally(
+    () => {
+      versionState.fileLoading = false;
+      console.log("All loaded");
+    }
+  );
 }
 </script>
 
@@ -79,7 +88,7 @@ function downloadVersionFiles(version: WorkflowVersionFull) {
       <router-link
         class="nav-link"
         aria-current="page"
-        :to="{ path: '#', query: { tab: 'description' } }"
+        :to="{ query: { tab: 'description' } }"
         :class="{ active: props.activeTab === 'description' }"
         >Description
       </router-link>
@@ -87,7 +96,7 @@ function downloadVersionFiles(version: WorkflowVersionFull) {
     <li class="nav-item">
       <router-link
         class="nav-link"
-        :to="{ path: '#', query: { tab: 'parameters' } }"
+        :to="{ query: { tab: 'parameters' } }"
         :class="{ active: props.activeTab === 'parameters' }"
         >Parameters
       </router-link>
@@ -95,7 +104,7 @@ function downloadVersionFiles(version: WorkflowVersionFull) {
     <li class="nav-item">
       <router-link
         class="nav-link"
-        :to="{ path: '#', query: { tab: 'changes' } }"
+        :to="{ query: { tab: 'changes' } }"
         :class="{ active: props.activeTab === 'changes' }"
         >Releases
       </router-link>