
README - CumulusMX Build 3169 003 AI
================================

Date: 31st January 2022
-----------------------

This update contains the full CumulusMX AI package

It is suitable for any installation of CumulusMX and provides an 
ALTERNATIVE to the default Interface provided with CumulusMX.  

  It should NOT be used as a replacement
  --------------------------------------

Changes

This version makes significant use of flex containers making it possible, where used to re-order any of the immediate child elements with the use of the 'order: x' style.

By default elements are displayed in the order in which I have coded them.  By setting the order style to any positive whole number, you can change their displayed order.  If you give any two (or more) elements the same order number, then they revert to the order in which they were coded.

The second major change with this build is that you can now use the AI-Settings' page to change the theme, and the status of the header and footer. 
By default, both these elements are 'locked' to the top and bottom of the screen.  You can use the AI-Settings page to make either or both of them scroll.  You can also change the gap between the body of the page and the header / footer.

This means you no longer have to edit html pages to make these changes.

The 'Show Davis Stats' button on the dashboard now stores its state so if you leave the Davis Stats hidden and return to the page at any time it will still be hidden.

The 'Data Logs' and 'Extra Data Logs' pages load data covering last 7 days to the current day by default.

The thre pages provided to edit the 'Dayfile' and 'Data Logs' & 'Extra Data Logs'the add units to the various columns but these are hard coded into a '<style>' section at the top of each relevant page.  These are set to use metric units.  If you use other units then you will need to edit all three pages as shown below.  It is the 'content: "  ", part.

/*	Units	*/
/*	You need to manually edit the following styles to match your units	*/
#datalog tbody .tempUnits:after     { content:"°C";    font-size: 8px; padding-left: 2px; vertical-align: text-top;}
#datalog tbody .windUnits:after     { content:"kmh";   font-size: 8px; padding-left: 2px; vertical-align: baseline;}
#datalog tbody .rainUnits:after     { content:"mm";    font-size: 8px; padding-left: 2px; vertical-align: baseline;}
#datalog tbody .percent:after       { content:"%";     font-size:10px; padding-left: 2px; vertical-align: text-top;}
#datalog tbody .rainRateUnits:after { content:"mm/hr"; font-size: 8px; padding-left: 2px; vertical-align: baseline;}
#datalog tbody .pressUnits:after    { content:"hPa";   font-size: 8px; padding-left: 2px; vertical-align: baseline; }
#datalog tbody .degrees:after       { content:"°";     font-size:10px; padding-left: 2px; vertical-align:text-top;}
#datalog tbody .hours:after         { content:"hrs";   font-size: 8px; padding-left: 2px; vertical-align:baseline;}

To change this to just the current day, edit the js/datalogs.js or js/extradatalogs.js file line 10 to remove (or change) the subtraction.

  
