SpeciesFileGroup/taxonworks

<template>
  <tr>
    <td class="author-column">
      <a
        v-html="author.cached"
        :href="`/people/${author.id}`"
      />
    </td>
    <td>
      <button
        v-if="author.roles[0]"
        class="button normal-input button-default"
        @click="showSources"
      >
        Sources
      </button>
    </td>
    <td>{{ author.id }}</td>
    <td>
      <a
        target="blank"
        :href="`/tasks/uniquify_people/index?last_name=${author.last_name}`"
      >
        Uniquify
      </a>
    </td>
    <td class="horizontal-left-content">
      <radial-annotator
        type="annotations"
        :global-id="author.global_id"
      />
      <radial-object :global-id="author.global_id" />
      <pin
        v-if="author.id"
        :object-id="author.id"
        :pluralize="false"
        type="Person"
      />
    </td>
  </tr>
</template>

<script>
import RadialAnnotator from '@/components/radials/annotator/annotator'
import Pin from '@/components/ui/Button/ButtonPin.vue'
import RadialObject from '@/components/radials/navigation/radial'

export default {
  components: {
    RadialObject,
    RadialAnnotator,
    Pin
  },

  props: {
    author: {
      type: Object,
      required: true
    }
  },

  emits: ['sources'],

  methods: {
    showSources(id) {
      this.$emit('sources', id)
    },

    showAuthor() {
      window.open('/people/' + this.author.id, '_blank')
    }
  }
}
</script>
<style scoped>
.author-column {
  min-width: 200px;
}
</style>