Function syncJsonToForm

src/zenml/deployers/server/dashboard/assets/dashboard.js:616–647

* Sync JSON editor back to form fields

()

 * Sync JSON editor back to form fields
 */
function syncJsonToForm() {
  try {
    const jsonInput = document.getElementById('json-input');
    const data = JSON.parse(jsonInput.value || '{}');
    
    // Update form fields with JSON data
    Object.entries(data).forEach(([key, value]) => {
      const input = document.querySelector(`input[name="${key}"], select[name="${key}"]`);
      if (input) {
        input.value = value;
        if (input.classList.contains('text-input')) {
          input.classList.toggle('filled', !!value);
        }
      }
      
      const toggle = document.querySelector(`.toggle-switch[data-name="${key}"]`);
      if (toggle) {
        if (value) {
          toggle.classList.add('on');
          toggle.classList.remove('off');
        } else {
          toggle.classList.add('off');
          toggle.classList.remove('on');
        }
        const label = toggle.parentElement.querySelector('.toggle-label');
        if (label) label.textContent = value ? 'True' : 'False';
      }
    });
  } catch (e) {
    console.error('Failed to sync JSON to form:', e);
  }
}

/* ============================================================================
   Pipeline Execution