fe2af370e0
* Feat: Show notes panel on CRM page Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
67 lines
1.3 KiB
Vue
67 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<div class="notelist-wrap">
|
|
<h3 class="block-title">
|
|
{{ $t('NOTES.HEADER.TITLE') }}
|
|
</h3>
|
|
<add-note @add="onAddNote" />
|
|
<contact-note
|
|
v-for="note in notes"
|
|
:id="note.id"
|
|
:key="note.id"
|
|
:note="note.content"
|
|
:user-name="note.user.name"
|
|
:time-stamp="note.created_at"
|
|
:thumbnail="note.user.thumbnail"
|
|
@edit="onEditNote"
|
|
@delete="onDeleteNote"
|
|
/>
|
|
<div class="button-wrap">
|
|
<woot-button variant="link" @click="onclick">
|
|
{{ $t('NOTES.FOOTER.BUTTON') }}
|
|
<i class="ion-arrow-right-c" />
|
|
</woot-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ContactNote from './ContactNote';
|
|
import AddNote from './AddNote';
|
|
|
|
export default {
|
|
components: {
|
|
ContactNote,
|
|
AddNote,
|
|
},
|
|
|
|
props: {
|
|
notes: {
|
|
type: Array,
|
|
default: () => [],
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
onclick() {
|
|
this.$emit('show');
|
|
},
|
|
onAddNote(value) {
|
|
this.$emit('add', value);
|
|
},
|
|
onEditNote(value) {
|
|
this.$emit('edit', value);
|
|
},
|
|
onDeleteNote(value) {
|
|
this.$emit('delete', value);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.button-wrap {
|
|
margin-top: var(--space-one);
|
|
}
|
|
</style>
|