Commit 0648cbec authored by Dannon Baker's avatar Dannon Baker
Browse files

Wait for datatype response before setting up tabs -- we need this to know if... 

Wait for datatype response before setting up tabs -- we need this to know if we are preview/viz/raw/etc.
parent 75212d09

client/src/components/Dataset/DatasetView.vue

+9 −1
Original line number Diff line number Diff line
@@ -47,12 +47,20 @@ const preferredVisualization = computed( 
    () => dataset.value && datatypeStore.getPreferredVisualization(dataset.value.file_ext)

);



// Track datatype loading state

const isDatatypeLoading = ref(false);

const datatypeDetailsLoaded = ref(false);



// Watch for changes to the dataset to fetch datatype info

watch(

    () => dataset.value?.file_ext,

    async () => {

        if (dataset.value && dataset.value.file_ext) {

            isDatatypeLoading.value = true;

            datatypeDetailsLoaded.value = false;

            await datatypeStore.fetchDatatypeDetails(dataset.value.file_ext);

            isDatatypeLoading.value = false;

            datatypeDetailsLoaded.value = true;

        }

    },

    { immediate: true }
@@ -60,7 +68,7 @@ watch( 
</script>



<template>

    <LoadingSpan v-if="isLoading || !dataset" message="Loading dataset details" />

    <LoadingSpan v-if="isLoading || !dataset || isDatatypeLoading" message="Loading dataset details" />

    <div v-else class="dataset-view d-flex flex-column h-100">

        <header :key="`dataset-header-${dataset.id}`" class="dataset-header flex-shrink-0">

            <div class="d-flex">