Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-74432

[electricflow] Extract inline script block and event handlers in org/jenkinsci/plugins/electricflow/ElectricFlowTriggerRelease/config.jelly

      Problems

      == Inline Script Block
      Line: 92
      ----
      <script>
              fillReleasesParameters();
              fillStagesToRun();
      
              function deleteReleaseParameterRows() {
                  var paramRows = document.querySelectorAll("._ef_st_row");
                  [].forEach.call(paramRows, function (row) {
                      row.parentNode.removeChild(row);
                  });
              }
              function deleteStagesToRun() {
                  var paramRows = document.querySelectorAll("._ef_str_row");
                  [].forEach.call(paramRows, function (row) {
                      row.parentNode.removeChild(row);
                  });
              }
      
              function fillReleasesParameters() {
                  deleteReleaseParameterRows();
      
                  if (!document.getElementById('ef_sr_parameters')) {
                      return;
                  }
      
                  var option = document.getElementById('ef_sr_parameters').options[0];
                  var param = '{}';
                  if (option) {
                      param = option.value;
                  }
                  var json = JSON.parse(param);
      
                  var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                  if (table == null) {
                      table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                  }
      
                  if (json) {
      
                      if (json.release) {
                          var parameters;
                          try {
                              parameters = JSON.parse(json.release.parameters);
                          }
                          catch (error) {
                              parameters = json.release.parameters;
                          }
      
                          if (table == null) {
                              if (parameters.length) {
                                  var el = document.createElement("div");
                                  el.innerHTML = "&lt;br&gt;&lt;b&gt;Release pipeline parameters&lt;/b&gt;";
                                  el.className = "_ef_st_row";
                                  var div = document.getElementById("ef_sr_parameters");
                                  div = cbcd_insertAfter(div, el);
                                  parameters.forEach(function (elem) {
                                      var el_param = document.createElement("div");
                                      el_param.className = "_ef_sr_parameters _ef_st_row";
                                      div = cbcd_insertAfter(div, el_param);
                                      addParameterRowForTriggerRelease(el_param, elem.parameterName, elem.parameterValue, false, false);
                                  });
                              }
                          } else {
                              var row1 = table.insertRow(table.rows.length - 2);
                              row1.className = "_ef_st_row";
                              if (parameters.length) {
                                  row1.appendChild(createTitleForTriggerRelease("Release pipeline parameters"));
                                  parameters.forEach(function (elem) {
                                      var row = table.insertRow(table.rows.length - 2);
                                      row.className = "_ef_sr_parameters _ef_st_row";
                                      addParameterRowForTriggerRelease(row, elem.parameterName, elem.parameterValue, false, true);
                                  });
                              }
                          }
      
      
                      }
                  }
              }
              function fillStagesToRun() {
                  deleteStagesToRun();
                  if (!document.getElementById('ef_sr_parameters')) {
                      return;
                  }
                  var option = document.getElementById('ef_sr_parameters').options[0];
                  var param = '{}';
                  if (option) {
                      param = option.value;
                  }
                  var json = JSON.parse(param);
                  var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                  if (table == null) {
                      table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                  }
                  var stages;
                  if (typeof json.release !== "undefined") {
                      try {
                          stages = JSON.parse(json.release.stages);
                      } catch (error) {
                          stages = json.release.stages;
                      }
      
                      if (table == null) {
                          if (stages.length) {
                              var el = document.createElement("div");
                              el.innerHTML = "&lt;br&gt;&lt;b&gt;Stages to run&lt;/b&gt;";
                              el.className = "_ef_str_row";
                              var div = document.getElementById("ef_rt_stagesToRunEntry");
                              div = cbcd_insertAfter(div, el);
                              stages.forEach(function (elem) {
                                  var el_param = document.createElement("div");
                                  el_param.className = "_ef_sr_stages _ef_str_row";
                                  div = cbcd_insertAfter(div, el_param);
                                  addParameterRowForTriggerRelease(el_param, elem.stageName, elem.stageValue, true, false);
                              });
                          }
                      } else {
                          var row1 = table.insertRow(table.rows.length - 2);
                          row1.className = "_ef_str_row";
                          if (stages.length) {
                              row1.appendChild(createTitleForTriggerRelease("Stages to run"));
                              stages.forEach(function (elem) {
                                  var row = table.insertRow(table.rows.length - 2);
                                  row.className = "_ef_sr_stages _ef_str_row";
                                  addParameterRowForTriggerRelease(row, elem.stageName, elem.stageValue, true, true);
                              });
                          }
                      }
                  }
              }
              function cbcd_insertAfter(referenceNode, newNode) {
                  return referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
              }
      
              function updateReleaseJson() {
                  var releaseName = document.getElementById("ef_sr_releaseName").value;
                  var json = JSON.parse('{"release":{"releaseName":"' + releaseName + '","stages":[], "parameters":[]}}');
                  var stages = document.querySelectorAll("._ef_sr_stages");
      
                  [].forEach.call(stages, function (elem) {
                      json.release.stages.push({
                          'stageName': elem.querySelector(".setting-name").textContent,
                          'stageValue': elem.querySelector(".setting-input").checked
                      })
                  });
      
                  var stages = document.querySelectorAll("._ef_sr_parameters");
      
                  [].forEach.call(stages, function (elem) {
                      json.release.parameters.push({
                          'parameterName': elem.querySelector(".setting-name").textContent,
                          'parameterValue': elem.querySelector(".setting-input").value
                      })
                  });
                  document.getElementById('ef_sr_parameters').options[0].value = JSON.stringify(json);
                  document.getElementById('ef_sr_parameters').options[0].textContent = JSON.stringify(json);
              }
      
              function createTitleForTriggerRelease(title) {
                  var td = document.createElement('td');
                  td.colSpan = 4;
                  var div = document.createElement('div');
                  div.className = "section-header";
                  div.textContent = title;
                  td.appendChild(div);
                  return td;
              }
      
              function addParameterRowForTriggerRelease(row, label, value, isCheckbox, isTable) {
                  var td1 = document.createElement(isTable ? 'td' : 'div');
                  td1.className = 'setting-leftspace';
                  td1.textContent = '';
                  row.appendChild(td1);
      
                  var td2 = document.createElement(isTable ? 'td' : 'div');
                  td2.className = 'setting-name';
                  td2.textContent = label;
                  row.appendChild(td2);
      
                  var td3 = document.createElement(isTable ? 'td' : 'div');
                  td3.className = 'setting-main';
                  var input1 = document.createElement('input');
                  input1.name = 'parameterName';
                  if (isCheckbox) {
                      input1.type = "checkbox";
                      if (value === "true") {
                          input1.checked = value;
                      }
                      input1.style="width: auto;";
                  }
                  input1.value = value;
                  input1.onchange = updateReleaseJson;
                  input1.className = 'setting-input';
                  td3.appendChild(input1);
                  row.appendChild(td3);
      
                  var td4 = document.createElement(isTable ? 'td' : 'div');
                  td4.className = 'setting-no-help';
                  row.appendChild(td4);
              }
      
              function triggerExtraValidationForTriggerRelease() {
                  document.getElementById("ef_sr_validationTrigger").click();
              }
      
              function getElementByXpath(path) {
                  return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
              }
          </script>
      ----
      
      == Inline Event Handler
      Line: 13
      ----
      <f:select onchange="deleteReleaseParameterRows(); deleteStagesToRun();"/>
      ----
      
      == Inline Event Handler
      Line: 18
      ----
      <f:select onchange="deleteReleaseParameterRows();deleteStagesToRun();"/>
      ----
      
      == Inline Event Handler
      Line: 21
      ----
      <f:select onchange="fillReleasesParameters();fillStagesToRun();" id="ef_sr_releaseName"/>
      ----
      
      == Inline Event Handler
      Line: 40
      ----
      <f:select id="ef_rt_stagesToRunEntry" onchange="fillStagesToRun();" style="display:none;"/>
      ----
      
      == Inline Event Handler
      Line: 46
      ----
      <f:select id="ef_sr_parameters" onchange="fillReleasesParameters();fillStagesToRun();" style="display:none;"/>
      ----
      
      == Inline Event Handler
      Line: 81
      ----
      <button type="button" onclick="triggerExtraValidationForTriggerRelease();">
      ----
      

      Solutions

      https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks
      https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers

          [JENKINS-74432] [electricflow] Extract inline script block and event handlers in org/jenkinsci/plugins/electricflow/ElectricFlowTriggerRelease/config.jelly

          Basil Crow created issue -
          Basil Crow made changes -
          Assignee Original: ElectricFlow ElectricCloud [ efpluginsdev ]
          Basil Crow made changes -
          Description Original: h4. Problems

          {noformat}
          == Inline Event Handler
          Line: 13
          ----
          <f:select onchange="deleteReleaseParameterRows(); deleteStagesToRun();"/>
          ----

          == Inline Event Handler
          Line: 18
          ----
          <f:select onchange="deleteReleaseParameterRows();deleteStagesToRun();"/>
          ----

          == Inline Event Handler
          Line: 21
          ----
          <f:select onchange="fillReleasesParameters();fillStagesToRun();" id="ef_sr_releaseName"/>
          ----

          == Inline Event Handler
          Line: 40
          ----
          <f:select id="ef_rt_stagesToRunEntry" onchange="fillStagesToRun();" style="display:none;"/>
          ----

          == Inline Event Handler
          Line: 46
          ----
          <f:select id="ef_sr_parameters" onchange="fillReleasesParameters();fillStagesToRun();" style="display:none;"/>
          ----

          == Inline Event Handler
          Line: 81
          ----
          <button type="button" onclick="triggerExtraValidationForTriggerRelease();">
          ----

          == Inline Script Block
          Line: 92
          ----
          <script>
                  fillReleasesParameters();
                  fillStagesToRun();

                  function deleteReleaseParameterRows() {
                      var paramRows = document.querySelectorAll("._ef_st_row");
                      [].forEach.call(paramRows, function (row) {
                          row.parentNode.removeChild(row);
                      });
                  }
                  function deleteStagesToRun() {
                      var paramRows = document.querySelectorAll("._ef_str_row");
                      [].forEach.call(paramRows, function (row) {
                          row.parentNode.removeChild(row);
                      });
                  }

                  function fillReleasesParameters() {
                      deleteReleaseParameterRows();

                      if (!document.getElementById('ef_sr_parameters')) {
                          return;
                      }

                      var option = document.getElementById('ef_sr_parameters').options[0];
                      var param = '{}';
                      if (option) {
                          param = option.value;
                      }
                      var json = JSON.parse(param);

                      var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                      if (table == null) {
                          table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                      }

                      if (json) {

                          if (json.release) {
                              var parameters;
                              try {
                                  parameters = JSON.parse(json.release.parameters);
                              }
                              catch (error) {
                                  parameters = json.release.parameters;
                              }

                              if (table == null) {
                                  if (parameters.length) {
                                      var el = document.createElement("div");
                                      el.innerHTML = "&lt;br&gt;&lt;b&gt;Release pipeline parameters&lt;/b&gt;";
                                      el.className = "_ef_st_row";
                                      var div = document.getElementById("ef_sr_parameters");
                                      div = cbcd_insertAfter(div, el);
                                      parameters.forEach(function (elem) {
                                          var el_param = document.createElement("div");
                                          el_param.className = "_ef_sr_parameters _ef_st_row";
                                          div = cbcd_insertAfter(div, el_param);
                                          addParameterRowForTriggerRelease(el_param, elem.parameterName, elem.parameterValue, false, false);
                                      });
                                  }
                              } else {
                                  var row1 = table.insertRow(table.rows.length - 2);
                                  row1.className = "_ef_st_row";
                                  if (parameters.length) {
                                      row1.appendChild(createTitleForTriggerRelease("Release pipeline parameters"));
                                      parameters.forEach(function (elem) {
                                          var row = table.insertRow(table.rows.length - 2);
                                          row.className = "_ef_sr_parameters _ef_st_row";
                                          addParameterRowForTriggerRelease(row, elem.parameterName, elem.parameterValue, false, true);
                                      });
                                  }
                              }


                          }
                      }
                  }
                  function fillStagesToRun() {
                      deleteStagesToRun();
                      if (!document.getElementById('ef_sr_parameters')) {
                          return;
                      }
                      var option = document.getElementById('ef_sr_parameters').options[0];
                      var param = '{}';
                      if (option) {
                          param = option.value;
                      }
                      var json = JSON.parse(param);
                      var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                      if (table == null) {
                          table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                      }
                      var stages;
                      if (typeof json.release !== "undefined") {
                          try {
                              stages = JSON.parse(json.release.stages);
                          } catch (error) {
                              stages = json.release.stages;
                          }

                          if (table == null) {
                              if (stages.length) {
                                  var el = document.createElement("div");
                                  el.innerHTML = "&lt;br&gt;&lt;b&gt;Stages to run&lt;/b&gt;";
                                  el.className = "_ef_str_row";
                                  var div = document.getElementById("ef_rt_stagesToRunEntry");
                                  div = cbcd_insertAfter(div, el);
                                  stages.forEach(function (elem) {
                                      var el_param = document.createElement("div");
                                      el_param.className = "_ef_sr_stages _ef_str_row";
                                      div = cbcd_insertAfter(div, el_param);
                                      addParameterRowForTriggerRelease(el_param, elem.stageName, elem.stageValue, true, false);
                                  });
                              }
                          } else {
                              var row1 = table.insertRow(table.rows.length - 2);
                              row1.className = "_ef_str_row";
                              if (stages.length) {
                                  row1.appendChild(createTitleForTriggerRelease("Stages to run"));
                                  stages.forEach(function (elem) {
                                      var row = table.insertRow(table.rows.length - 2);
                                      row.className = "_ef_sr_stages _ef_str_row";
                                      addParameterRowForTriggerRelease(row, elem.stageName, elem.stageValue, true, true);
                                  });
                              }
                          }
                      }
                  }
                  function cbcd_insertAfter(referenceNode, newNode) {
                      return referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
                  }

                  function updateReleaseJson() {
                      var releaseName = document.getElementById("ef_sr_releaseName").value;
                      var json = JSON.parse('{"release":{"releaseName":"' + releaseName + '","stages":[], "parameters":[]}}');
                      var stages = document.querySelectorAll("._ef_sr_stages");

                      [].forEach.call(stages, function (elem) {
                          json.release.stages.push({
                              'stageName': elem.querySelector(".setting-name").textContent,
                              'stageValue': elem.querySelector(".setting-input").checked
                          })
                      });

                      var stages = document.querySelectorAll("._ef_sr_parameters");

                      [].forEach.call(stages, function (elem) {
                          json.release.parameters.push({
                              'parameterName': elem.querySelector(".setting-name").textContent,
                              'parameterValue': elem.querySelector(".setting-input").value
                          })
                      });
                      document.getElementById('ef_sr_parameters').options[0].value = JSON.stringify(json);
                      document.getElementById('ef_sr_parameters').options[0].textContent = JSON.stringify(json);
                  }

                  function createTitleForTriggerRelease(title) {
                      var td = document.createElement('td');
                      td.colSpan = 4;
                      var div = document.createElement('div');
                      div.className = "section-header";
                      div.textContent = title;
                      td.appendChild(div);
                      return td;
                  }

                  function addParameterRowForTriggerRelease(row, label, value, isCheckbox, isTable) {
                      var td1 = document.createElement(isTable ? 'td' : 'div');
                      td1.className = 'setting-leftspace';
                      td1.textContent = '';
                      row.appendChild(td1);

                      var td2 = document.createElement(isTable ? 'td' : 'div');
                      td2.className = 'setting-name';
                      td2.textContent = label;
                      row.appendChild(td2);

                      var td3 = document.createElement(isTable ? 'td' : 'div');
                      td3.className = 'setting-main';
                      var input1 = document.createElement('input');
                      input1.name = 'parameterName';
                      if (isCheckbox) {
                          input1.type = "checkbox";
                          if (value === "true") {
                              input1.checked = value;
                          }
                          input1.style="width: auto;";
                      }
                      input1.value = value;
                      input1.onchange = updateReleaseJson;
                      input1.className = 'setting-input';
                      td3.appendChild(input1);
                      row.appendChild(td3);

                      var td4 = document.createElement(isTable ? 'td' : 'div');
                      td4.className = 'setting-no-help';
                      row.appendChild(td4);
                  }

                  function triggerExtraValidationForTriggerRelease() {
                      document.getElementById("ef_sr_validationTrigger").click();
                  }

                  function getElementByXpath(path) {
                      return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
                  }
              </script>
          ----

          == Inline Event Handler
          Line: 13
          ----
          <f:select onchange="deleteReleaseParameterRows(); deleteStagesToRun();"/>
          ----

          == Inline Event Handler
          Line: 18
          ----
          <f:select onchange="deleteReleaseParameterRows();deleteStagesToRun();"/>
          ----

          == Inline Event Handler
          Line: 21
          ----
          <f:select onchange="fillReleasesParameters();fillStagesToRun();" id="ef_sr_releaseName"/>
          ----

          == Inline Event Handler
          Line: 40
          ----
          <f:select id="ef_rt_stagesToRunEntry" onchange="fillStagesToRun();" style="display:none;"/>
          ----

          == Inline Event Handler
          Line: 46
          ----
          <f:select id="ef_sr_parameters" onchange="fillReleasesParameters();fillStagesToRun();" style="display:none;"/>
          ----

          == Inline Event Handler
          Line: 81
          ----
          <button type="button" onclick="triggerExtraValidationForTriggerRelease();">
          ----

          == Inline Script Block
          Line: 92
          ----
          <script>
                  fillReleasesParameters();
                  fillStagesToRun();

                  function deleteReleaseParameterRows() {
                      var paramRows = document.querySelectorAll("._ef_st_row");
                      [].forEach.call(paramRows, function (row) {
                          row.parentNode.removeChild(row);
                      });
                  }
                  function deleteStagesToRun() {
                      var paramRows = document.querySelectorAll("._ef_str_row");
                      [].forEach.call(paramRows, function (row) {
                          row.parentNode.removeChild(row);
                      });
                  }

                  function fillReleasesParameters() {
                      deleteReleaseParameterRows();

                      if (!document.getElementById('ef_sr_parameters')) {
                          return;
                      }

                      var option = document.getElementById('ef_sr_parameters').options[0];
                      var param = '{}';
                      if (option) {
                          param = option.value;
                      }
                      var json = JSON.parse(param);

                      var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                      if (table == null) {
                          table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                      }

                      if (json) {

                          if (json.release) {
                              var parameters;
                              try {
                                  parameters = JSON.parse(json.release.parameters);
                              }
                              catch (error) {
                                  parameters = json.release.parameters;
                              }

                              if (table == null) {
                                  if (parameters.length) {
                                      var el = document.createElement("div");
                                      el.innerHTML = "&lt;br&gt;&lt;b&gt;Release pipeline parameters&lt;/b&gt;";
                                      el.className = "_ef_st_row";
                                      var div = document.getElementById("ef_sr_parameters");
                                      div = cbcd_insertAfter(div, el);
                                      parameters.forEach(function (elem) {
                                          var el_param = document.createElement("div");
                                          el_param.className = "_ef_sr_parameters _ef_st_row";
                                          div = cbcd_insertAfter(div, el_param);
                                          addParameterRowForTriggerRelease(el_param, elem.parameterName, elem.parameterValue, false, false);
                                      });
                                  }
                              } else {
                                  var row1 = table.insertRow(table.rows.length - 2);
                                  row1.className = "_ef_st_row";
                                  if (parameters.length) {
                                      row1.appendChild(createTitleForTriggerRelease("Release pipeline parameters"));
                                      parameters.forEach(function (elem) {
                                          var row = table.insertRow(table.rows.length - 2);
                                          row.className = "_ef_sr_parameters _ef_st_row";
                                          addParameterRowForTriggerRelease(row, elem.parameterName, elem.parameterValue, false, true);
                                      });
                                  }
                              }


                          }
                      }
                  }
                  function fillStagesToRun() {
                      deleteStagesToRun();
                      if (!document.getElementById('ef_sr_parameters')) {
                          return;
                      }
                      var option = document.getElementById('ef_sr_parameters').options[0];
                      var param = '{}';
                      if (option) {
                          param = option.value;
                      }
                      var json = JSON.parse(param);
                      var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                      if (table == null) {
                          table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                      }
                      var stages;
                      if (typeof json.release !== "undefined") {
                          try {
                              stages = JSON.parse(json.release.stages);
                          } catch (error) {
                              stages = json.release.stages;
                          }

                          if (table == null) {
                              if (stages.length) {
                                  var el = document.createElement("div");
                                  el.innerHTML = "&lt;br&gt;&lt;b&gt;Stages to run&lt;/b&gt;";
                                  el.className = "_ef_str_row";
                                  var div = document.getElementById("ef_rt_stagesToRunEntry");
                                  div = cbcd_insertAfter(div, el);
                                  stages.forEach(function (elem) {
                                      var el_param = document.createElement("div");
                                      el_param.className = "_ef_sr_stages _ef_str_row";
                                      div = cbcd_insertAfter(div, el_param);
                                      addParameterRowForTriggerRelease(el_param, elem.stageName, elem.stageValue, true, false);
                                  });
                              }
                          } else {
                              var row1 = table.insertRow(table.rows.length - 2);
                              row1.className = "_ef_str_row";
                              if (stages.length) {
                                  row1.appendChild(createTitleForTriggerRelease("Stages to run"));
                                  stages.forEach(function (elem) {
                                      var row = table.insertRow(table.rows.length - 2);
                                      row.className = "_ef_sr_stages _ef_str_row";
                                      addParameterRowForTriggerRelease(row, elem.stageName, elem.stageValue, true, true);
                                  });
                              }
                          }
                      }
                  }
                  function cbcd_insertAfter(referenceNode, newNode) {
                      return referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
                  }

                  function updateReleaseJson() {
                      var releaseName = document.getElementById("ef_sr_releaseName").value;
                      var json = JSON.parse('{"release":{"releaseName":"' + releaseName + '","stages":[], "parameters":[]}}');
                      var stages = document.querySelectorAll("._ef_sr_stages");

                      [].forEach.call(stages, function (elem) {
                          json.release.stages.push({
                              'stageName': elem.querySelector(".setting-name").textContent,
                              'stageValue': elem.querySelector(".setting-input").checked
                          })
                      });

                      var stages = document.querySelectorAll("._ef_sr_parameters");

                      [].forEach.call(stages, function (elem) {
                          json.release.parameters.push({
                              'parameterName': elem.querySelector(".setting-name").textContent,
                              'parameterValue': elem.querySelector(".setting-input").value
                          })
                      });
                      document.getElementById('ef_sr_parameters').options[0].value = JSON.stringify(json);
                      document.getElementById('ef_sr_parameters').options[0].textContent = JSON.stringify(json);
                  }

                  function createTitleForTriggerRelease(title) {
                      var td = document.createElement('td');
                      td.colSpan = 4;
                      var div = document.createElement('div');
                      div.className = "section-header";
                      div.textContent = title;
                      td.appendChild(div);
                      return td;
                  }

                  function addParameterRowForTriggerRelease(row, label, value, isCheckbox, isTable) {
                      var td1 = document.createElement(isTable ? 'td' : 'div');
                      td1.className = 'setting-leftspace';
                      td1.textContent = '';
                      row.appendChild(td1);

                      var td2 = document.createElement(isTable ? 'td' : 'div');
                      td2.className = 'setting-name';
                      td2.textContent = label;
                      row.appendChild(td2);

                      var td3 = document.createElement(isTable ? 'td' : 'div');
                      td3.className = 'setting-main';
                      var input1 = document.createElement('input');
                      input1.name = 'parameterName';
                      if (isCheckbox) {
                          input1.type = "checkbox";
                          if (value === "true") {
                              input1.checked = value;
                          }
                          input1.style="width: auto;";
                      }
                      input1.value = value;
                      input1.onchange = updateReleaseJson;
                      input1.className = 'setting-input';
                      td3.appendChild(input1);
                      row.appendChild(td3);

                      var td4 = document.createElement(isTable ? 'td' : 'div');
                      td4.className = 'setting-no-help';
                      row.appendChild(td4);
                  }

                  function triggerExtraValidationForTriggerRelease() {
                      document.getElementById("ef_sr_validationTrigger").click();
                  }

                  function getElementByXpath(path) {
                      return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
                  }
              </script>
          ----
          {noformat}

          h4. Solutions

          [https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks]
          [https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers]
          New: h4. Problems

          {noformat}
          == Inline Script Block
          Line: 92
          ----
          <script>
                  fillReleasesParameters();
                  fillStagesToRun();

                  function deleteReleaseParameterRows() {
                      var paramRows = document.querySelectorAll("._ef_st_row");
                      [].forEach.call(paramRows, function (row) {
                          row.parentNode.removeChild(row);
                      });
                  }
                  function deleteStagesToRun() {
                      var paramRows = document.querySelectorAll("._ef_str_row");
                      [].forEach.call(paramRows, function (row) {
                          row.parentNode.removeChild(row);
                      });
                  }

                  function fillReleasesParameters() {
                      deleteReleaseParameterRows();

                      if (!document.getElementById('ef_sr_parameters')) {
                          return;
                      }

                      var option = document.getElementById('ef_sr_parameters').options[0];
                      var param = '{}';
                      if (option) {
                          param = option.value;
                      }
                      var json = JSON.parse(param);

                      var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                      if (table == null) {
                          table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                      }

                      if (json) {

                          if (json.release) {
                              var parameters;
                              try {
                                  parameters = JSON.parse(json.release.parameters);
                              }
                              catch (error) {
                                  parameters = json.release.parameters;
                              }

                              if (table == null) {
                                  if (parameters.length) {
                                      var el = document.createElement("div");
                                      el.innerHTML = "&lt;br&gt;&lt;b&gt;Release pipeline parameters&lt;/b&gt;";
                                      el.className = "_ef_st_row";
                                      var div = document.getElementById("ef_sr_parameters");
                                      div = cbcd_insertAfter(div, el);
                                      parameters.forEach(function (elem) {
                                          var el_param = document.createElement("div");
                                          el_param.className = "_ef_sr_parameters _ef_st_row";
                                          div = cbcd_insertAfter(div, el_param);
                                          addParameterRowForTriggerRelease(el_param, elem.parameterName, elem.parameterValue, false, false);
                                      });
                                  }
                              } else {
                                  var row1 = table.insertRow(table.rows.length - 2);
                                  row1.className = "_ef_st_row";
                                  if (parameters.length) {
                                      row1.appendChild(createTitleForTriggerRelease("Release pipeline parameters"));
                                      parameters.forEach(function (elem) {
                                          var row = table.insertRow(table.rows.length - 2);
                                          row.className = "_ef_sr_parameters _ef_st_row";
                                          addParameterRowForTriggerRelease(row, elem.parameterName, elem.parameterValue, false, true);
                                      });
                                  }
                              }


                          }
                      }
                  }
                  function fillStagesToRun() {
                      deleteStagesToRun();
                      if (!document.getElementById('ef_sr_parameters')) {
                          return;
                      }
                      var option = document.getElementById('ef_sr_parameters').options[0];
                      var param = '{}';
                      if (option) {
                          param = option.value;
                      }
                      var json = JSON.parse(param);
                      var table = document.querySelector("[descriptorid='electricFlowTriggerRelease'] table");
                      if (table == null) {
                          table = getElementByXpath("//select[@checkdependson='validationTrigger']/ancestor::table[@name]");
                      }
                      var stages;
                      if (typeof json.release !== "undefined") {
                          try {
                              stages = JSON.parse(json.release.stages);
                          } catch (error) {
                              stages = json.release.stages;
                          }

                          if (table == null) {
                              if (stages.length) {
                                  var el = document.createElement("div");
                                  el.innerHTML = "&lt;br&gt;&lt;b&gt;Stages to run&lt;/b&gt;";
                                  el.className = "_ef_str_row";
                                  var div = document.getElementById("ef_rt_stagesToRunEntry");
                                  div = cbcd_insertAfter(div, el);
                                  stages.forEach(function (elem) {
                                      var el_param = document.createElement("div");
                                      el_param.className = "_ef_sr_stages _ef_str_row";
                                      div = cbcd_insertAfter(div, el_param);
                                      addParameterRowForTriggerRelease(el_param, elem.stageName, elem.stageValue, true, false);
                                  });
                              }
                          } else {
                              var row1 = table.insertRow(table.rows.length - 2);
                              row1.className = "_ef_str_row";
                              if (stages.length) {
                                  row1.appendChild(createTitleForTriggerRelease("Stages to run"));
                                  stages.forEach(function (elem) {
                                      var row = table.insertRow(table.rows.length - 2);
                                      row.className = "_ef_sr_stages _ef_str_row";
                                      addParameterRowForTriggerRelease(row, elem.stageName, elem.stageValue, true, true);
                                  });
                              }
                          }
                      }
                  }
                  function cbcd_insertAfter(referenceNode, newNode) {
                      return referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
                  }

                  function updateReleaseJson() {
                      var releaseName = document.getElementById("ef_sr_releaseName").value;
                      var json = JSON.parse('{"release":{"releaseName":"' + releaseName + '","stages":[], "parameters":[]}}');
                      var stages = document.querySelectorAll("._ef_sr_stages");

                      [].forEach.call(stages, function (elem) {
                          json.release.stages.push({
                              'stageName': elem.querySelector(".setting-name").textContent,
                              'stageValue': elem.querySelector(".setting-input").checked
                          })
                      });

                      var stages = document.querySelectorAll("._ef_sr_parameters");

                      [].forEach.call(stages, function (elem) {
                          json.release.parameters.push({
                              'parameterName': elem.querySelector(".setting-name").textContent,
                              'parameterValue': elem.querySelector(".setting-input").value
                          })
                      });
                      document.getElementById('ef_sr_parameters').options[0].value = JSON.stringify(json);
                      document.getElementById('ef_sr_parameters').options[0].textContent = JSON.stringify(json);
                  }

                  function createTitleForTriggerRelease(title) {
                      var td = document.createElement('td');
                      td.colSpan = 4;
                      var div = document.createElement('div');
                      div.className = "section-header";
                      div.textContent = title;
                      td.appendChild(div);
                      return td;
                  }

                  function addParameterRowForTriggerRelease(row, label, value, isCheckbox, isTable) {
                      var td1 = document.createElement(isTable ? 'td' : 'div');
                      td1.className = 'setting-leftspace';
                      td1.textContent = '';
                      row.appendChild(td1);

                      var td2 = document.createElement(isTable ? 'td' : 'div');
                      td2.className = 'setting-name';
                      td2.textContent = label;
                      row.appendChild(td2);

                      var td3 = document.createElement(isTable ? 'td' : 'div');
                      td3.className = 'setting-main';
                      var input1 = document.createElement('input');
                      input1.name = 'parameterName';
                      if (isCheckbox) {
                          input1.type = "checkbox";
                          if (value === "true") {
                              input1.checked = value;
                          }
                          input1.style="width: auto;";
                      }
                      input1.value = value;
                      input1.onchange = updateReleaseJson;
                      input1.className = 'setting-input';
                      td3.appendChild(input1);
                      row.appendChild(td3);

                      var td4 = document.createElement(isTable ? 'td' : 'div');
                      td4.className = 'setting-no-help';
                      row.appendChild(td4);
                  }

                  function triggerExtraValidationForTriggerRelease() {
                      document.getElementById("ef_sr_validationTrigger").click();
                  }

                  function getElementByXpath(path) {
                      return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
                  }
              </script>
          ----

          == Inline Event Handler
          Line: 13
          ----
          <f:select onchange="deleteReleaseParameterRows(); deleteStagesToRun();"/>
          ----

          == Inline Event Handler
          Line: 18
          ----
          <f:select onchange="deleteReleaseParameterRows();deleteStagesToRun();"/>
          ----

          == Inline Event Handler
          Line: 21
          ----
          <f:select onchange="fillReleasesParameters();fillStagesToRun();" id="ef_sr_releaseName"/>
          ----

          == Inline Event Handler
          Line: 40
          ----
          <f:select id="ef_rt_stagesToRunEntry" onchange="fillStagesToRun();" style="display:none;"/>
          ----

          == Inline Event Handler
          Line: 46
          ----
          <f:select id="ef_sr_parameters" onchange="fillReleasesParameters();fillStagesToRun();" style="display:none;"/>
          ----

          == Inline Event Handler
          Line: 81
          ----
          <button type="button" onclick="triggerExtraValidationForTriggerRelease();">
          ----
          {noformat}

          h4. Solutions

          [https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks]
          [https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers]
          Summary Original: [electricflow] Extract inline script blocks and event handlers in org/jenkinsci/plugins/electricflow/ElectricFlowTriggerRelease/config.jelly New: [electricflow] Extract inline script block and event handlers in org/jenkinsci/plugins/electricflow/ElectricFlowTriggerRelease/config.jelly
          Shlomo made changes -
          Assignee New: Shlomo [ shlomo_dahan ]
          Shlomo made changes -
          Status Original: Open [ 1 ] New: In Progress [ 3 ]
          Shlomo made changes -
          Remote Link New: This issue links to "PR (Web Link)" [ 30216 ]

            shlomo_dahan Shlomo
            basil Basil Crow
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: