SpeciesFileGroup/taxonworks

View on GitHub
app/javascript/vue/tasks/observations/filter/components/FilterView.vue

Summary

Maintainability
Test Coverage
<template>
  <FacetDescriptor v-model="params" />
  <FacetObservationMatrix v-model="params" />
  <FacetObservationType v-model="params" />
  <FacetObservationObjectType v-model="params" />
  <FacetOtu
    v-model="params"
    :target="OBSERVATION"
  />
  <FacetTaxonName
    v-model="params"
    coverage
  />
  <FacetCollectionObject v-model="params" />
  <FacetTags
    v-model="params"
    target="Source"
  />
  <FacetUsers v-model="params" />
  <FacetNotes v-model="params" />
  <FacetWith
    v-for="param in WITH_PARAMS"
    :key="param"
    :title="param"
    :param="param"
    v-model="params"
  />
  <FacetDiffModel v-model="params" />
</template>

<script setup>
import { computed } from 'vue'
import { OBSERVATION } from '@/constants/index.js'
import FacetTags from '@/components/Filter/Facets/shared/FacetTags.vue'
import FacetWith from '@/components/Filter/Facets/shared/FacetWith.vue'
import FacetUsers from '@/components/Filter/Facets/shared/FacetHousekeeping/FacetHousekeeping.vue'
import FacetObservationMatrix from '@/components/Filter/Facets/shared/FacetObservationMatrix'
import FacetNotes from '@/components/Filter/Facets/shared/FacetNotes.vue'
import FacetDescriptor from '@/components/Filter/Facets/shared/FacetDescriptor.vue'
import FacetCollectionObject from '@/components/Filter/Facets/CollectionObject/FacetCollectionObject.vue'
import FacetTaxonName from '@/components/Filter/Facets/TaxonName/FacetTaxonName.vue'
import FacetOtu from '@/components/Filter/Facets/Otu/FacetOtu.vue'
import FacetObservationType from '@/components/Filter/Facets/Observation/FacetObservationType.vue'
import FacetObservationObjectType from '@/components/Filter/Facets/Observation/FacetObservationObjectType.vue'
import FacetDiffModel from '@/components/Filter/Facets/shared/FacetDiffMode.vue'

const WITH_PARAMS = [
  'citations',
  'data_attributes',
  'data_depictions',
  'depictions',
  'identifiers',
  'notes',
  'protocols',
  'tags'
]

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>