bartvdbraak/SlayerWeightCalculator
1
0
Fork 0
mirror of https://github.com/bartvdbraak/SlayerWeightCalculator.git synced 2025-04-26 17:21:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add show/hide table columns option

Browse source
This commit is contained in:
Bart van der Braak 2020-02-11 20:19:08 +01:00
parent 24a5b50922
commit 470fd4ae8f
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/TableSection.vue
View file

@ -4,12 +4,12 @@
<h1 class="h3 text-uppercase font-weight-bolder"><span v-if="currentMaster">{{currentMaster.name}}</span></h1>
</div>
<b-row>
<b-col lg="12" class="my-1">
<b-col lg="10" class="my-1">
<b-form-group
label="Filter"
label-cols-sm="1"
label-align-sm="right"
label-size="sm"
size="sm"
label-for="filterInput"
class="mb-0"
>
@ -27,6 +27,15 @@
</b-form-group>
</b-col>
<b-col lg="2" class="my-1" align="right">
<b-dropdown right text="Show/Hide Columns" size="sm" align="right" >
<b-dropdown-form v-for="field in fields"
:key="field.key">
<b-form-checkbox v-model="field.class" v-bind:value="'d-none'">{{ field.label }}</b-form-checkbox>
</b-dropdown-form>
</b-dropdown>
</b-col>
<b-col lg="12" class="my-1">
<b-form-group
label="Filter On"
@ -132,6 +141,7 @@ export default {
key: 'monster',
label: 'Monster name',
sortable: true,
class: '',
},
{
key: 'combat_req',
@ -151,16 +161,11 @@ export default {
sortable: true,
class: 'd-none',
},
{
key: 'defence_req',
label: 'Defence Requirement',
sortable: true,
class: 'd-none',
},
{
key: 'task_percentage',
label: 'Task chance',
sortable: true,
class: '',
},
],
filtered_items: [],
@ -221,7 +226,7 @@ export default {
onFiltered(filteredItems) {
this.totalRows = filteredItems.length
this.currentPage = 1
}
},
},
created() {
this.reload();