Activity_Monitor.groovy

/**  Authors Notes:
*  For more information on Activity Monitor & Attribute Monitor check out these resources.
*  Original posting on Hubitat Community forum: https://community.hubitat.com/t/release-tile-builder-build-beautiful-dashboards/118822
*  Tile Builder Documentation: https://github.com/GaryMilne/Hubitat-TileBuilder/blob/main/Tile%20Builder%20Help.pdf
*
*  Copyright 2022 Gary J. Milne  
*  Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
*  on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License
*  for the specific language governing permissions and limitations under the License.

*  License:
*  You are free to use this software in an un-modified form. Software cannot be modified or redistributed.
*  You may use the code for educational purposes or for use within other applications as long as they are unrelated to the 
*  production of tabular data in HTML form, unless you have the prior consent of the author.
*  You are granted a license to use Tile Builder in its standard configuration without limits.
*  Use of Tile Builder in it's Advanced requires a license key that must be issued to you by the original developer. TileBuilderApp@gmail.com
*
*  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the
*  implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
*
*  CHANGELOG
*  Version 1.0.0 - Internal
*  Version 1.0.1 - Cleaned up some UI pieces. Removed tile1 as the default when publishing so that it is a conscious choice to avoid overrides.
*  Version 1.0.2 - Fixed bug with 'No Selection' in UI. Changed logic to handle 0 rows in table. 
*  Version 1.0.3 - Allows 'Tables' with only a title for use as a placeholder on the Dashboard. 
*  Version 1.0.4 - Added logic to hide\show publishing buttons based on required fields.
*  Version 1.0.5 - Consolidate Attribute Monitor and Activity Monitor into unified code.
*  Version 1.0.6 - Added removal of all items with opacity=0 from the final HTML.
*  Version 1.0.7 - Added custom size option for preview window.
*  Version 1.0.8 - Added append option on overrides. Added extra options to sample overrides. 
*  Version 1.0.9 - Fixed issue with importing of overrides string.
*  Version 1.1.0 - Added %count% as a macro for number of displayed records. Useful for scrolling windows or null results.
*  Version 1.1.1 - Added tags for #high1# and #high2# for modifying highlight classes. Provides an alternate method of formatting a result vs using a class.
*  Version 1.1.2 - Added filtering ability for integer and float values. Made filtering an advanced feature.
*  Version 1.1.3 - Added ability to merge Column header fields.                                
*  Version 1.1.4 - Fixed bug with display of floating point numbers when filtering is enabled.
*  Version 1.2.0 - Cleaned up a variety of message text. Version revved to match other components and Help file for first public release.
*  Version 1.2.1 - Minor bug fix relating to the handling of Units
*  Version 1.2.2 - Roughed in File Support
*  Version 1.2.3 - Convert Overrides from string to textarea.
*  Version 1.2.4 - Update screen handling for > 1024. Eliminate #pre# and #post#, add animation examples to overrides helper.
*  Version 1.2.5 - Splits Overrides Helper examples into categories for easier navigation.
*  Version 1.2.6 - Expanded Keywords and Thresholds to 5 values. Added 'isCompactDisplay' to free up some screen space.
*  Version 1.2.7 - Fixed bug in applyStyle not handling "textArea" data type introduced in 1.2.3 
*  Version 1.2.8 - Cleaned up handling of some style settings.
*  Version 1.3.0 - Multiple updates and fixes. Implements %value% macro, use search and replace strings vs just strip strings. Added button type to Activity Monitor list, added valve, healthStatus and variable types, added padding to floats, \
*                  reduced floating point options to 0 or 1. Added opacity option to table background. Converted Thresholds to use numbered comparators. Changed storage of #top variables. Implemented supportFunction for child recovery.
*  Version 1.3.1 - Added null checking to multiple lines to correct app errors, especially when picking "No Selection" which returns null. Fixed bug with substituting values for fields #22 and #27. Fixed bug when subscribing to camelCase attributes.
*  Version 1.4.0 - Added improvements first introduced in Multi-Attribute Monitor such as Attribute and Color compression. Added %time1% and %time2% for proper 24hr and 12hr times. Added selector for Device Naming. Added attribute "level". Updated Threshold operators and variables from using numbers 1-5 to 6-10.
*  Version 1.4.1 - Bugfix: Make sure that the eventTimeout variable has a value if detected as null.
*  Version 1.4.2 - Bugfix: Units were not displaying when selected.
*  Version 1.4.3 - Cosmetic Changes to the Menu Bar and Title. Adds a counter to a comment field for results > 1024 which ensures that every update is unique and causes the file to be reloaded in the Dashboard on any change. Added Character Replacement capability.
*  Version 1.4.4 - Bugfix: Added ternary operators in highlightValue for float values that come back as null because the attribute is not populated.
*  Version 1.4.5 - Bugfix: Incorrect Module Name
*  Version 1.4.6 - Bugfix: Correct issue with logic in highlightValue related to use of Ternary operators (introduced v1.4.4). Corrected issue with duplicate units under some conditions.
*  Version 1.4.7 - Added Minimum Republish interval as introduced in Grid 1.0. Only applies to Attribute Monitor.
*  Version 1.4.8 - Bugfix: Corrected issue with newly initialised variables.
*  Version 1.4.9 - Bugfix: Improved handling of the lastPublished info and checking. Better null handling for input controls.
*  Version 1.5.0 - Bugfix: Added error handling when the device has a Null value for a monitored attribute.
*  Version 1.5.1 - Feature: Expanded the Device Name Modification from 3 to 5 values. - No External Release
*  Version 1.5.2 - Feature: Added Cloud Endpoints as a publishing option for output > 1,024 bytes.
*  Version 1.5.3 - Bugfix: Handle errors that are caused by OAuth not being enabled on the app. Cloud Endpoints only active as needed.
*
*  Gary Milne - July 15th, 2024
*
*  This code is Activity Monitor and Attribute Monitor combined.
*  The personality is dictated by @Field static moduleName a few lines ahead of this.
*  You must comment out the moduleName line that does not apply.
*  You must also comment out the 3 lines in the definition that do not apply.
*  That is all that needs to be done.
*
**/

import groovy.transform.Field
//These are supported capabilities. Layout is "device.selector":"attribute".  Keeping them in 3 separate maps makes it more readable and easier to identify the sort criteria.
@Field static final capabilitiesInteger = ["airQuality":"airQualityIndex", "battery":"battery", "colorTemperature":"colorTemperature","illuminanceMeasurement":"illuminance", "signalStrength":"rssi", "switchLevel":"level"]
@Field static final capabilitiesString = ["*":"variable","carbonDioxideDetector":"carbonMonoxide", "contactSensor":"contact", "healthCheck":"healthStatus", "lock":"lock", "motionSensor":"motion", "presenceSensor":"presence", "smokeDetector":"smoke", "switch":"switch", "valve":"valve", "waterSensor":"water", "windowBlind":"windowBlind"]
//The first field has to be unique so we append the capability with a number so that all of the entries appear in the list even when the capability is really the same. Without this we can only use "*" once.
//These three are used by Zigbee Monitor Driver.
@Field static final capabilitiesCustom = ["signalStrength1":"deviceNeighbors", "signalStrength2":"deviceRepeaters", "signalStrength3":"deviceRoutes", "signalStrength4":"deviceChildren", "signalStrength5":"deviceChildCount", "signalStrength6":"deviceRouteCount", "signalStrength7":"deviceRepeaterCount"]
@Field static final capabilitiesFloat = ["currentMeter": "amperage", "energyMeter":"energy", "powerMeter":"power", "relativeHumidityMeasurement":"humidity", "temperatureMeasurement":"temperature","voltageMeasurement":"voltage"]
//These are unknown as to whether they report integer or float values.
//capabilitiesUnknown = [" "carbonDioxideMeasurement":"carbonDioxide","pressureMeasurement":"pressure","relativeHumidityMeasurement":"humidity", "ultravioletIndex":"ultravioletIndex"]

//Cloud Endpoint Mapping
mappings { path("/tb") { action: [GET: "getTile"] } }

@Field static final codeDescription = "<b>Tile Builder Activity Monitor v1.5.3 (7/15/24)</b>"
@Field static final codeVersion = 153
@Field static final moduleName = "Activity Monitor"
//@Field static final moduleName = "Attribute Monitor"

definition(
    name: "Tile Builder - Activity Monitor",
    description: "Monitors a list of devices to look for those that are inactive\\overactive and may need attention. Publishes an HTML table of results for a quick and attractive display in the Hubitat Dashboard environment.",
    importUrl: "https://raw.githubusercontent.com/GaryMilne/Hubitat-TileBuilder/main/Activity_Monitor.groovy",
    //name: "Tile Builder - Attribute Monitor",
    //description: "Monitors a single attribute for a list of devices. Publishes an HTML table of results for a quick and attractive display in the Hubitat Dashboard environment.",
    //importUrl: "https://raw.githubusercontent.com/GaryMilne/Hubitat-TileBuilder/main/Attribute_Monitor.groovy",
    namespace: "garyjmilne",
    author: "Gary J. Milne",
    category: "Utilities",
    iconUrl: "",
    iconX2Url: "",
    iconX3Url: "",
    singleThreaded: true,
    parent: "garyjmilne:Tile Builder",
    installOnOpen: true
)

preferences {
    page(name: "mainPage")
    if (moduleName == "Activity Monitor") page (name: "devicePage")
}

