From 0dd600746af178086f9f34e106fc35199615a5e9 Mon Sep 17 00:00:00 2001
From: senderfm <dev@sender.fm>
Date: Wed, 10 Jul 2019 09:18:47 +0200
Subject: [PATCH] maximum number of characters in content without html tags is
 2000, characters are counted and number is displayed. regex is strongly
 shortened.

---
 .../ContributionForm/ContributionForm.vue     | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue
index 9f7ffa7e4..8b4aa6b9e 100644
--- a/webapp/components/ContributionForm/ContributionForm.vue
+++ b/webapp/components/ContributionForm/ContributionForm.vue
@@ -10,6 +10,7 @@
           />
         </hc-teaser-image>
         <ds-input model="title" class="post-title" placeholder="Title" name="title" autofocus />
+        <small style="width:100%;position:relative;left:90%">{{ form.title.length }}/64</small>
         <no-ssr>
           <hc-editor
             :users="users"
@@ -17,6 +18,7 @@
             :value="form.content"
             @input="updateEditorContent"
           />
+          <small style="width:100%;position:relative;left:90%">{{ form.contentLength }}/2000</small>
         </no-ssr>
         <ds-space margin-bottom="xxx-large" />
         <hc-categories-select
@@ -44,18 +46,14 @@
             :disabled="loading || disabled"
             ghost
             @click.prevent="$router.back()"
-          >
-            {{ $t('actions.cancel') }}
-          </ds-button>
+          >{{ $t('actions.cancel') }}</ds-button>
           <ds-button
             type="submit"
             icon="check"
             :loading="loading"
             :disabled="disabled || errors"
             primary
-          >
-            {{ $t('actions.save') }}
-          </ds-button>
+          >{{ $t('actions.save') }}</ds-button>
         </div>
         <ds-space margin-bottom="large" />
       </ds-card>
@@ -86,6 +84,7 @@ export default {
       form: {
         title: '',
         content: '',
+        contentLength: 0,
         teaserImage: null,
         image: null,
         language: null,
@@ -94,14 +93,18 @@ export default {
       },
       formSchema: {
         title: { required: true, min: 3, max: 64 },
-        content: { required: true, min: 3 },
+        content: { required: true, min: 3, max: 2000 },
       },
       id: null,
       loading: false,
       disabled: true,
       slug: null,
       users: [],
+<<<<<<< HEAD
       hashtags: [],
+=======
+      n: 0,
+>>>>>>> maximum number of characters in content without html tags is 2000, characters are counted and number is displayed. regex is strongly shortened.
     }
   },
   watch: {
@@ -176,17 +179,15 @@ export default {
     },
     updateEditorContent(value) {
       // this.form.content = value
+      this.$refs.contributionForm.update('content', value)
+
       this.disabled = true
-      if (
-        value.replace(
-          /<p>|<\/p>|<h3>|<\/h3>|<h4>|<\/h4>|<ul>|<\/ul>|<ol>|<\/ol>|<li>|<\/li>|<blockquote>|<\/blockquote>|<strong>|<\/strong>|<em>|<\/em>|<a.*>|<\/a>/gm,
-          '',
-        ).length > 3
-      ) {
+      this.n = value.replace(/<\/?[^>]+(>|$)/gm, '').length
+      this.form.contentLength = this.n
+
+      if (this.n > 3 && this.n < 2000) {
         this.disabled = false
       }
-
-      this.$refs.contributionForm.update('content', value)
     },
     availableLocales() {
       orderBy(locales, 'name').map(locale => {