pleroma-fe

commit: e45cb91e24748a1b4235742dec6edc7927de1f97
parent: d155ad7ccbf8399819586d8d93141a9435f851a1
Author: lambda <pleromagit@rogerbraun.net>
Date:   Wed, 14 Feb 2018 08:06:11 +0000

Merge branch 'feature/forbid-posting-when-status-length-is-over-the-limit' into 'develop'

Disable the status submit button when status length is over the limit

See merge request pleroma/pleroma-fe!206
Diffstat:
M
src/components/post_status_form/post_status_form.js
3
+++
M
src/components/post_status_form/post_status_form.vue
4
+++-

2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
@@ -106,6 +106,9 @@ const PostStatusForm = {
     },
     charactersLeft () {
       return this.statusLengthLimit - this.statusLength
+    },
+    isOverLengthLimit () {
+      return this.hasStatusLengthLimit && (this.statusLength > this.statusLengthLimit)
     }
   },
   methods: {
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
@@ -19,9 +19,11 @@
       <div class='form-bottom'>
         <media-upload @uploading="disableSubmit" @uploaded="addMediaFile" @upload-failed="enableSubmit" :drop-files="dropFiles"></media-upload>
 
-        <p v-if="hasStatusLengthLimit" class="base04">{{ charactersLeft }}</p>
+        <p v-if="isOverLengthLimit" class="error">{{ charactersLeft }}</p>
+        <p v-else-if="hasStatusLengthLimit" class="base04">{{ charactersLeft }}</p>
 
         <button v-if="posting" disabled class="btn btn-default base05 base02-background">{{$t('post_status.posting')}}</button>
+        <button v-else-if="isOverLengthLimit" disabled class="btn btn-default base05 base02-background">{{$t('general.submit')}}</button>
         <button v-else :disabled="submitDisabled" type="submit" class="btn btn-default base05 base02-background">{{$t('general.submit')}}</button>
       </div>
       <div class='error' v-if="error">