Extend max length of Page Excerpt

Also included char count for textboxes for page & post excerpt.
PiranhaCMS · Mar 6, 2024 · 4aee98b · 4aee98b
1 parent caa019c
commit 4aee98b
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 6 deletions.
diff --git a/core/Piranha.Manager/Areas/Manager/Pages/Partial/_PageSettings.cshtml b/core/Piranha.Manager/Areas/Manager/Pages/Partial/_PageSettings.cshtml
@@ -110,7 +110,14 @@
                             <div class="content-blocker"></div>
                         </div>
                         <div v-else class="position-relative" :class="{ readonly: isCopy }">
-                            <textarea v-model="excerpt" rows="5" maxlength="255" class="form-control"></textarea>
+                            <div class="input-group below">
+                                <textarea v-model="excerpt" rows="5" maxlength="1000" class="form-control"></textarea>
+                                <div class="input-group-append">
+                                    <div class="input-group-text text-muted">
+                                        {{ piranha.utils.strLength(excerpt) + "/1000" }}
+                                    </div>
+                                </div>
+                            </div>
                             <div class="content-blocker"></div>
                         </div>
                     </div>

diff --git a/core/Piranha.Manager/Areas/Manager/Pages/Partial/_PostSettings.cshtml b/core/Piranha.Manager/Areas/Manager/Pages/Partial/_PostSettings.cshtml
@@ -89,7 +89,14 @@
                             <div id="excerpt-body" class="block-body html-block" contenteditable="true" v-html="excerpt" v-on:blur="onExcerptBlur">
                             </div>
                         </div>
-                        <textarea v-else v-model="excerpt" rows="5" maxlength="1000" class="form-control"></textarea>
+                        <div v-else class="input-group below">
+                            <textarea v-model="excerpt" rows="5" maxlength="1000" class="form-control"></textarea>
+                            <div class="input-group-append">
+                                <div class="input-group-text text-muted">
+                                    {{ piranha.utils.strLength(excerpt) + "/1000" }}
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
 

diff --git a/core/Piranha.Manager/assets/dist/css/full.min.css b/core/Piranha.Manager/assets/dist/css/full.min.css
diff --git a/core/Piranha.Manager/assets/dist/css/slim.min.css b/core/Piranha.Manager/assets/dist/css/slim.min.css
diff --git a/core/Piranha.Manager/assets/src/scss/inc/_forms.scss b/core/Piranha.Manager/assets/src/scss/inc/_forms.scss
@@ -49,6 +49,19 @@
             }
         }
     }
+
+    &.below {
+        flex-direction: column;
+
+        .input-group-append {
+            margin-left: 0;
+
+            .input-group-text {
+                width: 100%;
+                border-top: 0 none;
+            }
+        }
+    }
 }
 
 .list-group {