Mercurial > gemma
view client/src/components/importoverview/AdditionalLog.vue @ 3325:496cf0474e29
fairway_availability_dialogue: extracted frequencies
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 20 May 2019 12:13:14 +0200 |
parents | 91539caae611 |
children | dbdef91a3ff3 |
line wrap: on
line source
<template> <div :class="[ 'additionallog d-flex flex-column text-left', { split: showAdditional } ]" > <div class="d-flex flex-row px-2 border-top" v-for="(line, index) in details.entries" :key="index" > <span :class="[ 'kind', { 'text-danger': /error/.test(line.kind), 'text-warning': /warn/.test(line.kind), 'font-weight-bold': /warn|error/.test(line.kind) } ]" >{{ line.kind.toUpperCase() }}</span > <span :class="[ 'time', { 'text-danger': /error/.test(line.kind), 'text-warning': /warn/.test(line.kind), 'font-weight-bold': /warn|error/.test(line.kind) } ]" >{{ line.time | dateTime }}</span > <span :class="[ 'message', { 'text-danger': /error/.test(line.kind), 'text-warning': /warn/.test(line.kind), 'font-weight-bold': /warn|error/.test(line.kind) } ]" >{{ line.message }}</span > </div> </div> </template> <style lang="sass" scoped> .additionallog overflow-y: auto &.split max-height: 35vh > div &:not(:first-child) border-top-style: dashed !important &:hover background-color: #fcfcfc .kind width: 9% .time width: 26% .message width: 65% word-wrap: break-word </style> <script> /* This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. * * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt * * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH * * Author(s): * Thomas Junk <thomas.junk@intevation.de> */ import { mapState } from "vuex"; export default { name: "additionallogs", computed: { ...mapState("imports", ["showAdditional", "details"]) } }; </script>