akkoma-fe/src/components/exporter/exporter.vue

31 lines
531 B
Vue
Raw Normal View History

2019-03-30 12:03:40 +00:00
<template>
<div class="exporter">
<div v-if="processing">
2020-10-20 21:31:16 +00:00
<FAIcon
icon="circle-notch"
size="lg"
spin
/>
2021-04-25 11:12:34 +00:00
<span>{{ processingMessage || $t('exporter.processing') }}</span>
2019-03-30 12:03:40 +00:00
</div>
2019-07-05 07:17:44 +00:00
<button
v-else
class="btn button-default"
2019-07-05 07:17:44 +00:00
@click="process"
>
2021-04-25 11:12:34 +00:00
{{ exportButtonLabel || $t('exporter.export') }}
2019-07-05 07:17:44 +00:00
</button>
2019-03-30 12:03:40 +00:00
</div>
</template>
<script src="./exporter.js"></script>
<style lang="scss">
.exporter {
&-processing {
margin: 0.25em;
}
}
</style>