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

From Cumulus Wiki
Jump to navigationJump to search

The Alternative Interface (ai.cmx) (view source)

Revision as of 15:47, 28 April 2023

16 bytes removed ,  15:47, 28 April 2023
m
→‎Features of AI2
(16 intermediate revisions by the same user not shown)
Line 4: Line 4:
=== Overview ===
=== Overview ===


Following the release of the responsive default website for CumulusMX, I have now produced an alternative interface (AI) for administrating your CumulusMX installation.
The AI version 2 is here.  This is a major upgrade involving a complete rewrite of the HTML and Javascript.  Any errors in the last release of version 1 have been corrected and new features included:


As with the default interface it provides views of your weather readings and history and also enables you to configure and change your settings.  You can also change the way the AI looks.
=== Features of AI2 ===


It comes with 30+ themes that can applied to the Interface to personalise it.  If you are familiar with css rules, you can even create your own themes.
Dark Mode has been implemented and 32 dark mode themes included to match the original.  Please note that these themes are no longer compatible with the default website.
 
Significant, but not exhaustive improvements have been added for accessibility.  Anyone requiring thee features with knowledge of how to improve the AI2 should contact me.
 
Page layouts have been improved and those pages with multiple panels can now be re-arranged by changing their order style in the html files.
 
Download AI2 here (Updated 16:45 on 28th April 2023) for build 3241
[[File:AI2.zip|Download Version 2 here]]
 
Please note that neither 'General Settings' or 'Advanced option' on the Internet settings ~ web/FTP' page doesn't expand.  Please use the default interface for this if required.  All other features work as required.


=== How it fits with the existing inteface ===
=== How it fits with the existing inteface ===
Line 23: Line 32:
=====Viewing generated data=====
=====Viewing generated data=====
*The '''Dashboard''' page
*The '''Dashboard''' page
**Shows the '''alarm LEDs''' at the top of the page.<br/>(These can be hidden/re-displayed using the button provided with the page title).
**Shows the '''alarm LEDs''' at the top of the page. These can be hidden/re-displayed using the button provided with the page title.
**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
**For those users with Davis weather stations, you can see '''Packets''' data, '''CRC errors''' and the percentage failure rate. 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.
**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 48: Line 56:
**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 not included in the latest zip file.
**This is a new page that combines the old ''Current Conditions'' & ''Weather Diary'' pages. The original pages are not included in the latest zip file.
*The four '''Edit Records...''' pages
*The four '''Edit Records...''' pages
**These are essentially the same as the default interface.  Cosmetic changes have been made to the popups.
**These are essentially the same as the default interface.  Cosmetic changes have been made to the popups.
Line 55: Line 63:
**The FTP and Dayfile options load the same page with both options available.
**The FTP and Dayfile options load the same page with both options available.
**Custom Logs loads the same page as the 'Settings' menu.
**Custom Logs loads the same page as the 'Settings' menu.
**'AI Settings...' gives you access to the various theme colour styles available.<br/>To view the them on this page use the appropriate button or selecting 'Use for all pages' will make the change permenantly.
**'AI Settings...' gives you access to the various theme colour styles available. To view the them on this page use the appropriate button or selecting 'Use for all pages' will make the change permenantly.
**You also have the option to reset the theme to the default.
**You also have the option to reset the theme to the default.
**It also enables you to change the status of the header and footer from static to scrolling - either or both and adjust the gap between the body of the page and the header and footer.
**It also enables you to change the status of the header and footer from static to scrolling - either or both and adjust the gap between the body of the page and the header and footer.
Line 91: Line 99:


This package also includes:
This package also includes:
* the '''gauges.js''' file in the ''steelseries'' library - it has been modified to make to make the ''tooltips'' use the theme,  
*The '''gauges.js''' file in the ''steelseries'' library - it has been modified to make to make the ''tooltips'' use the theme,  
* and the "datatables editor" library - again modified to make use of the themes.  
*The '''datatables''' and '''datatables editor''' library - again modified to make use of the themes.
 
*Finally the '''PopupOverley''' library for the same reasons.  This will be removed in the next release.
====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 use the '''AI-Config.html''' page.  It 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.
 
==Download the latest version==
Download the latest current version: [https://cumuluswiki.org/images/c/c2/Ai.cmx.zip the latest ai.cmx ] (''Updated 14<sup>th</sup> Feb 2022 @ 15:00'')
 
This update accommodates the latest update from Mark - version 3.23.1 build 3221.  It includes the additional custom logs feature.  Please do not use with previous versions of CumulusMX as it will generate errors due to the changes to the main interface.


For full history of changes to the zip see [[File:Ai.cmx.zip|File:Ai-cmx.zip page]].
===Known Issues===
At the moment I have not been able to make the AI open the ''Internet Settings'' ~ ''Web/Upload Site'' ~ ''Advanced Settings'' panel. As this is only for very specific issues you may well not need to access it, but if you do, then simply use the default interface until I post a solution.


==Installation==
==Installation==
Line 110: Line 112:


You are then ready to start using it.  If you use the url: '''<nowiki>http://localhost:8998/</nowiki>''' to run your normal interface, you can simply add the folder name to the end like so:
You are then ready to start using it.  If you use the url: '''<nowiki>http://localhost:8998/</nowiki>''' to run your normal interface, you can simply add the folder name to the end like so:
'''<nowiki>http://localhost:8998/ai.cmx/</nowiki>'''.  (''Note the trailing backslash'')
'''<nowiki>http://localhost:8998/ai2/</nowiki>'''.  (''Note the trailing backslash'')


Of course localhost can be replaced with the IP address of the machine running CumulusMX.  Using the IP address of your CumulusMX computer, you can also brows to it from another computer on your ''local'' network.
Of course localhost can be replaced with the IP address of the machine running CumulusMX.  Using the IP address of your CumulusMX computer, you can also brows to it from another computer on your ''local'' network.
NeilThomas
313

edits

Retrieved from "https://www.cumuluswiki.org/a/Special:MobileDiff/11202...11262"

Navigation menu