mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 13:23:07 +01:00
412a10256d
* WIP vue3 * WIP vue3 * WIP vue3 * Migrates to vitejs * Fixes js tests and removes not needed modules * Fixes unmount * Updates to use css instead for space * Fixes tests and rebases one more time * Uses orgua * Fixes migrations bugs with oruga and fixes scroll * Fixes v-deep * Fixes icons to prod * Fixes icons to prod * Adds favicon back * Transitions some to composition api * Updates another component to comp api * Cleans defineProps * Updates log messages * Moves more to compose api * Cleans up styles and rewrites event source * Tries to fix DOMPurify * Removes postcss * WIP typescript * Improves importing * Converts all to ts * Converts main to ts * Makes changes for tsconfig * Moves more to ts * Adds typing to store * More typing * Updates to ts * Updates the rest to ts * Fixes computes * Fixes unmount * Adds cypress with custom base fixed * Fixes jest tests * Fixes golang tests * Adds gitignore for cypress * Removes int in favor of e2e with cypress * Tries to fix int tests again * Adds title * Updates e2e tests * Uses vue for isMobile * Removes app spec * Cleans up docker * Adds drop down for settings * Fixes bug with restart * Fixes scroll up bug * Adds tests for light mode
43 lines
913 B
Vue
43 lines
913 B
Vue
<template>
|
|
<div>
|
|
<search></search>
|
|
<log-container :id="id" show-title :scrollable="activeContainers.length > 0"> </log-container>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { mapGetters } from "vuex";
|
|
import Search from "../components/Search.vue";
|
|
import LogContainer from "../components/LogContainer.vue";
|
|
import { setTitle } from "@/composables/title";
|
|
|
|
export default {
|
|
props: ["id"],
|
|
name: "Container",
|
|
components: {
|
|
LogContainer,
|
|
Search,
|
|
},
|
|
created() {
|
|
setTitle("loading");
|
|
},
|
|
|
|
mounted() {
|
|
if (this.allContainersById[this.id]) {
|
|
setTitle(this.allContainersById[this.id].name);
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters(["allContainersById", "activeContainers"]),
|
|
},
|
|
watch: {
|
|
id() {
|
|
setTitle(this.allContainersById[this.id].name);
|
|
},
|
|
allContainersById() {
|
|
setTitle(this.allContainersById[this.id].name);
|
|
},
|
|
},
|
|
};
|
|
</script>
|