Bug 32030: ERM - Correctly style "Edit" and "Delete"

And add a whitespace between them.

Signed-off-by: Jonathan Field <jonathan.field@ptfs-europe.com>

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Jonathan Druart 2022-03-23 12:30:32 +01:00 committed by Tomas Cohen Arazi
parent b0c6ca0e2b
commit 539866d192
Signed by: tomascohen
GPG key ID: 0A272EA1B2F3C15F
3 changed files with 9 additions and 4 deletions

View file

@ -1,5 +1,7 @@
<template>
<button variant="default" size="sm">Delete</button>
<a class="btn btn-default btn-xs" role="button"
><i class="fa fa-trash" aria-hidden="true" /> Delete</a
>
</template>
<script>

View file

@ -1,5 +1,7 @@
<template>
<button variant="default" size="sm">Edit</button>
<a class="btn btn-default btn-xs" role="button"
><i class="fa fa-pencil" aria-hidden="true" /> Edit</a
>
</template>
<script>

View file

@ -132,12 +132,13 @@ export default {
"data": function (row, type, val, meta) {
return '<div class="actions" data-agreement_id="' + row.agreement_id + '"></div>'
},
"className": "actions noExport",
"searchable": false,
"orderable": false
}
],
drawCallback: function (settings) {
$.each($(this).find(".actions"), function (index, e) {
$.each($(this).find("td .actions"), function (index, e) {
let agreement_id = $(e).data('agreement_id')
let editButton = createVNode(AgreementsButtonEdit, {
onClick: () => {
@ -149,7 +150,7 @@ export default {
delete_agreement(agreement_id)
}
})
let n = createVNode('span', {}, [editButton, deleteButton])
let n = createVNode('span', {}, [editButton, " ", deleteButton])
render(n, e)
})
},