macniel
/
foundry-dsa41-game
2
1
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases 19 Wiki Activity

migrates active effect to DocumentV2

feature/applicationv2
macniel 2025-10-15 21:02:56 +02:00
parent 7ea6b4a2e0
commit 626474178d
10 changed files with 323 additions and 282 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
src/module/sheets/ActiveEffectSheet.mjs
View File

@ -1,44 +1,65 @@
export class ActiveEffectSheet extends foundry.appv1.sheets.ItemSheet {
/**@override */
static get defaultOptions() {
return foundry.utils.mergeObject(super.defaultOptions, {
classes: ['dsa41', 'sheet', 'activeeffect'],
width: 520,
height: 480
});
const {DocumentSheetV2, HandlebarsApplicationMixin} = foundry.applications.api
export class ActiveEffectSheet extends HandlebarsApplicationMixin(DocumentSheetV2) {
/** @inheritDoc */
static DEFAULT_OPTIONS = {
position: {width: 520, height: 480},
classes: ['dsa41', 'sheet', 'item', 'activeeffect'],
tag: 'form',
form: {
submitOnChange: true,
closeOnSubmit: false,
handler: ActiveEffectSheet.#onSubmitForm
},
actions: {
openEffect: ActiveEffectSheet.#openEffect,
editImage: DocumentSheetV2.DEFAULT_OPTIONS.actions.editImage,
}
}
/** @inheritDoc */
static PARTS = {
form: {
template: `systems/DSA_4-1/templates/item/activeeffect/main-sheet.hbs`
},
}
static async #openEffect(evt) {
evt.preventDefault()
const {id} = evt.srcElement.dataset
const effect = await this.document.effects.get(id)
effect.sheet.render(true)
}
/**
* Handle form submission
* @this {AdvantageSheet}
* @param {SubmitEvent} event
* @param {HTMLFormElement} form
* @param {FormDataExtended} formData
*/
static async #onSubmitForm(event, form, formData) {
event.preventDefault()
await this.document.update(formData.object) // Note: formData.object
}
/** @override */
get template() {
return `systems/DSA_4-1/templates/item/item-activeeffect-sheet.hbs`;
}
async _prepareContext(options) {
/** @override */
getData() {
// Retrieve the data structure from the base sheet. You can inspect or log
// the context variable to see the structure, but some key properties for
// sheets are the actor object, the data object, whether or not it's
// editable, the items array, and the effects array.
const context = super.getData();
const effects = context.document.getEmbeddedCollection("ActiveEffect").contents;
const context = await super._prepareContext(options)
context.system = context.document.system
const effects = context.document.getEmbeddedCollection("ActiveEffect").contents
if (effects.length > 0) {
context.effectId = effects[0]._id;
context.effectId = effects[0]._id
}
return context;
context.name = context.document.name
context.img = context.document.img
context.notes = context.document.system.notes
return context
}
activateListeners(html) {
super.activateListeners(html);
// Everything below here is only needed if the sheet is editable
if (!this.isEditable) return;
html.on('click', '.editEffects', (evt) => {
const {id} = evt.currentTarget.dataset;
const effect = this.object.effects.get(id);
effect.sheet.render(true);
})
}
}

34
src/module/sheets/equipmentSheet.mjs
View File

@ -110,12 +110,12 @@ export class EquipmentSheet extends HandlebarsApplicationMixin(DocumentSheetV2)
}
#prepareMetaContext(context) {
const equipmentData = context.document.system;
context.system = equipmentData;
context.quantity = equipmentData.quantity;
context.description = equipmentData.description;
context.name = context.document.name;
context.img = context.document.img;
const equipmentData = context.document.system
context.system = equipmentData
context.quantity = equipmentData.quantity
context.description = equipmentData.description
context.name = context.document.name
context.img = context.document.img
context.categoryAndOptions = {
options: {
@ -131,8 +131,8 @@ export class EquipmentSheet extends HandlebarsApplicationMixin(DocumentSheetV2)
}
#prepareMeleeContext(context) {
const equipmentData = context.document.system;
context.system = equipmentData;
const equipmentData = context.document.system
context.system = equipmentData
context.meleeSkillsAndOptions = {
options: {
"": "",
@ -156,7 +156,7 @@ export class EquipmentSheet extends HandlebarsApplicationMixin(DocumentSheetV2)
}
#prepareRangedContext(context) {
const equipmentData = context.document.system;
const equipmentData = context.document.system
context.rangedSkillsAndOptions = {
options: {
"": "",
@ -187,14 +187,14 @@ export class EquipmentSheet extends HandlebarsApplicationMixin(DocumentSheetV2)
*/
_prepareTabs(tabGroup) {
const currentTabs = super._prepareTabs(tabGroup);
const currentTabs = super._prepareTabs(tabGroup)
const category = this.document.system.category
/**
*
* @type {[{ApplicationTab}]}
*/
let tabs = currentTabs;
let tabs = currentTabs
if (category.includes("Nahkampfwaffe")) {
tabs.melee = {
@ -223,7 +223,7 @@ export class EquipmentSheet extends HandlebarsApplicationMixin(DocumentSheetV2)
/** @override */
async _prepareContext(options) {
const context = await super._prepareContext(options);
const context = await super._prepareContext(options)
context.price = context.document.system.price
context.weight = context.document.system.weight
@ -239,12 +239,12 @@ export class EquipmentSheet extends HandlebarsApplicationMixin(DocumentSheetV2)
*/
_onRender(context, options) {
this.element.querySelector('.array-editor select').addEventListener('change', (evt) => {
const addingValue = evt.currentTarget.value;
const fieldToTarget = evt.currentTarget.dataset.targetField;
const newSkills = [...this.document.system[fieldToTarget], addingValue];
const addingValue = evt.currentTarget.value
const fieldToTarget = evt.currentTarget.dataset.targetField
const newSkills = [...this.document.system[fieldToTarget], addingValue]
this.document.update({system: {[fieldToTarget]: newSkills}});
evt.currentTarget.value = "";
this.document.update({system: {[fieldToTarget]: newSkills}})
evt.currentTarget.value = ""
})
}

5
src/style/_active-effect-sheet.scss
View File

@ -14,6 +14,11 @@
height: 48px;
line-height: 48px;
}
button {
height: 48px;
width: 48px;
}
}
.meta {

4
src/style/_liturgy-banner.scss
View File

@ -72,6 +72,8 @@ $deity_colours_tint: (
}
}
.dsa41.sheet {
.tab.liturgies {
table {
@ -245,3 +247,5 @@ $deity_colours_tint: (
}
}
}

2
src/style/_player-action.scss
View File

@ -2,6 +2,7 @@
@use "./_numbers";
@use "sass:color";
.dsa41.sheet {
.player-action {
display: inline-block;
@ -24,3 +25,4 @@
}
}
}

4
src/style/_richtext-editor.scss
View File

@ -1,3 +1,7 @@
.dsa41.sheet {
.editor.prosemirror.active, .editor.prosemirror.inactive {
flex: 1;
}
}

2
src/style/_skill-sheet.scss
View File

@ -1,4 +1,4 @@
.sheet.item.skill {
.dsa41.sheet.item.skill {
.meta-details {

3
src/style/_tabs.scss
View File

@ -44,7 +44,6 @@
}
}
// Tabs v2
@ -102,3 +101,5 @@ section.tab {
padding: 8px;
}
}
}

24
src/templates/item/activeeffect/main-sheet.hbs 100644
View File

@ -0,0 +1,24 @@
<div class="active-effect">
<div class="header">
<img class="img" src="{{img}}" data-action="editImage" data-edit="img" alt="{{name}}" title="{{name}}"/>
<input type="text" name="name" value="{{name}}"/>
<button class="editEffects" data-id="{{this.effectId}}" data-action="openEffect">
<i class="fas fa-pencil-alt"></i>
</button>
</div>
<div class="meta">
<label>Spielleiter Hinweise</label>
<prose-mirror
name="system.notes"
button="false"
editable="{{editable}}"
toggled="true"
value="{{system.notes}}">
{{{notes}}}
</prose-mirror>
</div>
</div>

20
src/templates/item/item-activeeffect-sheet.hbs
View File

@ -1,20 +0,0 @@
<form class="{{cssClass}} {{item.type}} flexcol" autocomplete="off">
<div class="active-effect">
<div class="header">
<img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
<input type="text" name="actor.name" value="{{item.name}}"/>
<button class="editEffects" data-id="{{this.effectId}}" data-operation="editActiveEffect">
<i class="fas fa-pencil-alt"></i>
</button>
</div>
<div class="meta">
<label>Spielleiter Hinweise</label>
{{editor item.system.notes target="system.notes" button=true owner=owner editable=editable}}
</div>
</div>
</form>