Mercurial > gemma
diff client/src/components/ui/UITableBody.vue @ 2408:02d30251d594
client: table component for unified style
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 28 Feb 2019 11:25:50 +0100 |
parents | |
children | 27d3e9eda8b6 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/src/components/ui/UITableBody.vue Thu Feb 28 11:25:50 2019 +0100 @@ -0,0 +1,49 @@ +<template> + <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="index" + :class="['border-top row mx-0', { active: active === item }]" + > + <slot :item="item" :index="index"></slot> + </div> + </div> + <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] + } + } +}; +</script>