Version 10.7.6 - L'origine des maux de Sémolosse #640
@@ -115,7 +115,7 @@ export class RdDCalendrier extends Application {
 | 
			
		||||
  async onUpdateSetting(setting, update, options, id) {
 | 
			
		||||
    if (setting.key == SYSTEM_RDD + '.' + WORLD_TIMESTAMP_SETTING) {
 | 
			
		||||
      this.timestamp = RdDTimestamp.getWorldTime();
 | 
			
		||||
      this.updateDisplay();
 | 
			
		||||
      this.positionAiguilles()
 | 
			
		||||
      Hooks.callAll(APP_ASTROLOGIE_REFRESH);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
@@ -140,8 +140,6 @@ export class RdDCalendrier extends Application {
 | 
			
		||||
  async activateListeners(html) {
 | 
			
		||||
    super.activateListeners(html);
 | 
			
		||||
    this.html = html;
 | 
			
		||||
    this.updateDisplay();
 | 
			
		||||
 | 
			
		||||
    this.html.find('.ajout-chronologie').click(ev => DialogChronologie.create());
 | 
			
		||||
    this.html.find('.toggle-horloge-analogique').click(ev => this.onToggleHorlogeAnalogique())
 | 
			
		||||
    this.html.find('.calendar-btn').click(ev => this.onCalendarButton(ev));
 | 
			
		||||
@@ -158,12 +156,19 @@ export class RdDCalendrier extends Application {
 | 
			
		||||
      ev.preventDefault();
 | 
			
		||||
      this.showAstrologieEditor();
 | 
			
		||||
    });
 | 
			
		||||
    this.positionAiguilles()
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  positionAiguilles() {
 | 
			
		||||
    const timestamp = this.getTimestamp();
 | 
			
		||||
    this.html.find(`div.horloge-roue div.horloge-aiguille-heure img`).css(Misc.cssRotation(timestamp.angleHeure));
 | 
			
		||||
    this.html.find(`div.horloge-roue div.horloge-aiguille-minute img`).css(Misc.cssRotation(timestamp.angleMinute));
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  onToggleHorlogeAnalogique() {
 | 
			
		||||
    this.horlogeAnalogique = !this.horlogeAnalogique;
 | 
			
		||||
    this.savePosition()
 | 
			
		||||
    this.render(true)
 | 
			
		||||
    this.display()
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  /* -------------------------------------------- */
 | 
			
		||||
@@ -292,7 +297,7 @@ export class RdDCalendrier extends Application {
 | 
			
		||||
    }
 | 
			
		||||
    this.timestamp = newTimestamp;
 | 
			
		||||
    await this.rebuildNombresAstraux();
 | 
			
		||||
    this.updateDisplay();
 | 
			
		||||
    this.positionAiguilles()
 | 
			
		||||
    this.display();
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
@@ -307,7 +312,7 @@ export class RdDCalendrier extends Application {
 | 
			
		||||
    else if (calendarSet) {
 | 
			
		||||
      this.positionnerHeure(Number(calendarSet.value));
 | 
			
		||||
    }
 | 
			
		||||
    this.updateDisplay();
 | 
			
		||||
    this.positionAiguilles()
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  /* -------------------------------------------- */
 | 
			
		||||
@@ -407,24 +412,6 @@ export class RdDCalendrier extends Application {
 | 
			
		||||
    return 0;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  /* -------------------------------------------- */
 | 
			
		||||
  updateDisplay() {
 | 
			
		||||
    const calendrier = this.fillCalendrierData();
 | 
			
		||||
    for (const heure of document.getElementsByClassName("calendar-heure-texte")) {
 | 
			
		||||
      heure.innerHTML = calendrier.heure.label;
 | 
			
		||||
    }
 | 
			
		||||
    for (const minute of document.getElementsByClassName("calendar-minute-texte")) {
 | 
			
		||||
      minute.innerHTML = `${calendrier.minute} minutes`;
 | 
			
		||||
    }
 | 
			
		||||
    this.postionnerAiguilles()
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  postionnerAiguilles() {
 | 
			
		||||
    const timestamp = this.getTimestamp();
 | 
			
		||||
    this.html.find(`div.horloge-roue div.horloge-aiguille-heure img`).css(Misc.cssRotation(timestamp.angleHeure));
 | 
			
		||||
    this.html.find(`div.horloge-roue div.horloge-aiguille-minute img`).css(Misc.cssRotation(timestamp.angleMinute));
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  /* -------------------------------------------- */
 | 
			
		||||
  async saveEditeur(calendrierData) {
 | 
			
		||||
    const newTimestamp = RdDTimestamp.timestamp(
 | 
			
		||||
 
 | 
			
		||||
@@ -1631,6 +1631,7 @@ table.table-nombres-astraux tr:hover {
 | 
			
		||||
  font-family: "GoudyAcc";
 | 
			
		||||
  pointer-events: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.window-app.calendar .window-content > div {
 | 
			
		||||
  pointer-events: all;
 | 
			
		||||
}
 | 
			
		||||
@@ -1644,12 +1645,12 @@ table.table-nombres-astraux tr:hover {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.window-app.calendar div.horloge-roue div.horloge-heure {
 | 
			
		||||
  width: 1rem;
 | 
			
		||||
  height: 1rem;
 | 
			
		||||
  width: 1.4rem;
 | 
			
		||||
  height: 1.4rem;
 | 
			
		||||
}
 | 
			
		||||
.window-app.calendar div.horloge-roue div.horloge-heure img.horloge-heure-img {
 | 
			
		||||
  width: 1.6rem;
 | 
			
		||||
  height: 1.6rem;
 | 
			
		||||
  width: 1.4rem;
 | 
			
		||||
  height: 1.4rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
div.horloge-roue div {
 | 
			
		||||
@@ -1692,23 +1693,24 @@ div.horloge-roue div.horloge-ajustement {
 | 
			
		||||
  vertical-align: middle;
 | 
			
		||||
  border-radius: 0.3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
div.horloge-roue div img {
 | 
			
		||||
  border: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-01 { top: calc(50% - 0.8rem + sin(-180deg) *41%); left: calc(50% - 0.5rem + cos(-180deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-02 { top: calc(50% - 0.8rem + sin(-150deg) *41%); left: calc(50% - 0.5rem + cos(-150deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-03 { top: calc(50% - 0.8rem + sin(-120deg) *41%); left: calc(50% - 0.5rem + cos(-120deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-04 { top: calc(50% - 0.8rem + sin(-90deg) *41%); left: calc(50% - 0.5rem + cos(-90deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-05 { top: calc(50% - 0.8rem + sin(-60deg) *41%); left: calc(50% - 0.5rem + cos(-60deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-06 { top: calc(50% - 0.8rem + sin(-30deg) *41%); left: calc(50% - 0.5rem + cos(-30deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-07 { top: calc(50% - 0.8rem + sin(-0deg) *41%); left: calc(50% - 0.5rem + cos(-0deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-08 { top: calc(50% - 0.8rem + sin(30deg) *41%); left: calc(50% - 0.5rem + cos(30deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-09 { top: calc(50% - 0.8rem + sin(60deg) *41%); left: calc(50% - 0.5rem + cos(60deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-10 { top: calc(50% - 0.8rem + sin(90deg) *41%); left: calc(50% - 0.5rem + cos(90deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-11 { top: calc(50% - 0.8rem + sin(120deg) *41%); left: calc(50% - 0.5rem + cos(120deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-12 { top: calc(50% - 0.8rem + sin(150deg) *41%); left: calc(50% - 0.5rem + cos(150deg) *41%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-01 { top: calc(50% - 0.7rem + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-04 { top: calc(50% - 0.7rem + sin(-90deg) *38%); left: calc(50% - 0.7rem + cos(-90deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-05 { top: calc(50% - 0.7rem + sin(-60deg) *38%); left: calc(50% - 0.7rem + cos(-60deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-06 { top: calc(50% - 0.7rem + sin(-30deg) *38%); left: calc(50% - 0.7rem + cos(-30deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-07 { top: calc(50% - 0.7rem + sin(-0deg) *38%); left: calc(50% - 0.7rem + cos(-0deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-08 { top: calc(50% - 0.7rem + sin(30deg) *38%); left: calc(50% - 0.7rem + cos(30deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-09 { top: calc(50% - 0.7rem + sin(60deg) *38%); left: calc(50% - 0.7rem + cos(60deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); }
 | 
			
		||||
.window-app.calendar div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); }
 | 
			
		||||
 | 
			
		||||
.window-app.calendar-astrologie div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); }
 | 
			
		||||
.window-app.calendar-astrologie div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); }
 | 
			
		||||
@@ -1786,6 +1788,9 @@ div.horloge-analogique {
 | 
			
		||||
  vertical-align: middle;
 | 
			
		||||
  pointer-events: none;
 | 
			
		||||
}
 | 
			
		||||
div.horloge-analogique.horloge-analogique-hidden {
 | 
			
		||||
  visibility: hidden;
 | 
			
		||||
}
 | 
			
		||||
div.horloge-digitale {
 | 
			
		||||
	color: #CCC;
 | 
			
		||||
  background: hsla(0, 0%, 20%, 1);
 | 
			
		||||
@@ -1793,10 +1798,9 @@ div.horloge-digitale {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
div.horloge-digitale .calendar-heure-texte {
 | 
			
		||||
  font-size: 1.1rem;
 | 
			
		||||
}
 | 
			
		||||
div.horloge-digitale .calendar-minute-texte {
 | 
			
		||||
div.horloge-digitale :is(.calendar-heure-texte,.calendar-minute-texte) {
 | 
			
		||||
  font-size: 1rem;
 | 
			
		||||
  pointer-events: all;
 | 
			
		||||
	margin: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -1,4 +1,4 @@
 | 
			
		||||
<div>
 | 
			
		||||
<div class="calendar-horloge">
 | 
			
		||||
	{{#if isGM}}
 | 
			
		||||
		<div class="calendar-boutons-heure">
 | 
			
		||||
			<i class="calendar-btn calendar-1min" data-calendar-avance="1" title="Avancer de 1 minute">+1</i>
 | 
			
		||||
@@ -31,12 +31,10 @@
 | 
			
		||||
			</a>
 | 
			
		||||
		</span>
 | 
			
		||||
		{{#if isGM}}
 | 
			
		||||
		<span class="calendar-minute-texte">{{minute}} minutes</p>
 | 
			
		||||
		<span class="calendar-minute-texte">{{minute}} minutes</span>
 | 
			
		||||
		{{/if}}
 | 
			
		||||
	</div>
 | 
			
		||||
</div>
 | 
			
		||||
<div class="horloge-analogique">
 | 
			
		||||
{{#if horlogeAnalogique}}
 | 
			
		||||
	<div class="horloge-analogique {{#unless horlogeAnalogique}}horloge-analogique-hidden{{/unless}}">
 | 
			
		||||
		{{> 'systems/foundryvtt-reve-de-dragon/templates/time/horloge.hbs' }}
 | 
			
		||||
{{/if}}
 | 
			
		||||
	</div>
 | 
			
		||||
</div>
 | 
			
		||||
		Reference in New Issue
	
	Block a user