version 1.02

WeThermic/WeThermic.h

@@ -62,8 +62,8 @@
   #define COPYRIGHT             "G.Brière 2024-2024"
   #define APP_NAME              "WeThermic"
   #define APP_VERSION_MAJOR     "1"
-  #define APP_VERSION_MINOR     "01"
-  #define APP_VERSION_DATE      "20240811"
+  #define APP_VERSION_MINOR     "02"
+  #define APP_VERSION_DATE      "20240820"
   #define APP_VERSION_STRING    "v" APP_VERSION_MAJOR "." APP_VERSION_MINOR "." APP_VERSION_DATE
   #define APP_NAME_VERSION      APP_NAME " - " APP_VERSION_STRING "\0"
 

WeThermic/data.src/index.html

@@ -138,6 +138,11 @@ <h1>Settings :</h1>
                 <td><input type="radio" name="gOrder2" id="gOrder21" onchange="changeGraphOrder(this);" value="Pressure"    /><label for="gOrder21">Pressure</label></td>
                 <td><input type="radio" name="gOrder2" id="gOrder22" onchange="changeGraphOrder(this);" value="Temperature" /><label for="gOrder22">Temperature</label></td>
               </tr>
+              <tr class="borderSup">
+                <td colspan="2">Y scale position:</td>
+                <td><input type="radio" name="scalesP" id="scalesPL" onchange="changeScalesPos(this);" value="left"  /><label for="scalesPL">Left</label></td>
+                <td><input type="radio" name="scalesP" id="scalesPR" onchange="changeScalesPos(this);" value="right" /><label for="scalesPR">Right</label></td>
+              </tr>
             </tbody>
           </table>
           </span>

WeThermic/data.src/scripts.js

@@ -36,6 +36,9 @@ var graph1 = "Pressure";
 var graph2 = "Temperature";
 graphOrderChanged = false;
 
+// Position échelles Y
+var scalesPositions = 'left';
+
 // Durée de calcul des moyennes
 var largeurMoyVent  = 180; // Moyenne sur 1 minute 30s
 var largeurMoyPres  = 180; // Moyenne sur 1 minute 30s
