The Alternative Interface (ai.cmx): Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
m
(19 intermediate revisions by the same user not shown)
Line 21: Line 21:
*The '''Header''' and '''Footer''' are both fixed by default.  This can be changed by you if required.
*The '''Header''' and '''Footer''' are both fixed by default.  This can be changed by you if required.
*The '''Menu''' has been adapted to take less space but includes a button to return to the default '''Interface''' pages.
*The '''Menu''' has been adapted to take less space but includes a button to return to the default '''Interface''' pages.
*The header area is now better at being responsive on small screens - reducing in size to give you more space for your data.
=====Viewing generated data=====
=====Viewing generated data=====
*The '''Dashboard''' page
*The '''Dashboard''' page
Line 26: Line 27:
**The '''Sun and Moon''' rise & setting times are displayed in a popup; again using the button in the page title bar.
**The '''Sun and Moon''' rise & setting times are displayed in a popup; again using the button in the page title bar.
**The Temperature, Pressure, Winds & Rain panels will flash when a new record is set
**The Temperature, Pressure, Winds & Rain panels will flash when a new record is set
**For those users with Davis weather stations, you can see '''Packets''' data, '''CRC errors''' and the percentage failure rate.<br/>I have found that this last piece of info is a good indicator for when the battery needs changing.
**For those users with Davis weather stations, you can see '''Packets''' data, '''CRC errors''' and the percentage failure rate.<br/>I have found that this last piece of info is a good indicator for when the battery needs changing.  This option toggles across sessions so if you hide them they stay hidden until you choose to view them again.
*The '''Charts''' pages
*The '''Charts''' pages
**All charts can be zoomed, i.e., you can swipe the mouse over parts of the chart to view readings in detail.
**All charts can be zoomed, i.e., you can swipe the mouse over parts of the chart to view readings in detail.
Line 38: Line 39:
*The '''Data Logs''' Menu
*The '''Data Logs''' Menu
**All pages automatically load data when the pages open.
**All pages automatically load data when the pages open.
**The '''Readings Logs''' and '''Extra Data Logs''' pages display the last 7 days of entries but this can be changed using the popup calendar.  
**The '''Readings Logs''' and '''Extra Data Logs''' pages display the last 7 days of entries but this can be changed using the popup calendar.<br/>These tables also display metric units for all appropriate data.  If you use other units then you will need to edit the three html files.  (Details are in the 'readme' file included in the download).
*The Settings Menu<br/>This menu provides access to the same pages as in the default system although some have been redesigned
*The '''Settings''' Menu<br/>This menu provides access to the same pages as in the default system although some have been redesigned
**The '''MySQL Settings''' page has been made into two columns.
**The '''MySQL Settings''' page has been made into two columns.
**The '''Alarm Settings''' page has simply been tidied up.
**The '''Alarm Settings''' page has simply been tidied up.
*The '''Edit...''' Menu
*The '''Edit...''' Menu
**The rain editor is now much narrower and the shading on read-only entries made more obvious.
**The '''rain editor''' is now much narrower and the shading on read-only entries made more obvious.
**'''Weather Conditions Editor'''
**'''Weather Conditions Editor'''
***This is a new page that combines the old ''Current Conditions'' & ''Weather Diary'' pages.<br/>The original pages are still available but not in the menu.  This can be edited to display the original pages if preferred.
***This is a new page that combines the old ''Current Conditions'' & ''Weather Diary'' pages.<br/>The original pages are still available but not in the menu.  This can be edited to display the original pages if preferred.
*The four '''Edit Records...''' pages
*The four '''Edit Records...''' pages
**These are esentially the same except that editing is done using a popup box rather than in-line.<br/>This simply avoids the tables becoming confusing on small screens.
**These are esentially the same except that editing is done using a popup box rather than in-line.<br/>This simply avoids the tables becoming confusing on small screens.
*The '''Theme...''' menu
*The '''AI Settings...''' menu
**Gives you access to the various theme colour styles available.<br/>Selecting a theme makes it active for the current session '''only'''.<br/>To make it ''permanent'' you need to click the '''Use as default''' button.
**Gives you access to the various theme colour styles available.<br/>Selecting a theme makes it active for the current page '''only'''.<br/>To make it ''permenant'' you need to click the '''Use for all pages''' button.
**Enables you to change the status of the header and footer from static to scrolling - either or both.
**You can now also adjust the gap between the body of the page and the header and footer.
----
----
===Screen Shots===
===Screen Shots===
Below are a number of screenshots of various pages.
Below are a number of screenshots of various pages.
Line 66: Line 70:
AI_Weather_Records.png|Showing the weather records.
AI_Weather_Records.png|Showing the weather records.
AI_Extra_Sensors.png|Version 2 of this page enables you to re-order each block to suite your weather station resources
AI_Extra_Sensors.png|Version 2 of this page enables you to re-order each block to suite your weather station resources
The_AI_Settings_page.png|Build 3 showing the new AI Settings page
</gallery>
</gallery>
All the above are taken from my current Version 2 of the Interface except the last two.
All the above are taken from my current Version 2 of the Interface except the last two.
Line 74: Line 79:


