mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-11-03 14:03:18 -05:00 
			
		
		
		
	
		
			
				
	
	
		
			47 lines
		
	
	
		
			931 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			47 lines
		
	
	
		
			931 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <div class="mb-6">
 | 
						|
    <div
 | 
						|
      class="z-20 text-sm font-semibold leading-5 text-primary-400 float-right"
 | 
						|
    >
 | 
						|
      <SelectNotePopup :type="type" @select="onSelectNote" />
 | 
						|
    </div>
 | 
						|
    <label class="text-gray-800 font-medium mb-4 text-sm">
 | 
						|
      {{ $t('invoices.notes') }}
 | 
						|
    </label>
 | 
						|
    <BaseCustomInput
 | 
						|
      v-model="store[storeProp].notes"
 | 
						|
      :content-loading="store.isFetchingInitialSettings"
 | 
						|
      :fields="fields"
 | 
						|
      class="mt-1"
 | 
						|
    />
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
 | 
						|
<script setup>
 | 
						|
import { ref } from 'vue'
 | 
						|
import SelectNotePopup from '../SelectNotePopup.vue'
 | 
						|
 | 
						|
const props = defineProps({
 | 
						|
  store: {
 | 
						|
    type: Object,
 | 
						|
    default: null,
 | 
						|
  },
 | 
						|
  storeProp: {
 | 
						|
    type: String,
 | 
						|
    default: '',
 | 
						|
  },
 | 
						|
  fields: {
 | 
						|
    type: Object,
 | 
						|
    default: null,
 | 
						|
  },
 | 
						|
  type: {
 | 
						|
    type: String,
 | 
						|
    default: null,
 | 
						|
  },
 | 
						|
})
 | 
						|
 | 
						|
function onSelectNote(data) {
 | 
						|
  props.store[props.storeProp].notes = '' + data.notes
 | 
						|
}
 | 
						|
</script>
 |