aboutsummaryrefslogtreecommitdiff
path: root/src/components/progress_button/progress_button.vue
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2019-04-17 15:43:05 +0000
committerShpuld Shpludson <shp@cock.li>2019-04-17 15:43:05 +0000
commited0f10e9eeb669b4fde337500649903662ab91c9 (patch)
tree5f0e98e28aad68e9dfda6602cab7965fbc496beb /src/components/progress_button/progress_button.vue
parente9f4244b26832009bb0648afdb8e9c48177503ae (diff)
parentde945e5f88919fe27f4cb16735d6d91a26ec95c9 (diff)
Merge branch '227-bulk-delete' into 'develop'
Add "bulk mute/unmute/block/unblock" feature See merge request pleroma/pleroma-fe!733
Diffstat (limited to 'src/components/progress_button/progress_button.vue')
-rw-r--r--src/components/progress_button/progress_button.vue35
1 files changed, 35 insertions, 0 deletions
diff --git a/src/components/progress_button/progress_button.vue b/src/components/progress_button/progress_button.vue
new file mode 100644
index 00000000..737360bb
--- /dev/null
+++ b/src/components/progress_button/progress_button.vue
@@ -0,0 +1,35 @@
+<template>
+ <button :disabled="progress || disabled" @click="onClick">
+ <template v-if="progress">
+ <slot name="progress" />
+ </template>
+ <template v-else>
+ <slot />
+ </template>
+ </button>
+</template>
+
+<script>
+export default {
+ props: {
+ disabled: {
+ type: Boolean
+ },
+ click: { // click event handler. Must return a promise
+ type: Function,
+ default: () => Promise.resolve()
+ }
+ },
+ data () {
+ return {
+ progress: false
+ }
+ },
+ methods: {
+ onClick () {
+ this.progress = true
+ this.click().then(() => { this.progress = false })
+ }
+ }
+}
+</script>