@@ -174,6 +177,17 @@ async function index_onload() {
   document.getElementById("lMoyTemp").value = largeurMoyTemp / 60;
   inputLargeurTemp();
 
+  // Position des l'échelles Y
+  var scalesPref = localStorage.getItem("scalesPositions");
+  if (scalesPref !== null) {
+    scalesPositions = scalesPref;
+  }
+  if (scalesPositions == 'left') {
+    document.getElementById("scalesPL").checked = true;
+  } else if (scalesPositions == 'right') {
+    document.getElementById("scalesPR").checked = true;
+  }
+
   var chronoPref = localStorage.getItem("chronoMaxTime");
   if (chronoPref !== null) {
     chronoMaxTime = Number(chronoPref);
@@ -292,6 +306,8 @@ async function index_onload() {
       y: {
         type: 'linear',
         beginAtZero: true,
+        display: true,
+        position: scalesPositions,
         suggestedMax: 3,
         ticks: {
           color: couleurVent
@@ -378,6 +394,7 @@ async function index_onload() {
         type: 'linear',
         beginAtZero: false,
         display: true,
+        position: scalesPositions,
         ticks: {
           color: couleurPression
         },
@@ -463,7 +480,7 @@ async function index_onload() {
         type: 'linear',
         beginAtZero: false,
         display: true,
-        position:'left',
+        position: scalesPositions,
         ticks: {
           color: couleurTempCtn
         },
@@ -1944,6 +1961,16 @@ function changeGraphOrder(radio) {
   graphOrderChanged = true;
 }
 
+function changeScalesPos(radio) {
+  scalesPositions = radio.value;
+  // Repositionne les échelles
+  Window.graphVent.options.scales['y'].position = scalesPositions;
+  Window.graphPres.options.scales['y'].position = scalesPositions;
+  Window.graphTemp.options.scales['y'].position = scalesPositions;
+
+  localStorage.setItem("scalesPositions", scalesPositions);
+}
+
 function setRadValue(radName, valeur) {
   for (rad of document.getElementsByName(radName)) {
     if (rad.value == valeur) {

WeThermic/data.src/style_principal.css

@@ -367,6 +367,9 @@ border-top: 1px solid white;
 #tblGraphOrder {
   width: 80%;
   margin: auto;
+  border-collapse: collapse;
+}
+.borderSup {
+  border-top: 1px solid;
 }
-
 

WeThermic/data/index.html

@@ -8,7 +8,7 @@
  
 <input type=radio name=theme id=clair value=clair onchange='changeTheme("clair")'>
 <label for=clair>Clear</label></span><table id=activeColors><tbody><tr id=actr1><td><div id=iw class=colorButton onclick='openColor("iw")'></div><td>Instand wind<td><div id=ip class=colorButton onclick='openColor("ip")'></div><td>Instand pressure<td><div id=it class=colorButton onclick='openColor("it")'></div><td>Instand temperature<tr id=actr2><td><div id=aw class=colorButton onclick='openColor("aw")'></div><td>Average wind<td><div id=ap class=colorButton onclick='openColor("ap")'></div><td>Average pressure<td><div id=at class=colorButton onclick='openColor("at")'></div><td>Average temperature</table></div></fieldset><fieldset class=settingFieldset id=graphOrder><legend>Graph order</legend>
-<span><table id=tblGraphOrder><tbody><tr><td>Upper graph:<td><input type=radio name=gOrder0 id=gOrder00 onchange=changeGraphOrder(this) value=Wind><label for=gOrder00>Wind</label><td><input type=radio name=gOrder0 id=gOrder01 onchange=changeGraphOrder(this) value=Pressure><label for=gOrder01>Pressure</label><td><input type=radio name=gOrder0 id=gOrder02 onchange=changeGraphOrder(this) value=Temperature><label for=gOrder02>Temperature</label><tr><td>Middle graph:<td><input type=radio name=gOrder1 id=gOrder10 onchange=changeGraphOrder(this) value=Wind><label for=gOrder10>Wind</label><td><input type=radio name=gOrder1 id=gOrder11 onchange=changeGraphOrder(this) value=Pressure><label for=gOrder11>Pressure</label><td><input type=radio name=gOrder1 id=gOrder12 onchange=changeGraphOrder(this) value=Temperature><label for=gOrder12>Temperature</label><tr><td>Bottom graph:<td><input type=radio name=gOrder2 id=gOrder20 onchange=changeGraphOrder(this) value=Wind><label for=gOrder20>Wind</label><td><input type=radio name=gOrder2 id=gOrder21 onchange=changeGraphOrder(this) value=Pressure><label for=gOrder21>Pressure</label><td><input type=radio name=gOrder2 id=gOrder22 onchange=changeGraphOrder(this) value=Temperature><label for=gOrder22>Temperature</label></table></span></fieldset><fieldset class=settingFieldset id=dureeFieldset><legend>Graph time length / refresh</legend>
+<span><table id=tblGraphOrder><tbody><tr><td>Upper graph:<td><input type=radio name=gOrder0 id=gOrder00 onchange=changeGraphOrder(this) value=Wind><label for=gOrder00>Wind</label><td><input type=radio name=gOrder0 id=gOrder01 onchange=changeGraphOrder(this) value=Pressure><label for=gOrder01>Pressure</label><td><input type=radio name=gOrder0 id=gOrder02 onchange=changeGraphOrder(this) value=Temperature><label for=gOrder02>Temperature</label><tr><td>Middle graph:<td><input type=radio name=gOrder1 id=gOrder10 onchange=changeGraphOrder(this) value=Wind><label for=gOrder10>Wind</label><td><input type=radio name=gOrder1 id=gOrder11 onchange=changeGraphOrder(this) value=Pressure><label for=gOrder11>Pressure</label><td><input type=radio name=gOrder1 id=gOrder12 onchange=changeGraphOrder(this) value=Temperature><label for=gOrder12>Temperature</label><tr><td>Bottom graph:<td><input type=radio name=gOrder2 id=gOrder20 onchange=changeGraphOrder(this) value=Wind><label for=gOrder20>Wind</label><td><input type=radio name=gOrder2 id=gOrder21 onchange=changeGraphOrder(this) value=Pressure><label for=gOrder21>Pressure</label><td><input type=radio name=gOrder2 id=gOrder22 onchange=changeGraphOrder(this) value=Temperature><label for=gOrder22>Temperature</label><tr class=borderSup><td colspan=2>Y scale position:<td><input type=radio name=scalesP id=scalesPL onchange=changeScalesPos(this) value=left><label for=scalesPL>Left</label><td><input type=radio name=scalesP id=scalesPR onchange=changeScalesPos(this) value=right><label for=scalesPR>Right</label></table></span></fieldset><fieldset class=settingFieldset id=dureeFieldset><legend>Graph time length / refresh</legend>
 <span class=nowarp><input type=radio name=rDuree id=d500 value=500 onchange=changeDuree(500) checked>
 <label for=d500>5 mn / 0.5 s</label>
 &nbsp;