Added QR Generator for Assets In UI Action Folder (#2597)

* Create ui-action-script.js

Created folder and added ui action script file

* Uploaded UI ACtion Image

Added Image which shows ui action

* Create ReadMe.md

Added Readme file

* Update ReadMe.md

Removed ui action code from Readme file

Author: KUSHAL1912

Client-Side Components/UI Actions/Generate QR for Assets/ReadMe.md

@@ -0,0 +1,50 @@
+# 🧩 ServiceNow Asset QR Code Generator (UI Action)
+
+This repository contains a **ServiceNow UI Action** script that generates and displays a QR Code for an Asset record from list view.  
+When the user selects a record and clicks the UI Action, a modal window pops up showing a dynamically generated QR Code that links to asset details.
+
+
+A supporting **Script Include** (server-side) is required in your ServiceNow instance but **is not included** in this repository.
+At the bottom of file , a sample Script Include Code is given , check for the reference.
+
+---
+
+## 🚀 Features
+
+- Generates a QR Code for the selected Asset record.
+- Displays the QR Code inside a ServiceNow modal (`GlideModal`).
+- Uses **QrIckit API** for quick and free QR code generation.
+- Clean, modular client-side code that integrates seamlessly with UI Actions.
+- Includes a `qr-code-image` file showing example QR Code generated.
+
+---
+
+## 🧠 How It Works
+
+1. The `onClickQR()` function is triggered when the user clicks a UI Action button.
+2. It calls `generateQRCodeForAsset(sys_id)` and passes the record’s `sys_id`.
+3. A `GlideAjax` request fetches asset data from a **Script Include** on the server.
+4. That data is encoded and sent to the **QrIckit** API to generate a QR Code image.
+5. A ServiceNow modal (`GlideModal`) displays the generated QR Code to the user.
+
+---
+
+
+**Note :**
+1) As the UI action calls a Script Include , in this folder no script include is present
+2) You can modify script include part as required(i.e Which fields are to be shown when QR is scanned)
+3) A sample Client Callable Script-Include is given here.
+
+``` Script Include Code
+     var GenerateAssetQR = Class.create();
+GenerateAssetQR.prototype = Object.extendsObject(AbstractAjaxProcessor, {
+    getAssetQRData: function() {
+        var sys_id = this.getParameter('sysparm_sys_id');
+        var asset = new GlideRecord('alm_asset');
+        if (asset.get(sys_id)) {
+            return 'Asset: ' + asset.name + ', Serial: ' + asset.serial_number;
+        }
+        return 'Invalid asset record.';
+    }
+});
+```

Client-Side Components/UI Actions/Generate QR for Assets/qr-code-image.png

@@ -0,0 +1,26 @@
+function onClickQR() {
+    generateQRCodeForAsset(g_sysId);//get the sysid of selected record
+}
+
+function generateQRCodeForAsset(sys_id) {
+    var ga = new GlideAjax('GenerateAssetQR');//Script Include which stores data to be presented when QR-Code is Scanned
+    ga.addParam('sysparm_name', 'getAssetQRData');
+    ga.addParam('sysparm_sys_id', sys_id);
+
+    ga.getXMLAnswer(function(response) {
+        var qrData = response;
+        var qrURL = 'https://qrickit.com/api/qr.php?d=' + encodeURIComponent(qrData) + '&addtext=Get Asset Data';
+         //QrIckit is a tool using which Customized QR-Codes can be generated
+        var modalHTML = `
+            <div style="text-align:center">
+                <img id="qrCodeImage" src="${qrURL}" alt="QR Code" style="margin-bottom:10px;" />
+                <p>Scan to view asset details</p>
+            </div>
+        `;
+
+        var gModal = new GlideModal("QR Code");
+        gModal.setTitle('Asset QR Code');
+        gModal.setWidth(500);
+        gModal.renderWithContent(modalHTML);
+    });
+}