Replace default links with bootstrap vue buttons

This commit is contained in:
guerler
2018-12-19 11:25:46 -05:00
parent e237bcfd16
commit 558aca71d6
@@ -8,16 +8,16 @@
</b-alert>
<div v-if="applicationsVisible" class="card-header">
There are currently {{ applicationsLength }}
<a class="icon-btn" @click.prevent="reloadAll()" title="Reload all display applications" data-placement="bottom">
<b-button size="sm" @click.prevent="reloadAll()" title="Reload all display applications" data-placement="bottom">
<span class="fa fa-refresh"/>
</a>
</b-button>
display applications loaded.
</div>
<b-table id="display-applications-grid" v-if="applicationsVisible" striped :fields="applicationsAttributes" :items="applications">
<template slot="reload" slot-scope="data">
<a class="icon-btn" title="Reload display application" data-placement="bottom" @click.prevent="reload(data.item.id, data.index)">
<b-button size="sm" title="Reload display application" data-placement="bottom" @click.prevent="reload(data.item.id, data.index)">
<span class="fa fa-refresh"/>
</a>
</b-button>
</template>
<template slot="links" slot-scope="data">
<li v-for="link in data.item.links">{{ link.name }}</li>