Mercurial > gemma
view client/src/components/importoverview/LogItem.vue @ 4238:fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Wed, 21 Aug 2019 17:21:14 +0200 |
parents | 7ca3b288ac5e |
children | 5e62c467e145 |
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>