From b325bae3528fe9f2dcc86809a77a2e9cf5876d1b Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Sat, 19 Nov 2016 15:34:37 +0800
Subject: webui: configs: Add pixel resolution note for "common/nside"

* Calculate pixel resolution note on pressing "Enter" in "common/nside"
* Update the pixel resolution note as well as "common/lmax" when
  "common/nside" changed.
---
 fg21sim/webui/static/js/configs.js   | 24 ++++++++++++++++++++++++
 fg21sim/webui/templates/configs.html | 15 +++++++++------
 2 files changed, 33 insertions(+), 6 deletions(-)

(limited to 'fg21sim/webui')

diff --git a/fg21sim/webui/static/js/configs.js b/fg21sim/webui/static/js/configs.js
index e1e9a93..f7e3731 100644
--- a/fg21sim/webui/static/js/configs.js
+++ b/fg21sim/webui/static/js/configs.js
@@ -597,4 +597,28 @@ $(document).ready(function () {
       .then(function () { return validateServerConfigs(ajax_url); })
       .done(function () { updateFormConfigStatus(); });
   });
+
+  // When field "common/nside" changed, update the resolution note, as well
+  // as the maximum multiple "common/lmax"
+  $("#conf-form input[name='common/nside']").on("change", function (e) {
+    var nside = parseInt($(this).val());
+    // Update the resolution note (unit: arcmin)
+    var resolution = Math.sqrt(3/Math.PI) * 3600 / nside;
+    $(this).closest(".form-group").find(".note > .value")
+      .text(resolution.toFixed(2));
+    // Also update the maximum multipole "common/lmax"
+    if (! isNaN(nside)) {
+      var lmax = 3 * nside - 1;
+      $("#conf-form input[name='common/lmax']").val(lmax).trigger("change");
+    }
+  });
+  $("#conf-form input[name='common/nside']").keypress(function (e) {
+    if (e.which === 13) {
+      var nside = parseInt($(this).val());
+      // Update the resolution note (unit: arcmin)
+      var resolution = Math.sqrt(3/Math.PI) * 3600 / nside;
+      $(this).closest(".form-group").find(".note > .value")
+        .text(resolution.toFixed(2));
+    }
+  });
 });
diff --git a/fg21sim/webui/templates/configs.html b/fg21sim/webui/templates/configs.html
index 8a8a251..fc97e91 100644
--- a/fg21sim/webui/templates/configs.html
+++ b/fg21sim/webui/templates/configs.html
@@ -60,16 +60,19 @@
         <div class="body">
           <hr class="hr-thin hr-condensed hr-dashed" />
           <div class="row">
-            <div class="column column-30 form-group">
-              <label for="conf-common-nside"><i>N</i><sub>side</sub>:</label>
+            <div class="column form-group">
+              <label for="conf-common-nside">HEALPix <i>N</i><sub>side</sub>:</label>
               <input class="form-control" type="number" id="conf-common-nside" name="common/nside" min="1" required />
+              <span class="note">(resolution: <span class="value">?</span> arcmin/pixel)</span>
             </div>
-            <div class="column column-30 form-group">
-              <label for="conf-common-lmin"><i>l</i><sub>min</sub>:</label>
+          </div>
+          <div class="row">
+            <div class="column column-50 form-group">
+              <label for="conf-common-lmin">Multipole <i>l</i><sub>min</sub>:</label>
               <input class="form-control" type="number" id="conf-common-lmin" name="common/lmin" min="0" required />
             </div>
-            <div class="column column-30 form-group">
-              <label for="conf-common-lmax"><i>l</i><sub>max</sub>:</label>
+            <div class="column column-50 form-group">
+              <label for="conf-common-lmax">Multipole <i>l</i><sub>max</sub>:</label>
               <input class="form-control" type="number" id="conf-common-lmax" name="common/lmax" min="1" required />
             </div>
           </div>
-- 
cgit v1.2.2