Function build

tools/experiments/experiments.js:90–161

* Builds the expriments table.

()

 * Builds the expriments table.
 */
function build() {
  const {host} = window.location;

  const subdomain = document.getElementById('subdomain');
  subdomain.textContent = host;

  // #redirect contains UI that generates a subdomain experiments page link
  // given a "google.com/amp/..." viewer URL.
  const redirect = document.getElementById('redirect');
  const input = redirect.querySelector('input');
  const button = redirect.querySelector('button');
  const anchor = redirect.querySelector('a');
  button.addEventListener('click', function () {
    let urlString = input.value.trim();
    // Avoid protocol-less urlString from being parsed as a relative URL.
    const hasProtocol = /^https?:\/\//.test(urlString);
    if (!hasProtocol) {
      urlString = 'https://' + urlString;
    }
    const url = parseUrlDeprecated(urlString);
    if (url) {
      const subdomain = url.hostname.replace(/\./g, '-');
      const href = `https://${subdomain}.cdn.ampproject.org/experiments.html`;
      anchor.href = href;
      anchor.textContent = href;
    }
  });

  const channelsTable = document.getElementById('channels-table');
  CHANNELS.forEach(function (experiment) {
    channelsTable.appendChild(buildExperimentRow(experiment));
  });

  const experimentsTable = document.getElementById('experiments-table');
  EXPERIMENTS.forEach(function (experiment) {
    experimentsTable.appendChild(buildExperimentRow(experiment));
  });

  if (host === 'cdn.ampproject.org') {
    const experimentsDesc = document.getElementById('experiments-desc');
    experimentsDesc.setAttribute('hidden', '');
    experimentsTable.setAttribute('hidden', '');
  } else {
    redirect.setAttribute('hidden', '');
  }

  const rtvInput = document.getElementById('rtv');
  const rtvButton = document.getElementById('rtv-submit');
  rtvInput.addEventListener('input', () => {
    rtvButton.disabled = rtvInput.value && !RTV_PATTERN.test(rtvInput.value);
    rtvButton.textContent = rtvInput.value ? 'opt-in' : 'opt-out';
  });
  rtvButton.addEventListener('click', () => {
    if (!rtvInput.value) {
      showConfirmation_(
        'Do you really want to opt out of RTV?',
        setAmpOptInCookie_.bind(null, AMP_OPT_IN_COOKIE.DISABLED)
      );