appPMem.h

const char* VARIABLES_DEF_YAML PROGMEM = R"~(
Wifi settings:
  - st_ssid:
      label: Name for WLAN
  - st_pass:
      label: Password for WLAN
  - host_name:
      label: >-
        Host name to use for MDNS and AP<br>{mac} will be replaced with device's mac id
      default: ConfigAssist_{mac}

Application settings:
  - app_name:
      label: Name your application
      default: VarAttribues
  - led_buildin:
      label: Pin that the build in led is connected. Leave blank for auto.
        Usually pin 4 on esp32, 2 on esp8266
      attribs: "min='2' max='23' step='1'"
  - display_style:
      label: Choose how the config sections are displayed.
        Must reboot to apply
      options: AllOpen: 0
        - AllClosed: 1
        - Accordion : 2
        - AccordionToggleClosed : 3
      default: AccordionToggleClosed

Batch upload settings:
  - batch_upload:
      label: >-
        Enable batch upload measurements
        <b>Upload interval &#8282;</b> <span id='uploadInterval'> 1.0 mins</span>
      checked: True
      attribs: onClick="enableDisableBatchUpload()"

  - batch_size:
      label: "Measurements size. Change to calculate <b>Upload interval</b>"
      default: 5
      attribs: >-
        min='1' max='35535' step='1'
        onChange="
        const ctrl = document.getElementById('update_interval');
        const batch = document.getElementById('batch_upload');
        var ui = 0;
        if(batch.checked)
          ui = ( (ctrl.value/1000) * this.value ) / 60;
        else
          ui = ( (ctrl.value/1000) * 1 ) / 60;
        document.getElementById('uploadInterval').innerHTML =  ui.toFixed(2)  + ' mins';
        "
  - update_interval:
      label: "Delay between measurements (ms).Change to calculate <b>Upload interval</b>"
      default: 30000
      attribs: >-
        onChange="
          const ctrl = document.getElementById('batch_size');          
          const batch = document.getElementById('batch_upload');
          var ui = 0;
          if(batch.checked)
            ui = (ctrl.value * (this.value / 1000) ) / 60;
          else 
            ui = (1 * (this.value / 1000) ) / 60;
          document.getElementById('uploadInterval').innerHTML = ui.toFixed(2) + ' mins';"
        "
)~";

PROGMEM const char INIT_SCRIPT[] = R"=====(
function enableDisableBatchUpload(){
  if( document.getElementById('batch_upload').checked ){
    document.getElementById('batch_size').disabled = false;
  }else{
    document.getElementById('batch_size').disabled = true;   
  }
  document.getElementById('batch_size').dispatchEvent(new Event('change'))
}
document.addEventListener('DOMContentLoaded', function (event) {
  enableDisableBatchUpload();
});
)=====";