Changeset 2673436

Timestamp:

02/05/2022 04:43:41 PM (4 years ago)

Author:

morphii

Message:

Added Intensity Validation On Submit button

File:

• morphii/trunk/assets/js/morphii-custom.js (modified) (4 diffs)

morphii/trunk/assets/js/morphii-custom.js

@@ -3 +3 @@
   jQuery.noConflict();
   var collection = null;
-
+  var intensitySet=false;
   window.onload = function() {
     createWidget();
@@ -56 +56 @@
       },
       slider: {
-        initial_intensity: 0.2,
+        initial_intensity: 0.0,
         show_animation: true,
         anchor_labels: {
@@ -161 +161 @@
   function selectionChangeCallback(event) {
     //console.log('Selection Change callback: ' + JSON.stringify(event, null, 2));
+    var submitButton = document.getElementById('morphii-submit-button');
+    if (submitButton) {
+    
+      if (event.selection_required_valid === true) {
+
+        submitButton.removeAttribute('disabled');
+      }
+      else {
+          
+
+        submitButton.setAttribute('disabled', 'disabled');
+      }
+    }
     var noUiOrigin=document.getElementsByClassName('noUi-origin')[0];
     var observer = new MutationObserver(function(mutations) {
     var style=jQuery(".noUi-origin").attr("style");
+    intensitySet=true;
    // console.log(style);
-  var submitButton = document.getElementById('morphii-submit-button');
-    if (submitButton) {
-    
-      if (event.selection_required_valid === true) {
-      jQuery(".morphii-questions").find(".intensity-error").remove();
-        submitButton.removeAttribute('disabled');
-      }
-      else {
-          if(jQuery(".morphii-questions").find(".intensity-error").length==0)
-          jQuery(".morphii-questions").append("<span class='intensity-error'><br/><hr/><p style='color:red'>Oops! You forgot to tell us how intense your feelings are. Use the slider to adjust the facial expression to show us</p></span>");
-
-        submitButton.setAttribute('disabled', 'disabled');
-      }
-    }
+  
 });
 
@@ -191 +192 @@
 
   function submit(event) {
+      if(intensitySet && jQuery(".noUi-origin").attr("style")!="left: 0%;"){
+          console.log("Intensity Set");
+       jQuery(".morphii-questions").find(".intensity-error").remove();
+    
+      }
+      else{
+          if(jQuery(".morphii-questions").find(".intensity-error").length==0)
+      {
+          jQuery(".morphii-questions").append("<span class='intensity-error'><br/><hr/><p style='color:red'>Oops! You forgot to tell us how intense your feelings are. Use the slider to adjust the facial expression to show us</p></span>");   
+          return false;
+      }
+      }
+     
     if (collection) {
       var submitButton = document.getElementById('morphii-submit-button');