From fc17f5170e21d5c1be07ae5af16788bfbceb5478 Mon Sep 17 00:00:00 2001
From: TatianaBurek <tatiana@ucar.edu>
Date: Tue, 17 Oct 2023 14:45:19 -0600
Subject: [PATCH] specify the color of the no resolution and no skill lines for
 the reliability diagram #465

---
 java/edu/ucar/metviewer/MVPlotJob.java        | 21 ++++++++++++
 java/edu/ucar/metviewer/MVPlotJobParser.java  | 18 ++++++++---
 .../metviewer/jobManager/RelyJobManager.java  |  2 ++
 webapp/metviewer/js/metviewer_common.js       | 30 +++++++++++++++++
 webapp/metviewer/js/metviewer_common.min.js   |  9 +++---
 webapp/metviewer/plotJSP/rely.jsp             | 32 +++++++++++++------
 6 files changed, 93 insertions(+), 19 deletions(-)

diff --git a/java/edu/ucar/metviewer/MVPlotJob.java b/java/edu/ucar/metviewer/MVPlotJob.java
index ff3b9745..b3caa333 100644
--- a/java/edu/ucar/metviewer/MVPlotJob.java
+++ b/java/edu/ucar/metviewer/MVPlotJob.java
@@ -232,6 +232,9 @@ public class MVPlotJob {
 
   protected List<LineAttributes> lines = new ArrayList<>();
 
+  protected String referenceLineCol = "#FF0000";
+  protected String noskillLineCol = "#FF0000";
+
 
   /**
    * Deep copy of the MVPlotJob, useful for inheritance.
@@ -350,6 +353,8 @@ public MVPlotJob copy() {
     job._strLegendNcol = _strLegendNcol;
     job._strCaptionWeight = _strCaptionWeight;
     job._strCaptionCol = _strCaptionCol;
+    job.referenceLineCol = referenceLineCol;
+    job.noskillLineCol = noskillLineCol;
     job._strCaptionSize = _strCaptionSize;
     job._strCaptionOffset = _strCaptionOffset;
     job._strCaptionAlign = _strCaptionAlign;
@@ -2378,5 +2383,21 @@ public String getLineType() {
     }
     return "N/A";
   }
+
+  public String getReferenceLineCol() {
+    return referenceLineCol;
+  }
+
+  public void setReferenceLineCol(String referenceLineCol) {
+    this.referenceLineCol = referenceLineCol;
+  }
+
+  public String getNoskillLineCol() {
+    return noskillLineCol;
+  }
+
+  public void setNoskillLineCol(String noskillLineCol) {
+    this.noskillLineCol = noskillLineCol;
+  }
 }
 
diff --git a/java/edu/ucar/metviewer/MVPlotJobParser.java b/java/edu/ucar/metviewer/MVPlotJobParser.java
index a6a68f6f..0a884e2a 100644
--- a/java/edu/ucar/metviewer/MVPlotJobParser.java
+++ b/java/edu/ucar/metviewer/MVPlotJobParser.java
@@ -192,6 +192,10 @@ public final class MVPlotJobParser {
               MVPlotJob.class.getDeclaredMethod("setCaptionWeight", String.class));
       formatToStrValues
               .put("caption_col", MVPlotJob.class.getDeclaredMethod("setCaptionCol", String.class));
+      formatToStrValues
+              .put("reference_line_col", MVPlotJob.class.getDeclaredMethod("setReferenceLineCol", String.class));
+      formatToStrValues
+              .put("noskill_line_col", MVPlotJob.class.getDeclaredMethod("setNoskillLineCol", String.class));
       formatToStrValues
               .put("caption_size", MVPlotJob.class.getDeclaredMethod("setCaptionSize", String.class));
       formatToStrValues.put("caption_offset",
@@ -895,10 +899,10 @@ public static StringBuilder serializeJob(MVPlotJob job, DatabaseInfo databaseInf
       xmlStr.append("<rely_event_hist>").append(job.getRelyEventHist()).append("</rely_event_hist>");
       xmlStr.append("<add_skill_line>").append(job.getAddSkillLine()).append("</add_skill_line>");
       xmlStr.append("<add_noskill_line>").append(job.getAddNoSkillLine()).append("</add_noskill_line>");
-      xmlStr.append("<add_reference_line>").append(job.getAddReferenceLine())
-              .append("</add_reference_line>");
-      xmlStr.append("<add_point_thresholds>").append(job.getAddPointThresholds())
-              .append("</add_point_thresholds>");
+      xmlStr.append("<noskill_line_col>").append(job.getNoskillLineCol()).append("</noskill_line_col>");
+      xmlStr.append("<add_reference_line>").append(job.getAddReferenceLine()).append("</add_reference_line>");
+      xmlStr.append("<reference_line_col>").append(job.getReferenceLineCol()).append("</reference_line_col>");
+      xmlStr.append("<add_point_thresholds>").append(job.getAddPointThresholds()).append("</add_point_thresholds>");
       xmlStr.append("<reverse_connection_order>").append(job.getReverseConnectionOrder())
               .append("</reverse_connection_order>");
       xmlStr.append("<create_html>").append(job.getCreateHtml())
@@ -1919,7 +1923,11 @@ else if (node.tag.equals("roc_calc")) {
       } else if (node.tag.equals("add_noskill_line")) {
         job.setAddNoSkillLine(node.value.equalsIgnoreCase("true"));
       } else if (node.tag.equals("add_reference_line")) {
-        job.setAddReferenceLine(node.value.equalsIgnoreCase("true"));
+        job.setAddReferenceLine(node.value.equalsIgnoreCase("true"));}
+      else if (node.tag.equals("reference_line_col")) {
+        job.setReferenceLineCol(node.value);}
+      else if (node.tag.equals("noskill_line_col")) {
+        job.setNoskillLineCol(node.value);
       } else if (node.tag.equals("create_html")) {
         job.setCreateHtml(node.value.equalsIgnoreCase("true"));
       }
diff --git a/java/edu/ucar/metviewer/jobManager/RelyJobManager.java b/java/edu/ucar/metviewer/jobManager/RelyJobManager.java
index 0e3b6fd6..abd00643 100644
--- a/java/edu/ucar/metviewer/jobManager/RelyJobManager.java
+++ b/java/edu/ucar/metviewer/jobManager/RelyJobManager.java
@@ -152,6 +152,8 @@ protected void run(MVPlotJob job) throws ParseException, ValidationException, IO
         yamlInfo.put("add_reference_line", job.getAddReferenceLine() ? "True" : "False");
         yamlInfo.put("rely_event_hist", job.getRelyEventHist().equals("TRUE") ? "True" : "False");
         yamlInfo.put("inset_hist", job.getInsetHist() ? "True" : "False");
+        yamlInfo.put("reference_line_col", job.getReferenceLineCol());
+        yamlInfo.put("noskill_line_col", job.getNoskillLineCol());
 
         rscriptStatManager.prepareDataFileAndRscript(job, plotFixPerm, yamlInfo, new ArrayList<>());
         job.setPlotTmpl(this.getPythonScript());
diff --git a/webapp/metviewer/js/metviewer_common.js b/webapp/metviewer/js/metviewer_common.js
index 6fbbd205..8fefb9f2 100644
--- a/webapp/metviewer/js/metviewer_common.js
+++ b/webapp/metviewer/js/metviewer_common.js
@@ -3979,6 +3979,19 @@ function createXMLRely(plot) {
     agg_stat.append($('<eveq_dis />').text($('#eveq_dis').is(':checked')));
     agg_stat.append($('<cl_step />').text($('#cl_step').val()));
     plot.append(agg_stat);
+    var reference_line_col = $('#reference_line_col').val();
+    if (reference_line_col.startsWith("#")) {
+        plot.append($('<reference_line_col />').text(reference_line_col));
+    } else {
+        plot.append($('<reference_line_col />').text("#" + reference_line_col));
+    }
+    var noskill_line_col = $('#noskill_line_col').val();
+    if (noskill_line_col.startsWith("#")) {
+        plot.append($('<noskill_line_col />').text(noskill_line_col));
+    } else {
+        plot.append($('<noskill_line_col />').text("#" + noskill_line_col));
+    }
+
     plot = createXMLCommon(plot);
     return plot;
 }
@@ -6367,6 +6380,21 @@ function loadXMLRely() {
             $('#add_reference_line').prop('checked', false);
         }
     }
+    if (initXML.find("plot").find("reference_line_col")) {
+        var reference_line_col = $(initXML.find("plot").find("reference_line_col")).text();
+        if (reference_line_col.length > 7) {
+            reference_line_col = reference_line_col.substring(0, 7);
+        }
+        $('#reference_line_col').colorpicker('setColor', reference_line_col);
+    }
+    if (initXML.find("plot").find("noskill_line_col")) {
+        var noskill_line_col = $(initXML.find("plot").find("noskill_line_col")).text();
+        if (noskill_line_col.length > 7) {
+            noskill_line_col = noskill_line_col.substring(0, 7);
+        }
+        $('#noskill_line_col').colorpicker('setColor', noskill_line_col);
+    }
+
     loadXMLStatistics();
     $("#event_equal").prop('checked', $(initXML.find("plot").find("event_equal")).text() == "true").trigger("change");
 
@@ -8137,6 +8165,8 @@ function initPage() {
     });
     $('#caption_col').colorpicker('setColor', '#333333');
 
+
+
     $("#error_message").dialog({
         modal: true,
         autoOpen: false,
diff --git a/webapp/metviewer/js/metviewer_common.min.js b/webapp/metviewer/js/metviewer_common.min.js
index d4133099..984b37aa 100644
--- a/webapp/metviewer/js/metviewer_common.min.js
+++ b/webapp/metviewer/js/metviewer_common.min.js
@@ -148,8 +148,8 @@ function sendXml(){var a=getSelectedDatabases();if(a){var b=$("<request />");b.a
 currentTab&&(a.append($("<contour_intervals />").text($("#contour_intervals").val())),a.append($("<color_palette />").text($("#color_palette").val())),a.append($("<add_color_bar />").text($("#add_color_bar").is(":checked"))),a.append($("<reverse_y />").text($("#reverse_y").is(":checked"))),a.append($("<reverse_x />").text($("#reverse_x").is(":checked"))),a.append($("<add_contour_overlay />").text($("#add_contour_overlay").is(":checked"))))}else if("Box"===currentTab)d=$("input:radio[name ='statistics']:checked").val(),
 d="revision_statistics"===d?$("<template>revision_box_plot.R_tmpl</template>"):$("<template>box_plot.R_tmpl</template>"),a.append(d),a=createXMLBox(a);else if("Bar"===currentTab)d=$("<template>bar_plot.R_tmpl</template>"),a.append(d),a=createXMLBox(a);else if("Hist"===currentTab){var e=$("input:radio[name='hist_line_type']:checked").val();"rhist"===e?d=$("<template>rhist.R_tmpl</template>"):"phist"===e?d=$("<template>phist.R_tmpl</template>"):"relp"===e&&(d=$("<template>relp.R_tmpl</template>"));
 a.append(d);a=createXMLHist(a)}else"Roc"===currentTab?(d=$("<template>roc.R_tmpl</template>"),a.append(d),a=createXMLRoc(a)):"Rely"===currentTab?(d=$("<template>rely.R_tmpl</template>"),a.append(d),a=createXMLRely(a)):"Ens_ss"===currentTab?(d=$("<template>ens_ss.R_tmpl</template>"),a.append(d),a=createXMLEns(a)):"Perf"===currentTab?(d=$("<template>performance.R_tmpl</template>"),a.append(d),a=createXMLPerf(a),a=createXMLCommon(a)):"Taylor"===currentTab?(d=$("<template>taylor_plot.R_tmpl</template>"),
-a.append(d),a=createXMLTaylor(a),a=createXMLCommon(a)):"Eclv"===currentTab&&(d=$("<template>eclv.R_tmpl</template>"),a.append(d),a=createXMLEclv(a));b.append(a);b=$("<root />").append(b).html().replace(/label="</g,'label="&lt;').replace(/label=">/g,'label="&gt;');$.ajax({url:"servlet",processData:!1,contentType:"application/xml",type:"POST",data:b,dataType:"xml",success:function(a){try{var b=$(a),c=b.find("plot");if(0===b.find("error").length){updateResult(c.text());var e=b.find("r_error");e&&0<e.length&&
-(updateResult(c.text()),$("#r_error_message_text").empty().text(e.text()),$("#r_error_message").dialog("open"))}else updateResult(c.text()),$("#error_message_text").empty().text(b.find("error").text()),$("#error_message").dialog("open")}catch(h){$("#error_message_text").empty().text(a),$("#error_message").dialog("open")}},error:function(a){alert("error creating a plot or Proxy timeout: "+a)}})}}
+a.append(d),a=createXMLTaylor(a),a=createXMLCommon(a)):"Eclv"===currentTab&&(d=$("<template>eclv.R_tmpl</template>"),a.append(d),a=createXMLEclv(a));b.append(a);b=$("<root />").append(b).html().replace(/label="</g,'label="&lt;').replace(/label=">/g,'label="&gt;');$.ajax({url:"servlet",processData:!1,contentType:"application/xml",type:"POST",data:b,dataType:"xml",success:function(a){try{var b=$(a),c=b.find("plot");if(0===b.find("error").length){updateResult(c.text());var d=b.find("r_error");d&&0<d.length&&
+(updateResult(c.text()),$("#r_error_message_text").empty().text(d.text()),$("#r_error_message").dialog("open"))}else updateResult(c.text()),$("#error_message_text").empty().text(b.find("error").text()),$("#error_message").dialog("open")}catch(h){$("#error_message_text").empty().text(a),$("#error_message").dialog("open")}},error:function(a){alert("error creating a plot or Proxy timeout: "+a)}})}}
 function createXMLEns(a){a.append(createSeriesElementForAxis(1,series_var_y1_indexes));a=createXMLPlotFix(a);a.append($("<ensss_pts />").text($("#ensss_pts").val()));a.append($("<ensss_pts_disp />").text($("input:radio[name='ensss_pts_disp']:checked").val()));return a=createXMLCommon(a)}
 function createXMLRoc(a){try{$("#listdt").saveCell(lastSelRow,lastSelCol)}catch(c){console.log("Can't save row "+lastSelRow)}a.append(createSeriesElementForAxis(1,series_var_y1_indexes));a=createXMLPlotFix(a);var b=$("<roc_calc />");"pct"==$("input:radio[name='roc_type']:checked").val()?(b.append($("<roc_pct />").text("true")),b.append($("<roc_ctc />").text("false"))):(b.append($("<roc_pct />").text("false")),b.append($("<roc_ctc />").text("true")));a.append(b);b=$("<summary_curve />");try{var d=
 $("#summary_curve").multiselect("getChecked")}catch(c){d=[]}for(var e=0;e<d.length;e++)"none"!=d[e].value&&b.append($("<val />").text(d[e].value));d=$("<add_point_thresholds />");d.text($("#add_point_thresholds").prop("checked"));e=$("<reverse_connection_order />");e.text($("#reverse_connection_order").prop("checked"));a.append(b);a.append(d);a.append(e);return a=createXMLCommon(a)}
@@ -158,7 +158,7 @@ d.append($("<boot_ci />").text($("#boot_ci").val())),d.append($("<eveq_dis />").
 function createXMLHist(a){try{$("#listdt").saveCell(lastSelRow,lastSelCol)}catch(b){console.log("Can't save row "+lastSelRow)}a.append(createSeriesElementForAxis(1,series_var_y1_indexes));a=createXMLPlotFix(a);a.append($("<normalized_histogram />").text($("input:radio[name='normalized_histogram']:checked").val()));return a=createXMLCommon(a)}
 function createXMLRely(a){try{$("#listdt").saveCell(lastSelRow,lastSelCol)}catch(c){console.log("Can't save row "+lastSelRow)}a.append(createSeriesElementForAxis(1,series_var_y1_indexes));a=createXMLPlotFix(a);var b=$("<rely_event_hist />");b.text($("#rely_event_hist").prop("checked"));a.append(b);b=$("<summary_curve />");try{var d=$("#summary_curve").multiselect("getChecked")}catch(c){d=[]}for(var e=0;e<d.length;e++)"none"!=d[e].value&&b.append($("<val />").text(d[e].value));a.append(b);d=$("<add_skill_line />");
 d.text($("#add_skill_line").prop("checked"));a.append(d);d=$("<add_noskill_line />");d.text($("#add_noskill_line").prop("checked"));a.append(d);d=$("<add_reference_line />");d.text($("#add_reference_line").prop("checked"));a.append(d);d=$("<inset_hist />");d.text($("#inset_hist").prop("checked"));a.append(d);d=$("<agg_stat />");d.append($("<agg_pct />").text("true"));d.append($("<boot_repl />").text($("#boot_repl").val()));d.append($("<boot_random_seed />").text($("#boot_random_seed").val()));d.append($("<boot_ci />").text($("#boot_ci").val()));
-d.append($("<eveq_dis />").text($("#eveq_dis").is(":checked")));d.append($("<cl_step />").text($("#cl_step").val()));a.append(d);return a=createXMLCommon(a)}
+d.append($("<eveq_dis />").text($("#eveq_dis").is(":checked")));d.append($("<cl_step />").text($("#cl_step").val()));a.append(d);d=$("#reference_line_col").val();d.startsWith("#")?a.append($("<reference_line_col />").text(d)):a.append($("<reference_line_col />").text("#"+d));d=$("#noskill_line_col").val();d.startsWith("#")?a.append($("<noskill_line_col />").text(d)):a.append($("<noskill_line_col />").text("#"+d));return a=createXMLCommon(a)}
 function createXMLBox(a){a=createXMLSeries(a);a=createXMLCommon(a);a.append($("<box_pts />").text($("#box_pts").is(":checked")));a.append($("<box_outline />").text($("#box_outline").is(":checked")));a.append($("<box_notch />").text($("#box_notch").is(":checked")));a.append($("<box_avg />").text($("#box_avg").is(":checked")));a.append($("<box_boxwex />").text($("#box_boxwex").val()));return a}
 function createXMLPlotFix(a){var b=$("<plot_fix />");if("none"!==$("#fixed_var_table").css("display"))for(var d=0;d<fixed_var_indexes.length;d++){var e=$("<field />").attr("name",$("#fixed_var_"+fixed_var_indexes[d]).val()).attr("equalize",$("#fix_var_event_equal_"+fixed_var_indexes[d]).is(":checked")),c=$("<set />").attr("name",$("#fixed_var_"+fixed_var_indexes[d]).val()+"_"+d),f=$("#fixed_var_val_"+fixed_var_indexes[d]).val();if(f){for(var g=0;g<f.length;g++)c.append($("<val />").text(f[g]));e.append(c);
 b.append(e)}}a.append(b);return a}
@@ -285,7 +285,8 @@ function loadXMLRely(){var a=$(initXML.find("plot").find("lines"));if(a){a=$(a.f
 try{$("#series_var_y1_"+(a+1)).val(e).multiselect("refresh")}catch(c){}$(b[a]).find("val").each(function(){d.push($(this).text())});"fcst_init_beg"==e||"fcst_valid_beg"==e||"fcst_valid"==e||"fcst_init"==e?$("#series_var_val_y1_date_period_button_"+(a+1)).css("display","block"):$("#series_var_val_y1_date_period_button_"+(a+1)).css("display","none");updateSeriesVarValHist(a+1,d)}else series_var_y1_indexes=[],updateSeriesVarValHist(1,[]);updatePlotFix();if(initXML.find("plot").find("summary_curve")&&
 0<initXML.find("plot").find("summary_curve").children().length){b=initXML.find("plot").find("summary_curve").children();for(a=0;a<b.length;a++)$("#summary_curve option[value='"+b[a]+"']").prop("selected",!0);try{$("#summary_curve").multiselect("refresh")}catch(c){}}a=!0;a=$(initXML.find("plot").find("rely_event_hist")).text();"TRUE"===a||"true"===a?$("#rely_event_hist").prop("checked",!0):$("#rely_event_hist").prop("checked",!1);initXML.find("plot").find("add_skill_line")&&(a=$(initXML.find("plot").find("add_skill_line")).text(),
 "true"===a?$("#add_skill_line").prop("checked",!0):$("#add_skill_line").prop("checked",!1));initXML.find("plot").find("inset_hist")&&(a=$(initXML.find("plot").find("inset_hist")).text(),"true"===a?$("#inset_hist").prop("checked",!0):$("#inset_hist").prop("checked",!1));initXML.find("plot").find("add_noskill_line")&&(a=$(initXML.find("plot").find("add_noskill_line")).text(),"true"===a?$("#add_noskill_line").prop("checked",!0):$("#add_noskill_line").prop("checked",!1));initXML.find("plot").find("add_reference_line")&&
-(a=$(initXML.find("plot").find("add_reference_line")).text(),"true"===a?$("#add_reference_line").prop("checked",!0):$("#add_reference_line").prop("checked",!1));loadXMLStatistics();$("#event_equal").prop("checked","true"==$(initXML.find("plot").find("event_equal")).text()).trigger("change")}
+(a=$(initXML.find("plot").find("add_reference_line")).text(),"true"===a?$("#add_reference_line").prop("checked",!0):$("#add_reference_line").prop("checked",!1));initXML.find("plot").find("reference_line_col")&&(a=$(initXML.find("plot").find("reference_line_col")).text(),7<a.length&&(a=a.substring(0,7)),$("#reference_line_col").colorpicker("setColor",a));initXML.find("plot").find("noskill_line_col")&&(a=$(initXML.find("plot").find("noskill_line_col")).text(),7<a.length&&(a=a.substring(0,7)),$("#noskill_line_col").colorpicker("setColor",
+a));loadXMLStatistics();$("#event_equal").prop("checked","true"==$(initXML.find("plot").find("event_equal")).text()).trigger("change")}
 function loadXMLEns(){var a=$(initXML.find("plot").find("lines"));if(a){a=$(a.find("line"));for(var b=0;b<a.length;b++)lines.push({type:a[b].attributes.type.nodeValue,line_pos:a[b].attributes.line_pos.nodeValue,color:a[b].attributes.color.nodeValue,lty:a[b].attributes.lty.nodeValue,lwd:a[b].attributes.lwd.nodeValue})}if(0<initXML.find("plot").find("series1").children().length)for(a=initXML.find("plot").find("series1").children(),b=0;b<a.length;b++){var d=[];0!=b&&addSeriesVarEns();var e=$(a[b]).attr("name");
 try{$("#series_var_y1_"+(b+1)).val(e).multiselect("refresh")}catch(c){}$(a[b]).find("val").each(function(){d.push($(this).text())});"fcst_init_beg"==e||"fcst_valid_beg"==e||"fcst_valid"==e||"fcst_init"==e?$("#series_var_val_y1_date_period_button_"+(b+1)).css("display","block"):$("#series_var_val_y1_date_period_button_"+(b+1)).css("display","none");updateSeriesVarValEns(b+1,d)}else d=$("#series_var_y1_1").first().val(),updateSeriesVarValEns(1,d);updatePlotFix();a=$(initXML.find("plot").find("ensss_pts")).text();
 $("#ensss_pts").val(a);a=$(initXML.find("plot").find("ensss_pts_disp")).text();$("input[name=ensss_pts_disp][value=true]").prop("checked","TRUE"==a||"true"==a);$("input[name=ensss_pts_disp][value=false]").prop("checked","FALSE"==a||"false"==a);updateSeriesEns()}
diff --git a/webapp/metviewer/plotJSP/rely.jsp b/webapp/metviewer/plotJSP/rely.jsp
index bdbeab62..a5d3b278 100644
--- a/webapp/metviewer/plotJSP/rely.jsp
+++ b/webapp/metviewer/plotJSP/rely.jsp
@@ -62,6 +62,18 @@
                 open: function (event, ui) {
                 }
             });
+            $('#reference_line_col').colorpicker({
+                parts: ['header', 'map', 'bar', 'hex', 'rgb', 'alpha', 'preview', 'swatches', 'footer'],
+                showOn: 'focus alt click',
+                altField: '#reference_line_col'
+            });
+            $('#reference_line_col').colorpicker('setColor', '#FF0000');
+            $('#noskill_line_col').colorpicker({
+                parts: ['header', 'map', 'bar', 'hex', 'rgb', 'alpha', 'preview', 'swatches', 'footer'],
+                showOn: 'focus alt click',
+                altField: '#noskill_line_col'
+            });
+            $('#noskill_line_col').colorpicker('setColor', '#FF0000');
         });
 
         $('#event_equal').change(function () {
@@ -373,20 +385,20 @@
         <tr>
             <td>
 
-                    <input type="checkbox" name="rely_event_hist" value="false"
-                           id="rely_event_hist"/>
+                    <input type="checkbox" name="rely_event_hist" value="false" id="rely_event_hist"/>
                     <label for="rely_event_hist">Add Reliability Event Histogram </label><br/>
-                    <input type="checkbox" name="inset_hist" value="false"
-                           id="inset_hist"/>
+                    <input type="checkbox" name="inset_hist" value="false" id="inset_hist"/>
                     <label for="inset_hist">Inset Histogram (Python only)</label>
             </td>
             <td style="text-align: left;">
-                <input type="checkbox" id="add_skill_line"><label for="add_skill_line">Add perfect reliability
-                line</label><br/>
-                <input type="checkbox" id="add_reference_line"><label for="add_reference_line">Add no-resolution
-                line</label><br/>
-                <input type="checkbox" id="add_noskill_line"><label for="add_noskill_line">Add no-skill
-                line</label>
+                <input type="checkbox" id="add_skill_line"><label for="add_skill_line">Add perfect reliability line</label><br/>
+                <input type="checkbox" id="add_reference_line"><label for="add_reference_line">Add no-resolution line</label><br/>
+                <input type="checkbox" id="add_noskill_line"><label for="add_noskill_line">Add no-skill line</label>
+            </td>
+            <td style="text-align: left;">
+                <br/>
+                <input type="text" size="12" id="reference_line_col" class="cp-basic" style="width: 50px"><br/>
+                <input type="text" size="12" id="noskill_line_col" class="cp-basic" style="width: 50px">
             </td>
         </tr>
     </table>