[JENKINS-74448] [leapwork] Extract inline script block and event handler in com/Leapwork/Leapwork_plugin/LeapworkJenkinsBridgeBuilder/config.jelly

<h4><a name="Problems"></a>Problems</h4>



```
== Inline Script Block
Line: 68
----
<script type="text/javascript" language="JavaScript">
var script = document.createElement('script');
script.type = "text/javascript";
script.language="JavaScript" ;
script.src = "${rootURL}/plugin/leapwork/buttonscript.js";
document.body.appendChild(script);

script.onload = script.onerror = function() {
if (!this.executed) {
this.executed = true;
}

    var css1 = 'ul.ul-treefree { padding-left:25px;  font-weight: bold;} ul.ul-treefree ul { margin:0; padding-left:6px;  } ul.ul-treefree li { position:relative; list-style:none outside none; border-left:solid 1px jenkinsci/jenkins#999; margin:0; padding:0 0 0 19px; line-height:23px; } ul.ul-treefree li:before { content:""; display:block; border-bottom:solid 1px jenkinsci/jenkins#999; position:absolute; width:18px; height:11px; left:0; top:0; } ul.ul-treefree li:last-child { border-left:0 none; } ul.ul-treefree li:last-child:before { border-left:solid 1px jenkinsci/jenkins#999; } ul.ul-dropfree div.drop { width:11px; height:11px; position:absolute; z-index:10; top:6px; left:-6px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAIAAAD0nuopAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpinDlzJgNlgAWI09LScEnPmjWLoAImrHpIAkwMFAMqGMGC6X44GzkIsHoQooAFTTVQKdbAwxOigyMsmIh3MC7ASHnqBAgwAD4CGeOiDhXRAAAAAElFTkSuQmCC"); background-position:-11px 0; background-repeat:no-repeat; cursor:pointer;}';

    var css2 = ' .popupDiv { background-color: white; background-clip:padding-box; overflow:hidden; position:absolute; display:none; padding:3px 0.5em; border: 1px solid; border-color: #ccc jenkinsci/jenkins#666 jenkinsci/jenkins#666 #ccc; border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); text-align: left; z-index: 100;}';
    css2 += ' html:not(.ua-mac) .popupDiv { -webkit-transform: translateZ(0); transform: none;}';
    css2 += ' .popupDiv.quickLinksMenuPopup {width: auto; min-width: 25em;}';
    css2 += ' .popupDiv.popupLoading {background-color: #FFF; padding: 5px !important;}';
    css2 += ' #warningPopup {background-color: #ffc;}';
    css2 += ' a.actionLinkNew {background-color: #fff; padding: 3px 10px 3px;}';
    css2 += ' a.actionLinkNew:hover, a.actionLinkNewHover {background-color: #e3e9ef;}';
    css2 += ' #changesPopup {width: 42em; padding: 0; z-index: 80;}';
    css2 += ' #changesPopup .changesContainer { margin: 0; padding: 5px 10px;}';
    css2 += ' #changesPopup .userChangesHeader { background-color: #F0F5FB; padding: 2px 5px; font-size: 95%; font-weight: bold; border: none;}';
    css2 += ' #changesPopup .userChangesHeader.highlightChanges { background-color: #FFC;}';
    css2 += ' #changesPopup .userChangeComment {overflow-x: hidden; margin-right: .5em; font-size: 90%; line-height: 1.5em;}';
    css2 += ' #changesPopup .userChangeFiles { float: right; min-width: 6em; font-size: 85%; text-align: right;}';
    css2 += ' #changesPopup .userChangeFiles span.highlightChanges{ left: 0;}';
    css2 += ' #changesPopup .userChanges {border: none;}';
    css2 += ' #changesPopup .userChange {clear: both; padding: 5px 0 5px 5px; border-bottom: 1px solid #E3E9EF;}';
    css2 += ' #changesPopup .userChange:last-of-type {border: none;}';
    css2 += ' #changesPopup .artifactCommentTable {width: 100%;}';
    css2 += ' #changesPopup .artifactCommentBuildType {width: 30%; vertical-align: top;}';
    css2 += ' #changesPopup .buildChangesHeader {font-weight: normal;}';
    css2 += ' #changesPopup .buildStartDate {float: right;font-size: 90%;}';
    css2 += ' #changesPopup .buildChanges {width: 100%;}';
    css2 += ' #changesPopup .buildChanges td.username {width: 30%; font-weight: bold; font-size: 90%;}';
    css2 += ' #changesPopup .buildChanges td.userChange {width: 70%;}';
    css2 += ' #changesPopup .changesPopupTable {width: 100%; }';
    css2 += ' #changesPopup .changesPopupTable th {padding-right: 1em;}';
    css2 += ' #changesPopup .changesPopupTable td.files {text-align: right;}';
    css2 += ' #changesPopup .changesPopupTable td.user { padding-right: 1.5em; text-align: right;}';
    css2 += ' #changesPopup .changesPopupTable .date {padding-right: 1.5em;}';
    css2 += ' #changesPopup .changesPopupTable td, #changesPopup .simpleTabs .tabs {margin: 5px 0 0 10px; overflow: auto; }';
    css2 += ' #changesPopup table.buildChanges { border-collapse: collapse;}';
    css2 += ' #changesPopup table.buildChanges td.username, #changesPopup table.buildChanges td.userChangeTD { border-bottom: 1px solid #E3E9EF;}';
    css2 += ' #changesPopup table.buildChanges div.userChange {border: none;}';
    css2 += ' #changesPopup .ellipsis, span.textExpandArrow { display: inline-block; width: 22px; height: 1em;background: #F3F3F3;border: 1px solid #C8C8C8;border-radius: 2px;color: #C8C8C8;text-align: center;}';
    css2 += ' #changesPopup .ellipsis:hover, span.textExpandArrow:hover {cursor: pointer; background: #E3E3E3;}';
    css2 += ' #changesPopup .historyBuildNote { margin-bottom: 4px;}';
    css2 += ' #changesPopup .changePopupHeader, #changesPopup .changesPopupFooter {background-color: #f5f5f5;padding: 4px;font-size: 90%;}';
    css2 += ' #changesPopup .changePopupHeader {margin-bottom: 6px; border-bottom: 1px solid #E3E9EF;}';
    css2 += ' #changesPopup .changePopupFooter {margin-top: 6px;}';
    css2 += ' #changesPopup .userChangeComment td.status, #changesPopup .userChangeComment td.buildNumber {vertical-align: top;}';
    css2 += ' #changesPopup .userChangeComment td.buildNumber {width: 10%;}';
    css2 += ' #changesPopup .artifactsChangeHeader {background-position: 5px 3px; padding-left: 25px;}';
    css2 += ' span.changeName {font-size: 90%;}';
    css2 += ' div.dependencyRelationIcon {float: right;}';
    css2 += ' div.subrepoIcon {float: right;}';



    var css = css1 + css2,
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

    style.type = 'text/css';
    if (style.styleSheet){
    style.styleSheet.cssText = css;
    } else {
    style.appendChild(document.createTextNode(css));
    }

    head.appendChild(style);

    var schtextarea = document.getElementById("schIds");
    //schtextarea.style.display = 'none';
};
</script>
----

== Inline Event Handler
Line: 42
----
<button type="button" id="mainButton" visibility="visible"  onclick="GetSch()" value="Select Schedules">
----

```

