app/javascript/vue/tasks/dwca_import/components/BrowseButton.vue
<template>
<div class="dwc-table-cell">
<button
type="button"
class="button normal-input button-default"
v-for="(item, key) in importedObjects"
:key="key"
@click="importedCount === 1 ? loadTask(key, item) : openModal()"
target="_blank"
>
Browse
</button>
<modal-component
v-if="showModal"
@close="showModal = false">
<template #header>
<h3>Imported objects</h3>
</template>
<template #body>
<ul class="no_billets">
<li
v-for="(item, key) in importedObjects"
:key="(item + key)">
<a
:href="loadTask(key, item)"
target="_blank">{{ key }}
</a>
</li>
</ul>
</template>
</modal-component>
</div>
</template>
<script>
import BrowseMixin from './shared/browseMixin'
export default {
mixins: [BrowseMixin]
}
</script>