Add copying job log to clipboard and add saving job log to file

Web/Lang/en/messages.po

@@ -5131,3 +5131,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Lang/fr/messages.po

@@ -5142,3 +5142,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Lang/ja/messages.po

@@ -5205,3 +5205,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Lang/ko/messages.po

@@ -5147,3 +5147,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Lang/pl/messages.po

@@ -5142,3 +5142,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Lang/pt/messages.po

@@ -5142,3 +5142,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Lang/ru/messages.po

@@ -5141,3 +5141,9 @@ msgstr "Log"
 
 msgid "Latest"
 msgstr "Latest"
+
+msgid "Copy to clipboard"
+msgstr "Copy to clipboard"
+
+msgid "Save log in file"
+msgstr "Save log in file"

Web/Portlets/JobLog.php

@@ -82,7 +82,7 @@ public function loadJobLog($sender, $param)
 		$log = implode(PHP_EOL, $log);
 		$this->getPage()->getCallbackClient()->callClientFunction(
 			'oJobLogWindow.set_log',
-			[$log]
+			[$log, $joblog]
 		);
 	}
 

Web/Portlets/JobLog.tpl

@@ -1,6 +1,9 @@
 <div id="job_log_window" class="w3-modal">
 	<div class="w3-modal-content w3-animate-top w3-card-4">
 		<header class="w3-container w3-green">
+			<i id="job_log_clipboard_copy" class="fa-solid fa-copy fa-fw w3-xxlarge w3-right w3-margin-top pointer w3-animate-opacity" style="margin-right: 48px;" title="<%[ Copy to clipboard ]%>" onclick="oJobLogWindow.copy_to_clipboard();"></i>
+			<i id="job_log_clipboard_copied"class="fa-solid fa-check fa-fw w3-xxlarge w3-right w3-margin-top w3-animate-opacity" style="margin-right: 48px; display: none;"></i>
+			<i id="job_log_save_file" class="fa-solid fa-download w3-xxlarge w3-right w3-margin-top pointer w3-animate-opacity" style="margin-right: 16px;" title="<%[ Save log in file ]%>" onclick="oJobLogWindow.save_file();"></i>
 			<span onclick="oJobLogWindow.show_window(false);" class="w3-button w3-display-topright">&times;</span>
 			<h2><%[ Job log ]%> - <span id="job_log_jobname"></span></h2>
 		</header>
@@ -15,13 +18,17 @@
 <script>
 var oJobLogWindow = {
 	jobid: 0,
+	jobname: '',
+	log_raw: '',
 	refresh: false,
 	refresh_interval: 5000,
 	ids: {
 		win: 'job_log_window',
 		content: 'job_log_content',
 		out: 'job_log_output',
-		name: 'job_log_jobname'
+		name: 'job_log_jobname',
+		clipboard_copy: 'job_log_clipboard_copy',
+		clipboard_copied: 'job_log_clipboard_copied',
 	},
 	open_window: function(jobid, jobname, refresh) {
 		this.clear_log();
@@ -31,6 +38,7 @@ var oJobLogWindow = {
 			jname.textContent = jobname;
 		}
 		this.jobid = jobid;
+		this.jobname = jobname;
 		this.get_log();
 		this.show_window(true);
 	},
@@ -47,7 +55,8 @@ var oJobLogWindow = {
 		cb.setCallbackParameter(this.jobid);
 		cb.dispatch();
 	},
-	set_log: function(log, force_stop) {
+	set_log: function(log, log_raw, force_stop) {
+		oJobLogWindow.log_raw = log_raw;
 		const is_bottom = oJobLogWindow.is_scroll_bottom();
 		const out = document.getElementById(oJobLogWindow.ids.out);
 		out.innerHTML = log;
@@ -59,7 +68,7 @@ var oJobLogWindow = {
 		}
 	},
 	clear_log: function() {
-		this.set_log('', true);
+		this.set_log('', '', true);
 	},
 	set_scroll_bottom: function() {
 		const container = document.getElementById(this.ids.content);
@@ -68,6 +77,23 @@ var oJobLogWindow = {
 	is_scroll_bottom: function() {
 		const container = document.getElementById(this.ids.content);
 		return (container.scrollTop === (container.scrollHeight - container.offsetHeight));
+	},
+	copy_to_clipboard: function() {
+		const copy = document.getElementById(this.ids.clipboard_copy);
+		const copied = document.getElementById(this.ids.clipboard_copied);
+		const log = this.log_raw.join("\n");
+		copy_to_clipboard(log);
+		copy.style.display = 'none';
+		copied.style.display = 'inline-block';
+		setTimeout(() => {
+			copied.style.display = 'none';
+			copy.style.display = 'inline-block';
+		}, 1300);
+	},
+	save_file: function() {
+		const log = this.log_raw.join("\n");
+		const filename = '%jobid_%jobname_job_log.txt'.replace('%jobid', this.jobid).replace('%jobname', this.jobname);
+		save_file(log, filename, 'text/plain');
 	}
 }
 </script>