SpeciesFileGroup/taxonworks

View on GitHub
app/javascript/vue/tasks/otu/browse/components/timeline/TimelineCitations.vue

Summary

Maintainability
Test Coverage
<template>
  <h3>Citations ({{ citations.length }})</h3>
  <ul
    v-if="citations.length"
    class="taxonomic_history">
    <template 
      v-for="(item, index) in citations"
      :key="index">
      <li
        v-if="item.label_html"
        class="history__record">
        <span v-html="item.label_html"/>
      </li>
    </template>
  </ul>
</template>

<script>
export default {
  props: {
    citations: {
      type: Array,
      required: true
    }
  }
}
</script>
<style scoped>
.taxonomic_history li {
  margin-bottom: 10px;
}
</style>