PTah
d47131cd9f
Poll remote update_script.log while SSH update runs; skip lifecycle notify when host agent_update_state is running (SAC v0.5.1).
53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
<template>
|
|
<div v-if="openLogs.length" class="host-action-log-stack" aria-live="polite">
|
|
<HostActionLogModal
|
|
v-for="entry in openLogs"
|
|
:key="entry.id"
|
|
:open="true"
|
|
:title="entry.title"
|
|
:loading="entry.loading"
|
|
:ok="entry.ok"
|
|
:message="entry.message"
|
|
:output="entry.output"
|
|
:log-visible="entry.logVisible"
|
|
@close="closeHostRemoteActionLog(entry.id)"
|
|
@toggle-log="toggleHostRemoteActionLog(entry.id)"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from "vue";
|
|
import HostActionLogModal from "./HostActionLogModal.vue";
|
|
import {
|
|
closeHostRemoteActionLog,
|
|
hostRemoteActionLogs,
|
|
toggleHostRemoteActionLog,
|
|
} from "../composables/useHostRemoteAction";
|
|
|
|
const openLogs = computed(() => hostRemoteActionLogs.filter((e) => e.open));
|
|
</script>
|
|
|
|
<style scoped>
|
|
.host-action-log-stack {
|
|
position: fixed;
|
|
right: 1rem;
|
|
bottom: 1rem;
|
|
z-index: 1000;
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
align-items: flex-end;
|
|
gap: 0.65rem;
|
|
width: min(56rem, calc(100vw - 2rem));
|
|
max-height: min(90vh, 48rem);
|
|
overflow-y: auto;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.host-action-log-stack :deep(.host-action-log-panel) {
|
|
pointer-events: auto;
|
|
width: 100%;
|
|
max-height: min(36rem, 45vh);
|
|
}
|
|
</style>
|