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.

Author: SrijanPatwa

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');
+    }
+}