Add the ability to display / edit the description from the item sheet

This commit is contained in:
Oliver-Akins 2025-02-10 23:04:28 -07:00
parent 46a235b603
commit 69db3ca719
13 changed files with 168 additions and 17 deletions

View file

@ -0,0 +1,43 @@
import { localizer } from "../../utils/Localizer.mjs";
export function prosemirrorInput(input, data) {
const label = localizer(input.label);
if (!data.meta.editable) {
return `<div data-input-type="prose-mirror">
<div class="label-row">
<div class="label">
${label}
</div>
</div>
<div class="value">
${input.value}
</div>
</div>`;
};
return `<div data-input-type="prose-mirror">
<div class="label-row">
<div class="label">
${label}
</div>
<button
type="button"
data-action="openRichEditor"
data-uuid="${input.uuid}"
data-path="${input.path}"
data-compact="${input.compact}"
data-collaborative="${input.collaborative}"
>
${localizer(`RipCrypt.common.edit`)}
</button>
</div>
<!--
This cannot be spread across multiple lines because of the :empty selector
considering whitespace as "not being empty". Though browsers will eventually
treat :empty as "empty, or only whitespace".
-->
<div class="value">${input.value}</div>
</div>`;
};