refactored traceDetails toggle implementations

This commit is contained in:
Peter Olu 2022-05-16 01:58:30 +01:00
parent d37551158b
commit 02ca4a35bc

View File

@ -31,10 +31,7 @@ limitations under the License. -->
</el-popover> </el-popover>
<div class="trace flex-h"> <div class="trace flex-h">
<TraceList @show:trace="showTraceDetails" v-if="traceListActive" /> <TraceList @show:trace="showTraceDetails" v-if="traceListActive" />
<TraceDetail <TraceDetail @show:list="showTraceList" v-if="!traceListActive" />
@show:list="traceListActive = true"
v-if="!traceListActive"
/>
</div> </div>
</div> </div>
</template> </template>
@ -64,7 +61,10 @@ function removeWidget() {
dashboardStore.removeControls(props.data); dashboardStore.removeControls(props.data);
} }
function showTraceDetails() { function showTraceDetails() {
traceListActive.value = false; traceStore.currentView === "traceDetails";
}
function showTraceList() {
traceStore.currentView === "traceList";
} }
onMounted(() => { onMounted(() => {