Use modernization symbol icon

Signed-off-by: Bob Du <i@bobdu.cc>

Author: BobDu

src/main/resources/org/jenkinsci/plugins/scriptler/ScriptlerManagement/catalog.jelly

@@ -51,7 +51,7 @@
 										<input type="hidden" name="id" value="${t.id}" />
 										<input type="hidden" name="catalog" value="${catalogName}" />
 										<button type="submit" name="submit_param" value="submit_value" class="scriptler-link-button">
-											<l:icon title="${%import script} '${t.name}'" class="icon-save icon-sm" />
+											<l:icon tooltip="${%import script} '${t.name}'" src="symbol-save-outline plugin-ionicons-api" class="icon-sm jenkins-!-accent-color" />
 										</button>
 									</form>
 								</td>

src/main/resources/org/jenkinsci/plugins/scriptler/ScriptlerManagement/index.jelly

@@ -18,11 +18,13 @@
 			<h1>${%title}</h1>
 
 			${%intro}
-			<h4>
+			<h4 style="margin-top: 1rem; margin-bottom: 0">
 				${%scriptdirectorytext}
 			</h4>
 			${it.scriptDirectory}
 
+            <br /><br />
+
 			<div class="excerpt">
 				<j:if test="${it.configuration.scripts.size() == 0}">
 					<h3>
@@ -38,40 +40,40 @@
 							<td class="pane scriptler-toolbar" width="1%">
 								<j:choose>
 									<j:when test="${approved == null}">
-										<l:icon title="${%fileNotAvailable}" class="icon-error icon-sm" />
+										<l:icon tooltip="${%fileNotAvailable}" src="symbol-remove-circle plugin-ionicons-api" class="icon-sm jenkins-!-error-color" />
 									</j:when>
 									<j:when test="${approved == true}">
-										<l:icon title="${%scriptApproved}" class="icon-accept icon-sm" />
+                                            <l:icon tooltip="${%scriptApproved}" src="symbol-checkmark-circle plugin-ionicons-api" class="icon-sm jenkins-!-success-color" />
 									</j:when>
 									<j:otherwise>
-										<l:icon title="${%scriptNotYetApproved}" class="icon-warning icon-sm"/>
+										<l:icon tooltip="${%scriptNotYetApproved}" src="symbol-warning plugin-ionicons-api" class="icon-sm jenkins-!-warning-color"/>
 									</j:otherwise>
 								</j:choose>
 								<j:choose>
 									<j:when test="${t.nonAdministerUsing}">
 										<a class="scriptler-icon-slot">
-											<l:icon title="${%usableInBuildStep}" class="icon-setting icon-sm" />
+											<l:icon tooltip="${%usableInBuildStep}" src="symbol-construct-outline plugin-ionicons-api" class="icon-sm jenkins-!-text-color-secondary" />
 										</a>
 									</j:when>
 									<j:otherwise>
 										<a class="scriptler-icon-slot">
-											<l:icon title="${%notUsableInBuildStep}" class="icon-lock icon-sm" />
+											<l:icon tooltip="${%notUsableInBuildStep}" src="symbol-lock-closed-outline plugin-ionicons-api" class="icon-sm jenkins-!-text-color-secondary" />
 										</a>
 									</j:otherwise>
 								</j:choose>
 								<l:hasPermission permission="${it.scriptlerRunScripts}">
 									<a href="runScript?id=${t.id}" class="scriptler-icon-slot">
-										<l:icon class="icon-terminal icon-sm" title="${%run script} ${t.name}" />
+										<l:icon tooltip="${%runScript} ${t.name}" src="symbol-terminal-outline plugin-ionicons-api" class="icon-sm jenkins-!-text-color-secondary" />
 									</a>
 								</l:hasPermission>
 								<l:hasPermission permission="${it.scriptlerConfigure}">
 									<a href="editScript?id=${t.id}" class="scriptler-link-button scriptler-icon-slot">
-										<l:icon class="icon-notepad icon-sm" title="${%edit script} ${t.name}" />
+										<l:icon tooltip="${%editScript} ${t.name}" src="symbol-create-outline plugin-ionicons-api" class="icon-sm jenkins-!-text-color-secondary" />
 									</a>
 									<form method="post" action="removeScript" class="scriptler-inline scriptler-icon-slot" data-name="${t.name}" onclick="return confirmDelete(this)">
 										<input type="hidden" name="id" value="${t.id}" />
 										<button type="submit" name="submit_param" value="submit_value" class="scriptler-link-button">
-											<l:icon class="icon-edit-delete icon-sm" title="${%remove script} ${t.name}" />
+											<l:icon tooltip="${%removeScript} ${t.name}" src="symbol-trash-outline plugin-ionicons-api" class="icon-sm jenkins-!-text-color-secondary" />
 										</button>
 									</form>
 								</l:hasPermission>

src/main/resources/org/jenkinsci/plugins/scriptler/ScriptlerManagement/index.properties

@@ -25,7 +25,10 @@ intro=What do you want to do? You''re able to run, edit, delete or create new sc
 scriptdirectorytext=The scripts are saved at:
 fileNotAvailable=This file is physically not available on the system.
 noScriptsAvailable=Currently you do not have any scripts available. You can import scripts from a remote catalog or create your own.
-usableInBuildStep=allowed to be used in Scriptler build step
-notUsableInBuildStep=not allowed to be used in Scriptler build step
+usableInBuildStep=Allowed to be used in Scriptler build step
+notUsableInBuildStep=Not allowed to be used in Scriptler build step
 scriptApproved=Script approved
-scriptNotYetApproved=Script not yet approved, consider asking an administrator to approve it before use
+scriptNotYetApproved=Script not yet approved, consider asking an administrator to approve it before use
+runScript=Run script
+editScript=Edit script
+removeScript=Remove Script

src/main/resources/org/jenkinsci/plugins/scriptler/ScriptlerManagement/runScript.jelly

@@ -30,7 +30,6 @@ THE SOFTWARE.
 
 		<l:main-panel>
 			<h1>
-				<l:icon class="icon-terminal icon-xlg" />
 				${%title}
 			</h1>
 

src/main/resources/org/jenkinsci/plugins/scriptler/ScriptlerManagement/settings.jelly

@@ -26,7 +26,6 @@
 		<st:include page="sidepanel.jelly" />
 		<l:main-panel>
 			<h1>
-				<l:icon class="icon-folder icon-xlg" />
 				${%title}
 			</h1>
 

src/main/resources/org/jenkinsci/plugins/scriptler/ScriptlerManagement/show.jelly

@@ -33,7 +33,6 @@ THE SOFTWARE.
 	<l:layout title="Scriptler - ${%title}" norefresh="true" type="full-screen">
 		<l:main-panel>
 			<h1>
-				<l:icon class="icon-notepad icon-xlg" />
 				${%title}
 			</h1>
 			<f:form>