Adjust web GUI

Change the following:

 - Make one place where the form is for choosing options
 - Redo said form for a slightly cleaner look
 - Make certain fields in the star system table appear only if there's
   more than one star in the system, so we have less unnecessary N/A
   values

Author: tschoppi

web-gui/static/index.html

@@ -12,15 +12,18 @@ <h3>Welcome!</h3>
 		<p>The majority of the information is not game-specific, however, and is useful to anyone.</p>
     </div>
     <form id="generation" action="starsystem">
-        <h3>Options</h3>
+        <h3>Customization Options</h3>
         <p>
-            You can select some options about the star system, or leave it completely random.
+        You can select some options about the star system, or leave it completely random. <br />
             The rules often generate hostile systems, as garden-type worlds are fairly rare. If you need to generate a system with such a world, it is preferable to force it.
-            Note that even a garden-type world may be very cold or hot, as long as it falls in a range that humans can live in!
+            Note that even a garden-type world may be very cold or hot, as long as it falls in a range that humans can live in! <br />
+            If you want your star system to be located in an open cluster (which makes for close neighboring systems to explore) check the box. <br />
+            You can also choose to force a specific number of stars, values 1-3 are possible (other values are ignored).
         </p>
-        Force star system with garden world? <input id="garden" type="checkbox" name="must_have_garden" value="True" /> <br/>
-        Should the star system be in an open cluster? <input id="open_cluster" type="checkbox" name="open_cluster" value="True" /> <br/>
-        Do you want to force a specific number of stars? 1-3 are possible, other values are treated as random. <input id="num_stars" type="number" name="num_stars" /> <br/>
+        <hr />
+        <input id="garden" type="checkbox" name="must_have_garden" value="True" /> Force garden world <br/>
+        <input id="open_cluster" type="checkbox" name="open_cluster" value="True" /> Location: Open cluster <br/>
+        <input id="num_stars" type="number" name="num_stars" /> Number of stars in the system <br/>
         <input id="generate" type="submit" value="Generate star system"/>
     </form>
 

web-gui/static/mainstyle.css

@@ -32,3 +32,8 @@ tr {
 tr:last-child {
     border-bottom: 2px solid #222;
 }
+
+/**** Form Styling ****/
+#num_stars {
+    width: 3em;
+}

web-gui/templates/overview.html

@@ -24,8 +24,10 @@ <h2>Star system properties</h2>
         <table>
             <tr>
                 <th>Name</th>
+                {% if starsystem.stars|count > 1 %}
                 <th>Orbital Radius</th>
                 <th>Orbital Period</th>
+                {% endif %}
                 <th>Sequence</th>
                 <th>Mass*</th>
                 <th>Avg. Temp.</th>
@@ -34,16 +36,18 @@ <h2>Star system properties</h2>
                 <th>Inner Limit</th>
                 <th>Outer Limit</th>
                 <th>Snow Line</th>
+                {% if starsystem.stars|count > 1 %}
                 <th>Forbidden Zone</th>
+                {% endif %}
                 <th>Planetary System</th>
             </tr>
             {% for star in starsystem.stars %}
             <tr>
                 <td>{{star.get_letter()}}</td>
-                {% if star.get_letter() == 'A' %}
-                <td>N/A</td>
-                <td>N/A</td>
-                {% else %}
+                {% if star.get_letter() == 'A' and starsystem.stars|count > 1 %}
+                <td>-</td>
+                <td>-</td>
+                {% elif star.get_letter() != 'A' %}
                 <td>{{starsystem.get_orbits()[loop.index0 - 1][0]|round(2)}} AU</td>
                 <td>{{starsystem.get_period()[loop.index0 - 1]|round(1, 'common')}} days</td>
                 {% endif %}
@@ -55,10 +59,10 @@ <h2>Star system properties</h2>
                 <td>{{star.get_orbit_limits()[0]|round(2)}} AU</td>
                 <td>{{star.get_orbit_limits()[1]|round(2)}} AU</td>
                 <td>{{star.get_snowline()|round(2)}} AU</td>
-                {% if star.get_letter() != 'A' %}
+                {% if star.get_letter() == 'A' and starsystem.stars|count > 1 %}
+                <td>-</td>
+                {% elif star.get_letter() != 'A' %}
                 <td>{{star.get_forbidden_zone()[0]|round(2)}} AU - {{star.get_forbidden_zone()[1]|round(2)}} AU</td>
-                {% else %}
-                <td>N/A</td>
                 {% endif %}
                 {% if star.planetsystem.get_orbitcontents()|count > 0 %}
                 <td>
@@ -77,16 +81,8 @@ <h2>Star system properties</h2>
     </div>
     <br/>
     <br/>
-    <div id="form-container">
-        <div id="question-text">
-            Do you want to generate a new star system?<br/>
-        </div>
-        <form id="generation" action="starsystem">
-            <input id="garden" type="checkbox" name="must_have_garden" value="True" /> Force star system with garden world? <br/>
-            <input id="open_cluster" type="checkbox" name="open_cluster" value="True" /> Should the star system be an open cluster? <br/>
-            <input id="num_stars" type="number" name="num_stars" />  Do you want to force a specific number of stars? 1-3 possible <br/>
-            <input id="generate" type="submit" value="Generate star system"/>
-        </form>
+    <div id="go-again">
+        <p>If you want to generate a new star system with the same constraints, just refresh the page. If you want to change the constraints, go back to the <a href="index.html">generator</a> page.</p>
     </div>
 </body>
 </html>