mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 21:33:18 +01:00
* Add clear logs functionality Other Changes: - Add actions toolbar for actions pertaining to container logs - Move Download button to actions toolbar, remove text and margin to match clear logs button - Move search box below actions toolbar - Turn off pointer events for scroll progress component so that Download button can be clicked - Adjust spacing of container bar to accomodate the new actions toolbar * Change actions toolbar into a floating menu Other Changes: - Move actions toolbar into its own component - Move clear hotkey from LogEventSource to LogActionsToolbar, where the button is - Move search back to where it was before - Add tooltip component from buefy to annotate action buttons - Add CSS variable for action toolbar background color, changes based on theme
25 lines
535 B
Vue
25 lines
535 B
Vue
<template>
|
|
<log-event-source ref="logEventSource" :id="id" v-slot="eventSource" @loading-more="$emit('loading-more', $event)">
|
|
<log-viewer :messages="eventSource.messages"></log-viewer>
|
|
</log-event-source>
|
|
</template>
|
|
|
|
<script>
|
|
import LogEventSource from "./LogEventSource";
|
|
import LogViewer from "./LogViewer";
|
|
|
|
export default {
|
|
props: ["id"],
|
|
name: "LogViewerWithSource",
|
|
components: {
|
|
LogEventSource,
|
|
LogViewer,
|
|
},
|
|
methods: {
|
|
clear() {
|
|
this.$refs.logEventSource.clear();
|
|
},
|
|
},
|
|
};
|
|
</script>
|