b4e0afdb2c
* Starting work for auth * Adds flags * Does redirect * Refactors code * Adds vue templates * Completes logic * Cleans up some of the error messages * Refactors * Updates readme * Updates titles * Adds logout * Cleans up imports
48 lines
936 B
Vue
48 lines
936 B
Vue
<template>
|
|
<div>
|
|
<search></search>
|
|
<log-container :id="id" show-title :scrollable="activeContainers.length > 0"> </log-container>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from "vuex";
|
|
import Search from "../components/Search";
|
|
import LogContainer from "../components/LogContainer";
|
|
|
|
export default {
|
|
props: ["id"],
|
|
name: "Container",
|
|
components: {
|
|
LogContainer,
|
|
Search,
|
|
},
|
|
data() {
|
|
return {
|
|
title: "loading",
|
|
};
|
|
},
|
|
metaInfo() {
|
|
return {
|
|
title: this.title,
|
|
};
|
|
},
|
|
mounted() {
|
|
if (this.allContainersById[this.id]) {
|
|
this.title = this.allContainersById[this.id].name;
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters(["allContainersById", "activeContainers"]),
|
|
},
|
|
watch: {
|
|
id() {
|
|
this.title = this.allContainersById[this.id].name;
|
|
},
|
|
allContainersById() {
|
|
this.title = this.allContainersById[this.id].name;
|
|
},
|
|
},
|
|
};
|
|
</script>
|