Mercurial > gemma
changeset 2631:7a0e468d3832
client: ui: allow additional (custom) actions/buttons in box header
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 13 Mar 2019 17:11:25 +0100 |
parents | 30df2d12d37f |
children | 0b14de0bb85f |
files | client/src/components/ui/UIBoxHeader.vue |
diffstat | 1 files changed, 8 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/ui/UIBoxHeader.vue Wed Mar 13 16:45:42 2019 +0100 +++ b/client/src/components/ui/UIBoxHeader.vue Wed Mar 13 17:11:25 2019 +0100 @@ -10,6 +10,13 @@ {{ $gettext(title) }} </span> <div class="box-controls"> + <span + v-for="(action, index) in actions" + :key="index" + @click="action.callback" + > + <font-awesome-icon :icon="action.icon" /> + </span> <span @click="collapseCallback" v-if="!collapsed && collapseCallback"> <font-awesome-icon :icon="['far', 'window-minimize']" /> </span> @@ -78,6 +85,7 @@ "collapseCallback", "closeCallback", "expandCallback", + "actions", "collapsed" ] };