Add the ability to display / edit the description from the item sheet
This commit is contained in:
parent
46a235b603
commit
69db3ca719
13 changed files with 168 additions and 17 deletions
43
module/handlebarHelpers/inputs/prosemirrorInput.mjs
Normal file
43
module/handlebarHelpers/inputs/prosemirrorInput.mjs
Normal 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>`;
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue