2
0
mirror of https://github.com/frappe/books.git synced 2024-12-26 12:28:12 +00:00
books/ui/components/List/ListItem.vue
sahil28297 e5a4464167 Changes in events, payment modal and date in registers (#92)
* changes in events, payment modal and date in registers

* Remove window.datatable
2018-09-20 18:09:21 +05:30

24 lines
716 B
Vue

<template>
<div :class="classList" @click.self="$emit('clickItem')">
<div class="custom-control custom-checkbox d-flex">
<input type="checkbox" class="custom-control-input" :id="id"
:value="isChecked" @change="$emit('checkItem', isChecked)"
>
<label class="custom-control-label" :for="id"></label>
</div>
<div @click="$emit('clickItem')">
<slot></slot>
</div>
</div>
</template>
<script>
export default {
props: ['id', 'isActive', 'isChecked'],
computed: {
classList() {
return ['list-group-item d-flex align-items-center', this.isActive ? 'bg-light' : ''];
}
}
}
</script>