The following JavaScript files are additions for the AI.
The following JavaScript files are additions for the AI.
*'''Charts-Plus.js''': This script handles all buttons on the ''Readings'' and ''Historic'' charts pages.
*'''AI-Charts-Plus.js''': This script handles all buttons on the ''Readings'' and ''Historic'' charts pages.
*'''Page-Manager.js''': This script is a utility used by all pages to control the layout, obtain the CumulusMX Version data, handle the selected theme and various other utilities.
*'''AI-Page-Manager.js''': This script is a utility used by all pages to control the layout, obtain the CumulusMX Version data, handle the selected theme and various other utilities.<br/>If you have hidden the 'Davis Stats Panel' on the Dashboard then this script makes sure it is hidden the next time you open the page.
*'''Theme-Manager.js''': This script is only used by the ''Theme...'' page to enable you to change the colour theme for the site.
*'''AI-Configure.js''': This script is only used to configure the AI: Static or scrolling header/footer and gapes between them and the main body. You can also change the colour theme for the site.
 
This package also includes the gauges.js file in th esteelseries library - it has been modified to make to make the tooltips use the theme, and the datatables editor library again to make use of the themes.  


====Things you can change easily====
====Things you can change easily====
As already mentioned, the ''Header'' and ''Footer'' area of the site is static by default - i.e. they are always on page.  To change this you need to edit the '''Page-Manager.js''' script as indicated below:
As already mentioned, the ''Header'' and ''Footer'' area of the site is static by default - i.e. they are always on page.  To change this use the '''AI-Config.html''' pageIt can also be used to make the header and/or footer scroll and change the gap between the body of the page and the header/footer.
 
On lines 8 and 9 there are two variables: '''fixedBanner''' and '''fixedFooter'''.  Both are currently set to ''true''.  If either, (or both), are set to ''false'' then that feature will move as the page scrolls.


Above these lines; i.e. lines 6 and 7 are two more variables '''topMargin''' and '''footerMargin'''.  These control the space between the Header and Footer respectively.  Changing these will adjust the space no matter whether the Header or Footer are static or not.  Feel free to adjust as required.
 
  Page under development.  All information is, however, still current.
 
==Download the latest version==
==Download the latest version==
Download the latest current version: [https://cumuluswiki.org/images/7/7c/Ai-cmx-latest.zip||"CumulusMX AI v2"] (''Updated 31st December 2021 @ 17:33'')
Download the latest current version: [https://cumuluswiki.org/images/c/c2/Ai.cmx.zip the latest ai.cmx ] (''Updated 7th February 2022 @ 10:06'')


This update accommodates the latest update from Mark - build 3160.
This update accommodates the latest update from Mark - build 3169


==Installation==
==Installation==
313

edits

Navigation menu