Mercurial > gemma
view client/src/components/importoverview/LogItem.vue @ 4942:c4d84be3a476 fairway-marks-import
add fairwaymarks layer
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 18 Feb 2020 09:10:05 +0100 |
parents | 5e62c467e145 |
children | 84d01a536bec |
line wrap: on
line source
<template> <div> <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> </template> <script> export default { name: "Item", props: ["height", "line", "index"] }; </script> <style lang="sass" scoped> .kind width: 9% .time width: 26% .message width: 65% word-wrap: break-word </style>