Mercurial > gemma
view client/src/components/importoverview/AdditionalLog.vue @ 2703:c887666b110f
import_overview: increase log fontsize. errors in log are marked red
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 18 Mar 2019 15:49:41 +0100 |
parents | 39a05f8c34e6 |
children | cefef8234d27 |
line wrap: on
line source
<template> <div class="additionallog d-flex flex-column text-left"> <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index"> <small :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() }}</small > <small :class="[ 'time', { 'text-danger': /error/.test(line.kind), 'text-warning': /warn/.test(line.kind), 'font-weight-bold': /warn|error/.test(line.kind) } ]" >{{ line.time }}</small > <small :class="[ 'message', { 'text-danger': /error/.test(line.kind), 'text-warning': /warn/.test(line.kind), 'font-weight-bold': /warn|error/.test(line.kind) } ]" >{{ line.message }}</small > </div> </div> </template> <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> */ export default { name: "additionallogs", props: ["details"], data() { return { logLines: this.details.entries }; } }; </script> <style lang="scss" scoped> .additionallog { width: 600px; max-height: 20vh; overflow-y: auto; } .kind { width: 8%; } .time { width: 24%; } small { font-size: smaller; } </style>