mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-23 22:18:26 +01:00
31 lines
880 B
Vue
31 lines
880 B
Vue
<template>
|
|
<EventSource ref="source" #default="{ messages }" :stream-source="streamSource" :entity="entity">
|
|
<LogViewer :messages="messages" :visible-keys="visibleKeys" :show-container-name="showContainerName" />
|
|
</EventSource>
|
|
</template>
|
|
|
|
<script lang="ts" setup generic="T">
|
|
import LogEventSource from "@/components/ContainerViewer/LogEventSource.vue";
|
|
import { LogStreamSource } from "@/composable/eventStreams";
|
|
|
|
const { streamSource, visibleKeys, showContainerName, entity } = defineProps<{
|
|
streamSource: (t: Ref<T>) => LogStreamSource;
|
|
visibleKeys: string[][];
|
|
showContainerName: boolean;
|
|
entity: T;
|
|
}>();
|
|
|
|
const source = $ref<InstanceType<typeof LogEventSource>>();
|
|
|
|
defineExpose({
|
|
clear: () => source?.clear(),
|
|
});
|
|
|
|
onKeyStroke("k", (e) => {
|
|
if ((e.ctrlKey || e.metaKey) && e.shiftKey) {
|
|
source?.clear();
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
</script>
|