From 7169442444ee76c4f46dbe5c83cbf31058d74eb4 Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Mon, 7 Nov 2016 16:14:41 +0800
Subject: webui: Use code (monospace font) style for some text inputs

---
 fg21sim/webui/static/css/fonts.css   |  2 +-
 fg21sim/webui/templates/configs.html | 50 ++++++++++++++++++------------------
 2 files changed, 26 insertions(+), 26 deletions(-)

(limited to 'fg21sim/webui')

diff --git a/fg21sim/webui/static/css/fonts.css b/fg21sim/webui/static/css/fonts.css
index 3a11207..658eac9 100644
--- a/fg21sim/webui/static/css/fonts.css
+++ b/fg21sim/webui/static/css/fonts.css
@@ -59,6 +59,6 @@ body {
     font-family: 'SourceSansPro', sans-serif;
 }
 
-pre {
+pre, .code {
     font-family: 'SourceCodePro', monospace;
 }
diff --git a/fg21sim/webui/templates/configs.html b/fg21sim/webui/templates/configs.html
index 9321d9d..8e62e06 100644
--- a/fg21sim/webui/templates/configs.html
+++ b/fg21sim/webui/templates/configs.html
@@ -15,11 +15,11 @@
       <div class="row">
         <div class="column column-50 form-group">
           <label for="conf-workdir">Working Directory:</label>
-          <input class="form-control" type="text" id="conf-workdir" name="workdir" autocomplete />
+          <input class="form-control code" type="text" id="conf-workdir" name="workdir" autocomplete />
         </div>
         <div class="column column-40 form-group">
           <label for="conf-configfile">Configuration File:</label>
-          <input class="form-control" type="text" id="conf-configfile" name="configfile" autocomplete />
+          <input class="form-control code" type="text" id="conf-configfile" name="configfile" autocomplete />
         </div>
       </div>
       <div class="button-group">
@@ -153,9 +153,9 @@
         </fieldset>
       </div>
       <div class="row">
-        <div class="column column-50 form-group">
+        <div class="column form-group">
           <label for="conf-output-filename-pattern">Filename Pattern:</label>
-          <input class="form-control" type="text" id="conf-output-filename-pattern" name="output/filename_pattern" />
+          <input class="form-control code" type="text" id="conf-output-filename-pattern" name="output/filename_pattern" />
         </div>
       </div>
       <div class="row">
@@ -185,13 +185,13 @@
       <div class="row">
         <div class="column form-group">
           <label for="conf-output-combine-prefix">Combined Filename Prefix:</label>
-          <input class="form-control" type="text" id="conf-output-combine-prefix" name="output/combine_prefix" />
+          <input class="form-control code" type="text" id="conf-output-combine-prefix" name="output/combine_prefix" />
         </div>
       </div>
       <div class="row">
         <div class="column form-group">
           <label for="conf-output-outdir">Combined Files Output Directory:</label>
-          <input class="form-control" type="text" id="conf-output-outdir" name="output/output_dir" />
+          <input class="form-control code" type="text" id="conf-output-outdir" name="output/output_dir" />
         </div>
       </div>
     </fieldset>
@@ -245,20 +245,20 @@
       <div class="row">
         <div class="column form-group">
           <label for="conf-logging-format">Message Format:</label>
-          <input class="form-control" type="text" id="conf-logging-format" name="logging/format" />
+          <input class="form-control code" type="text" id="conf-logging-format" name="logging/format" />
         </div>
       </div>
       <div class="row">
         <div class="column form-group">
           <label for="conf-logging-datefmt">Date/time Format:</label>
-          <input class="form-control" type="text" id="conf-logging-datefmt" name="logging/datefmt" />
+          <input class="form-control code" type="text" id="conf-logging-datefmt" name="logging/datefmt" />
         </div>
       </div>
       <div class="row">
         <div class="column">
           <div class="form-group">
             <label for="conf-logging-logfile">Log File:</label>
-            <input class="form-control" type="text" id="conf-logging-logfile" name="logging/filename" />
+            <input class="form-control code" type="text" id="conf-logging-logfile" name="logging/filename" />
           </div>
           <div class="form-group">
             <input class="form-control" type="checkbox" id="conf-logging-logfile-append" name="logging/appendmode" value="true" checked />
@@ -279,7 +279,7 @@
         <div class="row">
           <div class="column column-40 form-group">
             <label for="conf-g-synchrotron-template">Template Map:</label>
-            <input class="form-control" type="text" id="conf-g-synchrotron-template" name="galactic/synchrotron/template" />
+            <input class="form-control code" type="text" id="conf-g-synchrotron-template" name="galactic/synchrotron/template" />
           </div>
           <div class="column column-30 form-group">
             <label for="conf-g-synchrotron-template-freq">Frequency:</label>
@@ -293,7 +293,7 @@
         <div class="row">
           <div class="column column-40 form-group">
             <label for="conf-g-synchrotron-indexmap">Spectral Index Map:</label>
-            <input class="form-control" type="text" id="conf-g-synchrotron-indexmap" name="galactic/synchrotron/indexmap" />
+            <input class="form-control code" type="text" id="conf-g-synchrotron-indexmap" name="galactic/synchrotron/indexmap" />
           </div>
         </div>
         <div class="row">
@@ -311,13 +311,13 @@
         <div class="row">
           <div class="column form-group">
             <label for="conf-g-synchrotron-prefix">Filename Prefix:</label>
-            <input class="form-control" type="text" id="conf-g-synchrotron-prefix" name="galactic/synchrotron/prefix" />
+            <input class="form-control code" type="text" id="conf-g-synchrotron-prefix" name="galactic/synchrotron/prefix" />
           </div>
         </div>
         <div class="row">
           <div class="column form-group">
             <label for="conf-g-synchrotron-outdir">Output Directory:</label>
-            <input class="form-control" type="text" id="conf-g-synchrotron-outdir" name="galactic/synchrotron/output_dir" />
+            <input class="form-control code" type="text" id="conf-g-synchrotron-outdir" name="galactic/synchrotron/output_dir" />
           </div>
         </div>
       </fieldset>
@@ -328,7 +328,7 @@
         <div class="row">
           <div class="column column-40 form-group">
             <label for="conf-g-freefree-halphamap">Hα Template Map:</label>
-            <input class="form-control" type="text" id="conf-g-freefree-halphapam" name="galactic/freefree/halphamap" />
+            <input class="form-control code" type="text" id="conf-g-freefree-halphapam" name="galactic/freefree/halphamap" />
           </div>
           <div class="column column-30 form-group">
             <label for="conf-g-freefree-halphamap-unit">Unit:</label>
@@ -338,7 +338,7 @@
         <div class="row">
           <div class="column column-40 form-group">
             <label for="conf-g-freefree-dustmap">Dust Template Map:</label>
-            <input class="form-control" type="text" id="conf-g-freefree-dustmap" name="galactic/freefree/dustmap" />
+            <input class="form-control code" type="text" id="conf-g-freefree-dustmap" name="galactic/freefree/dustmap" />
           </div>
           <div class="column column-30 form-group">
             <label for="conf-g-freefree-dustmap-unit">Unit:</label>
@@ -354,13 +354,13 @@
         <div class="row">
           <div class="column form-group">
             <label for="conf-g-freefree-prefix">Filename Prefix:</label>
-            <input class="form-control" type="text" id="conf-g-freefree-prefix" name="galactic/freefree/prefix" />
+            <input class="form-control code" type="text" id="conf-g-freefree-prefix" name="galactic/freefree/prefix" />
           </div>
         </div>
         <div class="row">
           <div class="column form-group">
             <label for="conf-g-freefree-outdir">Output Directory:</label>
-            <input class="form-control" type="text" id="conf-g-freefree-outdir" name="galactic/freefree/output_dir" />
+            <input class="form-control code" type="text" id="conf-g-freefree-outdir" name="galactic/freefree/output_dir" />
           </div>
         </div>
       </fieldset>
@@ -371,11 +371,11 @@
         <div class="row">
           <div class="column column-50 form-group">
             <label for="conf-g-snr-catalog">Input Catalog:</label>
-            <input class="form-control" type="text" id="conf-g-snr-catalog" name="galactic/snr/catalog" />
+            <input class="form-control code" type="text" id="conf-g-snr-catalog" name="galactic/snr/catalog" />
           </div>
           <div class="column column-50 form-group">
             <label for="conf-g-snr-catalog-out">Output Catalog:</label>
-            <input class="form-control" type="text" id="conf-g-snr-catalog-out" name="galactic/snr/catalog_outfile" />
+            <input class="form-control code" type="text" id="conf-g-snr-catalog-out" name="galactic/snr/catalog_outfile" />
           </div>
         </div>
         <div class="row">
@@ -393,13 +393,13 @@
         <div class="row">
           <div class="column form-group">
             <label for="conf-g-snr-prefix">Filename Prefix:</label>
-            <input class="form-control" type="text" id="conf-g-snr-prefix" name="galactic/snr/prefix" />
+            <input class="form-control code" type="text" id="conf-g-snr-prefix" name="galactic/snr/prefix" />
           </div>
         </div>
         <div class="row">
           <div class="column form-group">
             <label for="conf-g-snr-outdir">Output Directory:</label>
-            <input class="form-control" type="text" id="conf-g-snr-outdir" name="galactic/snr/output_dir" />
+            <input class="form-control code" type="text" id="conf-g-snr-outdir" name="galactic/snr/output_dir" />
           </div>
         </div>
       </fieldset>
@@ -416,11 +416,11 @@
         <div class="row">
           <div class="column column-50 form-group">
             <label for="conf-eg-clusters-catalog">Input Catalog:</label>
-            <input class="form-control" type="text" id="conf-eg-clusters-catalog" name="extragalactic/clusters/catalog" />
+            <input class="form-control code" type="text" id="conf-eg-clusters-catalog" name="extragalactic/clusters/catalog" />
           </div>
           <div class="column column-50 form-group">
             <label for="conf-eg-clusters-catalog-out">Output Catalog:</label>
-            <input class="form-control" type="text" id="conf-eg-clusters-catalog-out" name="extragalactic/clusters/catalog_outfile" />
+            <input class="form-control code" type="text" id="conf-eg-clusters-catalog-out" name="extragalactic/clusters/catalog_outfile" />
           </div>
         </div>
         <div class="row">
@@ -444,13 +444,13 @@
         <div class="row">
           <div class="column form-group">
             <label for="conf-eg-clusters-prefix">Filename Prefix:</label>
-            <input class="form-control" type="text" id="conf-eg-clusters-prefix" name="extragalactic/clusters/prefix" />
+            <input class="form-control code" type="text" id="conf-eg-clusters-prefix" name="extragalactic/clusters/prefix" />
           </div>
         </div>
         <div class="row">
           <div class="column form-group">
             <label for="conf-eg-clusters-outdir">Output Directory:</label>
-            <input class="form-control" type="text" id="conf-eg-clusters-outdir" name="extragalactic/clusters/output_dir" />
+            <input class="form-control code" type="text" id="conf-eg-clusters-outdir" name="extragalactic/clusters/output_dir" />
           </div>
         </div>
       </fieldset>
-- 
cgit v1.2.2