def mainPage() {
    //Basic initialization for the initial release
    if (state.initialized == null ) initialize()
        
    //Handles the initialization of new variables added after the original release.
    if (state.variablesVersion == null || state.variablesVersion < codeVersion) updateVariables()
    
    //Checks for critical Null values that can be introduced by the user by clicking "No Selection" in an enum dialog.
    checkNulls()

    //Checks to see if there are any messages for this child app. This is used to recover broken child apps from certain error conditions
    //Although this function is complete I'm leaving it dormant for the present release - 1.4.0
    myMessage = parent.messageForTile( app.label )
    if ( myMessage != "" ) supportFunction ( myMessage )
    
    if (moduleName == "Attribute Monitor") {
        //See if the user has selected a different capability. If so a flag is set and the device list is cleared on the refresh.
        isMyCapabilityChanged()
        }
    refreshTable()
    refreshUIbefore()
    def pageTitle = (parent.checkLicense() == true) ? moduleName + " - Advanced" : moduleName + " - Standard";
    dynamicPage(name: "mainPage", title: titleise("<center><h2>$pageTitle</h2></center>"), uninstall: true, install: true, singleThreaded:true) {
    //paragraph buttonLink ("test", "test", 0)
        
    section{
        if (state.show.Devices == true) {
        //paragraph buttonLink ("test", "test", 0) //Used for temporary testing.
            if (moduleName == "Attribute Monitor"){
                input(name: 'btnShowDevices', type: 'button', title: 'Select Device and Attributes ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲
                capabilities = capabilitiesInteger.clone() + capabilitiesString.clone() + capabilitiesFloat.clone() + capabilitiesCustom.clone()
                newCapabilityString = ""
                //This input device list the items by attribute name but actually returns the capability.
                input (name: "myCapability", title: "<b>Select the Attribute to Monitor</b>", type: "enum", options: capabilities.sort{it.value} , submitOnChange:true, width:3, defaultValue: 1)
                //Retreive the attribute type and save it to state.
                state.myAttribute = capabilities.get(myCapability)
                //If the capability is found in list1 it must be numeric. We use the flag for logic control later when Thresholds are implemented.
                if (isLogInfo) log.info ("myCapability is: $myCapability and state.myAttribute is: $state.myAttribute")
                if (capabilitiesInteger.get(myCapability) != null) state.attributeType = "Integer"
                if (capabilitiesFloat.get(myCapability) != null) state.attributeType = "Float"
                if (capabilitiesString.get(myCapability) != null) state.attributeType = "String"
                 // Check if the last character is a digit. If it is then remove it.
                if (myCapability && myCapability[-1] =~ /\d/) { newCapabilityString = myCapability[0..-2] }
                else newCapabilityString = myCapability
                input "myDeviceList", "capability.$newCapabilityString", title: "<b>Select Devices to Monitor</b>" , multiple: true, required: false, submitOnChange: true, width: 4
            }
        
            if (moduleName == "Activity Monitor"){
                input(name: 'btnShowDevices', type: 'button', title: 'Select Attribute and Devices ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲
                input (name: "useList", title: "<b>Use List</b>", type: "enum", options: [1:"All Devices", 2:"Battery Devices", 3:"Motion Devices", 4:"Presence Sensors", 5:"Switches", 6:"Contact Sensors", 7:"Temperature Sensors", 8:"Buttons"], required:true, state: selectOk?.devicePage ? "complete" : null, submitOnChange:true, width:2, defaultValue: 1)
                if (useList == "1" ) input "devices1", "capability.*", title: "All Devices to be monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "2" ) input "devices2", "capability.battery", title: "Battery Devices to be Monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "3" ) input "devices3", "capability.motionSensor", title: "Motion Detectors to be Monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "4" ) input "devices4", "capability.presenceSensor", title: "Presence Sensors to be Monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "5" ) input "devices5", "capability.switch", title: "Switches to be Monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "6" ) input "devices6", "capability.contactSensor", title: "Contacts to be monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "7" ) input "devices7", "capability.temperatureMeasurement", title: "Temperature Sensors to be monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (useList == "8" ) input "devices8", "capability.button", title: "Buttons to be monitored" , multiple: true, required: false, defaultValue: null, width: 6
                if (isLogInfo) log.info ("devicePage: useList is:*${useList}*")
            }                                                                                                                                                                                               
        }
        else input(name: 'btnShowDevices', type: 'button', title: 'Select Attribute and Devices ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3)  //▼ ◀ ▶ ▲
        paragraph line(2)
            
        if (state.show.Report == true) {
            input(name: 'btnShowReport', type: 'button', title: 'Select Report Options ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲
                
            if (moduleName == "Activity Monitor") input (name: "inactivityThreshold", title: "<b>Inactivity threshold</b>", type: "enum", options: parent.inactivityTime(), submitOnChange:true, width:2, defaultValue: 24)
            input (name: "myDeviceLimit", title: "<b>Device Limit Threshold</b>", type: "enum", options: parent.deviceLimit(), submitOnChange:true, width:2, defaultValue: 20)
            input (name: "myDeviceNaming", title: "<b>Device Naming Scheme</b>", type: "enum", options: ['Use Device Name', 'Use Device Label'], submitOnChange:true, width:2, defaultValue: "Use Device Label", newLine:false)    
            input (name: "myTruncateLength", title: "<b>Truncate Device Name</b>", type: "enum", options: parent.truncateLength(), submitOnChange:true, width:2, defaultValue: 20)
            input (name: "mySortOrder", title: "<b>Sort Order</b>", type: "enum", options: sortOrder(), submitOnChange:true, width:2, defaultValue: 1 )  //Sort alphabetically by device name
            if (moduleName == "Attribute Monitor") input (name: "myDecimalPlaces", title: "<b>Decimal Places</b>", type: "enum", options: [0,1], submitOnChange:true, width:2, defaultValue: 1)
            if (moduleName == "Attribute Monitor") input (name: "myUnits", title: "<b>Units</b>", type: "enum", options: parent.unitsMap() , submitOnChange:true, width:2, defaultValue: "None")                                                                                                                                                
            
            input (name: "isShowDeviceNameModification", type: "bool", title: "<b>Show Device Name Modification</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 3, newLine:true )    
            input (name: "isAbbreviations", type: "bool", title: "<b>Use Abbreviations in Device Names</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 3 )    
            
            if (isShowDeviceNameModification == true) {
                input (name: "mySearchText1", title: "<b>Search Device Text #1</b>", type: "string", submitOnChange:true, width:2, defaultValue: "?", newLine:true)
                input (name: "myReplaceText1", title: "<b>Replace Device Text #1</b>", type: "string", submitOnChange:true, width:2, defaultValue: "")
            
                input (name: "mySearchText2", title: "<b>Search Device Text #2</b>", type: "string", submitOnChange:true, width:2, defaultValue: "?", newLine:true)
                input (name: "myReplaceText2", title: "<b>Replace Device Text #2</b>", type: "string", submitOnChange:true, width:2, defaultValue: "")
            
                input (name: "mySearchText3", title: "<b>Search Device Text #3</b>", type: "string", submitOnChange:true, width:2, defaultValue: "?", newLine:true)
                input (name: "myReplaceText3", title: "<b>Replace Device Text #3</b>", type: "string", submitOnChange:true, width:2, defaultValue: "")
                
                input (name: "mySearchText4", title: "<b>Search Device Text #4</b>", type: "string", submitOnChange:true, width:2, defaultValue: "?", newLine:true)
                input (name: "myReplaceText4", title: "<b>Replace Device Text #4</b>", type: "string", submitOnChange:true, width:2, defaultValue: "")
                
                input (name: "mySearchText5", title: "<b>Search Device Text #5</b>", type: "string", submitOnChange:true, width:2, defaultValue: "?", newLine:true)
                input (name: "myReplaceText5", title: "<b>Replace Device Text #5</b>", type: "string", submitOnChange:true, width:2, defaultValue: "")
            }
        
            if (moduleName == "Activity Monitor") myText = "<b>Inactivity Threshold:</b> Only devices without activity since the threshold are eligible to be reported on. Using an inactivity time of 0 can be used to generate a most recently active list.<br>"
            if (moduleName == "Attribute Monitor") myText = ""
                myText += "<b>Device Threshold Limit:</b> This limits the maximum number of devices that can appear in the table. The actual number of devices may be less depending on other parameters. Lowering the number of devices is one way to reduce the size of the table but usually less effective " +\
                    "than eliminating some of the formatting elements available in the table customization options.<br>"
                myText += "<b>Truncate Device Name:</b> This can shorten the name of the device to improve table formatting as well as reduce the size of the overall data.<br>"
                myText += "<b>Sort Order:</b> Changes the sort order of the results allowing the creation of reports that show most active devices as well as least active. Longest inactivity would be good for detecting down devices, perhaps with failed batteries. Shortest inactivity would be useful for " +\
                    "activity monitoring such as contacts, motion sensors or switches.<br>"
                myText += "<b>Decimal Places:</b> Allows you to format floating point data. Saves space and has neater presentation. This value does not affect any of the comparisons performed in filtering or highlighting.<br>"
                myText += "<b>Units:</b> You can append units to the data in the table. Unit options with a leading '_' places a space between the numeric value and the unit.<br>"
                myText += "<b>Replace Device Text:</b> Allows you to strip\\replace unwanted strings from the device name, such as ' on Office' for meshed hubs or a ' -' after truncating at the second space for a hyphenated name."
                paragraph summary("Report Notes", myText)    
        }
        else input(name: 'btnShowReport', type: 'button', title: 'Select Report Options ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3)  //▼ ◀ ▶ ▲
        paragraph line(2)
            
        //Filter Results based on value
        if (moduleName == "Attribute Monitor" && parent.checkLicense() == true) {
            if (state.show.Filter == true) {
                input(name: 'btnShowFilter', type: 'button', title: 'Select Filter Options ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲        
                input (name: "myFilterType", title: "<b>Filter Type</b>", type: "enum", options: parent.filterList(), submitOnChange:true, width:2, defaultValue: 0, newLine:false)    
                if (myFilterType != null && myFilterType.toInteger() >= 1 ) input (name: "myFilterText", title: "<b>Enter Comparison Value</b>", type: "string", submitOnChange:true, width:3, defaultValue: "")
                paragraph summary("Filter Notes", parent.filterNotes() )      
            }
            else input(name: 'btnShowFilter', type: 'button', title: 'Select Filter Options ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3)  //▼ ◀ ▶ ▲
            paragraph line(2) 
        }
        
        //Section for customization of the table.
        if (state.show.Design == true) {
            input (name: 'btnShowDesign', type: 'button', title: 'Design Table ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLine: true, newLineAfter: true)  //▼ ◀ ▶ ▲
            //input (name: "Refresh", type: "button", title: "<big>🔄 Refresh Table 🔄</big>", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 2)
            input (name: "Refresh", type: "button", title: "Refresh Table", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 2)
            input (name: "isCustomize", type: "bool", title: "Customize Table", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2 )
             
            if (isCustomize == true){
                //Allows the user to remove informational lines.
                input (name: "isCompactDisplay", type: "bool", title: "Compact Display", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2 )
                
                //Set the default advancedStyle to be disabled (non-activated) and overwrite it if the app is activated.
                advancedStyle = "<td style='background-color:#CCCCCC;pointer-events:none !important' .td:hover{box-shadow: 0 5px 0 0 gray !important;padding:0px}>"
                if (parent.checkLicense() == true ) advancedStyle = "<td>"
                //Setup the Table Style
                paragraph "<style>#buttons {font-family: Arial, Helvetica, sans-serif;width:100%;text-align:'Center'} #buttons td,tr {background:#00a2ed;color:#FFFFFF;text-align:Center;opacity:0.75;padding: 8px} #buttons td:hover {background: #27ae61;opacity:1}</style>"
                part1 = "<table id='buttons'><td>"  + buttonLink ('General', 'General', 1) + "</td><td>" + buttonLink ('Title', 'Title', 2) + "</td><td>" + buttonLink ('Headers', 'Headers', 3) + "</td>"
                part2 = "<td>" + buttonLink ('Borders', 'Borders', 4) + "</td><td>" + buttonLink ('Rows', 'Rows', 5) + "</td><td>"  + buttonLink ('Footer', 'Footer', 6) + "</td>"
                //These Tabs may be Enabled or Disabled depending on the Activation Status.
                if (moduleName == "Attribute Monitor") part3 = advancedStyle + buttonLink ('Highlights', 'Highlights', 7) + "</td>" + advancedStyle + buttonLink ('Styles', 'Styles', 8) + "</td>" + advancedStyle + buttonLink ('Advanced', 'Advanced', 9) + "</td>"
                if (moduleName == "Activity Monitor")  part3 = advancedStyle + buttonLink ('Styles', 'Styles', 8) + "</td>" + advancedStyle + buttonLink ('Advanced', 'Advanced', 9) + "</td>"
                table = part1 + part2 + part3 + "</table>"
                if (isCompactDisplay == false) paragraph titleise("Select a Section to Customize")
                paragraph table
                
                //General Properties
                if (activeButton == 1){ 
                    if (isCompactDisplay == false) paragraph titleise("General Properties")
                    input (name: "tw", type: "enum", title: bold("Width %"), options: parent.tableSize(), required: false, defaultValue: "90", submitOnChange: true, width: 2)
                    input (name: "th", type: "enum", title: bold("Height %"), options: parent.tableSize(), required: false, defaultValue: "Auto", submitOnChange: true, width: 2)
                    input (name: "tbc", type: "color", title: bold2("Table Background Color", tbc), required:false, defaultValue: "#ffffff", width:2, submitOnChange: true)
                    input (name: "tbo", type: "enum", title: bold("Table Background Opacity"), options: parent.opacity(), required: false, defaultValue: "1", submitOnChange: true, width: 2)
                    input (name: "tff", type: "enum", title: bold("Font"), options: parent.fontFamily(), required: false, defaultValue: "Roboto", submitOnChange: true, width: 2, newLineAfter: true)
                    input (name: "bm", type: "enum", title: bold("Border Mode"), options: parent.tableStyle(), required: false, defaultValue: "Collapse",  submitOnChange: true, width: 2)
                    input (name: "bfs", type: "enum", title: bold("Base Font Size"), options: parent.baseFontSize(), required: false, defaultValue: "18", submitOnChange: true, width: 2)
                    
                    input (name: "isComment", type: "bool", title: "<b>Add comment?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
                    if (isComment == true){
                        input (name: "comment", type: "text", title: bold("Comment"), required: false, defaultValue: "?", width:4, submitOnChange: true)
                    }
                    
                    input (name: "isFrame", type: "bool", title: bold("Add Frame"), required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2, newLine: false)
                    if (isFrame == true){
                        input (name: "fbc", type: "color", title: bold2("Frame Color", fbc), required: false, defaultValue: "#90C226", submitOnChange: true, width: 3, newLine: false)
                    }
                    input (name: "tilePreview", type: "enum", title: bold("Select Tile Preview Size"), options: parent.tilePreviewList(), required: false, defaultValue: 2, submitOnChange: true, width: 3, newLine: true)
                    input (name: "isCustomSize", type: "bool", title: "<b>Use Custom Preview Size?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
                    if (isCustomSize == true){
                        input (name: "customWidth", type: "text", title: bold("Tile Width"), required:false, defaultValue: "200", submitOnChange: true, width: 1)
                        input (name: "customHeight", type: "text", title: bold("Tile Height"), required:false, defaultValue: "190", submitOnChange: true, width: 1)
                    }
                    input (name: "iFrameColor", type: "color", title: bold2("Dashboard Color", iFrameColor ), required: false, defaultValue: "#000000", submitOnChange: true, width: 3)
					
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("General Notes", parent.generalNotes() )    
                    }
                }
                
                //Title Properties
                if (activeButton == 2){
                    if (isCompactDisplay == false) paragraph titleise("Title Properties")
                    input (name: "isTitle", type: "bool", title: "<b>Display Title?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
                    if (isTitle == true){
                        input (name: "tt", title: "<b>Title Text</b>", type: "string", required:false, defaultValue: "Inactive Devices", width:3, submitOnChange: true, newLine: true)
                        input (name: "ts", type: "enum", title: bold("Text Size %"), options: parent.textScale(), required: false, defaultValue: "150", width:2, submitOnChange: true)
                        input (name: "ta", type: "enum", title: bold("Alignment"), options: parent.textAlignment(), required: false, defaultValue: "Center", width:2, submitOnChange: true, newLineAfter: true)
                        input (name: "tc", type: "color", title: bold2("Text Color", tc), required:false, defaultValue: "#000000", width:3, submitOnChange: true)
                        input (name: "to", type: "enum", title: bold("Text Opacity"), options: parent.opacity(), required: false, defaultValue: "1", submitOnChange: true, width: 2)
                        input (name: "tp", type: "enum", title: bold("Text Padding"), options: parent.elementSize(), required: false, defaultValue: "0", width:2, submitOnChange: true, newLineAfter:true)
                    
                        input (name: "isTitleShadow", type: "bool", title: "<b>Add Shadow Text?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
                        if (isTitleShadow == true){
                            input (name: "shcolor", type: "color", title: bold2("Shadow Color", shcolor), required:false, defaultValue: "#FF0000", width:3, submitOnChange: true)
                            input (name: "shhor", type: "enum", title: bold("Hor Offset"), options: parent.pixels(), required: false, defaultValue: "5", width:2, submitOnChange: true)
                            input (name: "shver", type: "enum", title: bold("Ver Offset"), options: parent.pixels(), required:false, defaultValue: "5", width:2, submitOnChange: true)
                            input (name: "shblur", type: "enum", title: bold("Blur"), options: parent.borderRadius(), required: false, defaultValue: "5", width:2, submitOnChange: true)
                        }
                    }
                  if (isCompactDisplay == false) {
                    paragraph line(1)
                    paragraph summary("Title Notes", parent.titleNotes() )
                  }
                }
                
                //Header Properties
                if (activeButton == 3){
                    if (isCompactDisplay == false) paragraph titleise("Header Properties")
                    input (name: "isHeaders", type: "bool", title: "<b>Display Headers?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
                    if (isHeaders == true ){
                        //Manage the UI if the headers are merged.
                        input (name: "isMergeHeaders", type: "bool", title: "<b>Merge Headers?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2, newLineAfter:true)
                        if (isMergeHeaders == true) {
                                input (name: "A0", type: "text", title: bold("Heading 1"), required:false, defaultValue: "Device", submitOnChange: true, width: 4)
                            }
                            else {
                                input (name: "A0", type: "text", title: bold("Heading 1"), required:false, defaultValue: "Device", submitOnChange: true, width: 2)
                                input (name: "B0", type: "text", title: bold("Heading 2"), required:false, defaultValue: "State", submitOnChange: true, width: 2)
                            }
                        
                        input (name: "hts", type: "enum", title: bold("Text Size %"), options: parent.textScale(), required: false, defaultValue: "125", submitOnChange: true, width: 2)
                        input (name: "hta", type: "enum", title: bold("Alignment"), options: parent.textAlignment(), required: false, defaultValue: 2, submitOnChange: true, width: 2)
                        input (name: "htc", type: "color", title: bold2("Text Color", htc), required: false, defaultValue: "#000000", submitOnChange: true, width: 3)
                        input (name: "hto", type: "enum", title: bold("Text Opacity"), options: parent.opacity(), required: false, defaultValue: "1", submitOnChange: true, width: 2, newLine: true)
                        input (name: "hp", type: "enum", title: bold("Text Padding"), options: parent.elementSize(), required: false, defaultValue: "0",  submitOnChange: true, width: 2)
                        input (name: "hbc", type: "color", title: bold2("Background Color", hbc), required: false, defaultValue: "#90C226", submitOnChange: true, width: 3)
                        input (name: "hbo", type: "enum", title: bold("Background Opacity"), options: parent.opacity(), required: false, defaultValue: "1",  submitOnChange: true, width: 2)
                        }
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("Header Notes", parent.headerNotes() )
                    }
                }

                //Border Properties
                if (activeButton == 4){
                    if (isCompactDisplay == false) paragraph titleise("Border Properties")
                    input (name: "isBorder", type: "bool", title: "<b>Display Borders?</b>", required: false, multiple: false, defaultValue: true, submitOnChange: true, width: 2, newLineAfter:true)
                    if (isBorder == true ){
                        input (name: "bs", type: "enum", title: bold("Style"), options: parent.borderStyle(), required: false, defaultValue: "Solid", submitOnChange: true, width: 2)
                        input (name: "bw", type: "enum", title: bold("Width"), options: parent.elementSize(), required: false, defaultValue: 2,  submitOnChange: true, width: 2)
                        input (name: "bc", type: "color", title: bold2("Border Color", bc), required: false, defaultValue: "#000000", submitOnChange: true, width: 3)
                        input (name: "bo", type: "enum", title: bold("Opacity"), options: parent.opacity(), required: false, defaultValue: "1", submitOnChange: true, width: 2, newLine:true)
                        input (name: "br", type: "enum", title: bold("Radius"), options: parent.borderRadius(), required: false, defaultValue: "0", submitOnChange: true, width: 2)
                        input (name: "bp", type: "enum", title: bold("Padding"), options: parent.elementSize(), required: false, defaultValue: "0",  submitOnChange: true, width: 2)
                    }
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("Border Notes", parent.borderNotes() )
                    }
                }

                //Row Properties
                if (activeButton == 5){
                    if (isCompactDisplay == false) paragraph titleise("Data Row Properties")
                    input (name: "rts", type: "enum", title: bold("Text Size %"), options: parent.textScale(), required: false, defaultValue: "100", submitOnChange: true, width: 2)
                    input (name: "rta", type: "enum", title: bold("Alignment"), options: parent.textAlignment(), required: false, defaultValue: 15, submitOnChange: true, width: 2)
                    input (name: "rtc", type: "color", title: bold2("Text Color", rtc), required: false, defaultValue: "#000000" , submitOnChange: true, width: 3)
                    input (name: "rto", type: "enum", title: bold("Text Opacity"), options: parent.opacity(), required: false, defaultValue: "1", submitOnChange: true, width: 2)
                    input (name: "rp", type: "enum", title: bold("Text Padding"), options: parent.elementSize(), required: false, defaultValue: "0",  submitOnChange: true, width: 2, newLine: true)
                    input (name: "rbc", type: "color", title: bold2("Row Background Color", rbc), required: false, defaultValue: "#BFE373" , submitOnChange: true, width: 3)
                    input (name: "rbo", type: "enum", title: bold("Row Background Opacity"), options: parent.opacity(), required: false, defaultValue: "1",  submitOnChange: true, width: 2)
                    input (name: "isAppendUnits", type: "bool", title: bold("Append Units<br>to Data?"), required: false, defaultValue: true, submitOnChange: true, width: 2, newLine: true)
                    input (name: "isAlternateRows", type: "bool", title: bold("Use Alternate<br>Row Colors?"), required: false, defaultValue: true, submitOnChange: true, width: 2, newLine: false)
                    if (isAlternateRows == true){
                        input (name: "ratc", type: "color", title: bold2("Alternate Text Color", ratc), required: false, defaultValue: "#000000", submitOnChange: true, width: 3)
                        input (name: "rabc", type: "color", title: bold2("Alternate Background Color", rabc), required: false, defaultValue: "#E9F5CF", submitOnChange: true, width: 3)
                    }   
                    if (isCompactDisplay == false) { 
                        paragraph line(1)
                        paragraph summary("Row Notes", parent.rowNotes() )
                    }
                }

                //Footer Properties
                if (activeButton == 6){
                    if (isCompactDisplay == false) paragraph titleise("Footer Properties")
                    input (name: "isFooter", type: "bool", title: "<b>Display Footer?</b>", required: false, multiple: false, defaultValue: true, submitOnChange: true, width: 2, newLineAfter:true)
                    if (isFooter == true) {
                        input (name: "ft", type: "text", title: bold("Footer Text"), required: false, defaultValue: "%time%", width:3, submitOnChange: true)
                        input (name: "fs", type: "enum", title: bold("Text Size %"), options: parent.textScale(), required: false, defaultValue: "50", width:2, submitOnChange: true)
                        input (name: "fa", type: "enum", title: bold("Alignment"), options: parent.textAlignment(), required: false, defaultValue: "Center", width:2, submitOnChange: true)
                        input (name: "fc", type: "color", title: bold2("Text Color", fc), required:false, defaultValue: "#000000", width:3, submitOnChange: true)
                        }
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("Footer Notes", parent.footerNotes() )    
                    }
                }
                
                //Highlight Properties
                if (activeButton == 7){
                    if (isCompactDisplay == false) paragraph titleise("Highlights")
                    if (moduleName == "Attribute Monitor"){
                    //Keywords
                    if (state.show.Keywords == true) {
                        input(name: 'btnShowKeywords', type: 'button', title: 'Show Keywords ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLine: true)  //▼ ◀ ▶ ▲
                        input (name: "myKeywordCount", title: "<b>How Many Keywords?</b>", type: "enum", options: [0,1,2,3,4,5], submitOnChange:true, width:2, defaultValue: 0, newLine: true, newLineAfter:true)
						
						if (myKeywordCount.toInteger() >= 1 ){
                            input (name: "k1", type: "text", title: bold("Enter Keyword #1"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine:true)
                            input (name: "ktr1", type: "text", title: bold("Replacement Text #1"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc1", type: "color", title: bold2("Highlight 1 Color", hc1), required: false, defaultValue: "#008000", submitOnChange: true, width: 2)    //Default as green shade
                            input (name: "hts1", type: "enum", title: bold("Highlight 1 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        
                        if (myKeywordCount.toInteger() >= 2 ){
                            input (name: "k2", type: "text", title: bold("Enter Keyword #2"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine:true)
                            input (name: "ktr2", type: "text", title: bold("Replacement Text #2"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc2", type: "color", title: bold2("Highlight 2 Color", hc2), required: false, defaultValue: "#CA6F1E", submitOnChange: true, width: 2)    //Default as orange shade
                            input (name: "hts2", type: "enum", title: bold("Highlight 2 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        
                        if (myKeywordCount.toInteger() >= 3 ){
                            input (name: "k3", type: "text", title: bold("Enter Keyword #3"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine:true)
                            input (name: "ktr3", type: "text", title: bold("Replacement Text #3"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc3", type: "color", title: bold2("Highlight 3 Color", hc3), required: false, defaultValue: "#00FF00", submitOnChange: true, width: 2)    //Default as red shade
                            input (name: "hts3", type: "enum", title: bold("Highlight 3 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        
                        if (myKeywordCount.toInteger() >= 4 ){
                            input (name: "k4", type: "text", title: bold("Enter Keyword #4"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine:true)
                            input (name: "ktr4", type: "text", title: bold("Replacement Text #4"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc4", type: "color", title: bold2("Highlight 4 Color", hc4), required: false, defaultValue: "#0000FF", submitOnChange: true, width: 2)    //Default as blue shade
                            input (name: "hts4", type: "enum", title: bold("Highlight 4 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        
                        if (myKeywordCount.toInteger() >= 5 ){
                            input (name: "k5", type: "text", title: bold("Enter Keyword #5"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine:true)
                            input (name: "ktr5", type: "text", title: bold("Replacement Text #5"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc5", type: "color", title: bold2("Highlight 5 Color", hc5), required: false, defaultValue: "#FF0000", submitOnChange: true, width: 2)    //Default as orange shade
                            input (name: "hts5", type: "enum", title: bold("Highlight 5 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
					}
                    else input(name: 'btnShowKeywords', type: 'button', title: 'Show Keywords ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲
					
                    //Thresholds
					if (state.show.Thresholds == true) {
                        input(name: 'btnShowThresholds', type: 'button', title: 'Show Thresholds ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLine: true)  //▼ ◀ ▶ ▲
                        input (name: "myThresholdCount", title: "<b>How Many Thresholds?</b>", type: "enum", options: [0,1,2,3,4,5], submitOnChange:true, width:2, defaultValue: 0, newLine: true, newLineAfter:true)
                        
                        if (myThresholdCount.toInteger() >= 1 ){
                            input (name: "top6", type: "enum", title: bold("Operator #6"), required: false, options: parent.comparators(), displayDuringSetup: true, defaultValue: 0, submitOnChange: true, width: 1, newLine: true)
                            input (name: "tcv6", type: "number", title: bold("Comparison Value #6"), required: false, displayDuringSetup: true, defaultValue: 1, submitOnChange: true, width: 2)
                            input (name: "ttr6", type: "text", title: bold("Replacement Text #6"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc6", type: "color", title: bold2("Highlight 6 Color", hc6), required: false, defaultValue: "#008000", submitOnChange: true, width: 2)    //Default as green shade
                            input (name: "hts6", type: "enum", title: bold("Highlight 6 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        
                        if (myThresholdCount.toInteger() >= 2 ){
                            input (name: "top7", type: "enum", title: bold("Operator #7"), required: false, options: parent.comparators(), displayDuringSetup: true, defaultValue: "None", submitOnChange: true, width: 1, newLine: true)
                            input (name: "tcv7", type: "number", title: bold("Comparison Value #7"), required: false, displayDuringSetup: true, defaultValue: 1, submitOnChange: true, width: 2)
                            input (name: "ttr7", type: "text", title: bold("Replacement Text #7"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc7", type: "color", title: bold2("Highlight 7 Color", hc7), required: false, defaultValue: "#CA6F1E", submitOnChange: true, width: 2)    //Default as orange shade
                            input (name: "hts7", type: "enum", title: bold("Highlight 7 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        if (myThresholdCount.toInteger() >= 3 ){
                            input (name: "top8", type: "enum", title: bold("Operator #8"), required: false, options: parent.comparators(), displayDuringSetup: true, defaultValue: 0, submitOnChange: true, width: 1, newLine: true)
                            input (name: "tcv8", type: "number", title: bold("Comparison Value #8"), required: false, displayDuringSetup: true, defaultValue: 1, submitOnChange: true, width: 2)
                            input (name: "ttr8", type: "text", title: bold("Replacement Text #8"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc8", type: "color", title: bold2("Highlight 8 Color", hc8), required: false, defaultValue: "#00FF00", submitOnChange: true, width: 2)    //Default as red shade
                            input (name: "hts8", type: "enum", title: bold("Highlight 3 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        if (myThresholdCount.toInteger() >= 4 ){
                            input (name: "top9", type: "enum", title: bold("Operator #9"), required: false, options: parent.comparators(), displayDuringSetup: true, defaultValue: 0, submitOnChange: true, width: 1, newLine: true)
                            input (name: "tcv9", type: "number", title: bold("Comparison Value #9"), required: false, displayDuringSetup: true, defaultValue: 1, submitOnChange: true, width: 2)
                            input (name: "ttr9", type: "text", title: bold("Replacement Text #9"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc9", type: "color", title: bold2("Highlight 9 Color", hc9), required: false, defaultValue: "#0000FF", submitOnChange: true, width: 2)    //Default as blue shade
                            input (name: "hts9", type: "enum", title: bold("Highlight 9 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        if (myThresholdCount.toInteger() >= 5 ){
                            input (name: "top10", type: "enum", title: bold("Operator #10"), required: false, options: parent.comparators(), displayDuringSetup: true, defaultValue: 0, submitOnChange: true, width: 1, newLine: true)
                            input (name: "tcv10", type: "number", title: bold("Comparison Value #10"), required: false, displayDuringSetup: true, defaultValue: 1, submitOnChange: true, width: 2)
                            input (name: "ttr10", type: "text", title: bold("Replacement Text #10"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2)
                            input (name: "hc10", type: "color", title: bold2("Highlight 10 Color", hc10), required: false, defaultValue: "#FF0000", submitOnChange: true, width: 2)    //Default as orange shade
                            input (name: "hts10", type: "enum", title: bold("Highlight 10 Text Scale"), options: parent.textScale(), required: false, submitOnChange: true, defaultValue: "125", width: 2, newLineAfter:true)
                        }
                        
                    }
                    else input(name: 'btnShowThresholds', type: 'button', title: 'Show Thresholds ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3, newLine: true, newLineAfter:true)  //▼ ◀ ▶ ▲
                         
                    //Replace Chars
                    if (state.show.ReplaceCharacters == true) {
                        input(name: 'btnShowReplaceCharacters', type: 'button', title: 'Show Replace Chars ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 2, newLine: true, newLineAfter: true)  //▼ ◀ ▶ ▲
                        input (name: "isReplaceCharacters", type: "bool", title: "<b>Replace Characters?</b>", required: false, multiple: false, defaultValue: true, submitOnChange: true, width: 2, newLine:false)
                        if (isReplaceCharacters == true) {
                            input (name: "oc1", type: "text", title: bold("Original Character(s)"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine:false)
                            input (name: "nc1", type: "text", title: bold("New Character(s)"), required: false, displayDuringSetup: true, defaultValue: "?", submitOnChange: true, width: 2, newLine: false)
                        }
                    }
                    else input(name: 'btnShowReplaceCharacters', type: 'button', title: 'Show Replace Chars ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3, newLine: true)  //▼ ◀ ▶ ▲
                        
                    input (name: "isHighlightDeviceNames", type: "bool", title: bold("Also Highlight Device Names"), required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2, newLine: true)
                        
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("Highlight Notes", parent.highlightNotes() )    
                    }
                }
            }
                
                //Styles
                if (activeButton == 8){
                    if (isCompactDisplay == false) paragraph titleise("Styles")
                    input (name: "applyStyleName", type: "enum", title: bold("Select Style to Apply"), options:parent.listStyles() , required: false, submitOnChange: true, defaultValue: null, width: 3)
                    input (name: "saveStyleName", type: "text", title: bold("Save as Style: (Tab or Enter)"), backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, defaultValue: "?", width: 3)
                    input (name: "deleteStyleName", type: "enum", title: bold("Select Style to Delete"), options:parent.listStyles() , required: false, submitOnChange: true, defaultValue: null, width: 3)
                    input (name: "isShowImportExport", type: "bool", title: "<b>Show Import\\Export?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 3, newLineAfter:true)
                    
                    if (applyStyleName != null) 
                        input (name: "applyStyle", type: "button", title: "Apply Style", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 3, newLine: true, newLineAfter: false)
                    else 
                        input (name: "doNothing", type: "button", title: "Apply Style", backgroundColor: "#D3D3D3", textColor: "black", submitOnChange: true, width: 3, newLine: true, newLineAfter: false)
                    
                    //This does not work quite right.  The "doNothing" button does not show until there is a secondary refresh.
                    if (saveStyleName != null && saveStyleName != "?") input (name: "saveStyle", type: "button", title: "Save Current Style", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 3, newLine: false, newLineAfter: false)
                    if (saveStyleName == null || saveStyleName == "?") input (name: "doNothing", type: "button", title: "Save Current Style", backgroundColor: "#D3D3D3", textColor: "black", submitOnChange: true, width: 3, newLine: false, newLineAfter: false)
                    
                    if (deleteStyleName != null) 
                        input (name: "deleteStyle", type: "button", title: "Delete Selected Style", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 3, newLine: false, newLineAfter: true)
                    else 
                        input (name: "doNothing", type: "button", title: "Delete Selected Style", backgroundColor: "#D3D3D3", textColor: "black", submitOnChange: true, width: 3, newLine: false, newLineAfter: true)
                    
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("Styles Notes", parent.styleNotes())    
                    }
                    
                    if (isShowImportExport == true) {
                        //if (isCompactDisplay == false) paragraph line(1)
                        paragraph "<b>Export</b><br>These are your currently active settings. You can copy these and share them with others via the Hubitat Community forum. Tweaking can be addictive but a lot of fun to explore!"
                        paragraph "<style><div {width: 150px; border: 5px solid #000000;} div.a {word-wrap: break-word;}</style><body><div class='a'><b>Basic Settings:</b><br><mark>" + state.myBaseSettingsMap.sort() + "</mark></div></body>"
                        paragraph "<style><div {width: 150px; border: 5px solid #000000;} div.a {word-wrap: break-word;}</style></head><body><div class='a'><b>Overrides:</b><br><mark>" + overrides.toString() + "</mark></div></body>"
                        paragraph line(1)
                        paragraph "<b>Import</b><br>You can paste settings from other people in here and save them as a new sytle. How great is that!"
                        input (name: "importStyleText", type: "text", title: bold("Paste Basic Settings Here!"), required: false, defaultValue: "?", width:12, height:4, submitOnChange: true)
                        input (name: "importStyleOverridesText", type: "text", title: bold("Paste Overrides Here!"), required: false, defaultValue: "?", width:12, submitOnChange: true)
                        
                        //Show a green button if the entered text is long enough, otherwise gray - have to add some validation on the imput.
                        if (importStyleText == null || importStyleText.size() == 0){
                            input (name: "doNothing", type: "button", title: "Import Style?", backgroundColor: "#D3D3D3", textColor: "black", submitOnChange: true, width: 3, newLine: false, newLineAfter: false)
                            input (name: "doNothing", type: "button", title: "Clear Import", backgroundColor: "#D3D3D3", textColor: "black", submitOnChange: true, width: 3, newLine: false, newLineAfter: false)
                        }
                        else {
                            input (name: "importStyle", type: "button", title: "Import Style", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 3, newLine: true, newLineAfter: false )
                            input (name: "clearImport", type: "button", title: "Clear Import", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 3, newLine: true, newLineAfter: false )
                        }
                        paragraph "<b>Once you have imported a new Style you can save it if you wish to preserve it.</b>"
                    }
                }
                
                //Advanced Settings
                if (activeButton == 9){
                    if (isCompactDisplay == false) paragraph titleise("Advanced Settings")
                    input (name: "scrubHTMLlevel", type: "enum", title: bold("HTML Scrub Level"), options: parent.htmlScrubLevel(), required: false, submitOnChange: true, defaultValue: "1", width: 2, newLineAfter:false)
                    input (name: "isOverrides", type: "bool", title: "<b>Enable Overrides?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2, newLineAfter: false)
                    input (name: "isShowSettings", type: "bool", title: "<b>Show Effective Settings?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
                    input (name: "isShowHTML", type: "bool", title: "<b>Show Pseudo HTML?</b>", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
					
                    if (isOverrides == true) {
                        paragraph line(1) 
                        input (name: "overrideHelperCategory", type: "enum", title: bold("Override Category"), options: parent.overrideCategory().sort(), required: true, width:2, submitOnChange: true, newLineAfter: true)
                        input (name: "overridesHelperSelection", type: "enum", title: bold("$overrideHelperCategory Examples"), options: getOverrideCommands(overrideHelperCategory.toString()), required: false, width:12, submitOnChange: true, newLineAfter: true)
                        if (state.currentHelperCommand != null ) paragraph "<mark>" + state.currentHelperCommand + "</mark></body>"
                        input (name: "clearOverrides", type: "button", title: "Clear the Overrides", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 2, newLine: true, newLineAfter: false )
                        input (name: "copyOverrides", type: "button", title: "Copy To Overrides", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 2, newLine: true, newLineAfter: false )
                        input (name: "appendOverrides", type: "button", title: "Append To Overrides", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 2, newLine: true, newLineAfter: false )
                        input (name: "Refresh", type: "button", title: "Refresh Table", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 2)
                        input (name: "overrides", type: "textarea", title: titleise("Settings Overrides"), required: false, defaultValue: "?", width:12, rows:5, submitOnChange: true)
                        if (isCompactDisplay == false) paragraph summary("About Overrides", parent.overrideNotes() )    
                    }
                    
                    if (isShowSettings == true) {
                        paragraph line(1)
                        paragraph "<b>Effective Settings</b>"
                        paragraph "<head><style><div {width: 150px; border: 5px solid #000000;} div.a {word-wrap: break-word;}</style></head><body><div class='a'><mark>" + state.myEffectiveSettingsMap.sort() + "</mark></div></body>"
                    }
                    
                    if (isShowHTML == true) {
                        paragraph line(1)
                        paragraph "<b>Pseudo HTML</b>"
                        myHTML = state.iFrameHTML
                        paragraph "<head><style><div {width: 150px; border: 5px solid #000000;} div.a {word-wrap: break-word;}</style></head><body><div class='a'><mark>" + unHTML(state.HTML) + "</mark></div></body>"
                    }
                    if (isCompactDisplay == false) {
                        paragraph line(1)
                        paragraph summary("Advanced Notes", parent.advancedNotes() )    
                      }
                    }
                                
                  if (isCompactDisplay == false) paragraph line(2)
            }    //End of isCustomize
        
            //Display Table     
            if (isCompactDisplay == false) paragraph summary("Display Tips", parent.displayTips() )
            
            myHTML = toHTML(state.iframeHTML)
            myHTML = myHTML.replace("#iFrame1#","body{background:${iFrameColor};font-size:${bfs}px;}")
            state.iFrameFinalHTML = myHTML

            if (isCustomSize == false){
                if (tilePreview == "1" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="190" height="190" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "2" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="190" height="380" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "3" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="190" height="570" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "4" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="190" height="760" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "5" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="380" height="190" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "6" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="380" height="380" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "7" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="380" height="570" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "8" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="380" height="760" style="border:solid" scrolling="no"></iframe>'
                if (tilePreview == "9" ) paragraph '<iframe srcdoc=' + '"' + myHTML + '"' + ' width="380" height="950" style="border:solid" scrolling="no"></iframe>'
            }
            else {
                //Use a custom size for the preview window.
                myString = '<iframe srcdoc=' + '"' + myHTML + '"' + ' width=XXX height=YYY style="border:solid" scrolling="no"></iframe>'
                myString = myString.replace("XXX", "${settings.customWidth}")
                myString = myString.replace("YYY", "${settings.customHeight}")
                paragraph myString
            }
            
            if (state.HTMLsizes.Final < 4096 ){
                if (isCompactDisplay == false) paragraph "<div style='color:#17202A;text-align:left; margin-top:0em; margin-bottom:0em ; font-size:18px'>Current HTML size is: <font color = 'green'><b>${state.HTMLsizes.Final}</b></font color = '#17202A'> bytes. Maximum size for dashboard tiles is <b>4,096</b> bytes.</div>"
                }
            else {
                if (isCompactDisplay == false) paragraph "<div style='color:#17202A;text-align:left; margin-top:0em; margin-bottom:0em ; font-size:18px'>Current HTML size is: <font color = 'red'><b>${state.HTMLsizes.Final}</b></font color = '#17202A'> bytes. Maximum size for dashboard tiles is <b>4,096</b> bytes.</div>"
            }
            
            if (isCustomize == true){
                overridesSize = 0
                if (settings.overrides?.size() != null && isOverrides == true) overridesSize = settings.overrides?.size()
                line = "<b>Enabled Features:</b> Comment:${isComment}, Frame:${isFrame}, Title:${isTitle}, Title Shadow:${isTitleShadow}, Headers:${isHeaders}, Border:${isBorder}, Alternate Rows:${isAlternateRows}, Footer:${isFooter}, Overrides:${isOverrides} ($overridesSize bytes)<br>"
				line += "<b>Space Usage:</b> Comment: <b>${state.HTMLsizes.Comment}</b>  Head: <b>${state.HTMLsizes.Head}</b>  Body: <b>${state.HTMLsizes.Body}</b>  Interim Size: <b>${state.HTMLsizes.Interim}</b>  Final Size: <b>${state.HTMLsizes.Final}</b> (Scrubbing level is: ${parent.htmlScrubLevel()[scrubHTMLlevel.toInteger()] })<br>"
                //line += "<b>Devices:</b> Selected: <b>${myDeviceList?.size() || 0}</b>  Limit: <b>${myDeviceLimit?.toInteger() || 0}</b>"
                line = line.replace("true","<b><font color = 'green'> On</font color = 'black'></b>")
                line = line.replace("false","<b><font color = 'grey'> Off</font color = 'grey'></b>")
                if (isCompactDisplay == false) {
                    paragraph note("", line)
                    if (state.HTMLsizes.Final < 1024 ) paragraph note("Note: ","Current tile is less than 1,024 bytes and will be stored within an attribute.")
                    else paragraph note("Note: ","Current tile is greater than 1,024 bytes and will be stored as a file in File Manager and linked with an attribute.")
                }
              }
            }    //End of showDesign
        else input(name: 'btnShowDesign', type: 'button', title: 'Design Table ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3, newLine: true)  //▼ ◀ ▶ ▲
        paragraph line(2)
        //End of Display Table
        
            //Configure Data Refresh
            if (state.show.Publish == true) {
                input(name: 'btnShowPublish', type: 'button', title: 'Publish Table ▼', backgroundColor: 'navy', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲
                if (moduleName == "Attribute Monitor") myText = "Here you will configure where the table will be stored. It will be refreshed whenever a monitored attribute changes."
                if (moduleName == "Activity Monitor") myText = "Here you will configure where the table will be stored. It will be refreshed at the frequency you specify."
                
                //myText += "HTML data is less than 1,024 bytes it will be published via a tile attribute on the storage device.<br>"
                //myText += "If HTML data is greater than 1,024 it will be published via file with the tile attribute being link to that file.<br>"
                paragraph myText
                input (name: "myTile", title: "<b>Tile Attribute to store the table?</b>", type: "enum", options: parent.allTileList(), required:true, submitOnChange:true, width:2, defaultValue: 0, newLine:false)
                input (name:"myTileName", type:"text", title: "<b>Name this Tile</b>", submitOnChange: true, width:2, newLine:false, required: true)
                input (name: "tilesAlreadyInUse", type: "enum", title: bold("For Reference Only: Tiles in Use"), options: parent.getTileList(), required: false, defaultValue: "Tile List", submitOnChange: false, width: 2)
                input (name: "eventTimeout", type: "enum", title: "<b>Event Timeout (millis)</b>", required: false, multiple: false, defaultValue: "2000", options: ["0","250","500","1000","2000","5000","10000"], submitOnChange: true, width: 2)
                if (moduleName == "Attribute Monitor") input (name: "republishDelay", type: "enum", title: "<b>Republish Delay (minutes)</b>", required: false, multiple: false, defaultValue: 0, options: [0,1,2,3,4,5,10,15,20,25,30,35,40,45,50,55,60], submitOnChange: true, width: 2)
                input (name: "oversizeTileHandling", type: "enum", title: "<b>Oversize Tile Handling</b>", required: false, multiple: false, defaultValue: "File Manager", options: ["File Manager","Cloud Endpoint"], submitOnChange: true, width: 2, newLineAfter:true)
                
                if (myTileName) app.updateLabel(myTileName)
                myText =  "The <b>Tile Name</b> given here will also be used as the name for this instance of Tile Builder. Appending the name with your chosen tile number can make parent display more readable.<br>"
                myText += "The <b>Event Timeout</b> period is how long Tile Builder will wait for subsequent events before publishing the table. Devices that do bulk updates create a lot of events in a short period of time. This setting batches requests within this period into a single publishing event. "
                myText += "The default timeout period is 2000 milliseconds (2 seconds). If you want a more responsive table you can lower this number, but it will slightly increase the CPU utilization.<br>"
                myText += "The <b>Republish Delay</b> sets a minimum amount of time before a Tile is re-published. This can be used to prevent <b>chatty sensors</b> from causing a Tile to republish too frequently. The default value for this setting is 0 (no delay)." +\
                           "<b>Republish Delay</b> is not available in Activity Monitor because it already works on a timed basis.<br>"
                myText += "<b>When immediate updates are important such as switches, locks, motion or contact sensors then set both the the Event Timeout and Republish Delay to 0.</b><br><br>"
                myText += "<b>Oversize Tiles:</b> Tiles over 1,024 bytes can either be stored in Hubitat File Manager or published to a Hubitat Cloud Endpoint<br>"
                myText += "Tiles stored to the Hubitat File Manager are only accessible from the local LAN or when using a VPN.<br>"
                myText += "Tiles stored to a Hubitat Cloud Endpoint are accessible from the local LAN or the cloud via the Hubitat App but does require the internet to be operational in order to display.<br>"
                myText += "Storing oversize tiles in File Manager is the faster of the two options and is the default operation. Only use cloud endpoints when you have an explicit need for the information to be availble via the internet.<br>"
                myText += "<b>Important: If you wish to use cloud endpoints you must go to the Apps / Code for this module and enable OAuth using the default Auto-Generated values.</b><br>"
                if (state.cloudEndpoint != null ) myText += "The Hubitat Cloud Endpoint for this Tile Builder table is: ${state.cloudEndpoint}"
                paragraph summary("Publishing Notes", myText)																																																																														 
                paragraph line(1)
            
                if ( state.HTMLsizes.Final < 4096 && settings.myTile != null && myTileName != null ) {
                    if (moduleName == "Activity Monitor") {
                        input (name:"publishInterval", title: "<b>Table Refresh Interval</b>", type: "enum", options: parent.refreshInterval(), required:false, submitOnChange:true, width:2, defaultValue: 1)
                        input (name: "publish", type: "button", title: "Publish Table", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 12)
                        }
                    if (moduleName == "Attribute Monitor") {
						input (name: "publishSubscribe", type: "button", title: "Publish and Subscribe", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 12)
						input (name: "unsubscribe", type: "button", title: "Delete Subscription", backgroundColor: "#27ae61", textColor: "white", submitOnChange: true, width: 12)
                        }
                    }
                else input (name: "cannotPublish", type: "button", title: "Publish", backgroundColor: "#D3D3D3", textColor: "black", submitOnChange: false, width: 12)
            }
            else input(name: 'btnShowPublish', type: 'button', title: 'Publish Table ▶', backgroundColor: 'dodgerBlue', textColor: 'white', submitOnChange: true, width: 3, newLineAfter: true)  //▼ ◀ ▶ ▲
            if (isCompactDisplay == false) paragraph line(2)
                        
            input (name:"isMore", type: "bool", title: "More Options", required: false, multiple: false, defaultValue: false, submitOnChange: true, width: 2)
            if (isMore == true){
                paragraph "<div style='background:#FFFFFF; height: 1px; margin-top:0em; margin-bottom:0em ; border: 0;'></div>"    //Horizontal Line
                input (name: "isLogInfo",  type: "bool", title: "<b>Enable info logging?</b>", defaultValue: false, submitOnChange: true, width: 2)
                input (name: "isLogTrace", type: "bool", title: "<b>Enable trace logging?</b>", defaultValue: false, submitOnChange: true, width: 2)
                input (name: "isLogDebug", type: "bool", title: "<b>Enable debug logging?</b>", defaultValue: false, submitOnChange: true, width: 2)
                input (name: "isLogWarn",  type: "bool", title: "<b>Enable warn logging?</b>", defaultValue: true, submitOnChange: true, width: 2)
                input (name: "isLogError",  type: "bool", title: "<b>Enable error logging?</b>", defaultValue: true, submitOnChange: true, width: 2)
				input (name: "isLogEvents",  type: "bool", title: "<b>Enable Device Event logging?</b>", defaultValue: false, submitOnChange: true, width: 2, newLine:true)
            }   
            
        //Now add a footer.
        myDocURL = "<a href='https://github.com/GaryMilne/Hubitat-TileBuilder/blob/main/Tile%20Builder%20Help.pdf' target=_blank> <i><b>Tile Builder Help</b></i></a>"
        myText = '<div style="display: flex; justify-content: space-between;">'
        myText += '<div style="text-align:left;font-weight:small;font-size:12px"> <b>Documentation:</b> ' + myDocURL + '</div>'
        myText += '<div style="text-align:center;font-weight:small;font-size:12px">Version: ' + codeDescription + '</div>'
        myText += '<div style="text-align:right;font-weight:small;font-size:12px">Copyright 2022 - 2024</div>'
        myText += '</div>'
        paragraph myText
            
        }    //End Configure Data Refresh    
        refreshUIafter()
    }
}

//Checks for critical Null values that can be introduced by the user by clicking "No Selection" in an enum dialog.
//This occurs when the specific control value is accessed by various functions during the screen refresh before the "defaultValue" can be applied.
def checkNulls(){
    if (myThresholdCount == null ) app.updateSetting("myThresholdCount", [value:"0", type:"enum"])
    if (myKeywordCount == null ) app.updateSetting("myKeywordCount", [value:"0", type:"enum"])
    if (myDeviceLimit == null ) app.updateSetting("myDeviceLimit", [value:"0", type:"enum"])
    if (eventTimeout == null) app.updateSetting("eventTimeout", "2000")
    if (tbo == null) app.updateSetting("tbo", [value:"1", type:"enum"])
    if (to == null) app.updateSetting("to", [value:"1", type:"enum"])
    if (bo == null) app.updateSetting("bo", [value:"1", type:"enum"])
    if (hbo == null) app.updateSetting("hbo", [value:"1", type:"enum"])
    if (hto == null) app.updateSetting("hto", [value:"1", type:"enum"])
    if (rbo == null) app.updateSetting("rbo", [value:"1", type:"enum"])
    if (rto == null) app.updateSetting("rto", [value:"1", type:"enum"])
    if (bp == null) app.updateSetting("bp", [value:"0", type:"enum"])
    if (scrubLevelHTML == null ) app.updateSetting("scrubHTMLlevel", [value:"1", type:"enum"])
}

//Get a list of supported attributes for a given device and return a sorted list.
def getAttributeList (thisDevice){
    if (thisDevice != null) {
        myAttributesList = []
        supportedAttributes = thisDevice.supportedAttributes
        supportedAttributes.each { attributeName -> myAttributesList << attributeName.name }
        return myAttributesList.unique().sort()
     }
}

//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Functions Related to the Management of the UI
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

//This is the refresh routine called at the start of the page. This is used to replace\clear screen values that do not respond when performed in the mainline code.
//This function is unique between modules
void refreshUIbefore(){
    //Get the oveerrides helper selection and look it up in the global map and use the key pair value as an on-screen guide.
    state.currentHelperCommand = ""
    
    overridesHelperMap = parent.getOverridesListAll()
    state.currentHelperCommand = overridesHelperMap.get(overridesHelperSelection)
    
    if (state.flags.isClearOverridesHelperCommand == true){
        if (isLogTrace == true) log.trace ("Clearing overrides.")
        app.updateSetting("overrides", [value:"", type:"textarea"])  //Works
        state.flags.isClearOverridesHelperCommand = false
    }
    if (moduleName == "Activity Monitor") {
        if (mySelectedTile != null){
            details = mySelectedTile.tokenize(":")
            if (details[0] != null ) {
                tileName = details[0].trim()
                if (isLogDebug) log.debug ("tileName is $tileName")
                //We use the tile number when publishing so we strip off the leading word tile.
                tileNumber = tileName.replace("tile","")
                app.updateSetting("myTile", tileNumber)
            }
            if (details[1] != null ) {
                tileName = details[1].trim()
                if (isLogInfo) log.info ("tileName is $tileName")
                app.updateSetting("myTileName", tileName)
            }
        }
    }
}

//This is the refresh routine called at the end of the page. This is used to replace\clear screen values that do not respond when performed in the mainline code.
void refreshUIafter(){    
    //This checks a flag for the saveStlye operation and clears the text field if the flag has been set. Neccessary to do this so the UI updates correctly.
    if (state.flags.styleSaved == true ){
        app.updateSetting("saveStyleName","?")
        state.flags.styleSaved = false
    }

    //If the myCapability flag has been changed then the myDeviceList is cleared as the potential device list would be different based on the capability selected.
    //Only applies to Activity Monitor but retained for ease of maintenance.
    if (state.flags.myCapabilityChanged == true ) {
        //log.info ("Reset list")
        app.updateSetting("myDeviceList",[type:"capability",value:[]])
        state.flags.myCapabilityChanged == false
    }
    //Copy the selected command to the Overrides field and replace any existing text.
    if (state.flags.isCopyOverridesHelperCommand == true){
        myCommand = state.currentHelperCommand
        
        app.updateSetting("overrides", [value:myCommand, type:"textarea"])  //Works
        state.flags.isCopyOverridesHelperCommand = false
    }
    
    //Appends the selected command to current contents of the Overrides field.
    if (state.flags.isAppendOverridesHelperCommand == true){
        myCurrentCommand = overrides.toString()
        myCurrentCommand = myCurrentCommand.replace("[", "")
        myCurrentCommand = myCurrentCommand.replace("]", "")
        combinedCommand = myCurrentCommand.toString() + " | \n" + state.currentHelperCommand.toString()
        
        app.updateSetting("overrides", [value:combinedCommand.toString(), type:"textarea"])  //Works
        state.flags.isAppendOverridesHelperCommand = false
    }
}

//Runs recovery functions when messaged from the parent app. This can be used to recoved a child app when an error condidtion arises.
def supportFunction ( supportCode ){
    if ( supportCode.toString() == "0" ) return
    log.info "Running supportFunction with code: $supportCode" 
    switch(supportCode) {
           case "disableOverrides":
               app.updateSetting("isOverrides", false)
               break
            case "disableKeywords":
                app.updateSetting("myKeywordCount", 0)
                break
            case "disableThresholds":
                app.updateSetting("myThresholdCount", 0)
                break
            case "clearDeviceList":
                app.updateSetting("myDeviceList",[type:"capability",value:[]])
                break
    }
}

//Generic placeholder for test function.
void test(){
    //top6 = top1
    app.updateSetting("scrubHTMLlevel", [value:"1", type:"enum"])
    app.updateSetting("myDeviceNaming", "Use Device Label")
    if (myKeywordCount > 0) state.show.Keywords = true
    if (myThresholdCount > 0) state.show.Thresholds = true
}

//This is the standard button handler that receives the click of any button control.
def appButtonHandler(btn) {    
    switch(btn) {
		case 'btnShowReport':
            state.show.Report = state.show.Report ? false : true;
            break
		case 'btnShowFilter':
            state.show.Filter = state.show.Filter ? false : true;
            break
        case 'btnShowDevices':
            state.show.Devices = state.show.Devices ? false : true;
            break
        case 'btnShowKeywords':
            state.show.Keywords = state.show.Keywords ? false : true;
            break
        case 'btnShowThresholds':
            state.show.Thresholds = state.show.Thresholds ? false : true;
            break
		case 'btnShowFormatRules':
            state.show.FormatRules = state.show.FormatRules ? false : true;
            break	
        case 'btnShowReplaceCharacters':
            state.show.ReplaceCharacters = state.show.ReplaceCharacters ? false : true;
            break
        case 'btnShowDesign':
            state.show.Design = state.show.Design ? false : true;
            break
        case 'btnShowPublish':
            state.show.Publish = state.show.Publish ? false : true;
            break
        case "Refresh":
            //We don't need to do anything. The refreshTable will be called by the submitOnChange.
            if (isLogTrace==true) log.trace("appButtonHandler: Clicked on Refresh")
            break
        case "publish":
            //We will publish it right away and then schedule the refresh as requested.
            if (isLogTrace) log.trace("appButtonHandler: Clicked on publish")
            publishTable()
            createSchedule()
            break
        case "cannotPublish":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on publish (cannotPublish)")
            cannotPublishTable()
            break
        case "General":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on General")
            app.updateSetting("activeButton", 1)
            break
        case "Title":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Title")
            app.updateSetting("activeButton", 2)
            break
        case "Headers":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Headers")
            app.updateSetting("activeButton", 3)
            break
        case "Borders":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Borders")
            app.updateSetting("activeButton", 4)
            break
        case "Rows":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Rows")
            app.updateSetting("activeButton", 5)
            break
        case "Footer":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Footer")
            app.updateSetting("activeButton", 6)
            break
        case "Highlights":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Highlights")
            app.updateSetting("activeButton", 7)
            break
        case "Styles":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Styles")
            app.updateSetting("activeButton", 8)
            break
        case "Advanced":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Advanced")
            app.updateSetting("activeButton", 9)
            break
        case "test":    
            test()
			break
        case "copyOverrides":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on copyOverrides")
            state.flags.isCopyOverridesHelperCommand = true
            break
        case "appendOverrides":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on appendOverrides")
            state.flags.isAppendOverridesHelperCommand = true
            break
        case "clearOverrides":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on clearOverrides")
            state.flags.isClearOverridesHelperCommand = true
            break
        case "applyStyle":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on applyStyle")
            myStyle = loadStyle(applyStyleName.toString())
            applyStyle(myStyle)    
            refreshTable()
            break
        case "saveStyle":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on saveStyle")
            saveCurrentStyle(saveStyleName)
            state.flags.styleSaved = true
            break
        case "deleteStyle":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on deleteStyle")
            deleteSelectedStyle(deleteStyleName)
            break
        case "importStyle":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on Importing Style")
            app.updateSetting("overrides", importStyleOverridesText)
            def myImportMap = [:]
            def myOverridesMap = [:]
            //Add an overrides item to the the empty map.
            myOverridesMap.overrides = importStyleOverrides
            //Convert the base settings string to a map.
            myImportMap = importStyleString(settings.importStyleText)
            myImportStyle = myImportMap.clone()
            applyStyle(myImportStyle)
            break
        case "clearImport":
            if (isLogTrace) log.trace("appButtonHandler: Clicked on clearImport")
            app.updateSetting("importStyleText", "")
            app.updateSetting("importStyleOverridesText", "")
            break
        case "publishSubscribe":
            publishSubscribe()
            break
        case "unsubscribe":
            deleteSubscription()
            break
    }
    if (isLogDebug) log.debug("appButtonHandler: activeButton is: ${activeButton}")
}


//Return the appropriate list of sample override commands that is usable by the drop down control.
def getOverrideCommands(myCategory){
    def commandList = []
    overridesHelperMap = [:]
    switch(myCategory) {
        case "Animation":
            overridesHelperMap = parent.getOverrideAnimationList()
            break
        case "Background":
            overridesHelperMap = parent.getOverrideBackgroundList()
            break
		case "Border":
            overridesHelperMap = parent.getOverrideBorderList()
            break
		case "Classes":
            overridesHelperMap = parent.getOverrideClassList()
            break
        case "Cell Operations":
            overridesHelperMap = parent.getOverrideCellOperationsList()
            break
        case "Field Replacement":
            overridesHelperMap = parent.getOverrideFieldReplacementList()
            break
        case "Font":
            overridesHelperMap = parent.getOverrideFontList()
            break
        case "Margin & Padding":
            overridesHelperMap = parent.getOverrideMarginPaddingList()
            break
        case "Misc":
            overridesHelperMap = parent.getOverrideMiscList()
            break
        case "Text":
            overridesHelperMap = parent.getOverrideTextList()
            break
        case "Transform":
            overridesHelperMap = parent.getOverrideTransformList()
            break
	}

    overridesHelperMap.each { 
        key = it.key.toString()
        value = it.value.toString()
        //Split the value into two strings, before the | and after.  
        details = value.tokenize('|')
        commandList.add (key)        
    }
    //log("getSampleCommands", "commandList is: ${return commandList.unique().sort()}", 2)
    return commandList.unique().sort()
}

//Returns a map of device activity using the parameters provided by the selection boxes.
//This function is used exclusively by Activity Monitor
def getDeviceMapActMon(){
    if (isLogTrace) log.trace("getDeviceMapActMon: Entering getDeviceMapActMon")
    def inactivityMap = [:]
    def sortedMap = [:]
    def sortedMap1 = [:]
    def sortedMap2 = [:]
    
    def myDevices = getDeviceList()
        
    def now = new Date()
    myDevices.each { 
        deviceName = ""
        lastActivity = it.getLastActivity()
        myDeviceLabel = it.toString() 
        myDeviceName = "${it.getName().toString()}"
        if (isLogDebug) log.debug("getDeviceMapActMon: deviceName is: $myDeviceName, it is: $it, deviceLabel is: $myDeviceLabel and lastActivity is: $lastActivity")
        if (myDeviceNaming == "Use Device Label") deviceName = myDeviceLabel
        if (myDeviceNaming == "Use Device Name") deviceName = myDeviceName

        //Handle any null values.
        if (myReplaceText1 == null || myReplaceText1 == "?" ) myReplaceText1 = ""
        if (myReplaceText2 == null || myReplaceText2 == "?" ) myReplaceText2 = ""
        if (myReplaceText3 == null || myReplaceText3 == "?" ) myReplaceText3 = ""
        
        //Replaces any undesireable characters in the devicename - Case Sensitive
        if (mySearchText1 != null  && mySearchText1 != "?") deviceName = deviceName.replace(mySearchText1, myReplaceText1)
        if (mySearchText2 != null  && mySearchText2 != "?") deviceName = deviceName.replace(mySearchText2, myReplaceText2)
        if (mySearchText3 != null  && mySearchText3 != "?") deviceName = deviceName.replace(mySearchText3, myReplaceText3)
        if (mySearchText4 != null  && mySearchText4 != "?") deviceName = deviceName.replace(mySearchText4, myReplaceText4)
        if (mySearchText5 != null  && mySearchText5 != "?") deviceName = deviceName.replace(mySearchText5, myReplaceText5)
        if (isAbbreviations == true) deviceName = abbreviate(deviceName)
        
        def diff
        def hours
        if (lastActivity == null) {
            if (isLogDebug) log.debug ("LastActivityAt field is blank for device: $deviceName")
            lastActivity = new Date(2000-1900, 1, 1, 1, 0, 0)
        }
        use(groovy.time.TimeCategory) {
            diff = now - lastActivity
            hours = diff.days * 24 + diff.hours
            //if (isLogDebug) log.debug ("getDeviceMapActMon: diff is:${hours}")
            }
        //if (isLogDebug) log.debug ("getDeviceMapActMon: Hours is:${hours}")

        //Limit the entries in the new map to those that fit the inactivity filter
        if ( hours >= inactivityThreshold.toInteger() ){
            //Put all of the qualified canditates into a map
            inactivityMap["${deviceName}"] = lastActivity
            if (isLogDebug) log.debug("getDeviceMapActMon: Added row: ${deviceName}  Diff is: ${diff}")
        }  
        else if (isLogDebug) log.debug("getDeviceMapActMon: Did not add row: ${it} - ${lastActivity}")
        }  //End of myDevices.each
    
    //Now sort the map based on the last activity date.
    sortedMap = inactivityMap.sort {it.value}  
    
    //If it is reverse order we need to reverse the map.
    if (mySortOrder == "2" )  {  
        sortedMap.reverseEach { it, value -> 
            sortedMap2["${it}"] = value
            }
        sortedMap = sortedMap2
        }

    if (isLogDebug) log.debug("getDeviceMapActMon: SortedMap: ${sortedMap}")
    
    def newMap = [:]
    sortedMap.each{ it1, value1 -> 
            if (isLogDebug) log.debug("getDeviceMapActMon: it is: ${it1} value:${value1}")
            use(groovy.time.TimeCategory) {
                def elapsed = now - value1
                //if (isLogDebug) log.debug("getDeviceMapActMon: Elapsed days is: ${elapsed.days}")
            
                if ( elapsed.minutes < 10 ) strMinutes = "0${elapsed.minutes}"
                else strMinutes = elapsed.minutes.toString()
                
                if (elapsed.days > 0 )  newMap["${it1}"] = "${elapsed.days}d ${elapsed.hours}h"
                else newMap["${it1}"] = elapsed.hours + ":" + strMinutes
            }
        }

    if (isLogDebug) log.debug("getDeviceMapActMon: newMap is: ${newMap}")
    
    return newMap
}

//Returns a map of device activity using the parameters provided by the selection boxes.
//This function is used exclusively by Attribute Monitor
def getDeviceMapAttrMon(){
    if (isLogTrace) log.trace("getDeviceMapAttrMon: Entering.")
    def myMap = [:] //["My Fake":"not present"]    
        
    deviceType = state.myAttribute
    if (isLogDebug) log.debug ("DeviceType = $deviceType")
        
    //Go through each of the results in the result set.
    myDeviceList.each { it ->
        deviceName = ""
        myDeviceLabel = it.toString() 
        myDeviceName = "${it.getName().toString()}"
        if (isLogDebug) log.debug("getDeviceMapAttrMon: deviceName is: $myDeviceName, deviceLabel is: $myDeviceLabel")
        
        if (myDeviceNaming == "Use Device Label") deviceName = myDeviceLabel
        if (myDeviceNaming == "Use Device Name") deviceName = myDeviceName
        
        //Handle any null values.
        if (myReplaceText1 == null || myReplaceText1 == "?" ) myReplaceText1 = ""
        if (myReplaceText2 == null || myReplaceText2 == "?" ) myReplaceText2 = ""
        if (myReplaceText3 == null || myReplaceText3 == "?" ) myReplaceText3 = ""
        if (myReplaceText4 == null || myReplaceText4 == "?" ) myReplaceText4 = ""
        if (myReplaceText5 == null || myReplaceText5 == "?" ) myReplaceText5 = ""
        
        //Replaces any undesireable characters in the devicename - Case Sensitive
        if (mySearchText1 != null  && mySearchText1 != "?") deviceName = deviceName.replace(mySearchText1, myReplaceText1)
        if (mySearchText2 != null  && mySearchText2 != "?") deviceName = deviceName.replace(mySearchText2, myReplaceText2)
        if (mySearchText3 != null  && mySearchText3 != "?") deviceName = deviceName.replace(mySearchText3, myReplaceText3)
        if (mySearchText4 != null  && mySearchText4 != "?") deviceName = deviceName.replace(mySearchText4, myReplaceText4)
        if (mySearchText5 != null  && mySearchText5 != "?") deviceName = deviceName.replace(mySearchText5, myReplaceText5)
        if (isAbbreviations == true) deviceName = abbreviate(deviceName)
        
        myVal = it."current${deviceType}"
        dataType = getDataType(myVal.toString())
        
        //Force any drivers reporting temperature as an integer to be treated as a float.
        if (myCapability == "temperatureMeasurement") dataType = "Float"
        
        if (isLogInfo) log.info ("2) myFilterType is: $myFilterType. myFilterText is: $myFilterText. dataType is: $dataType. myFilterTextDataType is: $myFilterTextDataType")
        myFilterTextDataType = getDataType(myFilterText)
        
        includeResult = false
        
        //Determine whether the result should be filtered out.
        if (myFilterType != null && myFilterText != null && myFilterType.toInteger() >= 1 && myFilterText != "?" ){
            if (dataType == "String" && myFilterTextDataType == "String") {
                //log.info ("myString is: ")
                if (myFilterType == "1" && myVal == settings.myFilterText) myMap["${deviceName}"] = myVal
                if (myFilterType == "2" && myVal != settings.myFilterText) myMap["${deviceName}"] = myVal
                if (myFilterType != "1" && myFilterType != "2") myMap["${deviceName}"] = myVal
            }
        
            if (dataType == "Integer" && myFilterTextDataType != "String") {
                //log.info ("myInt is: ")
                if (myFilterType == "3" && myVal.toInteger() == settings.myFilterText.toInteger() ) myMap["${deviceName}"] = myVal.toInteger()    
                if (myFilterType == "4" && myVal.toInteger() <= settings.myFilterText.toInteger() ) myMap["${deviceName}"] = myVal.toInteger()    
                if (myFilterType == "5" && myVal.toInteger() >= settings.myFilterText.toInteger() ) myMap["${deviceName}"] = myVal.toInteger()    
                if (myFilterType != "3" && myFilterType != "4" && myFilterType != "5") myMap["${deviceName}"] = myVal.toInteger()    
            }
        
            if (dataType == "Float"){ // && myFilterTextDataType == "Float") {
                float myFloat = myVal.toFloat()
                
                if (isLogInfo) log.info ("2 - Filter) myFloat is: $myFloat, $myDecimalPlaces, $myFilterType ")
                                
                if (myFilterType == "3" && Float.compare(myFloat, settings.myFilterText.toFloat()) == 0 ){
                    //log.info ("== Match $myFloat")
                    includeResult = true
                }
                if (myFilterType == "4" && Float.compare(myFloat, settings.myFilterText.toFloat()) <= 0 ){
                    //log.info ("<= than Match $myFloat")
                    includeResult = true
                }
                if (myFilterType == "5" && Float.compare(myFloat, settings.myFilterText.toFloat()) >= 0 ){
                    //log.info (">= than Match $myFloat")
                    includeResult = true
                }
                //This condition occurs if they have selected a text filter but entered a float value.
                if (myFilterType != "3" && myFilterType != "4" && myFilterType != "5") {
                    includeResult == true
                }
                
                //If the selected number of decimal places is 0 then return an integer, otherwise the float preserves the trailing 0 after the decimal point.
                if (includeResult == true && myDecimalPlaces.toInteger() == 0) myMap["${deviceName}"] = myFloat.toInteger()
                if (includeResult == true && myDecimalPlaces.toInteger() != 0) myMap["${deviceName}"] = myFloat.round(myDecimalPlaces.toInteger())        
            }
            if (dataType == "Null") log.warn("getDeviceMapAttrMon: Device $deviceName has a null field for attribute '$deviceType' and will be skipped.")
            
            }
        //If it's not going to be filtered
        else {
            if (isLogInfo) log.info("Not filtering")
            if (dataType == "Float") {
			    try {
					float myFloat = myVal.toFloat()
					if (myDecimalPlaces.toInteger() == 0) myMap["${deviceName}"] = myFloat.toInteger()
					else myMap["${deviceName}"] = myFloat.round(myDecimalPlaces.toInteger())
					}
				catch (ex) {
					log.error('getDeviceMapAttrMon(): Cannot cast myVal:$myVal to type Float.')
				}
             }
            else myMap["${deviceName}"] = myVal
        }
    }
    
    //Sort Orders 1 is a forward alpha sort on device name, 2 is a forward alpha sort on value, 3 is a reverse alpha sort on value, 4 is a high to low numeric sort, 5 is a low to high numeric sort
    if (mySortOrder == "1") myMap = myMap.sort(it) 
    if (mySortOrder == "2") myMap = myMap.sort{it.value}
    if (mySortOrder == "3") {
        myMap = myMap.sort{it.value}
        myMap = reverseSortMap(myMap)
    }
    
    try {
        if (mySortOrder == "4" ) myMap = myMap.sort { -it.value }
        if (mySortOrder == "5" ) myMap = myMap.sort { it.value }
    }
    catch (ex) {
        log.error('getDeviceMapAttrMon(): Error sorting devices. Check that all selected device has a non null value for this attribute.')
    }
    
    return myMap
}

//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Support Functions
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

//Abbreviates common words to reduce space consumption within the table.
def abbreviate(deviceName){
    deviceName = deviceName.replaceAll(" (?i)room", " Rm")
    deviceName = deviceName.replaceAll(" (?i)Door", " Dr")
    deviceName = deviceName.replaceAll(" (?i)Bedroom", " BedRm")
    deviceName = deviceName.replaceAll(" (?i)Bathroom", " Bath")
    deviceName = deviceName.replaceAll(" (?i)Living Room", " Living")
    deviceName = deviceName.replaceAll(" (?i)Dining Room", " Living")
    deviceName = deviceName.replaceAll(" (?i)Windows", " Win")
    deviceName = deviceName.replaceAll(" (?i)Window", " Win")
    deviceName = deviceName.replaceAll(" (?i)Sensor", " Sns")
    deviceName = deviceName.replaceAll(" (?i)Motion", " Mtn")
    deviceName = deviceName.replaceAll(" (?i)Temperature", " Temp")
    deviceName = deviceName.replaceAll(" (?i)Thermostat", " Thermo")
    
    deviceName = deviceName.replaceAll(" (?i)North", " N.")
    deviceName = deviceName.replaceAll(" (?i)South", " S.")
    deviceName = deviceName.replaceAll(" (?i)East", " E.")
    deviceName = deviceName.replaceAll(" (?i)West", " W.")
    
    return deviceName
}

//Returns the appropriate sort order for alphabetic or numeric values.
def sortOrder(){
    if (moduleName == "Attribute Monitor" ) {
        if (state.attributeType != "String" ) return [1:"Sort alphabetically by device name", 4:"Sort by Highest Value first", 5:"Sort by Lowest Value first"]
        else return [1:"Sort alphabetically by device name", 2:"Forward Sort Alphabetically by Value", 3:"Reverse Sort Alphabetically by Value"] //Works
        }
    if (moduleName == "Activity Monitor" ) {
        return [1:"Show devices with longest Inactivity period first.", 2:"Show devices with most recent Inactivity period first."]
        }
}

//Returns a map in reverse order
Map reverseSortMap(Map sortedMap) {
    def revSortedMap = [:]
    sortedMap.reverseEach { it, value -> 
        revSortedMap["${it}"] = value
    }
    return revSortedMap
}

//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Functions for HTML generation
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

//Collates the most recent data and calls the makeHTML function
void refreshTable(){
    if (isLogTrace) log.trace("refreshTable: Entering refreshTable")
    //Create the template for the data
    def data = ["#A01#":"A01","#B01#":"B01","#A02#":"A02","#B02#":"B02","#A03#":"A03","#B03#":"B03","#A04#":"A04","#B04#":"B04","#A05#":"A05","#B05#":"B05", "#A06#":"A06","#B06#":"B06","#A07#":"A07","#B07#":"B07","#A08#":"A08","#B08#":"B08","#A09#":"A09","#B09#":"B09","#A10#":"A10",\
                "#B10#":"B10","#A11#":"A11","#B11#":"B11","#A12#":"A12","#B12#":"B12","#A13#":"A13","#B13#":"B13","#A14#":"A14","#B14#":"B14","#A15#":"A15", "#B15#":"B15","#A16#":"A16","#B16#":"B16","#A17#":"A17","#B17#":"B17","#A18#":"A18","#B18#":"B18","#A19#":"A19","#B19#":"B19","#A20#":"A20","#B20#":"B20",\
                "#B20#":"B20","#A21#":"A21","#B21#":"B21","#A22#":"A22","#B22#":"B22","#A23#":"A23","#B23#":"B23","#A24#":"A24","#B24#":"B24","#A25#":"A25", "#B25#":"B25","#A26#":"A26","#B26#":"B26","#A27#":"A27","#B27#":"B27","#A28#":"A28","#B28#":"B28","#A29#":"A29","#B29#":"B29","#A30#":"A30","#B30#":"B30"]

    if (moduleName == "Activity Monitor") sortedMap = getDeviceMapActMon()
    if (moduleName == "Attribute Monitor") sortedMap = getDeviceMapAttrMon()
    if (isLogDebug) log.debug("refreshTable: sortedMap is: ${sortedMap}")
    
    //Iterate through the sortedMap and take the number of entries corresponding to the number set by the deviceLimit
    recordCount = sortedMap.size()
    
    //Make myDeviceLimit = 0 if the they choose 'No Selection' from the drop down or have not selected anything into the devicelist.
    if ( myDeviceLimit == null || myDeviceList == null) myDeviceLimit = 0
    sortedMap.eachWithIndex{ key, value, i -> 
        if (i + 1 <= myDeviceLimit.toInteger() ){ 
            
            //Make sure all of the device names meet the minimum length by padding the end with spaces.
            shortName = key + "                            "
            
            //Truncate the name if required
            //if (isLogDebug) log.debug ("refreshTable: myTruncateLength.toInteger() is ${myTruncateLength.toInteger() }")
            if ( myTruncateLength != null && myTruncateLength.toInteger() == 96) shortName = findSpace(shortName, 3)
            if ( myTruncateLength != null && myTruncateLength.toInteger() == 97 ) shortName = findSpace(shortName, 2)
            if ( myTruncateLength != null && myTruncateLength.toInteger() == 98 ) shortName = findSpace(shortName, 1)
            if ( myTruncateLength != null && myTruncateLength.toInteger() <= 30 ) {
                if ( key.size() > myTruncateLength.toInteger() ) {
                    shortName = shortName.substring(0, myTruncateLength.toInteger() )
                }
            }
            
            //Data starts at row 1. Row 0 is the headers.
            i = i + 1 
            if (i < 10){
                mapKeyA = "#A0" + i + "#"
                mapKeyB = "#B0" + i + "#"
            }
            else {
                mapKeyA = "#A" + i + "#"
                mapKeyB = "#B" + i + "#"
            }
            data."${mapKeyA}" = shortName.trim()
            data."${mapKeyB}" = value
            //if (isLogDebug) log.debug("refreshTable: key is: ${key} value is: ${value}, index is: ${i} shortName is: ${shortName}")
            }
        } //End of sortedMap.eachWithIndex
    int myRows = Math.min(recordCount, myDeviceLimit.toInteger())
    if (isLogDebug) log.debug ("refreshTable: calling makeHTML: ${data} and myRows:${myRows} with deviceLimit: ${myDeviceLimit}")
    state.recordCount = myRows
    makeHTML(data, myRows)
}

//Creates the HTML data
void makeHTML(data, int myRows){
    if (isLogTrace) log.trace("makeHTML: Entering makeHTML")
    
    //Configure all of the HTML template lines.
    String HTMLCOMMENT = "<!--#comment#-->"
    String HTMLSTYLE1 = "<head>#head#<style>#class# #class1# #class2# #class3# #class4# #class5# #iFrame1#table.#id#{border-collapse:#bm#;width:#tw#%;height:#th#%;margin:Auto;font-family:#tff#;background:#tbc#;#table#;}"    //Table Style - Always included.  
	String HTMLSTYLE2 = ".#id# tr{color:#rtc#;text-align:#rta#;#row#}.#id# td{background:#rbc#;font-size:#rts#%;padding:#rp#px;#data#}</style>"    //End of the Table Style block - Always included.
    //String HTMLSTYLE2 = ".#id# tr{color:#rtc#;text-align:#rta#;#row#}.#id# td{font-size:#rts#%;padding:#rp#px;#data#}</style>"    //End of the Table Style block - Always included.
    String HTMLBORDERSTYLE = "<style>.#id# th,.#id# td{border:#bs# #bw#px #bc#;padding:#bp#px;border-radius:#br#px;#border#}</style>"    //End of the Table Style block. Sets border style for TD and TH elements. - Always included.
    String HTMLTITLESTYLE = "<style>ti#id#{display:block;color:#tc#;font-size:#ts#%;font-family:#tff#;text-align:#ta#;#titleShadow#;padding:#tp#px;#title#}</style>"        //This is the row for the Title Style - May be omitted.
    String HTMLHEADERSTYLE = "<style>.#id# th{background:#hbc#;color:#htc#;text-align:#hta#;font-size:#hts#%;padding:#hp#px;#header#}</style>"        //This is the row for Header Style - Will be ommitted 
    String HTMLARSTYLE = "<style>.#id# tr:nth-child(even){color:#ratc#;background:#rabc#;#alternaterow#;}</style>"                            //This is the row for Alternating Row Style - May be omitted.
    String HTMLFOOTERSTYLE = "<style>ft#id#{display:block;text-align:#fa#;font-size:#fs#%;color:#fc#}</style>"                                //Footer Style - May be omitted
    String HTMLHIGHLIGHT1STYLE = "<style>h#id#1{color:#hc1#;font-size:#hts1#%;#high1#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT2STYLE = "<style>h#id#2{color:#hc2#;font-size:#hts2#%;#high2#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT3STYLE = "<style>h#id#3{color:#hc3#;font-size:#hts3#%;#high3#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT4STYLE = "<style>h#id#4{color:#hc4#;font-size:#hts4#%;#high4#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT5STYLE = "<style>h#id#5{color:#hc5#;font-size:#hts5#%;#high5#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT6STYLE = "<style>h#id#6{color:#hc6#;font-size:#hts6#%;#high6#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT7STYLE = "<style>h#id#7{color:#hc7#;font-size:#hts7#%;#high7#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT8STYLE = "<style>h#id#8{color:#hc8#;font-size:#hts8#%;#high8#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT9STYLE = "<style>h#id#9{color:#hc9#;font-size:#hts9#%;#high9#}</style>"                                                        //Highlighting Styles - May be ommitted.
    String HTMLHIGHLIGHT10STYLE = "<style>h#id#10{color:#hc10#;font-size:#hts10#%;#high10#}</style>"                                                   //Highlighting Styles - May be ommitted.
    String HTMLDIVSTYLE = "<style>div.#id#{height:auto;background:#fbc#;padding:20px;#frame#}</style>"                                                 //Div container - May be ommitted.
    String HTMLDIVSTART = "<div class=#id#>"                                                                                                           //Div class - May be ommitted. 
    String HTMLTITLE = "<ti#id#>#tt#</ti#id#>"                                                                                                         //This is the row for the Title - May be omitted.
    String HTMLTABLESTART = "</head><body><table class=#id#>"                                                                                          //Start of the Table - always present.
    String HTMLR0 = ""
    if (isMergeHeaders == true) HTMLR0 = "<tr><th colspan=2>#A00#</th></tr>"                                                                        //This is the row for Single Column Headers - May be omitted.
    else HTMLR0 = "<tr><th>#A00#</th><th>#B00#</th></tr>"                                                                                            //This is the row for Dual Column Header - May be omitted.
    String HTMLTBODY = "<tbody>"                                                                                                                    //Sets the start of table body section
    String HTMLR1 = "<tr><td>#A01#</td><td>#B01#</td></tr>"; String HTMLR2 = "<tr><td>#A02#</td><td>#B02#</td></tr>"; String HTMLR3 = "<tr><td>#A03#</td><td>#B03#</td></tr>"; String HTMLR4 = "<tr><td>#A04#</td><td>#B04#</td></tr>"; String HTMLR5 = "<tr><td>#A05#</td><td>#B05#</td></tr>"
    String HTMLR6 = "<tr><td>#A06#</td><td>#B06#</td></tr>"; String HTMLR7 = "<tr><td>#A07#</td><td>#B07#</td></tr>"; String HTMLR8 = "<tr><td>#A08#</td><td>#B08#</td></tr>"; String HTMLR9 = "<tr><td>#A09#</td><td>#B09#</td></tr>"; String HTMLR10 = "<tr><td>#A10#</td><td>#B10#</td></tr>"
    String HTMLR11 = "<tr><td>#A11#</td><td>#B11#</td></tr>"; String HTMLR12 = "<tr><td>#A12#</td><td>#B12#</td></tr>"; String HTMLR13 = "<tr><td>#A13#</td><td>#B13#</td></tr>"; String HTMLR14 = "<tr><td>#A14#</td><td>#B14#</td></tr>"; String HTMLR15 = "<tr><td>#A15#</td><td>#B15#</td></tr>"
    String HTMLR16 = "<tr><td>#A16#</td><td>#B16#</td></tr>"; String HTMLR17 = "<tr><td>#A17#</td><td>#B17#</td></tr>"; String HTMLR18 = "<tr><td>#A18#</td><td>#B18#</td></tr>"; String HTMLR19 = "<tr><td>#A19#</td><td>#B19#</td></tr>"; String HTMLR20 = "<tr><td>#A20#</td><td>#B20#</td></tr>"
    String HTMLR21 = "<tr><td>#A21#</td><td>#B21#</td></tr>"; String HTMLR22 = "<tr><td>#A22#</td><td>#B22#</td></tr>"; String HTMLR23 = "<tr><td>#A23#</td><td>#B23#</td></tr>"; String HTMLR24 = "<tr><td>#A24#</td><td>#B24#</td></tr>"; String HTMLR25 = "<tr><td>#A25#</td><td>#B25#</td></tr>"
    String HTMLR26 = "<tr><td>#A26#</td><td>#B26#</td></tr>"; String HTMLR27 = "<tr><td>#A27#</td><td>#B27#</td></tr>"; String HTMLR28 = "<tr><td>#A28#</td><td>#B28#</td></tr>"; String HTMLR29 = "<tr><td>#A29#</td><td>#B29#</td></tr>"; String HTMLR30 = "<tr><td>#A30#</td><td>#B30#</td></tr>"
    String HTMLTABLEEND = "</tbody></table>"
    String HTMLFOOTER = "<ft#id#>#ft#</ft#id#>"        //Footer - May be omitted
    String HTMLDIVEND = "</div>"    
    String HTMLEND = "</body>" 
    
    //Set the HTML* to "" if they are not going to be displayed.
    if (isComment == false) HTMLCOMMENT = ""
    if (isFrame == false) { HTMLDIVSTYLE = "" ; HTMLDIVSTART = "" ; HTMLDIVEND = "" }
    if (isAlternateRows == false) HTMLARSTYLE = ""
    if ( (myKeywordCount.toInteger() == null || myKeywordCount.toInteger() < 1 ) ) HTMLHIGHLIGHT1STYLE = ""
    if ( (myKeywordCount.toInteger() == null || myKeywordCount.toInteger() < 2 ) ) HTMLHIGHLIGHT2STYLE = ""
    if ( (myKeywordCount.toInteger() == null || myKeywordCount.toInteger() < 3 ) ) HTMLHIGHLIGHT3STYLE = ""
    if ( (myKeywordCount.toInteger() == null || myKeywordCount.toInteger() < 4 ) ) HTMLHIGHLIGHT4STYLE = ""
    if ( (myKeywordCount.toInteger() == null || myKeywordCount.toInteger() < 5 ) ) HTMLHIGHLIGHT5STYLE = ""
    
    if ( (myThresholdCount.toInteger() == null || myThresholdCount.toInteger() < 1 ) ) HTMLHIGHLIGHT6STYLE = ""
    if ( (myThresholdCount.toInteger() == null || myThresholdCount.toInteger() < 2 ) ) HTMLHIGHLIGHT7STYLE = ""
    if ( (myThresholdCount.toInteger() == null || myThresholdCount.toInteger() < 3 ) ) HTMLHIGHLIGHT8STYLE = ""
    if ( (myThresholdCount.toInteger() == null || myThresholdCount.toInteger() < 4 ) ) HTMLHIGHLIGHT9STYLE = ""
    if ( (myThresholdCount.toInteger() == null || myThresholdCount.toInteger() < 5 ) ) HTMLHIGHLIGHT10STYLE = ""
    
    if (isFooter == false) { HTMLFOOTERSTYLE = "" ; HTMLFOOTER = "" }
    if (isBorder == false) HTMLBORDERSTYLE = ""
    if (isTitle == false) { HTMLTITLESTYLE = "" ; HTMLTITLE = "" }
    if (isHeaders == false) { HTMLHEADERSTYLE = "" ; HTMLR0 = "" }    
    //Nullify the non-populated. We allow it to go to zero rows so that by turning off headers we can have just a Title field for a decorative tile.
    if (myRows <= 29) HTMLR30 = "" ; if (myRows <= 28) HTMLR29 = ""; if (myRows <= 27) HTMLR28 = ""; if (myRows <= 26) HTMLR27 = ""; if (myRows <= 25) HTMLR26 = ""; if (myRows <= 24) HTMLR25 = ""; if (myRows <= 23) HTMLR24 = ""; if (myRows <= 22) HTMLR23 = ""; if (myRows <= 21) HTMLR22 = ""; if (myRows <= 20) HTMLR21 = "";
    if (myRows <= 19) HTMLR20 = "" ; if (myRows <= 18) HTMLR19 = ""; if (myRows <= 17) HTMLR18 = ""; if (myRows <= 16) HTMLR17 = ""; if (myRows <= 15) HTMLR16 = ""; if (myRows <= 14) HTMLR15 = ""; if (myRows <= 13) HTMLR14 = ""; if (myRows <= 12) HTMLR13 = ""; if (myRows <= 11) HTMLR12 = ""; if (myRows <= 10) HTMLR11 = "";
    if (myRows <= 9) HTMLR10 = ""; if (myRows <= 8) HTMLR9 = ""; if (myRows <= 7) HTMLR8 = ""; if (myRows <= 6) HTMLR7 = ""; if (myRows <= 5) HTMLR6 = ""; if (myRows <= 4) HTMLR5 = ""; if (myRows <= 3) HTMLR4 = ""; if (myRows <= 2) HTMLR3 = ""; if (myRows <= 1) HTMLR2 = ""; if (myRows <= 0) HTMLR1 = ""
    
    //Now build the final HTML TEMPLATE string
    def interimHTML = HTMLCOMMENT + HTMLSTYLE1 + HTMLSTYLE2 + HTMLDIVSTYLE + HTMLBORDERSTYLE + HTMLTITLESTYLE + HTMLHEADERSTYLE + HTMLARSTYLE  + HTMLFOOTERSTYLE + HTMLHIGHLIGHT1STYLE + HTMLHIGHLIGHT2STYLE + HTMLHIGHLIGHT3STYLE + HTMLHIGHLIGHT4STYLE + HTMLHIGHLIGHT5STYLE 
    interimHTML += HTMLHIGHLIGHT6STYLE + HTMLHIGHLIGHT7STYLE + HTMLHIGHLIGHT8STYLE + HTMLHIGHLIGHT9STYLE + HTMLHIGHLIGHT10STYLE + HTMLDIVSTART + HTMLTITLE + HTMLTABLESTART + HTMLR0 + HTMLTBODY 
	interimHTML += HTMLR1 + HTMLR2 + HTMLR3 + HTMLR4 + HTMLR5 + HTMLR6 + HTMLR7 + HTMLR8 + HTMLR9 + HTMLR10 + HTMLR11 + HTMLR12 + HTMLR13 + HTMLR14 + HTMLR15 + HTMLR16 + HTMLR17 + HTMLR18 + HTMLR19 + HTMLR20 + HTMLR21 + HTMLR22 + HTMLR23 + HTMLR24 + HTMLR25 + HTMLR26 + HTMLR27 + HTMLR28 + HTMLR29 + HTMLR30 																												 
    interimHTML += HTMLTABLEEND + HTMLFOOTER + HTMLDIVEND + HTMLEND
    if (isLogDebug) log.debug ("HTML Template is: ${interimHTML}")
            
    //Load all the saved settings 
    def myTemplate = fillStyle()
    
    //Now add the received data map to the list
    myTemplate = myTemplate + data
    if (isLogDebug) log.debug ("makeHTML: myTemplate with Row Data is : ${myTemplate}")

    //We use this index to track the row number which allows us to reference the array of variables i.e. device1, attribute1 etc.
    myIndex = 0

    //Now replace the placeholders with the actual data values for cells B1 - B10.
    myTemplate.each{ it, value -> 
        if (isLogInfo) log.info ("1)  Iterating myTemplate: it is: $it and value is: $value")
        //If it's the data column it will begin #B1# thru #B30#. Anything else we can just process normally.
        if ( beginsWith(it, "#B") == false || beginsWith(it,"#B00") == true ){
            interimHTML = interimHTML.replaceAll(it, value.toString())    
            }
        else    //It is a data column it MAY need to be modified
            {
            if ( beginsWith(it, "#B") == true ){ 
                myIndex = myIndex + 1 
																			   
            }
            //If the index is greater than the device count then it can be ignored.
            if ( myIndex <= myRows ) {
                //interimHTML = interimHTML.replace(it, value.toString()) 
                newDataValue = highlightValue(value)
            
                //It get a little tricky to debug because many of the <HTML> tags do not not print in the log window.
                //if (isLogDebug == true && newValue != null ) log.debug("makeHTML: Replacing: <td>${it}</td> with: ${unHTML(newValue)}")
                //Replace any () or [] characters with <>
                newDataValue = toHTML(newDataValue)
                interimHTML = interimHTML.replaceAll("<td>${it}</td>", "${newDataValue}")

                //We will test to see if the data contains a highlight class. If it does and device highlighting is selected then the appropriate <hqq?> tags are added to the deviceName
                def myClass = getHighlightClass(newDataValue)
                
                if (myClass != null){
                    def deviceTemplateLocation = "#A" + (myIndex as String).padLeft(2, '0') + "#"
                    String oldDeviceString = myTemplate[deviceTemplateLocation]
                
                    //If the name does not contain any special characters and device name highlighting is true then we can do search and replace operations on it and add the <hqq?> tags.
                    if ( isHighlightDeviceNames == true ){
                        if (containsSpecialCharacters(oldDeviceString) == false){
                            newDeviceString = "<" + myClass + ">" + oldDeviceString + "</" + myClass + ">"
                            interimHTML = interimHTML.replaceAll("<td>" + oldDeviceString + "</td>", "<td>" + newDeviceString + "</td>")
                        }
                        else log.warn("makeHTML: The device name ${oldDeviceString} contains reserved characters and the style ${myClass} could not be applied.")
                    }
                } //End of if(myClass......
            }
                else { if (isLogInfo) log.info ("2B) Bybassping it: $it because it does not contain data") }
        }
        
    } //end of myTemplate.each
    
    //Replace any %day%, %time%, %units%, %count% fields with the actual value
    //Get the units we are using and correct the formatting.
    if (myUnits == null || myUnits == "None") myUnit = ""
    else myUnit = myUnits.replace("_"," ")
    //Set an appropriate format for day and time.
    def myTime = new Date().format('HH:mm a')
    def myTime1 = new Date().format('HH:MM')
    def myTime2 = new Date().format('h:mm a')
    def myDay = new Date().format('E')
    
    //Replace macro values regardless of case.
    interimHTML = interimHTML.replaceAll("(?i)%day%", myDay)
    interimHTML = interimHTML.replaceAll("(?i)%time%", myTime)
    interimHTML = interimHTML.replaceAll("(?i)%time1%", myTime1)
    interimHTML = interimHTML.replaceAll("(?i)%time2%", myTime2)
    interimHTML = interimHTML.replaceAll("(?i)%units%", myUnit)
    interimHTML = interimHTML.replaceAll("(?i)%count%", state.recordCount.toString())
    
    //Replace any embedded tags using [] with <>
    interimHTML = toHTML(interimHTML)
    
	//We have the Interim Version now we need to create the iFrame version and the final version
    iframeHTML = scrubHTML(interimHTML, false) 
    finalHTML = scrubHTML(interimHTML, true) 
    state.interimHTML = interimHTML
    
    //Calculates the sizes of the elements of each and display info to user.
    getHTMLSize(finalHTML.toString(), interimHTML.toString())
    
    //Save the HTML to display on the page.
    if (state.HTMLsizes.Final < 4096) {
        state.iframeHTML = iframeHTML
        state.HTML = finalHTML
        if (isLogDebug) log.debug("makeHTML: HTML final size is <= than 4,096 bytes.")
    }
    else  {
        state.iframeHTML = iframeHTML
        state.HTML = "<b>HTML length exceeded 4,096 bytes for '${myTileName}' (${state.HTMLsizes.Final}).</b>"
        if (isLogDebug) log.debug("makeHTML: HTML final size is > 4,096 bytes.")
    }
}

//Looks at a provided attributeValue and compares it to those values provided by keywords and thresholds.
//If any are a match it uses the chosen CSS style to highlight it.
def highlightValue(attributeValue){
    if (isLogTrace) log.trace("highlightValue: Received attributeValue: ${attributeValue}")
    
    //Save a copy of the original value if it is non-null
    def originalValue
    if ( attributeValue == null || attributeValue == "" ) originalValue = "N/A"
    else originalValue = attributeValue.toString()
    
    dataType = getDataType(originalValue.toString())
            
    //Take care of any character replacements first.
    if (dataType == "String" && isReplaceCharacters == true && settings["oc1"] != "?" && settings["nc1"] != "?" ) {
        def oldCharacters = settings["oc1"] ?: ""
        def newCharacters = settings["nc1"] ?: ""
        //Replace the old character(s) with the new character(s) if found.
        attributeValue = attributeValue.replace(oldCharacters, newCharacters)
    }
    
    //Get the units we are using.
    if (myUnits == null || myUnits == "None" || isAppendUnits == false) myUnit = ""
    else myUnit = myUnits.replace("_"," ")
    
    //If the data is a string then we must process it for Keywords. This does full string comparisons and only works for an exact full keyword match.
    if ( dataType == "String" ){  
        for (i = 1; i <= myKeywordCount.toInteger(); i++) {
            if (isLogDebug) log.info ("Processing keyword i is: $i.")
            if ( settings["k$i"] != null && settings["k$i"] != "") {
                if (settings["k$i"].trim() == attributeValue.toString().trim() ){
                    if (isLogDebug) log.debug("highlightValue: Keyword ${attributeValue} was found and is a match for Keyword1.")
                    if (settings["ktr$i"] != null && settings["ktr$i"].size() > 0) {
                        returnValue = settings["ktr$i"].replace ("%value%", attributeValue)
                        return "[td][hqq$i]" + returnValue + myUnit + "[/hqq$i][/td]"
                    }
                }
            }
        }
        //It's a string but does not match a keyword.
        return "[td]" + attributeValue + myUnit + "[/td]"
    }
    
	//If it get's this far it must be a number.
	returnValue = attributeValue.toString()
    //Use a flag to remember the highest threshold with a match
    def lastThreshold = 0
    //i is the loopcounter. It starts at 6 because the threshold controls are numbered 6 thru 10.
    i = 6
    while (i <= myThresholdCount.toInteger() + 5 ) {
        //log.info ("Processing threshold i is: $i.")
        myVal1 = settings["tcv$i"]
        myVal2 = settings["top$i"]
        myThresholdText = "Threshold " + ( i - 5).toString()
						  
        if (isLogDebug) log.info ("i is: $i.  tcv$i is: $myVal1  top$i is: $myVal2  dataType is $dataType  Threshold is: $myThresholdText")
        if (settings["tcv$i"] != null && settings["tcv$i"] != "" && settings["tcv$i"] != "None" )  {
            
            //This is the ideal place for a switch statement but using a break within switch causes it to exit the while loop also.
			if ((settings["top$i"] == "1" || settings["top$i"] == "<=") && (originalValue?.toFloat() ?: 0.0) <= settings["tcv$i"].toFloat()) {							   
                if (isLogDebug)  log.debug("highlightThreshold: A <= than condition was met.")
                if ( ( settings["ttr$i"] != null && settings["ttr$i"] != " " ) && settings["ttr$i"] != "?") { returnValue = settings["ttr$i"]  + myUnit } 
                lastThreshold = i
				}
            
            if ( ( settings["top$i"] == "2" || settings["top$i"] == "==" ) && (originalValue?.toFloat() ?: 0.0) == settings["tcv$i"].toFloat() ) {
                if (isLogDebug) log.debug("highlightThreshold: An == condition was met.")
                if (settings["ttr$i"] != null && settings["ttr$i"] != " " && settings["ttr$i"] != "?") { returnValue = settings["ttr$i"] + myUnit } 
				lastThreshold = i
				}
            
            if ( ( settings["top$i"] == "3" || settings["top$i"] == ">=" ) && (originalValue?.toFloat() ?: 0.0) >= settings["tcv$i"].toFloat() ) {
                if (isLogDebug) log.debug("highlightThreshold: A >= than condition was met.")
                if (settings["ttr$i"] != null && settings["ttr$i"] != " " && settings["ttr$i"] != "?") { returnValue = settings["ttr$i"]  + myUnit } 
                lastThreshold = i
				}
        }
        i = i + 1
    }
    
    //log.info ("Exited For Loop and lastThreshold is: $lastThreshold ")
    if (lastThreshold == 0) {
        //Does not match any threshold
        return "[td]" + returnValue + myUnit + "[/td]"    
        }                
    else { 
        returnValue = returnValue.replace("%value%", attributeValue.toString()) 
        return "[td][hqq$lastThreshold]" + returnValue  + "[/hqq$lastThreshold][/td]"
	}
} //End of function
		
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Device Selection. Only used by Activity Monitor but retained for ease of maintenance.
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

def getSelectOk()
{
    def status = [ devicePage: devices1 ?: devices2 ?: devices3 ?: devices4 ?: devices5 ?: devices6 ?: devices7?: devices8]
    status << [all: status.devicePage]
}

//Determine which is the currently selected DeviceList and returns that to the caller.
def getDeviceList(){
    if (useList == "1" ) {myDeviceList = devices1}
    if (useList == "2" ) {myDeviceList = devices2}
    if (useList == "3" ) {myDeviceList = devices3}
    if (useList == "4" ) {myDeviceList = devices4}
    if (useList == "5" ) {myDeviceList = devices5}
    if (useList == "6" ) {myDeviceList = devices6}
    if (useList == "7" ) {myDeviceList = devices7}
    if (useList == "8" ) {myDeviceList = devices8}
    if (isLogTrace) log.trace("getDeviceList: myDeviceList is: ${myDeviceList}")
    return myDeviceList
}

//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Publishing Related Functions
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

//Deletes all event subscriptions.
void deleteSubscription(){
	if (isLogEvents) ("deleteSubscription: Deleted all subscriptions. To verify click on the App ⚙️ Symbol and look for the Event Subscriptions section. ")
    unsubscribe()
}

//This function removes all existing subscriptions for this app and replaces them with new ones corresponding to the devices and attributes being monitored.
void publishSubscribe(){
    if (isLogEvents) log.info("createSubscription: Creating subscriptions for Tile: $myTile with description: $myTileName.")
    //Remove all existing subscriptions.
    unsubscribe()
	
    //Setup a subscription to the currently selected device list and the attribute type relevant to that list.
    capabilities = capabilitiesInteger.clone() + capabilitiesFloat.clone() + capabilitiesString.clone()
    deviceType = capabilities.get(myCapability)
    if (myDeviceLimit.toInteger() >= 1 && myDeviceList ) {
        subscribe(myDeviceList, deviceType, handler)
        //Populate the Initial Table based on the present state.
        publishTable()
    }
}

//This function handles the calls to the endpoint.
def getTile(){
    if (isLogDebug) log.debug "getTile called: $params source: ${request.requestSource}"
    if (oversizeTileHandling == "Cloud Endpoint") {    
        render contentType: "text/html;charset=UTF-8", data:state.HTML, status:200
    }
    else { render contentType: "text/html;charset=UTF-8", data:"<H1>Tile Builder</H1><H2>Cloud Endpoint Inactive</H2>Check your <b>Oversize Tile Handling</b> configuration for <b>${myTileName}</b>.", status:200 }
}

//This should get executed whenever any of the subscribed devices receive an update to the monitored attribute.
//Delays may occur if the eventTimeout or republishDelay is > 0
def handler(evt) {
    if (isLogTrace) log.trace ("<b>handler: Entering with $evt</b>")
    if (isLogInfo) log.info ("handler: Event received from Device:${evt.device}  -  Attribute:${evt.name}  -  Value:${evt.value}")
    
    //Handles the initialization of new variables added after the original release.
    if (state.variablesVersion == null || state.variablesVersion < codeVersion) updateVariables() 
    
    //Initialize variables
    long lastPublicationTime = state.publish.lastPublished ?: 0
    long nextPublicationTime = ( republishDelay.toInteger() * 60 * 1000 ) + lastPublicationTime
    long delay = nextPublicationTime - now()
    
    if (isLogEvents) log.info("nextPublicationTime: $nextPublicationTime, now: " + now() + ", delay: $delay,  republishDelay: $republishDelay, eventTimeout: $eventTimeout ")

    //The next publication event is more than 1 second into the future so setup a delayed publish
    if ( delay  > 1000 ) { 
        runInMillis( delay, publishTable, [overwrite: true]) 
        if (isLogEvents) log.info ("handler: republishDelay of $republishDelay minutes has not been met. Publication deferred. (" + delay/1000 + " seconds)" ) 
    }
    
    //It is within 1 second of the nextPublicationTime, close enough to publish, subject to the eventTimeout setting.
    if ( delay <= 1000 ) { 
        runInMillis(eventTimeout.toInteger(), publishTable, [overwrite: true])
        if (isLogEvents) log.info ("handler: publishTable() has been called with a delay of $eventTimeout" ) 
    }
}

//Save the current HTML to the variable. This is the function that is called by the scheduler.
void publishTable(){
    if (isLogEvents) log.trace("publishTable: Entering publishTable.")
    
    //Get the Access Token and cloud endpoint if needed
    if (oversizeTileHandling == "Cloud Endpoint") {
        try {
            if( !state.accessToken ) createAccessToken()
            state.cloudEndpoint = getFullApiServerUrl() + "/tb?access_token=" + state.accessToken
        }
        catch (Exception e){
            log.error("This app is not OAuth Enabled.  Go to: <b>Developer Tools</b> / <b>Apps Code</b> and open the code for this app.  Click on <b>OAuth</b> and then <b>Enable OAuth in App</b> and leave it athe default values.")
        }
    }
    
    //Refresh the table with the new data and then save the HTML to the driver variable.
    refreshTable()
    if (isLogEvents) log.debug("publishTable: Tile $myTile ($myTileName) is being refreshed.")
    
    myStorageDevice = parent.getStorageDevice()
    if ( myStorageDevice == null ) {
        log.error("publishTable: myStorageDevice is null. Is the device created and available? This error can occur immediately upon hub startup. Nothing published.")
        return
    }
    
    if (isLogEvents) log.info ("Size is: ${state.HTML.size()}")
    state.publish.lastPublished = now()
    
	//If the tile is less than 1024 we just publish to the attribute. If it's more than 1,024 then we publish it as a file or endpoint then update the attribute to cause it to reload the data.
    if (state.HTML.size() < 1024 ) {
        myStorageDevice.createTile(settings.myTile, state.HTML, settings.myTileName)
        return
        }
    
    //If the Tile is >= 1024 the code from here forward will be evaluated\executed.
    if (oversizeTileHandling == "Cloud Endpoint") {
		//Now create the link to the Endpoint and save it as an attribute
		def src = state.cloudEndpoint
		//Add the current time in milliseconds to a comment field. This ensures that every update is unique and causes the file to be reloaded.
		def stubHTML = "<!--Generated:" + now() + "-->" + """<div style='height:100%; width:100%; scrolling:no; overflow:hidden;'><iframe src=""" + src + """ style='height: 100%; width:100%; border: none; scrolling:no; overflow: hidden;'></iframe><div>"""
		if (isLogEvents) log.debug ("stub is : ${unHTML(stubHTML)}")
		
		//Then we will update the Storage Device attribute which will cause the file to be reloaded into the dashboard.
		myStorageDevice.createTile(settings.myTile, stubHTML, settings.myTileName)
        return
		}
    
    //Default behaviour is oversizeTileHandling == "File Manager"
	def prefix = parent.getStorageShortName()
	def fileName = prefix + "_Tile_" + myTile.toString() + ".html"
	if (isLogEvents) log.debug ("filename is: ${fileName}")
	def myBytes = state.HTML.getBytes("UTF-8")
	
	//Now try and upload the file to the hub. There is no return value so we must do try catch
	try {
		def myIP = location.hub.localIP
		uploadHubFile("${fileName}", myBytes)
		//Put in a slight delay to allow the file upload to complete.
		pauseExecution (250)
		def src = "http://" + myIP + "/local/" + fileName
		//Add the current time in milliseconds to a comment field. This ensures that every update is unique and causes the file to be reloaded.
		def stubHTML = "<!--Generated:" + now() + "-->" + """<div style='height:100%; width:100%; scrolling:no; overflow:hidden;'><iframe src=""" + src + """ style='height: 100%; width:100%; border: none; scrolling:no; overflow: hidden;'></iframe><div>"""
		if (isLogEvents) log.debug ("stub is : ${unHTML(stubHTML)}")
	
		//Then we will update the Storage Device attribute which will cause the file to be reloaded into the dashboard.
		myStorageDevice.createTile(settings.myTile, stubHTML, settings.myTileName)
		}
	catch (Exception e){
		if ( isLogError ) log.error ("Exception ${e} in publishTable. Probably an error uploading file to hub.") 
		//Then we will update the Storage Device attribute to indicate there was a problem.
		def myTime = new Date().format('E @ HH:mm a')
		myStorageDevice.createTile(settings.myTile, "The tile did not upload\\update correctly. Check the logs. ${myTime}", settings.myTileName)
		}
}

//Save the current HTML to the variable and configure the refresh.
//Only used by Activity Monitor but retained for ease of maintenance.
void createSchedule(){
    if (isLogTrace) log.trace("createSchedule: Entering createSchedule.")
    def cronJob = ""
    //Remove any existing scheduled actions.
    unschedule()
    unsubscribe()
                                       
    if (isLogInfo) log.info("createSchedule: publishInterval is: ${publishInterval}")
    if (publishInterval == "0" ) { 
        log.warn("createSchedule: Automatic refresh has been disabled.")
    }
    else {
        //Use https://cronmaker.com
        //Minutes = publishInterval   0 0 6 1/1 * ? *.
        switch(publishInterval.toInteger()){
            case [1,2,5,10,15,30]:
                //Every 15 Minute: 0 0/15 * 1/1 * ? *
                cronJob = "0 0/" + publishInterval.toString() + " * 1/1 * ? *"
                break
            case [60, 120, 240, 480, 720]:
                //Every 2 Hours: 0 0 0/2 1/1 * ? *
                hours = publishInterval.toInteger()/60
                cronJob = "0 0 0/" + hours.toString() + " 1/1 * ? *"
                break
            case 1440:
                //Every Day start at 06:00; 0 0 6 1/1 * ? *
                cronJob = "0 0 6 1/1 * ? *"
            }
                                  
        if (isLogDebug) log.debug ("createSchedule: cronJob is ${cronJob}.")
        schedule(cronJob, publishTable)
        myStorageDevice = parent.getStorageDevice()
        if (isLogInfo) log.info ("createSchedule: Tile $myTile ($myTileName) published with automatic refresh.")
    }
}

//Warn the user that clicking on the button is doing nothing.
void cannotPublishTable(){
    log.error("cannotPublishTile: Tile $myTile ($myTileName) cannot be published because it's size is great than 4,096 bytes.")
}

//Calculates the size of the main groups and saves them to state.HTMLsizes
def getHTMLSize(String finalHTML, String interimHTML){
    
    if (state.HTMLsizes == null) state.HTMLsizes = [Comment: 0, Head: 0, Body: 0, Interim: 0, Final: 0]
    if (interimHTML.size() > 0 ) state.HTMLsizes.Interim = interimHTML.size()
    if (finalHTML.size() > 0 ) state.HTMLsizes.Final = finalHTML.size()
    
    commentLength = countBetween(finalHTML, "<!--", "-->")
    state.HTMLsizes.Comment = commentLength
        
    headLength = countBetween(finalHTML, "<head>","</head>")
    state.HTMLsizes.Head = headLength
    
    bodyLength = countBetween(finalHTML, "<body>","</body>")
    state.HTMLsizes.Body = bodyLength
}

//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Style Related functions.
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//The first 3 call the equivalent function in the parent as all styles except for the currently active style are stored within the parent app.
//This allows styles to be shared between multiple child apps.
//All saved styles are pre-fixed with the word Style- followed by a 2 digit code for the module type. For Activity Monitor it is naturally 'AM'

def saveCurrentStyle(String styleName){
    if (isLogInfo) log.info("saveCurrentStyle: Child saving style '${saveStyleName} with settings: ${styleMap}")
    styleMap = state.myActiveStyleMap
    saveStyleName = "Style-AM-${styleName}"
    parent.saveStyle(saveStyleName, styleMap)
}

//Takes all of the values in the style and applies them to the controls.
def loadStyle(String styleName){
    myStyle = parent.loadStyle(styleName)    
    if (isLogInfo) log.info("loadStyle: style ${styleName} received from parent with settings: ${myStyle}.")
    //Now update all of the settings with the retreived values
    return myStyle
}

def deleteSelectedStyle(String styleName){
    if (isLogInfo) log.info ("deleteSelectedStyle: ${styleName} Style deleted from ")
    parent.deleteStyle(styleName)    
}

def importStyle(){
    if (isLogInfo) log.info ("importStyleString: Importing style.")
    myStyle = importStyleString(settings.importStyleText)
    newStyle = [myStyle]
    return newStyle
}

//Takes a Style Map and applies all the settings.
//Any controls having their value restored must not be visible on the page or the operation will fail.
def applyStyle(style){
    if (isLogInfo) log.info ("applyStyle: Received style: ${style}")
    //We need to excluded certain settings for Highlighting from the style for MAM.
    //This way we can import AM Styles but ignore the Highlight settings.
    def exclusionList1 = ["hc1", "hts1", "hc2", "hts2", "hc3", "hts3", "hc4", "hts4", "hc5", "hts5", "hc6", "hts6", "hc7", "hts7", "hc8", "hts8", "hc9", "hts9", "hc10", "hts10"]
    def exclusionList2 = ["myKeywordCount", "k1", "ktr1", "k2", "ktr2", "k3", "ktr3", "k4", "ktr4", "k5", "ktr5"]
    def exclusionList3 = ["myThresholdCount", "top1", "tcv1", "ttr1", "top2", "tcv2", "ttr2", "top3", "tcv3", "ttr3", "top4", "tcv4", "ttr4", "top5", "tcv5", "ttr5"]
    def combinedExclusionList = []
    combinedExclusionList.addAll(exclusionList1)
    combinedExclusionList.addAll(exclusionList2)
    combinedExclusionList.addAll(exclusionList3)

    style.each{ mySetting, myValue ->
        mySetting = mySetting.replaceAll("#","")
        if (isLogDebug) log.debug ("setting is: ${mySetting} and value is: ${myValue} and myclass is: ${myClass}")
        //If the setting is not in the exclusion list then we will process it.
        if ( !combinedExclusionList.contains(mySetting) ) {
            myClass = getSettingClass(mySetting)
            //if (isLogDebug) 
            if (myClass == "color" ) app.updateSetting(mySetting, [value:myValue, type:"color"]) 
            if (myClass == "enum" ) app.updateSetting(mySetting, [value:myValue.toString(), type:"enum"]) 
            if (myClass == "bool" ) app.updateSetting(mySetting, [value:myValue.toString(), type:"bool"]) 
            if (myClass == "text" ) app.updateSetting(mySetting, [value:myValue.toString(), type:"text"]) 
            if (myClass == "textarea" ) app.updateSetting(mySetting, [value:myValue.toString(), type:"textarea"]) 
            if (myClass == null ) log.warn ("Found setting: ${mySetting} in style with value: ${myValue} but no such setting exists. This is not harmful and does not affect the operation of the program.")
        }
    }    
}

//Converts a Style in string form into a Map for storage.
def importStyleString(styleString){
    styleString.replace(", ",",")
    if (isLogInfo) log.info ("importStyleString: Style is: ${styleString}")
    def newStyle = [:]
    
    myArr = styleString.tokenize(",")
    myArr.each{
        it = it.replace("[","")
        it = it.replace("]","")
        it = it.replace("[[","[")
        it = it.replace("]]","]")
        it = it.replace("[ ","[")
        it = it.replace(" ]","]")
        details = it.tokenize(":")
        
        if (isLogDebug) log.debug ("Details is: ${details}")
        if (details[0] != null ) d0 = details[0].trim()
        if (details[1] != null ) d1 = details[1].trim()
        if (d0 != null && d1 != null ) {
            if (isLogDebug) log.debug ("d0 is:${d0} and d1 is: ${d1}")
            newStyle."${d0}" = d1
        }
    }
    if (isLogDebug) log.debug ("importStyleString: Returning - ${newStyle}")
    return newStyle
}

//fillStyle replaces the placeholders in the HTML template with the actual data values
//Note:Overrides are placed at the start of the list so they take precedence over other lists. The item will be replaced in the string and won't be found by subsequent searches.
//Returns a list of maps which contain the replacement values for the HTML template string.
//titleScheme - tt=title text, ts=title size, tc=title color, ta=title alignment. titleShadow = composite entity for text shadow.
//headerScheme - hbc=header background color, htc=header text color, hts=header text size, hta=header text alignment, hto=header text opacity, hp=header padding
//rowScheme - rbc=row background color, rtc=row text color, rts=row text size, rta=header text alignment, rto=row text opacity, rabc=row alternate background color, ratc=row alternate text color, rp = row padding (applies to data area)
//tableScheme - th=table height, tw=table width, tml=table margin left, tmr=table margin right.
//borderScheme - bw=border width, bc=border color, bp=border padding, bs=border style
//footerScheme - ft=footer text, fs=footer size, fc=footer color, fa=footer alignment
//booleanScheme - These will never be found. They are included in the allScheme so that their settings can be saved along with the rest of the style.
def fillStyle(){
    if (isLogTrace) log.trace ("fillStyle: Entering fillStyle.")
    def myTime = new Date().format('E @ HH:mm a')
    def myRP, myBP
    def myTitleShadow = ""

    //If the border is enabled and the padding is > 0 the header and row padding values will be ignored. This will result in them getting stripped from the final HTML as the string will read padding:0px; which is redundant as that is the default value.
    if (isLogDebug) log.debug("isBorder: ${isBorder}")
    if (isLogDebug) log.debug("bp: ${settings.bp}")
    if (isBorder == true && bp.toInteger() > 0 ) {
        if (isLogDebug) log.debug ("Border is on and > 0")
        myHP = "0" ; myRP = "0"
    }
    else { myHP = hp ; myRP = rp }    
    
    //Calculate the composite values here.
    if (isTitleShadow == true) myTitleShadow = "text-shadow:" + shhor + "px " + shver + "px " + shblur + "px " + shcolor
    
    //Color values that support opacity must be converted to HEX8.
    //For example hbc = Header Background Color. It is created by combining Header Background Color (hbc) and Header Background Opacity (hbo) to make a HEX8 value.
    //Table
    def mytbc = convertToHex8(tbc, tbo.toFloat())  
    //Title
    def mytc = convertToHex8(tc, to.toFloat())  
    //Border
    def mybc = convertToHex8(bc, bo.toFloat())  
    //Table Header
    def myhbc = convertToHex8(hbc, hbo.toFloat())  
    def myhtc = convertToHex8(htc, hto.toFloat())  
    //Table Rows
    def myrbc = convertToHex8(rbc, rbo.toFloat())  
    def myrtc = convertToHex8(rtc, rto.toFloat())  
    
    Hex8ColorScheme = ["#tbc#":mytbc, "#tc#":mytc,"#hbc#":myhbc, "#htc#":myhtc,"#rbc#":myrbc, "#rtc#":myrtc, "#bc#":mybc]    
    titleScheme = ["#tt#":tt, "#ts#":ts, "#tc#":tc, "#tp#":tp, "#ta#":ta, "#to#":to, "#shcolor#":shcolor, "#shver#":shver, "#shhor#":shhor, "#shblur#":shblur, "#titleShadow#":myTitleShadow]
    headerScheme = ["#A00#":A0, "#B00#":B0, "#hbc#":hbc, "#hbo#":hbo, "#htc#":htc, "#hto#":hto, "#hts#":hts, "#hta#":hta , "#hp#":myHP]         
    rowScheme = ["#rbc#":rbc, "#rtc#":rtc, "#rts#":rts, "#rta#":rta ,"#rabc#":rabc, "#ratc#":ratc, "#rp#":myRP, "#rto#":rto, "#rbo#":rbo]            
    //Add a temporary class ID of 'qq'. A double qq is not used in the english language. The final one will be assigned by the Tile Builder Storage Device when the Tile is published.
    tableScheme = ["#id#":"qq", "#th#":th,"#tw#":tw, "#tbc#":tbc, "#tbo#":tbo ]        
    borderScheme = ["#bw#":bw, "#bc#":bc, "#bs#":bs, "#br#":br, "#bp#":bp, "#bo#":bo ]
    footerScheme = ["#ft#":ft, "#fs#":fs, "#fc#":fc, "#fa#":fa ]
    highlightScheme = ["#hc1#":compress(hc1), "#hts1#":hts1, "#hc2#":compress(hc2), "#hts2#":hts2,"#hc3#":compress(hc3), "#hts3#":hts3, "#hc4#":compress(hc4), "#hts4#":hts4, "#hc5#":compress(hc5), "#hts5#":hts5, "#hc6#":compress(hc6), "#hts6#":hts6, "#hc7#":compress(hc7), "#hts7#":hts7,"#hc8#":compress(hc8), "#hts8#":hts8, "#hc9#":compress(hc9), "#hts9#":hts9, "#hc10#":compress(hc10), "#hts10#":hts10]
    keywordScheme = ["#k1#":k1, "#ktr1#":ktr1, "#k2#":k2, "#ktr2#":ktr2, "#k3#":k3, "#ktr3#":ktr3, "#k4#":k4, "#ktr4#":ktr4, "#k5#":k5, "#ktr5#":ktr5]
    thresholdScheme = ["#top6#":top6, "#tcv6#":tcv6, "#ttr6#":ttr6, "#top7#":top7, "#tcv7#":tcv7, "#ttr7#":ttr7, "#top8#":top8, "#tcv8#":tcv8, "#ttr8#":ttr8, "#top8#":top8, "#tcv9#":tcv9, "#ttr9#":ttr9, "#top10#":top10, "#tcv10#":tcv10, "#ttr10#":ttr10]
    otherScheme = ["#comment#":comment, "#bm#":bm,"#tff#":tff, "#bfs#":bfs, "#fbc#":fbc, "#customWidth#":customWidth, "#customHeight#":customHeight, "#iFrameColor#":iFrameColor, "#myKeywordCount#" : myKeywordCount, "#myThresholdCount#" : myThresholdCount] 
        
    //The booleanScheme uses the same configuration but these are not tags that are stored within the HTML. However they are stored in settings as they guide the logic flow of the application.
    booleanScheme1 = ["#isCustomSize#":isCustomSize, "#isFrame#":isFrame, "#isComment#":isComment,"#isTitle#":isTitle,"#isTitleShadow#":isTitleShadow,"#isHeaders#":isHeaders,"#isBorder#":isBorder,"#isAlternateRows#":isAlternateRows,"#isFooter#":isFooter]  
    booleanScheme2 = ["#isOverrides#":isOverrides]

    //'myBaseSettingsMap' are those configured through the UI. 'myOverridesMap' are those extracted from the overrides text field and converted to a map. 
    //'myEffectiveSettings' are the result of merging the 'myBaseSettingsMap' settings with the 'myOverrideMap'. 
    def myBaseSettingsMap = [:]
    def myOverridesMap = [:]
    
    //Get any configured overrides if relevant, otherwise just leave it empty.
    if ( overrides != null && isOverrides == true ) {
        //log.info("overrides is: ${overrides}")
        //Remove most duplication of seperators.
        tmpOverrides = overrides.replace("| | |"," | ")
        tmpOverrides = tmpOverrides.replace("| |"," | ")
        tmpOverrides = tmpOverrides.replace("||"," | ")
        //log.info("tmp is: ${tmpOverrides}")
        myOverridesMap = overridesToMap(tmpOverrides, "|", "=" )        
    }
    //Save the override map to state for diagnostic purposes.
    state.myOverrides = myOverridesMap
    
    //Calculate the base settings map and save it to state. These have HEX colors and can be applied directly to settings.
    myBaseSettingsMap = titleScheme.clone() + headerScheme.clone() + rowScheme.clone() + tableScheme.clone() + borderScheme.clone() + footerScheme.clone() + highlightScheme.clone() + keywordScheme.clone() + thresholdScheme.clone() + otherScheme.clone() + booleanScheme1.clone() + booleanScheme2.clone()
    
	//For this one we start with the same base and add the HEX8 color values. This result is for use in the display in a compressed form.
    state.myBaseSettingsMap = myBaseSettingsMap.clone()
    myBaseSettingsMapHEX8 = myBaseSettingsMap.clone() + Hex8ColorScheme.clone()
    
    //Add the overrides to the front of the map. By listing myOverridesMap second those values take precedence and 'Win' the collision. Save them to state.
    def myBaseSettingsPlusOverrides = myBaseSettingsMap.clone() + myOverridesMap.clone()
    state.myBaseSettingsPlusOverrides = myBaseSettingsPlusOverrides.clone()
    
    //Color values that support opacity must be converted to HEX8.These must be done AFTER overrides have been applied in case they include a color or opacity.
    //Combine color and opacity. For example hbc = Header Background Color. It is created by combining Header Background Color (hbc) and Header Background Opacity (hbo) to make a HEX8 value called myhbc.
    
    mytbc = convertToHex8(myBaseSettingsPlusOverrides.get("#tbc#"), myBaseSettingsPlusOverrides.get("#tbo#").toFloat())    
    mytc = convertToHex8(myBaseSettingsPlusOverrides.get("#tc#"), myBaseSettingsPlusOverrides.get("#to#").toFloat())    
    mybc = convertToHex8(myBaseSettingsPlusOverrides.get("#bc#"), myBaseSettingsPlusOverrides.get("#bo#").toFloat())
	
    //Table Header
    myhbc = convertToHex8(myBaseSettingsPlusOverrides.get("#hbc#"), myBaseSettingsPlusOverrides.get("#hbo#").toFloat())
    myhtc = convertToHex8(myBaseSettingsPlusOverrides.get("#htc#"), myBaseSettingsPlusOverrides.get("#hto#").toFloat())
	
    //Table Rows
    myrbc = convertToHex8(myBaseSettingsPlusOverrides.get("#rbc#"), myBaseSettingsPlusOverrides.get("#rbo#").toFloat())    
    myrtc = convertToHex8(myBaseSettingsPlusOverrides.get("#rtc#"), myBaseSettingsPlusOverrides.get("#rto#").toFloat())    
    
    Hex8ColorScheme = ["#tbc#":compress(mytbc),"#tc#":compress(mytc), "#hbc#":compress(myhbc), "#htc#":compress(myhtc),  "#rbc#":compress(myrbc), "#rtc#":compress(myrtc),  "#bc#":compress(mybc)]
    
    if (isLogDebug) log.debug("myBaseSettingsMap is: ${myBaseSettingsMap}")
    if (isLogDebug) log.debug("myBaseSettingsMapwithHex8 is: ${myBaseSettingsMapHex8}")
    def myEffectiveSettingsMap = myBaseSettingsPlusOverrides.clone() + Hex8ColorScheme.clone()
    state.myEffectiveSettingsMap = myEffectiveSettingsMap.clone() //.sort()
    
    //Now Calculate the Style by eliminating those fields that contain 'content' and then adding the overrides back in string form.
    def myStyleMap = myBaseSettingsMap
    myStyleMap.remove("#Comment#")
    myStyleMap.remove("#id#")
    myStyleMap.remove("#tt#")
    myStyleMap.remove("#A00#")
    myStyleMap.remove("#B00#")
    myStyleMap.remove("#ft#")
    //The value of #titleShadow#, pre and post are calculated values based on other settings and do not need to be preserved.
    myStyleMap.remove("#titleShadow#")
    myStyleMap.overrides = settings.overrides
    
    //Now change the colors back from the current HEX8 format to HEX6 format for saving.
    myStyleMap."#tbc#" = tbc  //"#FFFFFF"
    myStyleMap."#tc#" = tc  //"#FFFFFF"
    myStyleMap."#bc#" = bc  //"#FFFFFF"
    myStyleMap."#rbc#" = rbc
    myStyleMap."#rtc#" = rtc
    myStyleMap."#hbc#" = hbc
    myStyleMap."#htc#" = htc
    
    //Save the styleMap
    state.myActiveStyleMap = myStyleMap
    
    //Now return the effective settings
    if (isLogDebug) log.debug ("fillStyle: myEffectiveSettingsMap is: ${myEffectiveSettingsMap}")
    return myEffectiveSettingsMap
}

//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Installation and update routines.
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

// Initialize the states only when first installed...
void installed() {
    initialize()
}

//Configures all of the default settings values. 
//This allows us to have some parts of the settings not be visible but still have their values initialized.
//We do this to avoid errors that might occur if a particular setting were referenced but had not been initialized.
def initialize(){
    if ( state.initialized == true ){
        if (isLogDebug) log.debug ("initialize: Initialize has already been run. Exiting")
        //return
    }
    
    //Set the flag so that this should only ever run once.
    state.initialized = true
    
    //Only used in Activity Monitor
    if ( useList == null ) app.updateSetting("useList","1")
    
    app.updateSetting("inactivityThreshold", 24)
    app.updateSetting("myDeviceLimit", 30)
    app.updateSetting("myTruncateLength", 20)
    app.updateSetting("mySortOrder", 1)
    app.updateSetting("myDecimalPlaces", 1)
    app.updateSetting("myUnits", [value:"None", type:"String"])
    app.updateSetting("isAbbreviations", false)
    app.updateSetting("isShowDeviceNameModification", false)
    
    //Device Naming
    app.updateSetting("myDeviceNaming", "Use Device Label")
    
    //Filtering
    app.updateSetting("myFilterType", 0)
    app.updateSetting("myFilterText", "")
    
    //General
    app.updateSetting("classID", "qq")
    app.updateSetting("tilePreview","6")
    app.updateSetting("isComment", false)
    app.updateSetting("comment", "?")
    app.updateSetting("isFrame", false)
    app.updateSetting("fbc", [value:"#bbbbbb", type:"color"])
    app.updateSetting("tbc", [value:"#d9ecb1", type:"color"])
    app.updateSetting("tbo", "1")
    app.updateSetting("isShowSettings", false)
    app.updateSetting("iFrameColor", [value:"#bbbbbb", type:"color"])
    app.updateSetting("isCustomSize", false)
    app.updateSetting("customWidth", "200")
    app.updateSetting("customHeight", "190")
    
    app.updateSetting("isLogDebug", false)
    app.updateSetting("isLogTrace", false)
    app.updateSetting("isLogInfo", false)
    app.updateSetting("isLogWarn", true)
    app.updateSetting("isLogError", true)
    app.updateSetting("isCustomize", false)
    
    //Title Properties
    app.updateSetting("isTitle", false)
    app.updateSetting("tt", "My Title")
    app.updateSetting("ts", "125")
    app.updateSetting("tc", [value:"#000000", type:"color"])
    app.updateSetting("ta", "Center")
    app.updateSetting("tp", "3")
    app.updateSetting("to", "1")
    
    app.updateSetting("isTitleShadow", false )
    app.updateSetting("shhor", "0")
    app.updateSetting("shver", "0")
    app.updateSetting("shblur", "5")
    app.updateSetting("shcolor", [value:"#000000", type:"color"])
    app.updateSetting("titleShadow", "text-shadow:" + settings.shhor + "px " + settings.shver + "px " + settings.shblur + "px " + settings.shcolor + ";")
    
    //Table Properties
    app.updateSetting("tw", "100")
    app.updateSetting("th", "Auto")
    app.updateSetting("bm", "Collapse")
    
    //Border Properties
    app.updateSetting("isBorder", true )
    app.updateSetting("bs", "Solid")
    app.updateSetting("bc", [value:"#000000", type:"color"])
    app.updateSetting("bo", "1")
    app.updateSetting("bw", "2")
    app.updateSetting("br", "0")
    app.updateSetting("bp", "0")
    
    //Header Properties
    app.updateSetting("isHeaders", true)
    app.updateSetting("isMergeHeaders", false)
    app.updateSetting("A0", "Device")
    app.updateSetting("B0", "State")
    app.updateSetting("hbc", [value:"#90C226", type:"color"])
    app.updateSetting("hbo", "1")
    app.updateSetting("htc", [value:"#000000", type:"color"])
    app.updateSetting("hts", "100")
    app.updateSetting("hta", "Center")
    app.updateSetting("hto", "1")
    app.updateSetting("hp", "0")
    
    //Row Properties
    app.updateSetting("rtc", [value:"#000000", type:"color"])
    app.updateSetting("rts", "80")
    app.updateSetting("rbc", [value:"#000000", type:"color"])
    app.updateSetting("rbo", "0")
    app.updateSetting("rta", "Center")
    app.updateSetting("rto", "1")
    app.updateSetting("isAppendUnits", false)
    app.updateSetting("isAlternateRows", false)
    app.updateSetting("rabc", [value:"#dff8aa", type:"color"])
    app.updateSetting("ratc", [value:"#000000", type:"color"])
    app.updateSetting("rp", "0")
    
    //Footer Properties
    app.updateSetting("isFooter", true)
    app.updateSetting("ft", "%time%")
    app.updateSetting("fs", "60")
    app.updateSetting("fc", [value:"#000000", type:"color"])
    app.updateSetting("fa", "Center")
    
    //Highlight Colors
    app.updateSetting("hc1", [value:"#008000", type:"color"])
    app.updateSetting("hts1", "100")
    app.updateSetting("hc2", [value:"#CA6F1E", type:"color"])
    app.updateSetting("hts2", "100")
    app.updateSetting("hc3", [value:"#00FF00", type:"color"])
    app.updateSetting("hts3", "100")
    app.updateSetting("hc4", [value:"#0000FF", type:"color"])
    app.updateSetting("hts4", "100")
    app.updateSetting("hc5", [value:"#FF0000", type:"color"])
    app.updateSetting("hts5", "100")
	app.updateSetting("hc6", [value:"#008000", type:"color"])
    app.updateSetting("hts6", "100")
    app.updateSetting("hc7", [value:"#CA6F1E", type:"color"])
    app.updateSetting("hts7", "100")
    app.updateSetting("hc8", [value:"#00FF00", type:"color"])
    app.updateSetting("hts8", "100")
    app.updateSetting("hc9", [value:"#0000FF", type:"color"])
    app.updateSetting("hts9", "100")
    app.updateSetting("hc10", [value:"#FF0000", type:"color"])
    app.updateSetting("hts10", "100")
    app.updateSetting("isHighlightDeviceNames", false)
    
    //Keywords
    app.updateSetting("myKeywordCount", 0)
    app.updateSetting("k1", [value:"?", type:"text"])
    app.updateSetting("ktr1", [value:"?", type:"text"])
    app.updateSetting("k2", [value:"?", type:"text"])
    app.updateSetting("ktr2", [value:"?", type:"text"])
    app.updateSetting("k3", [value:"?", type:"text"])
    app.updateSetting("ktr3", [value:"?", type:"text"])
    app.updateSetting("k4", [value:"?", type:"text"])
    app.updateSetting("ktr4", [value:"?", type:"text"])
    app.updateSetting("k5", [value:"?", type:"text"])
    app.updateSetting("ktr5", [value:"?", type:"text"])
    
    //Thresholds
    app.updateSetting("myThresholdCount", 0)
    app.updateSetting("top6", [value:"0", type:"enum"])
    app.updateSetting("tcv6", [value:70, type:"number"])
    app.updateSetting("ttr6", [value:"?", type:"text"])
    app.updateSetting("top7", [value:"0", type:"enum"])
    app.updateSetting("tcv7", [value:70, type:"number"])
    app.updateSetting("ttr7", [value:"?", type:"text"])
    app.updateSetting("top8", [value:"0", type:"enum"])
    app.updateSetting("tcv8", [value:70, type:"number"])
    app.updateSetting("ttr8", [value:"?", type:"text"])
    app.updateSetting("top9", [value:"0", type:"enum"])
    app.updateSetting("tcv9", [value:70, type:"number"])
    app.updateSetting("ttr9", [value:"?", type:"text"])
    app.updateSetting("top10", [value:"0", type:"enum"])
    app.updateSetting("tcv10", [value:70, type:"number"])
    app.updateSetting("ttr10", [value:"?", type:"text"])
    
    //Replace Chars
    app.updateSetting("isReplaceCharacters", false)
    app.updateSetting("oc1", [value:"?", type:"text"])
    app.updateSetting("nc1", [value:"?", type:"text"])

    //Advanced
    app.updateSetting("bfs", "18")
    app.updateSetting("tff", "Roboto")
    app.updateSetting("scrubHTMLlevel", [value:"1", type:"enum"])
    app.updateSetting("eventTimeout", "2000")
    app.updateSetting("isShowImportExport", false)
    app.updateSetting("isShowHTML", false)
    app.updateSetting("importStyleText", "?")
    app.updateSetting("importStyleOverridesText", "?")
    app.updateSetting("isOverrides", false)
    app.updateSetting("overrides", [value: "?", type:"textarea"])
    
    //Device Name Modification
    app.updateSetting("myReplaceText1", "")
    app.updateSetting("myReplaceText2", "")
    app.updateSetting("myReplaceText3", "")
    app.updateSetting("myReplaceText4", "")
    app.updateSetting("myReplaceText5", "")
    app.updateSetting("mySearchText1", "?")
    app.updateSetting("mySearchText2", "?")
    app.updateSetting("mySearchText3", "?")
    app.updateSetting("mySearchText4", "?")
    app.updateSetting("mySearchText5", "?")
    
    //Publishing
    app.updateSetting("mySelectedTile", "")
    app.updateSetting("publishInterval", [value:"1", type:"enum"])
    app.updateSetting("republishDelay", [value:"0", type:"enum"])
    app.updateSetting("oversizeTileHandling", [value:"File Manager", type:"enum"])
        
    //Overrides
    app.updateSetting("overrideHelperCategory", [value:"Animation", type:"text"])
    app.updateSetting("overridesHelperSelection", [value:"Fade: Fades in an object on refresh.", type:"text"])
    
    //Other
    app.updateSetting("isCompactDisplay", false)
        
    //Set initial Log settings
    app.updateSetting('isLogDebug', false)
    app.updateSetting('isLogTrace', false)
    app.updateSetting('isLogInfo', false)
    app.updateSetting('isLogWarn', true)
    app.updateSetting('isLogError', true)
    
    //Flags for multi-part operations usually to do with screen refresh.
    state.flags = [isClearImport: false , isCopyOverridesHelperCommand: false, isAppendOverridesHelperCommand: false, isClearOverridesHelperCommand: false, styleSaved: false, myCapabilityChanged: false]
    state.myCapabilityHistory = [new: "seed1", old: "seed"]
    
    //Have all the section collapsed to begin with except devices and Report
    state.show = [Devices: true, Report: true, Filter: false, Design: true, Publish: false, More: false, ReplaceCharacters: false]   
    
    //Configure default publishing values.
    state.publish = [:]
    state.publish.lastPublished = 0
}

//Handles the initialization of any variables created after the original creation of the child instance.
//These are susceptible to change with each rev or feature add.
def updateVariables() {
    
    if (state.variablesVersion == null) { 
        log.info ("Initializing variablesVersion to: 1.5.2")
        state.variablesVersion = 152 
    }
    
    //This will be called with release of version 1.3.0 which added search and replace within device names. Previously only myReplacementText1 and myReplacementText2 should have existed.
    if (state.variablesVersion == null || state.variablesVersion < 130 ) {
        log.info ("Updating Variables to Version 1.3.0")
        
        //Added background opacity in version 1.3.0
        if (tbo == null ) app.updateSetting("tbo", "1")
        
        //Added option for search and replace display
        app.updateSetting("isShowDeviceNameModification", false)
        
        //Migrate the old Strip text terms to the new search text terms if they exist.
        if ( myReplacementText1 != null ) app.updateSetting("mySearchText1", "$myReplacementText1")
        if ( myReplacementText2 != null ) app.updateSetting("mySearchText2", "$myReplacementText2")
        
        //Initialize the new settings if they are null.
        if (mySearchText1 == null ) app.updateSetting("mySearchText1", [value:"?", type:"string"]) 
        if (mySearchText2 == null ) app.updateSetting("mySearchText2", [value:"?", type:"string"]) 
        if (mySearchText3 == null ) app.updateSetting("mySearchText3", [value:"?", type:"string"])         
        
        if (myReplaceText1 == null ) app.updateSetting("myReplaceText1", [value:"?", type:"string"]) 
        if (myReplaceText2 == null ) app.updateSetting("myReplaceText2", [value:"?", type:"string"]) 
        if (myReplaceText3 == null ) app.updateSetting("myReplaceText3", [value:"?", type:"string"]) 
        
        app.updateSetting("myKeywordCount", 0)
        app.updateSetting("myThresholdCount", 0)
        if (isKeyword1 == true ) app.updateSetting("myKeywordCount", 1)
        if (isKeyword2 == true ) app.updateSetting("myKeywordCount", 2)
        if (isKeyword3 == true ) app.updateSetting("myKeywordCount", 3)
        if (isKeyword4 == true ) app.updateSetting("myKeywordCount", 4)
        if (isKeyword5 == true ) app.updateSetting("myKeywordCount", 5)
        
        if (isThreshold1 == true ) app.updateSetting("myThresholdCount", 1)
        if (isThreshold2 == true ) app.updateSetting("myThresholdCount", 2)
        if (isThreshold3 == true ) app.updateSetting("myThresholdCount", 3)
        if (isThreshold4 == true ) app.updateSetting("myThresholdCount", 4)
        if (isThreshold5 == true ) app.updateSetting("myThresholdCount", 5)
        
        state.variablesVersion = 130
    }
    
    //Update variables from version 1.3.0 to 1.4.0
    if (state.variablesVersion < 140 ) {
        //Add the newly created variables.
        log.info ("Updating Variables to Version 1.4.0")
        app.updateSetting("scrubHTMLlevel", [value:"1", type:"enum"])
        app.updateSetting("myDeviceNaming", "Use Device Label")
        if (myKeywordCount > 0) state.show.Keywords = true
        if (myThresholdCount > 0) state.show.Thresholds = true
        
        //Create the new threshold variables from 6 - 10. 
        if (top6 == null ) app.updateSetting("top6", [value:"0", type:"enum"])
        if (tcv6 == null ) app.updateSetting("tcv6", [value:70, type:"number"])
        if (ttr6 == null ) app.updateSetting("ttr6", [value:"?", type:"text"])
        if (top7 == null ) app.updateSetting("top7", [value:"0", type:"enum"])
        if (tcv7 == null ) app.updateSetting("tcv7", [value:70, type:"number"])
        if (ttr7 == null ) app.updateSetting("ttr7", [value:"?", type:"text"])
        if (top8 == null ) app.updateSetting("top8", [value:"0", type:"enum"])
        if (tcv8 == null ) app.updateSetting("tcv8", [value:70, type:"number"])
        if (ttr8 == null ) app.updateSetting("ttr8", [value:"?", type:"text"])
        if (top9 == null ) app.updateSetting("top9", [value:"0", type:"enum"])
        if (tcv9 == null ) app.updateSetting("tcv9", [value:70, type:"number"])
        if (ttr9 == null ) app.updateSetting("ttr9", [value:"?", type:"text"])
        if (top10 == null ) app.updateSetting("top10", [value:"0", type:"enum"])
        if (tcv10 == null ) app.updateSetting("tcv10", [value:70, type:"number"])
        if (ttr10 == null ) app.updateSetting("ttr10", [value:"?", type:"text"])
        
        //Copy tyhe old threshold values to the new values.
        if (top1 != null) app.updateSetting("top6", [value:top1, type:"enum"])
        if (top2 != null) app.updateSetting("top7", [value:top2, type:"enum"])
        if (top3 != null) app.updateSetting("top8", [value:top3, type:"enum"])
        if (top4 != null) app.updateSetting("top9", [value:top4, type:"enum"])
        if (top5 != null) app.updateSetting("top10", [value:top5, type:"enum"])
        
        if (tcv1 != null) app.updateSetting("tcv6", [value:tcv1, type:"number"])
        if (tcv2 != null) app.updateSetting("tcv7", [value:tcv2, type:"number"])
        if (tcv3 != null) app.updateSetting("tcv8", [value:tcv3, type:"number"])
        if (tcv4 != null) app.updateSetting("tcv9", [value:tcv4, type:"number"])
        if (tcv5 != null) app.updateSetting("tcv10", [value:tcv5, type:"number"])
        
        if (ttr1 != null) app.updateSetting("ttr6", [value:ttr1, type:"text"])
        if (ttr2 != null) app.updateSetting("ttr7", [value:ttr2, type:"text"])
        if (ttr3 != null) app.updateSetting("ttr8", [value:ttr3, type:"text"])
        if (ttr4 != null) app.updateSetting("ttr9", [value:ttr4, type:"text"])
        if (ttr5 != null) app.updateSetting("ttr10", [value:ttr5, type:"text"])
        state.variablesVersion = 140
    }
    
    //Update variables from version 1.4.0 to 1.4.8
    if (state.variablesVersion < 148 ) {
        log.info ("Updating Variables to Version 1.4.8")
        //Add the newly created variables.
		app.updateSetting("republishDelay", [value:"0", type:"enum"])
        if ( state.publish == null ) state.publish = [:]
        state.publish.lastPublished = 0
        state.variablesVersion = 148
    }
    
    //Update variables from version 1.4.8 to 1.4.9
    if (state.variablesVersion < 149 ) {
        log.info ("Updating Variables to Version 1.4.9")
        //Add the newly created variables.
		if (republishDelay == null){ app.updateSetting("republishDelay", [value:"0", type:"enum"]) }
        if ( state.publish == null ) state.publish = [:]
        if ( state.publish.lastPublished == null ) state.publish.lastPublished = 0
        state.variablesVersion = 149
    }
    
    //Update variables from version 1.4.9 to 1.5.2
    if (state.variablesVersion < 152 ) {
        log.info ("Updating Variables to Version 1.5.2")
        //Add the newly created variables.
        //Initialize the new settings if they are null.
        if (mySearchText4 == null ) app.updateSetting("mySearchText4", [value:"", type:"string"]) 
        if (mySearchText5 == null ) app.updateSetting("mySearchText5", [value:"", type:"string"]) 
        if (myReplaceText4 == null ) app.updateSetting("myReplaceText4", [value:"?", type:"string"]) 
        if (myReplaceText5 == null ) app.updateSetting("myReplaceText5", [value:"?", type:"string"]) 
        state.variablesVersion = 152
    }
}

//Will be used to remove retired variables at some future time.  
//They are not deleted immediately upon upgrade to allow falling back to prior code version.
def removeRetiredVariables(int myVersion){
    
    //These variables were retired with Version 1.3.0
    if ( myVersion == 130 ) {
        state.remove("updateVariables")
        
        //Retired myReplacementText when search and replace was introduced.
        app.removeSetting("myReplacementText")
        app.removeSetting("myReplacementText1")
        app.removeSetting("myReplacementText2")
        app.removeSetting("myReplacementText3")
        
        //Retired isKeyword booleans.
        app.removeSetting("isKeyword1")
        app.removeSetting("isKeyword2")
        app.removeSetting("isKeyword3")
        app.removeSetting("isKeyword4")
        app.removeSetting("isKeyword5")
        
        //Retired isThreshold booleans.
        app.removeSetting("isThreshold1")
        app.removeSetting("isThreshold2")
        app.removeSetting("isThreshold3")
        app.removeSetting("isThreshold4")
        app.removeSetting("isThreshold5")
    }       
}

//Determine if the user has selected a different capability. Only used by Activity Monitor
def isMyCapabilityChanged(){
    if (state.myCapabilityHistory.new != myCapability ) {
        //log.info ("Changed")
        state.myCapabilityHistory.old = state.myCapabilityHistory.new
        state.myCapabilityHistory.new = myCapability
        state.flags.myCapabilityChanged = true
    } 
    else state.flags.myCapabilityChanged = false
}

//*****************************************************************************************************
//Utility Functions
//*****************************************************************************************************

//Determines if an integer is odd or even
private static boolean isEven(int number) {
    return number % 2 == 0
}

//Returns a string containing the var if it is not null. Used for the controls.
String bold2(s, var) {
    if (var == null) return "<b>$s (N/A)</b>"
    else return ("<b>$s ($var)</b>")
}

//Functions to enhance text appearance
String bold(s) { return "<b>$s</b>" }
String italic(s) { return "<i>$s</i>" }
String underline(s) { return "<u>$s</u>" }
String dodgerBlue(s) { return '<font color = "DodgerBlue">' + s + '</font>'}
String myTitle(s1, s2) { return '<h3><b><font color = "DodgerBlue">' + s1 + '</font></h3>' + s2 + '</b>'}
//String red(s) { return '<font color = "Chestnut">' + s + '</font>'}
String red(s) { return '<r style="color:red">' + s + '</r>' }
String green(s) { return '<g style="color:green">' + s + '</g>' }

//Set the titles to a consistent style.
def titleise(title){
    //title = "<span style='color:#1962d7;text-align:left; margin-top:0em; font-size:20px; box-shadow: 0px 0px 5px 5px #E8DD95; padding:2px; background:#E8DD95;'><b>${title}</b></span>"
    title = "<span style='color:#1962d7;text-align:left; margin-top:0em; font-size:20px; padding:2px'><b>${title}</b></span>"
}

//Set the notes to a consistent style.
String note(myTitle, myText){
    return "<span style='color:#17202A;text-align:left; margin-top:0.25em; margin-bottom:0.25em ; font-size:16px'>" + "<b>" + myTitle + "</b>" + myText + "</span>"
}

//Set the body text to a consistent style.
String body(myBody) {
    return "<span style='color:#17202A;text-align:left; margin-top:0em; margin-bottom:0em ; font-size:18px'>"  + myBody + "</span>&nbsp"               
}

//Produce a horizontal line of the speficied width
String line(myHeight){
    return "<div style='background:#005A9C; height: " + myHeight.toString() + "px; margin-top:0em; margin-bottom:0em ; border: 0;'></div>"
}

//Gets the class of a control\setting.
def getSettingClass(mySetting){
    myClass = getSettingType(mySetting)
    return myClass
}

//Set the notes to a consistent style.
String summary(myTitle, myText){
    myTitle = dodgerBlue(myTitle)
    return "<details><summary>" + myTitle + "</summary>" + myText + "</details>"
}


//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Button Related Functions
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

String buttonLink(String btnName, String linkText, int buttonNumber) {
    font = chooseButtonFont(buttonNumber)
    color = chooseButtonColor(buttonNumber)
    text = chooseButtonText(buttonNumber, linkText)
    
    //Change the text color if the tab is disabled.
    if (parent.checkLicense() == false && buttonNumber > 6) {
        color = "#A0A0A0"
    }
    return "<div class='form-group'><input type='hidden' name='${btnName}.type' value='button'></div><div><div class='submitOnChange' onclick='buttonClick(this)' style='color:${color};cursor:pointer;font-size:${font}px'>${text}</div></div><input type='hidden' name='settings[$btnName]' value=''>"  
}

def chooseButtonColor(buttonNumber){
    if (buttonNumber == settings.activeButton) return "#00FF00"
    else return "#000000"
}

def chooseButtonFont(buttonNumber){
    if (buttonNumber == settings.activeButton) return 16
    else return 16
}

def chooseButtonText(buttonNumber, buttonText){
    if (buttonNumber == settings.activeButton) return "<b><u>${buttonText}</u></b>"
    else return "<b>${buttonText}</b>"
}
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Support Functions.																																	   
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************

//Receives a string and determines if a highlighting class has been applied. Returns the name of the class or null.
//It is important that hqq10 preceeds hqq1 in the list because a search for hqq1 would get a false positive because it's also a match for the leading part of hqq10.																																									
def getHighlightClass(attributeValue) {
    def highlightClasses = ['hqq10', 'hqq1', 'hqq2', 'hqq3', 'hqq4', 'hqq5', 'hqq6', 'hqq7', 'hqq8', 'hqq9']
    for (myClass in highlightClasses) {
        if (attributeValue.contains(myClass)) {
            return myClass
        }
    }
    return null
}

//Tests a string to see if it contains any special characters that would need to be escaped for a variety of actions.
boolean containsSpecialCharacters(String input) {
    myString = unHTML(input)
    try {
        // List of special characters to check
        def specialCharacters = ['\\', '(', ')', '{', '}', '*', '+', '?', '|', '^', '$']
        // Iterate over each special character and check if it exists in the input string
        for (char specialChar : specialCharacters) {
            if (input.contains(specialChar.toString())) return true
        }
        return false
    }
    catch (Exception e) {
    // Handling the exception
    log.info ("An exception occurred: ${e.message}")
        return true
    }
}

//Tests a string to see if it starts with startString
def beginsWith(data, startString){
    subString = data.substring(0, startString.size())
    //log.info ("$data     $subString  ")
    if (subString == startString) {
        return true
    }
    else {
        return false
    }
}

//Converts a separated text string into a map.
def overridesToMap(myString , recordSeperator, fieldSeperator ){
    myoverrides = [:]
    //if (isLogDebug) log.debug ("myString is: ${myString}")
    if (myString == null || myString.size() < 7 ) return myoverrides
    
    myString = myString + " "
    //Put the contents of the highlight setting into a map
    try{
        myArr = myString.tokenize(recordSeperator)
            myArr.each{
                int equalsLoc = it.indexOf("=")
                String d0 = it.substring(0, equalsLoc)
                d0 = d0.trim()
                String d1 = it.substring(equalsLoc+1, it.size())
                //if (isLogDebug) log.debug ("it is: ${it}   equalsLoc:${equalsLoc}  myString is: ${myString}  d0 is:${d0} and d1 is:${d1}")
                myoverrides."${d0.toLowerCase()}" = d1.trim()
            }
        }
        catch (Exception e) { log.error ("Exception ${e} in overridesToMap. Probably a malformed overrides string.") }
    //if (isLogDebug) log.debug("overrides: ${overrides}")
    return myoverrides
}

//Removes any unneccessary content from the payload. Is controlled by the isScrubHTML setting on the Advanced tab.
def scrubHTML(HTML, iFrame){
    
    if (isLogTrace) log.trace ("scrubHTML: Entering scrubHTML")
    //These are all of the tags that will be stripped in all cases if unused.
    //This is the basic level of scrubbing.
    if ( scrubHTMLlevel != null && scrubHTMLlevel.toInteger() >= 0  ) {
        //Strip the unused placeholders
        myHTML = HTML.replace("#head#", "")
        myHTML = myHTML.replace("#title#", "")
        myHTML = myHTML.replace("#table#", "")
        myHTML = myHTML.replace("#header#", "")
        myHTML = myHTML.replace("#row#", "")
        myHTML = myHTML.replace("#alternaterow#", "")
        myHTML = myHTML.replace("#data#", "")
        myHTML = myHTML.replace("#footer#", "")
        myHTML = myHTML.replace("#titleShadow#", "")
        //#class# remains in for legacy compatibility but is not referenced in documentation.
        myHTML = myHTML.replace("#class#", "")
        myHTML = myHTML.replace("#class1#", "")
        myHTML = myHTML.replace("#class2#", "")
        myHTML = myHTML.replace("#class3#", "")
        myHTML = myHTML.replace("#class4#", "")
        myHTML = myHTML.replace("#class5#", "")
        myHTML = myHTML.replace("#border#", "")
        myHTML = myHTML.replace("#frame#", "")
        myHTML = myHTML.replace("#high1#", "")
        myHTML = myHTML.replace("#high2#", "")
        myHTML = myHTML.replace("#high3#", "")
        myHTML = myHTML.replace("#high4#", "")
        myHTML = myHTML.replace("#high5#", "")
        myHTML = myHTML.replace("#high6#", "")
        myHTML = myHTML.replace("#high7#", "")
        myHTML = myHTML.replace("#high8#", "")
        myHTML = myHTML.replace("#high9#", "")
        myHTML = myHTML.replace("#high10#", "")
    }
    
    //This is the normal level of scrubbing.
    if ( scrubHTMLlevel != null && scrubHTMLlevel.toInteger() >= 1  ) {
        //Replace any repeating tags
        myHTML = myHTML.replace("</style><style>", "")
        myHTML = myHTML.replace("</style> <style>", "")
        myHTML = myHTML.replace("<style> ", "<style>")
       
        //Remove any values that are actually defaults and do not need to be specified.
        myHTML = myHTML.replace("font-family:Roboto", "")
        myHTML = myHTML.replace("font-size:100%", "")
        myHTML = myHTML.replace("auto%", "auto")
        myHTML = myHTML.replace("Auto%", "auto")
        myHTML = myHTML.replace("width:auto", "")
        myHTML = myHTML.replace("height:auto", "")
        myHTML = myHTML.replace("border-radius:0px", "")
        myHTML = myHTML.replace("padding:0px", "")
        myHTML = myHTML.replace("border-collapse:Seperate", "")
        
        //Remove any objects that had been detected as opacity=0
        myHTML = myHTML.replaceAll("(?i)background:#00000000", "")
        myHTML = myHTML.replaceAll("(?i)color:#00000000", "")
        
        if (iFrame == true ) myHTML = myHTML.replace("#iFrame1#", "")
    }
    
    //This is the Aggressive level of scrubbing
    //This removes a variety of closing tags whose presence may not be required.
    //Note: </tiqq> </th> are required when the opening tag is present or the formatting will bleed to the next object.
    if ( scrubHTMLlevel != null && scrubHTMLlevel.toInteger() >= 2 ) {
        myHTML = myHTML.replace("</td>", "")
        myHTML = myHTML.replace("</tr>", "")
        myHTML = myHTML.replace("</hqq1>", "")
        myHTML = myHTML.replace("</hqq2>", "")
        myHTML = myHTML.replace("</hqq3>", "")
        myHTML = myHTML.replace("</hqq4>", "")
        myHTML = myHTML.replace("</hqq5>", "")
        myHTML = myHTML.replace("</hqq6>", "")
        myHTML = myHTML.replace("</hqq7>", "")
        myHTML = myHTML.replace("</hqq8>", "")
        myHTML = myHTML.replace("</hqq9>", "")
        myHTML = myHTML.replace("</hqq10>", "")
        myHTML = myHTML.replace("</ftqq>", "")
        myHTML = myHTML.replace("</tbody>", "")
    }
        
    //Replace any excess spaces, parentheses or punctuation. These often occur as the result of other values being stripped so these are processed last.
    if ( scrubHTMLlevel != null && scrubHTMLlevel.toInteger() >= 1  ) {        
        myHTML = myHTML.replace(" :", ":")
        myHTML = myHTML.replace(": ", ":")
        myHTML = myHTML.replace(" {", "{")
        myHTML = myHTML.replace("} ", "}")
        myHTML = myHTML.replace("{;", "{")
        myHTML = myHTML.replace(";;;", ";")
        myHTML = myHTML.replace(";;", ";")
        myHTML = myHTML.replace(";}", "}")
        myHTML = myHTML.replace(",,", ",")
        myHTML = myHTML.replace("    ", "  ")
        myHTML = myHTML.replace("   ", "  ")
        myHTML = myHTML.replace("> ", ">")
    }
    
    //This is the Extreme level of scrubbing
    if ( scrubHTMLlevel != null && scrubHTMLlevel.toInteger() >= 3 ) {
        if (isFooter == false ) myHTML = myHTML.replace("</table>", "")
        //Removal of the </body> tag prevents the calculation of stats.
        myHTML = myHTML.replace("</body>", "")

        //White Objects
        myHTML = myHTML.replaceAll("(?i)background:#FFFFFFFF", "")
        myHTML = myHTML.replaceAll("(?i)background:#FFFFFF", "")
        myHTML = myHTML.replaceAll("(?i)background:#FFF", "")
        
        //Black Objects     
        myHTML = myHTML.replaceAll("(?i)background:#00000000", "")
        myHTML = myHTML.replaceAll("(?i)background:#000000", "")
		
		//Replace any remaining excess spaces.
        myHTML = myHTML.replace("  ", " ")
        myHTML = myHTML.replace("%%", "%")
        myHTML = myHTML.replace(", ", ",")
        
    }
	return myHTML
}

//Counts the number of characters between two strings including the start and end characters.
//Used to calculate the sizes of various portion of the HTML string.
def countBetween(String searchString, String match1, String match2){
    item1 = searchString.indexOf(match1)
    item2 = searchString.indexOf(match2, item1)
    length = item2 - item1 + match2.size()
    //if (isLogDebug) log.debug ("Length is: ${length}  ${item1} : ${item2} : ${length}")
    
    if (item1 == -1 || item2 == -1 ) return 0
    else return (length)
}

//Convert <HTML> tags to (HTML) for storage.
def unHTML(HTML){
    myHTML = HTML.replace("<", "[")
    myHTML = myHTML.replace(">", "]")
    return myHTML
}

//Convert (HTML) tags to <HTML> for display.
def toHTML(HTML){    
    if (HTML == null) return ""
    myHTML = HTML.replace("[", "<")
    myHTML = myHTML.replace("]", ">")
    return myHTML
}

//Finds all occurrences of a space within a string and returns the substring from the first character to the specified nth occurrence.
def findSpace(String myDevice, int myOccurrence){
    i = 1
    n = myDevice.size()
    def spaceList = []
    
    if (n > 30) n = 30
    while (i < (n - 1) ) {
        thisChar = myDevice.substring(i,i+1)
        if (thisChar == " ") { 
            spaceList.add(i)
        } 
        i++
    }
    cutOff = spaceList.get(myOccurrence - 1)
    myShortDevice = myDevice.substring(0, cutOff)
    if (isLogDebug) log.debug("myShortDevice ${myShortDevice}")
    return myShortDevice
}

//Receives a string and determines whether it is a float, integer or string value.
def getDataType(String myVal){
    if (myVal == null || myVal == "null") return "Null"
    float myFloat
    int myInteger
    if (isLogDebug) log.debug( "getDataType: myVal is: $myVal")
    //First try float.
    isFloat = false
    try {
        myFloat = myVal.toFloat()
        isFloat = true
        if (isLogDebug) log.debug( "getNumberType: myVal: $myVal is a float")
    }
    catch (ex){ if (isLogDebug) log.debug( "getNumberType: myVal: $myVal cannot be converted to float") }
    //Next try Int.
    isInteger = false
    try {
        myInteger = myVal.toInteger()
        isInteger = true
        if (isLogDebug) log.debug( "getNumberType: myVal $myVal is an integer")
    }
    catch (ex){ if (isLogDebug) log.info( "getNumberType: myVal: $myVal cannot be converted to integer") }
    //Return in preferred order.
    if ( isInteger == true ) return "Integer"
    if ( isFloat == true ) return "Float"
    return "String"
}


//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//**************
//**************  Color Related functions.
//**************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
//************************************************************************************************************************************************************************************************************************
 
//Receives a 6 digit hex color and an opacity and converts them to HEX8
def convertToHex8(String hexColor, float opacity) {
    if (isLogDebug) log.info ("convertToHex8: Received color: $hexColor with opacity: $opacity")
    
    if (hexColor != null ) hexColor = hexColor.replace("#", "")
    // Ensure opacity is within the range 0 to 1
    opacity = Math.max(0, Math.min(1, opacity))
    // Convert the Hex color to HEX8 format
    def red = Integer.parseInt(hexColor.substring(0, 2), 16)
    def green = Integer.parseInt(hexColor.substring(2, 4), 16)
    def blue = Integer.parseInt(hexColor.substring(4, 6), 16)
    def alpha = Math.round(opacity * 255).toInteger()
    
    // Format the values as a hex string
    def Hex8 = String.format("#%02X%02X%02X%02X", red, green, blue, alpha)
    
    if (isLogDebug) log.info ("convertToHex8: Reecived color: $hexColor with opacity: $opacity  - Returned color $Hex8")
        
    return Hex8
}

//Receives a #3, #6 or #8 digit hex RGB value and returns the shortest possible version of it.
def compress(String hexValue) {
    //if (isLogDebug)  log.info ("compress: Received Color: ${hexValue}")
    def isCompressible = false
    if (hexValue == null || hexValue == "null") return null
    String opacity = ""
    
    hexValue = hexValue.replace("#", "")
    // Check if the hexValue is already in the short hex RGB format. If so return it.
    if (hexValue.length() == 3) {
        if (isLogDebug) log.info ("compress:Received 3 Digit Color. Using original: #${hexValue}")
        return "#" + hexValue
    }
    
    // Check if the color values are compressible
    def red = hexValue.substring(0, 2)
    def green = hexValue.substring(2, 4)
    def blue = hexValue.substring(4, 6)
    if (red[0] == red[1] && green[0] == green[1] && blue[0] == blue[1]) isCompressible = true

    //If the color is only six digits then object is fully opaque and this color may qualify to be in the form #fff to save space.
    if (hexValue.length() == 6) {
        if (isCompressible == true) { 
            if (isLogDebug) log.info ("compress:Received 6 Digit Color #${hexValue}. Converted to 3 digit color: ${"#" + red[0] + green[0] + blue[0]}")
            return "#" + red[0] + green[0] + blue[0]
        }
        else {
            if (isLogDebug) log.info ("compress:Received 6 Digit Color #${hexValue}. Returning 6 digit color: ${"#" + hexValue}")
        }
    }
    
    //Check 8 digit colors.
    if (hexValue.length() == 8) {    
        opacity = hexValue.substring(6, 8)
        // Check if opacity value is fully opaque
        if ( opacity == "FF" && isCompressible == true ) {
            newColor = "#" + red[0] + green[0] + blue[0]
            if (isLogDebug) log.info ("compress:Received 8 Digit Color #${hexValue} with opacity == FF. Converted to 3 digit color: $newColor")
            return newColor
            }
        }
    
        //8 digits with no transparency can be represented in 6 digits.
        if (opacity == "FF" && isCompressible == false ) {
            newColor = "#" + red + green + blue
            if (isLogDebug) log.info ("compress:Received 8 Digit Color #${hexValue} with opacity == FF. Converted to 6 digit color: ${newColor}")
            return newColor
        }
    
        //8 digits with some alpha. Nothing to be done.
        if (opacity != "FF" ) {
            if (isLogDebug) log.info ("compress:Received 8 Digit Color #${hexValue} with opacity != FF. Returning 8 digit color: #${hexValue}")
            return "#" + hexValue
        }        
}