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"
   ]
 };