#52 Gestion astrologie

module/rdd-calendrier.js

@@ -54,19 +54,12 @@ export class RdDCalendrier extends Application {
     // nombre astral
     if ( game.user.isGM) {
       this.listeNombreAstral = duplicate(game.settings.get("foundryvtt-reve-de-dragon", "liste-nombre-astral"));
-      if ( this.listeNombreAstral == undefined ) {
-        this.rebuildListeNombreAstral();
-      }
+      this.rebuildListeNombreAstral(); // Ensure always up-to-date
     }
     console.log(this.calendrier, this.calendrierPos, this.listeNombreAstral);
   }
   
 
-  /* -------------------------------------------- */
-  getCurrentDayIndex( ) {
-    return (this.calendrier.moisRdD * 28) + this.calendrier.jour;
-  }
-
   /* -------------------------------------------- */
   static get defaultOptions() {
     const options = super.defaultOptions;
@@ -76,6 +69,11 @@ export class RdDCalendrier extends Application {
     return options;
   }
 
+  /* -------------------------------------------- */
+  getCurrentDayIndex( ) {
+    return (this.calendrier.moisRdD * 28) + this.calendrier.jour;
+  }
+    
   /* -------------------------------------------- */
    ajouterNombreAstral(index) {
     return {
@@ -85,6 +83,12 @@ export class RdDCalendrier extends Application {
     }
   }
 
+  /* -------------------------------------------- */
+  getCurrentNombreAstral() {
+    let index = this.getCurrentDayIndex();
+    return this.listeNombreAstral[index].nombreAstral;
+  }
+
   /* -------------------------------------------- */
   rebuildListeNombreAstral() {
     // Auto-create if needed
@@ -215,10 +219,11 @@ export class RdDCalendrier extends Application {
   updateDisplay() { 
     let data = this.fillCalendrierData( );
      // Rebuild data
-    document.getElementById("calendar--move-handle").innerHTML = `Jour ${data.jourMois} de ${data.nomMois} (${data.nomSaison})`;
+    document.getElementById("calendar--move-handle").innerHTML = `Jour ${data.jourMois} de ${data.nomMois} (${data.nomSaison})` + " - NA: "+this.getCurrentNombreAstral();
     document.getElementById("calendar-heure-texte").innerHTML = ` - ${data.nomHeure}`;
     document.getElementById("calendar-time").innerHTML = `${data.heuresRelative}:${data.minutesRelative}`;
     document.getElementById("calendar-icone-heure").innerHTML = data.lettreFont;  
+
   }
 
   /* -------------------------------------------- */

styles/simple.css

@@ -1127,6 +1127,15 @@ ul, li {
 	cursor: pointer;
 	display: inline-flex;
 }
+.calendar-nombre-astral{
+grid-column: 2;
+grid-row: 2;
+font-size: 1.10rem;
+text-align: right; 
+margin: auto;
+cursor: pointer;
+display: inline-flex;
+}
 .calendar-time-disp{
 	position: relative;
 	bottom: 6px;

templates/calendar-template.html

@@ -18,7 +18,7 @@
       {{/if}}
 			<div class="calendar-weekday-time">
 				<p id="calendar-weekday"><span id="calendar-icone-heure">H</span>&nbsp;<span id="calendar-heure-texte">{{nomHeure}}</span></p>
-				<span class="calendar-time"><p class="calendar-time-disp" id="calendar-time" title="Start/Stop">{{heuresRelative}}:{{minutesRelative}}</p><span id='calender-time-running'>•</span></span>
+				<span class="calendar-time"><p class="calendar-time-disp" id="calendar-time" title="Start/Stop">{{heuresRelative}}:{{minutesRelative}} - N. Astral: 1</p></span>
 			</div>
       {{#if isGM}}
 			<div class="calendar-btn-container-right">