JSFiddle - React, Tailwind, and code Playground

by evan

HTML

<p>
Enter your organization id here:
</p>
<input type="text" id="org" />

<p>
Add field IDs to this textbox, one per line:
</p>

<textarea id="fieldTextArea" rows="8" cols="40"></textarea>

<div>
  <button id="generate">
  Generate code
  </button>
</div>

<div id="result" style="display: none;">

  <p>
  Copy this code:
  </p>
  <input type="text" readonly id="output" style="width: 400px" />
</div>

JavaScript

function trim(val) {
	return val.replace(/'['"\s]'/g, '');
}

generate.addEventListener('click', () => {
	const orgID = trim(org.value);
  const fields = fieldTextArea.value.split(`\n`).map(field => trim(field)).filter(x => x);
  
  const op = {
  	$set: {
			"cfl_config.encompass_fields_deny_list": fields
    }
  };
  
  output.value = `Organizations.update(${JSON.stringify(orgID)}, ${JSON.stringify(op)});`;
  result.style.display = 'block';
});

output.addEventListener('click', () => output.select());