1
0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-28 17:02:04 +03:00

Merge branch 'enhance-changelog-textarea' of github.com:shresthkapoor7/BookStack into shresthkapoor7-enhance-changelog-textarea

This commit is contained in:
Dan Brown
2025-07-19 14:39:57 +01:00
2 changed files with 15 additions and 6 deletions

View File

@ -75,7 +75,12 @@ export class PageEditor extends Component {
// Changelog controls
const updateChangelogDebounced = debounce(this.updateChangelogDisplay.bind(this), 300, false);
this.changelogInput.addEventListener('input', updateChangelogDebounced);
this.changelogInput.addEventListener('input', () => {
const count = this.changelogInput.value.length;
const counterEl = document.getElementById('changelog-count');
if (counterEl) counterEl.innerText = `${count} / 250`;
updateChangelogDebounced();
});
// Draft Controls
onSelect(this.saveDraftButton, this.saveDraft.bind(this));

View File

@ -106,11 +106,15 @@
<ul refs="dropdown@menu" class="wide dropdown-menu">
<li class="px-l py-m">
<p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
<input refs="page-editor@changelogInput"
<textarea
refs="page-editor@changelogInput"
name="summary"
id="summary-input"
type="text"
placeholder="{{ trans('entities.pages_edit_enter_changelog') }}" />
rows="2"
maxlength="250"
placeholder="{{ trans('entities.pages_edit_enter_changelog') }}"
></textarea>
<small class="text-muted mt-xs" id="changelog-count">0 / 250</small>
</li>
</ul>
<span>{{-- Prevents button jumping on menu show --}}</span>