From 93be453037fb9a39b4c86a2a7397013416e17214 Mon Sep 17 00:00:00 2001 From: dtluna Date: Wed, 23 Nov 2016 01:58:25 +0300 Subject: [PATCH 1/6] Set cursor to hand when hovering over buttons --- src/components/media_upload/media_upload.vue | 4 ++++ src/components/post_status_form/post_status_form.vue | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/src/components/media_upload/media_upload.vue b/src/components/media_upload/media_upload.vue index f2f0b83f..3302db37 100644 --- a/src/components/media_upload/media_upload.vue +++ b/src/components/media_upload/media_upload.vue @@ -15,4 +15,8 @@ font-size: 26px; flex: 1; } + + .icon-upload { + cursor: pointer; + } diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 476ee51e..14e353b7 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -45,6 +45,10 @@ flex-direction: column; padding: 0.5em; } + + .btn { + cursor: pointer; + } } From 96b4997492a5d784bc318524ed86cc414ca74720 Mon Sep 17 00:00:00 2001 From: dtluna Date: Fri, 25 Nov 2016 01:07:21 +0300 Subject: [PATCH 2/6] Disable the submit button while uploading attachment --- src/components/post_status_form/post_status_form.js | 11 ++++++++++- src/components/post_status_form/post_status_form.vue | 10 +++++++--- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index f764a01b..58c11fb9 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -22,12 +22,14 @@ const PostStatusForm = { props: [ 'replyTo', 'repliedUser', - 'attentions' + 'attentions', + 'submitDisabled' ], components: { MediaUpload }, data () { + this.submitDisabled = false let statusText = '' if (this.replyTo) { @@ -58,6 +60,13 @@ const PostStatusForm = { }, addMediaFile (fileInfo) { this.newStatus.files.push(fileInfo) + this.enableSubmit() + }, + disableSubmit () { + this.submitDisabled = true + }, + enableSubmit () { + this.submitDisabled = false } } } diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 14e353b7..3709a6f6 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -1,6 +1,6 @@