<h4><a name="Solutions"></a>Solutions</h4>

<p><a href="https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks" class="external-link" target="_blank" rel="nofollow noopener">https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks</a><br/>
<a href="https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers" class="external-link" target="_blank" rel="nofollow noopener">https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers</a></p>

---
<details><summary><i>Originally reported by <a href="https://issues.jenkins.io/secure/ViewProfile.jspa?name=basil">basil</a>, imported from: <a class="original-jira-link" href="https://issues.jenkins.io/browse/JENKINS-74448" target="_blank">[leapwork] Extract inline script block and event handler in com/Leapwork/Leapwork_plugin/LeapworkJenkinsBridgeBuilder/config.jelly</a></i></summary>
<i><ul>
<li><b>status</b>: Open
<li><b>priority</b>: Minor
<li><b>component(s)</b>: _unsorted
<li><b>label(s)</b>: CSP
<li><b>resolution</b>: Unresolved
<li><b>votes</b>: 0
<li><b>watchers</b>: 1
<li><b>imported</b>: 2025-12-08
</ul></i>
<details><summary>Raw content of original issue</summary>

<pre>
<h4><a name="Problems"></a>Problems</h4>

<div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
<pre>== Inline Script Block
Line: 68
----
&lt;script type="text/javascript" language="JavaScript"&gt;
var script = document.createElement('script');
script.type = "text/javascript";
script.language="JavaScript" ;
script.src = "${rootURL}/plugin/leapwork/buttonscript.js";
document.body.appendChild(script);

