Real time log watcher (#886)

* Preview context record during approval

While approving any request it was very hard until now to preview the record for which the approval was required. This UI action created on sysapproval_approver table will enable previewing the record before approval so that the approver can make an easy informed decision.

* Create README.md

* Delete UI Actions/Preview context record during approval directory

* Real time log watcher

* Create README.md

Author: abhrajyotikanrar

UI Pages/Real time log watcher/README.md

@@ -0,0 +1,5 @@
+This code-snippet will give a new experience how you see logs while debugging. This UI Page can be navigated by https://<instance_name>.service-now.com/log_watcher.do and will give an real time log capture which will help to make debugging easy for developers. You can also search with the keyword to find your desired log.
+
+The below GIF is a short demo for reference.
+
+![Log Watcher](https://github.com/abhrajyotikanrar/code-snippets/assets/25823899/ec51bfd2-ec48-40a4-9ae7-8b9fc37fbd56)

UI Pages/Real time log watcher/TestScriptInclude.js

@@ -0,0 +1,33 @@
+var TestScriptInclude = Class.create();
+TestScriptInclude.prototype = Object.extendsObject(AbstractAjaxProcessor, {
+
+    getLogs: function() {
+        var query = this.getParameter("sysparm_query");
+        var initialFetch = this.getParameter("sysparm_initialFetch");
+        var startTime = this.getParameter("sysparm_startTime");
+        var response = [];
+        if (initialFetch == "true") {
+            startTime = new GlideDateTime().getDisplayValue().toString();
+        }
+		var date = startTime.split(" ")[0];
+		var time = startTime.split(" ")[1];
+        var grLog = new GlideRecord("syslog");
+        grLog.addEncodedQuery(query);
+        grLog.addEncodedQuery("sys_created_on>=javascript:gs.dateGenerate('" + date.split("-").reverse().join("-") + "','" + time + "')");
+        grLog.orderByDesc("sys_created_on");
+        grLog.query();
+        while (grLog.next()) {
+            response.push({
+                "message": grLog.message.toString(),
+                "sys_created_on": grLog.sys_created_on.getDisplayValue()
+            });
+        }
+		
+        return JSON.stringify({
+            "startTime": startTime,
+            "response": response
+        });
+    },
+
+    type: 'TestScriptInclude'
+});

UI Pages/Real time log watcher/log_watcher.js

@@ -0,0 +1,54 @@
+******HTML*****
+<?xml version="1.0" encoding="utf-8" ?>
+<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
+
+	<input type="text" hidden="true" id="initialFetch" name="initialFetch" value="true" />
+	<input type="text" hidden="true" id="startTime" name="startTime" />
+
+	<div style="padding: 2rem 20rem;">
+		<div class="input-group mb-3">
+			<input type="text" style="padding:2rem;" class="form-control" id="filterText" placeholder="Enter your filter" aria-label="Recipient's username" aria-describedby="basic-addon2" />
+			<div class="input-group-append">
+				<button style="padding:2rem;" class="btn btn-primary" type="button" onClick="startLogs()">Start Logs</button>
+			</div>
+		</div>
+	</div>
+
+	<div id="log_container" style="padding: 5rem;"></div>
+
+</j:jelly>
+****************
+
+**Client Script**
+function startLogs() {
+    setInterval(function() {
+		var queryText = $j("#filterText").val();
+        var query = "messageSTARTSWITH" + queryText;
+        getLogs(query);
+    }, 1000);
+}
+
+function getLogs(query) {
+    var initialFetch = $j("#initialFetch").val();
+    var startTime = $j("#startTime").val();
+	
+    var ga = new GlideAjax("TestScriptInclude");
+    ga.addParam("sysparm_name", "getLogs");
+    ga.addParam("sysparm_initialFetch", initialFetch);
+    ga.addParam("sysparm_startTime", startTime);
+    ga.addParam("sysparm_query", query);
+    ga.getXMLAnswer(function(response) {
+        var answer = JSON.parse(response);
+
+        gel('initialFetch').value = "false";
+        gel('startTime').value = answer.startTime;
+
+        var data = answer.response;
+		$j("#log_container").empty();
+        data.forEach(function(item) {
+            var elm = "<div><b>" + item.sys_created_on + "</b>: " + item.message + "</div>";
+			$j("#log_container").append(elm);
+        });
+
+    });
+}