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/templates/configs.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'fg21sim/webui/templates/configs.html')

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