script.onload = script.onerror = function() {
if (!this.executed) {
this.executed = true;
}

    var css1 = 'ul.ul-treefree { padding-left:25px;  font-weight: bold;} ul.ul-treefree ul { margin:0; padding-left:6px;  } ul.ul-treefree li { position:relative; list-style:none outside none; border-left:solid 1px jenkinsci/jenkins#999; margin:0; padding:0 0 0 19px; line-height:23px; } ul.ul-treefree li:before { content:""; display:block; border-bottom:solid 1px jenkinsci/jenkins#999; position:absolute; width:18px; height:11px; left:0; top:0; } ul.ul-treefree li:last-child { border-left:0 none; } ul.ul-treefree li:last-child:before { border-left:solid 1px jenkinsci/jenkins#999; } ul.ul-dropfree div.drop { width:11px; height:11px; position:absolute; z-index:10; top:6px; left:-6px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAIAAAD0nuopAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpinDlzJgNlgAWI09LScEnPmjWLoAImrHpIAkwMFAMqGMGC6X44GzkIsHoQooAFTTVQKdbAwxOigyMsmIh3MC7ASHnqBAgwAD4CGeOiDhXRAAAAAElFTkSuQmCC"); background-position:-11px 0; background-repeat:no-repeat; cursor:pointer;}';

    var css2 = ' .popupDiv { background-color: white; background-clip:padding-box; overflow:hidden; position:absolute; display:none; padding:3px 0.5em; border: 1px solid; border-color: #ccc jenkinsci/jenkins#666 jenkinsci/jenkins#666 #ccc; border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); text-align: left; z-index: 100;}';
    css2 += ' html:not(.ua-mac) .popupDiv { -webkit-transform: translateZ(0); transform: none;}';
    css2 += ' .popupDiv.quickLinksMenuPopup {width: auto; min-width: 25em;}';
    css2 += ' .popupDiv.popupLoading {background-color: #FFF; padding: 5px !important;}';
    css2 += ' #warningPopup {background-color: #ffc;}';
    css2 += ' a.actionLinkNew {background-color: #fff; padding: 3px 10px 3px;}';
    css2 += ' a.actionLinkNew:hover, a.actionLinkNewHover {background-color: #e3e9ef;}';
    css2 += ' #changesPopup {width: 42em; padding: 0; z-index: 80;}';
    css2 += ' #changesPopup .changesContainer { margin: 0; padding: 5px 10px;}';
    css2 += ' #changesPopup .userChangesHeader { background-color: #F0F5FB; padding: 2px 5px; font-size: 95%; font-weight: bold; border: none;}';
    css2 += ' #changesPopup .userChangesHeader.highlightChanges { background-color: #FFC;}';
    css2 += ' #changesPopup .userChangeComment {overflow-x: hidden; margin-right: .5em; font-size: 90%; line-height: 1.5em;}';
    css2 += ' #changesPopup .userChangeFiles { float: right; min-width: 6em; font-size: 85%; text-align: right;}';
    css2 += ' #changesPopup .userChangeFiles span.highlightChanges{ left: 0;}';
    css2 += ' #changesPopup .userChanges {border: none;}';
    css2 += ' #changesPopup .userChange {clear: both; padding: 5px 0 5px 5px; border-bottom: 1px solid #E3E9EF;}';
    css2 += ' #changesPopup .userChange:last-of-type {border: none;}';
    css2 += ' #changesPopup .artifactCommentTable {width: 100%;}';
    css2 += ' #changesPopup .artifactCommentBuildType {width: 30%; vertical-align: top;}';
    css2 += ' #changesPopup .buildChangesHeader {font-weight: normal;}';
    css2 += ' #changesPopup .buildStartDate {float: right;font-size: 90%;}';
    css2 += ' #changesPopup .buildChanges {width: 100%;}';
    css2 += ' #changesPopup .buildChanges td.username {width: 30%; font-weight: bold; font-size: 90%;}';
    css2 += ' #changesPopup .buildChanges td.userChange {width: 70%;}';
    css2 += ' #changesPopup .changesPopupTable {width: 100%; }';
    css2 += ' #changesPopup .changesPopupTable th {padding-right: 1em;}';
    css2 += ' #changesPopup .changesPopupTable td.files {text-align: right;}';
    css2 += ' #changesPopup .changesPopupTable td.user { padding-right: 1.5em; text-align: right;}';
    css2 += ' #changesPopup .changesPopupTable .date {padding-right: 1.5em;}';
    css2 += ' #changesPopup .changesPopupTable td, #changesPopup .simpleTabs .tabs {margin: 5px 0 0 10px; overflow: auto; }';
    css2 += ' #changesPopup table.buildChanges { border-collapse: collapse;}';
    css2 += ' #changesPopup table.buildChanges td.username, #changesPopup table.buildChanges td.userChangeTD { border-bottom: 1px solid #E3E9EF;}';
    css2 += ' #changesPopup table.buildChanges div.userChange {border: none;}';
    css2 += ' #changesPopup .ellipsis, span.textExpandArrow { display: inline-block; width: 22px; height: 1em;background: #F3F3F3;border: 1px solid #C8C8C8;border-radius: 2px;color: #C8C8C8;text-align: center;}';
    css2 += ' #changesPopup .ellipsis:hover, span.textExpandArrow:hover {cursor: pointer; background: #E3E3E3;}';
    css2 += ' #changesPopup .historyBuildNote { margin-bottom: 4px;}';
    css2 += ' #changesPopup .changePopupHeader, #changesPopup .changesPopupFooter {background-color: #f5f5f5;padding: 4px;font-size: 90%;}';
    css2 += ' #changesPopup .changePopupHeader {margin-bottom: 6px; border-bottom: 1px solid #E3E9EF;}';
    css2 += ' #changesPopup .changePopupFooter {margin-top: 6px;}';
    css2 += ' #changesPopup .userChangeComment td.status, #changesPopup .userChangeComment td.buildNumber {vertical-align: top;}';
    css2 += ' #changesPopup .userChangeComment td.buildNumber {width: 10%;}';
    css2 += ' #changesPopup .artifactsChangeHeader {background-position: 5px 3px; padding-left: 25px;}';
    css2 += ' span.changeName {font-size: 90%;}';
    css2 += ' div.dependencyRelationIcon {float: right;}';
    css2 += ' div.subrepoIcon {float: right;}';



    var css = css1 + css2,
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

    style.type = 'text/css';
    if (style.styleSheet){
    style.styleSheet.cssText = css;
    } else {
    style.appendChild(document.createTextNode(css));
    }

    head.appendChild(style);

    var schtextarea = document.getElementById("schIds");
    //schtextarea.style.display = 'none';
};
&lt;/script&gt;
----

== Inline Event Handler
Line: 42
----
&lt;button type="button" id="mainButton" visibility="visible"  onclick="GetSch()" value="Select Schedules"&gt;
----
</pre>
</div></div>

<h4><a name="Solutions"></a>Solutions</h4>

<p><a href="https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks" class="external-link" target="_blank" rel="nofollow noopener">https://www.jenkins.io/doc/developer/security/csp/#inline-javascript-blocks</a>
<a href="https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers" class="external-link" target="_blank" rel="nofollow noopener">https://www.jenkins.io/doc/developer/security/csp/#inline-event-handlers</a></p></pre>
</details>
</details>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[JENKINS-74448] [leapwork] Extract inline script block and event handler in com/Leapwork/Leapwork_plugin/LeapworkJenkinsBridgeBuilder/config.jelly #45

Problems

Solutions

Problems

Solutions

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[JENKINS-74448] [leapwork] Extract inline script block and event handler in com/Leapwork/Leapwork_plugin/LeapworkJenkinsBridgeBuilder/config.jelly #45

Description

Problems

Solutions

Problems

Solutions

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions