SpeciesFileGroup/taxonworks

View on GitHub
app/javascript/vue/tasks/loans/filter/components/Facet/FacetLoanItemStatus.vue

Summary

Maintainability
Test Coverage
<template>
  <FacetContainer>
    <h3>Status</h3>
    <select v-model="params.loan_item_disposition">
      <option :value="undefined">All</option>
      <option
        v-for="status in STATUS_LIST"
        :key="status"
        :value="status"
      >
        {{ status }}
      </option>
    </select>
  </FacetContainer>
</template>

<script setup>
import { computed } from 'vue'
import FacetContainer from '@/components/Filter/Facets/FacetContainer.vue'
import STATUS_LIST from '@/tasks/loans/new/const/status.js'

const props = defineProps({
  modelValue: {
    type: Object,
    required: true
  }
})

const emit = defineEmits(['update:modelValue'])

const params = computed({
  get: () => props.modelValue,
  set: (value) => emit('update:modelValue', value)
})
</script>