Mercurial > gemma
view client/src/components/ui/UITableBody.vue @ 2717:5b990f612420
import_review: rename overview to review. More space for logs
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 19 Mar 2019 10:00:34 +0100 |
parents | 4bcb26542767 |
children | 5bc657f60fd3 |
line wrap: on
line source
<template> <transition-group name="fade" tag="div" class="table-body text-left small" :style="'overflow-y: auto; max-height: ' + maxHeight" v-if="data.length" > <div v-for="(item, index) in data" :key="key(index)" :class="[ 'border-top row mx-0 align-items-center', { active: active === item } ]" > <slot :item="item" :index="index"></slot> </div> </transition-group> <div v-else class="small text-center py-3 border-top"> <translate>No results.</translate> </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): * Markus Kottländer <markus.kottlaender@intevation.de> */ export default { props: { data: { type: Array }, maxHeight: { type: String, default: "18rem" }, active: { type: [Object, Array] } }, methods: { key(index) { return index; } } }; </script>