Utilizing spModal functionalities for SweetAlerts (#1740)

* spModalSweetAlerts.js

spModal alerts are modern sweet alert to show the choices to be selected in an interactive way.

Here, we are providing HR's to select the type of rewards in the modal page and populate a field with the selected value and show a message of the selected reward.

* readme.md

spModal alerts are modern sweet alert to show the choices to be selected in an interactive way.

Here, we are providing HR's to select the type of rewards in the modal page and populate a field with the selected value and show a message of the selected reward.

* readme.md

spModal alerts are modern sweet alert to show the choices to be selected in an interactive way.

Here, we are providing HR's to select the type of rewards in the modal page and populate a field with the selected value and show a message of the selected reward.

Author: SrijanPatwa

Client-Side Components/Catalog Client Script/spModal for Sweet Alerts/readme.md

@@ -0,0 +1,27 @@
+In ServiceNow, Open catalog client Scripts [catalog_script_client] and paste the code snippet of [spModalSweetAlerts.js] file.
+
+Setup:
+1. A catalog item having variable name Rewards[rewards] of type 'Select Box'(include none as true) and 2 choices(Yes and No)
+2. A Single line type field named 'Reward Selected' [reward_selected] which will hold the value selected by user from the spModal popup.
+3. The onLoad catalog client script setup as below:
+4. Type: onChange
+5. Variable: rewards (as per step 1)
+6. Script: [[spModalSweetAlerts.js]]
+   
+
+
+Screenshots:
+
+
+<img width="1338" height="268" alt="image" src="https://github.com/user-attachments/assets/f7f22b83-7e0e-47bb-bbed-2a8f38783a4d" />
+
+
+Rewards selected as 'Yes'
+
+<img width="1353" height="327" alt="image" src="https://github.com/user-attachments/assets/1bb55339-36b4-4a9c-8b65-2b254b87cf5b" />
+
+From the spModal popup select anyone of the reward, it should be populated in the Reward Selected field.
+Along with that a message shows the same of the selection.
+
+<img width="1350" height="319" alt="image" src="https://github.com/user-attachments/assets/1b23c766-51f8-4b01-9073-f836f390deb2" />
+

Client-Side Components/Catalog Client Script/spModal for Sweet Alerts/spModalSweetAlerts.js

@@ -0,0 +1,32 @@
+function onChange(control, oldValue, newValue) {
+    if (newValue == 'Yes') {
+        spModal.open({
+            title: "Reward Type",
+            message: "Please select the category of Reward",
+            buttons: [{
+                    label: "Star Performer",
+                    value: "Star Performer"
+                },
+                {
+                    label: "Emerging Player",
+                    value: "Emerging Player"
+                },
+                {
+                    label: "High Five Award",
+                    value: "High Five Award"
+                },
+                {
+                    label: "Rising Star",
+                    value: "Rising Star"
+                }
+            ]
+        }).then(function(choice) {
+            if (choice && choice.value) {
+				g_form.addInfoMessage('Selected Reward: '+ choice.label);
+                g_form.setValue('reward_selected', choice.value);
+            }
+        });
+    } else {
+        g_form.clearValue('reward_selected');
+    }
+}