function renderIndicatorFormField(field, value) {
  switch (typeof value) {
    case 'number':
      return `<div class="col-sm-4">
        <div class="form-group">
          <label for="${field}" class="control-label">${getInputLabelText(field)}</label>
          <input name="${field}" type="number" class="form-control form-control-sm" id="${field}" value="${value}">
        </div>
      </div>`;
    case 'string':
      return `<div class="col-sm-4">
        <div class="form-group">
          <label for="${field}" class="control-label">${getInputLabelText(field)}</label>
          <select name="${field}" class="form-control form-control-sm select show-tick" data-style="btn-light btn-sm" id="">${renderSelectOptions(value, true)}</select>
        </div>
      </div>`
    case 'object':
      return `<div class="col-sm-4">
      <div class="form-group">
        <label for="${field}" class="control-label">${getInputLabelText(field)}</label>
        <select name="${field}" class="form-control form-control-sm select show-tick" data-style="btn-light btn-sm" id="">${renderSelectOptions(value)}</select>
      </div>
    </div>`
  }
}
/**
 * render indicator form field
 * @param {string} field object key of indicator setting 
 * @param {*} value value of indicator setting
 */
render indicator form field
@param {string} field object key of indicator setting
@param {*} value value of indicator setting
render indicator form field @param { string } field object key of indicator setting @param { * } value value of indicator setting
function renderIndicatorFormField(field, value) {
  switch (typeof value) {
    case 'number':
      return `<div class="col-sm-4">
        <div class="form-group">
          <label for="${field}" class="control-label">${getInputLabelText(field)}</label>
          <input name="${field}" type="number" class="form-control form-control-sm" id="${field}" value="${value}">
        </div>
      </div>`;
    case 'string':
      return `<div class="col-sm-4">
        <div class="form-group">
          <label for="${field}" class="control-label">${getInputLabelText(field)}</label>
          <select name="${field}" class="form-control form-control-sm select show-tick" data-style="btn-light btn-sm" id="">${renderSelectOptions(value, true)}</select>
        </div>
      </div>`
    case 'object':
      return `<div class="col-sm-4">
      <div class="form-group">
        <label for="${field}" class="control-label">${getInputLabelText(field)}</label>
        <select name="${field}" class="form-control form-control-sm select show-tick" data-style="btn-light btn-sm" id="">${renderSelectOptions(value)}</select>
      </div>
    </div>`
  }
}
function renderIndicatorFormField ( field , value ) { switch ( typeof value ) { case 'number' : return ` ${ field } ${ getInputLabelText ( field ) } ${ field } ${ field } ${ value } ` ; case 'string' : return ` ${ field } ${ getInputLabelText ( field ) } ${ field } ${ renderSelectOptions ( value , true ) } ` case 'object' : return ` ${ field } ${ getInputLabelText ( field ) } ${ field } ${ renderSelectOptions ( value ) } ` } }
render indicator form field
 @param {string} field object key of indicator setting
 @param {*} value value of indicator setting
render indicator form field @param { string } field object key of indicator setting @param { * } value value of indicator setting