vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3832 Refactor #3833 - For DataViewLayoutOptions

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-07 09:47:10 +03:00
parent dbf14c217d
commit 30beabe7b8
4 changed files with 48 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
View file

@ -1,15 +1,22 @@
<template>
<div class="p-dataview-layout-options p-selectbutton p-buttonset" role="group">
<button :aria-label="listViewAriaLabel" :class="buttonListClass" @click="changeLayout('list')" type="button" :aria-pressed="isListButtonPressed">
<i class="pi pi-bars"></i>
<slot name="listicon">
<BarsIcon />
</slot>
</button>
<button :aria-label="gridViewAriaLabel" :class="buttonGridClass" @click="changeLayout('grid')" type="button" :aria-pressed="isGridButtonPressed">
<i class="pi pi-th-large"></i>
<slot name="gridicon">
<ThLargeIcon />
</slot>
</button>
</div>
</template>
<script>
import BarsIcon from 'primevue/icon/bars';
import ThLargeIcon from 'primevue/icon/thlarge';
export default {
name: 'DataViewLayoutOptions',
emits: ['update:modelValue'],
@ -48,6 +55,10 @@ export default {
gridViewAriaLabel() {
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.gridView : undefined;
}
},
components: {
BarsIcon: BarsIcon,
ThLargeIcon: ThLargeIcon
}
};
</script>