diff options
| author | Shpuld Shpludson <shp@cock.li> | 2019-04-17 15:43:05 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2019-04-17 15:43:05 +0000 |
| commit | ed0f10e9eeb669b4fde337500649903662ab91c9 (patch) | |
| tree | 5f0e98e28aad68e9dfda6602cab7965fbc496beb /src/components/progress_button/progress_button.vue | |
| parent | e9f4244b26832009bb0648afdb8e9c48177503ae (diff) | |
| parent | de945e5f88919fe27f4cb16735d6d91a26ec95c9 (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.vue | 35 |
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> |
