--- rat/client/parameter.html	2025/06/28 13:55:43	1.95
+++ rat/client/parameter.html	2025/06/28 14:35:11	1.96
@@ -5,7 +5,7 @@
 The LearningOnline Network with CAPA
 Parameter Input Window
 //
-// $Id: parameter.html,v 1.95 2025/06/28 13:55:43 raeburn Exp $
+// $Id: parameter.html,v 1.96 2025/06/28 14:35:11 raeburn Exp $
 //
 // Copyright Michigan State University Board of Trustees
 //
@@ -96,6 +96,8 @@ function choicestart() {
   choicewrite('}');
   choicewrite('table.LC_parmsel_table {font-size: 90%;}');
   choicewrite('table.LC_parmsel_table tr td { padding: 5px; border: 1px solid #C8C8C8;}');
+  choicewrite('fieldset.LC_grace { display:inline; }');
+  choicewrite('fieldset.LC_grace > legend { font-weight: normal; }');
   choicewrite('-->');
   choicewrite('</style>');
   choicewrite('</head>');
@@ -247,11 +249,22 @@ function month() {
 }
 
 
-function intminute() {
-   var thisminutes=cmins;
+function intminute(mins) {
+    var thisminutes;
+    if ((typeof mins === 'number') && (!isNaN(mins))) {
+        thisminutes=mins;
+    } else {
+        thisminutes=cmins;
+    }
     var i;
     var result = '';
-    result += '<select name="minutes" onchange="parent.intcalc();">';
+    var funcname = '';
+    if (pscat == 'grace') {
+        funcname = 'parent.gracestringeval()';
+    } else {
+        funcname = 'parent.intcalc()';
+    }
+    result += '<select name="minutes" onchange="'+funcname+';">';
     for (i=0;i<=59;i++) {
         result += '<option value="'+i+'"';
         if (i==thisminutes) {
@@ -263,11 +276,22 @@ function intminute() {
     return result;
 } 
 
-function inthour() {
-   var thishours=chours;
+function inthour(hours) {
+    var thishours;
+    if ((typeof hours === 'number') && (!isNaN(hours))) {
+        thishours=hours;
+    } else {
+        thishours=chours;
+    }
     var i;
     var result = '';
-    result += '<select name="hours" onchange="parent.intcalc();">';
+    var funcname = '';
+    if (pscat == 'grace') {
+        funcname = 'parent.gracestringeval()';
+    } else {
+        funcname = 'parent.intcalc()';
+    }
+    result += '<select name="hours" onchange="'+funcname+';">';
     for (i=0;i<=23;i++) {
         result += '<option value="'+i+'"';
         if (i==thishours) {
@@ -279,11 +303,22 @@ function inthour() {
     return result;
 }
 
-function intsecond() {
-    var thisseconds=csecs;
+function intsecond(secs) {
+    var thisseconds;
+    if ((typeof secs === 'number') && (!isNaN(secs))) {
+        thisseconds=secs;
+    } else {
+        thisseconds=csecs;
+    }
     var i;
     var result = '';
-    result += '<select name="seconds" onchange="parent.intcalc();">';
+    var funcname = '';
+    if (pscat == 'grace') {
+        funcname = 'parent.gracestringeval()';
+    } else {
+        funcname = 'parent.intcalc()';
+    }
+    result += '<select name="seconds" onchange="'+funcname+';">';
     for (i=0;i<=59;i++) {
         result += '<option value="'+i+'"';
         if (i==thisseconds) {
@@ -295,12 +330,22 @@ function intsecond() {
     return result;
 } 
 
-
-function intday() {
-   var thisdate=cdays;
+function intday(days) {
+    var thisdate;
+    if ((typeof days === 'number') && (!isNaN(days))) {
+        thisdate=days;
+    } else {
+        thisdate=cdays;
+    }
     var i;
     var result ='';
-    result += '<select name="date" onchange="parent.intcalc();">';
+    var funcname = '';
+    if (pscat == 'grace') {
+        funcname = 'parent.gracestringeval()';
+    } else {
+        funcname = 'parent.intcalc()';
+    }
+    result += '<select name="date" onchange="'+funcname+';">';
     for (i=0;i<=31;i++) {
         result += '<option value="'+i+'"';
         if (i==thisdate) {
@@ -663,6 +708,132 @@ function removeIpRule(caller,iptype) {
     return;
 }
 
+function gracestringeval() {
+    var items = choices.document.getElementsByName('setgrace');
+    if (items.length) {
+        if (items.length > 0) {
+            svalue = '';
+            for (var i=0; i<items.length; i++) {
+                var graceDiv = items[i].closest('div');
+                var timeSels = graceDiv.getElementsByTagName("select");
+                var total = 0;
+                if (timeSels.length) {
+                    for (var j=0; j<timeSels.length; j++) {
+                        var sname = timeSels[j].getAttribute('name');
+                        var poss = parseInt(timeSels[j].options[timeSels[j].selectedIndex].value);
+                        if (sname == 'date') {
+                            if ((poss > 0) && (poss <= 31)) {
+                                total += (poss * 86400);
+                            }
+                        } else if (sname == 'hours') {
+                            if ((poss > 0) && (poss < 24)) {
+                                total += (poss * 3600);
+                            }
+                        } else if (sname == 'minutes') {
+                            if ((poss > 0) && (poss < 60)) {
+                                total += (poss * 60);
+                            }
+                        } else if (sname == 'seconds') {
+                            if ((poss > 0) && (poss < 60)) {
+                                total += poss;
+                            }
+                        }
+                    }
+                }
+                var inputElems = graceDiv.getElementsByTagName("input");
+                var frac = '';
+                var grad = '';
+                if (inputElems.length) {
+                    for (var j=0; j<inputElems.length; j++) {
+                        var iname = inputElems[j].getAttribute('name');
+                        if (iname == 'frac') {
+                            var ival = inputElems[j].value;
+                            ival.trim();
+                            var poss = parseFloat(ival);
+                            if ((typeof poss === 'number') && (!isNaN(poss))) {
+                                if ((poss => 0) && (poss <= 1)) {
+                                    frac = poss;
+                                }
+                            }
+                        } else if (iname == 'grad') {
+                            if (inputElems[j].checked) {
+                                grad = 1;
+                            } else {
+                                grad = 0;
+                            }
+                        }
+                    }
+                }
+                if (svalue === '') {
+                    svalue = total+':'+frac+':'+grad;
+                } else {
+                    svalue += ','+total+':'+frac+':'+grad;
+                }
+            }
+        }
+    }
+}
+
+function graceitem(current) {
+    var gdays = 0;
+    var ghours = 0;
+    var gmins = 0;
+    var gsecs = 0;
+    var gfrac = '';
+    var checktext = '';
+    var patternGrace = /^\d+:(0|1).?\d*:(0|1)$/;
+    if ((current != '') && (current != 'undefined') && (patternGrace.test(current))) {
+        var graceItems = new Array;
+        graceItems = current.split(':');
+        gsecs=graceItems[0];
+        gdays=Math.floor(gsecs/86400);
+        gsecs -= gdays*86400;
+        ghours=Math.floor(gsecs/3600);
+        gsecs -= ghours*3600;
+        gmins=Math.floor(gsecs/60);
+        gsecs -= gmins*60;
+        gfrac = graceItems[1];
+        if (graceItems[2] == 1) {
+            checktext = ' checked="checked"';
+        }
+    }
+    return '<input type="hidden" name="setgrace" value="" />'+
+           '<fieldset class="LC_grace"><legend>Time past due</legend>'+
+           '<span style="white-space:nowrap">'+intday(gdays)+' days </span>'+
+           '<span style="white-space:nowrap">'+inthour(ghours)+' hours</span><br />'+
+           '<span style="white-space:nowrap">'+intminute(gmins)+' mins</span>'+
+           '<span style="white-space:nowrap">'+intsecond(gsecs)+' secs</span>'+
+           '</fieldset><fieldset class="LC_grace"><legend>Partial Credit</legend>'+
+           '<input type="text" size="3" name="frac" value="'+gfrac+'" onblur="parent.gracestringeval();" />'+
+           '&nbsp;&nbsp;<label><input type="checkbox" value="1" name="grad"'+checktext+' onclick="parent.gracestringeval();" />'+
+           'gradual</label></fieldset>'+
+           '<a href="#" onclick="parent.removeGrace(this);return false;">Remove</a><hr />';
+}
+
+function addGrace() {
+    var frame = window.frames["choices"];
+    if (frame.document.getElementById('LC_string_grace_inner')) {
+        var innerDiv = frame.document.getElementById('LC_string_grace_inner');
+        var graceDiv = frame.document.createElement('div');
+        graceDiv.innerHTML = graceitem();
+        innerDiv.appendChild(graceDiv);
+    }
+    return;
+}
+
+function removeGrace(caller) {
+    var frame = window.frames["choices"];
+    if (frame.document.getElementById('LC_string_grace_inner')) {
+        var innerDiv = frame.document.getElementById('LC_string_grace_inner');
+        var divToRemove = caller.closest('div');
+        if (divToRemove) {
+            innerDiv.removeChild(divToRemove);
+            gracestringeval();
+        }
+    }
+    return;
+}
+
 function radiostringeval(newval) {
    svalue=newval;
    draw();
@@ -754,6 +925,8 @@ function draw() {
    if (ptype=='string') {
       if (pscat == 'ip') {
           choicewrite(' action="javascript:ipstringeval();"');
+      } else if (pscat == 'grace') {
+          choicewrite(' action="javascript:gracestringeval();"');
       } else {
           choicewrite(' action="javascript:stringeval();"');
       }
@@ -1517,6 +1690,35 @@ function draw() {
            choicewrite('</span></div>');
            choicewrite('</td></tr></table>');
        }
+       if (pscat=='grace') {
+           tablestart('Grace period after due date');
+           choicewrite('<tr><td colspan="3" valign="top">'+
+                       '<div id="LC_string_grace_wrap">'+
+                       '<div id="LC_string_grace_inner">');
+           if ((svalue != '') && (typeof(svalue) != 'undefined')) {
+               var patternComma = /,/;
+               var patternGrace = /^\d+:(0|1).?\d*:(0|1)$/;
+               var current = new Array;
+               if (patternComma.test(svalue)) {
+                   current = svalue.split(',');
+               } else {
+                   current = [svalue];
+               } 
+               for (var i=0; i<current.length; i++) {
+                   if (patternGrace.test(current[i])) {
+                       choicewrite('<div>');
+                       choicewrite(graceitem(current[i]));
+                       choicewrite('</div>');
+                   }
+               }
+           } else {
+               choicewrite('<div>');
+               choicewrite(graceitem());
+               choicewrite('</div>');
+           }
+           choicewrite('</div><button onclick="parent.addGrace();return false;">Add another?</button>');
+           choicewrite('</div></td></tr></table>');
+       }
    }
 
    if (ptype=='color') {
@@ -1846,6 +2048,7 @@ function init() {
      else if (pscat == 'useslots')     { sopt('useslots','Slots control access'); }
      else if (pscat == 'deeplink')     { sopt('deeplink','Deep-linked items'); }
      else if (pscat == 'tex')          { sopt('texdisplay','TeX File Display'); }
+     else if (pscat == 'grace')        { sopt('grace','Grace period'); }
      else { pscat = 'any'; }
      if (pscat != 'deeplink') { sopt('any','String Value'); }
   }
@@ -1915,6 +2118,13 @@ function init() {
           document.getElementById("LCparampopup").rows="60,*";
       }
   }
+  if (pscat == 'grace')  {
+      if (psmap==1) {
+          document.getElementById("LCparampopup").rows="105,*";
+      } else {
+          document.getElementById("LCparampopup").rows="65,*";
+      }
+  }
   draw();
  
 }