application choose totem

module/sheets/character-sheet.mjs

@@ -1,6 +1,7 @@
 import {onManageActiveEffect, prepareActiveEffectCategories} from "../system/effects.mjs";
 import { VermineActorSheet } from "./actor-sheet.mjs";
 import { getRollBox } from "../system/dialogs.mjs";
+import { TotemPicker } from "../system/applications.mjs";
 
 /**
  * Extend the basic ActorSheet with some very simple modifications
@@ -175,7 +176,7 @@ export class VermineCharacterSheet extends VermineActorSheet {
     });
 
     // Choose Totem 
-    html.find('.changeTotem').click(this._onTotemButton.bind(this));
+    html.find('.chooseTotem').click(this._onTotemButton.bind(this));
 
     // Drag events for macros.
     if (this.actor.isOwner) {
@@ -268,11 +269,11 @@ export class VermineCharacterSheet extends VermineActorSheet {
    */
   _onTotemButton(event) {
     event.preventDefault();
-    const element = event.currentTarget;
-    const dataset = element.dataset;
+    const el = event.currentTarget;
+    // const dataset = el.dataset;
     
-    console.log('on va ouvrir une dialog box totem');
-
+    const totemPicker = new TotemPicker(el);
+    totemPicker.render(true);
   }
 
 }

module/system/applications.mjs

@@ -0,0 +1,42 @@
+export class TotemPicker extends Application {
+
+  constructor(element) {
+    super();
+  }
+
+
+  /* -------------------------------------------- */
+  static get defaultOptions() {
+    return mergeObject(super.defaultOptions, {
+      id:"TOTEM_PICKER",
+      title:game.i18n.localize("VERMINE.totem_picker"),
+      template:'systems/vermine2047/templates/applications/choose-totem.hbs',
+      popOut:true,
+      resizable:true,
+      height:"600",
+      width:"600"
+    });
+  }
+
+  getData() {
+    // Send data to the template
+    return {
+      config: CONFIG.VERMINE
+      /*anarchy: this.gmAnarchy.getAnarchy(),
+      convergences: this.gmConvergence.getConvergences(),
+      difficultyPools: this.gmDifficulty.getDifficultyData(),
+      options: {
+        classes: [game.system.anarchy.styles.selectCssClass()]
+      }*/
+    }
+  }
+
+  activateListeners(html) {
+    super.activateListeners(html);
+    // html.find('.app-title-bar').mousedown(event => this.handleDrag.onMouseDown(event));
+  }
+  
+  async _updateObject(event, formData) {
+    // console.log(formData.exampleInput);
+  }
+}