aboutsummaryrefslogtreecommitdiffstats
path: root/fg21sim/webui
diff options
context:
space:
mode:
authorAaron LI <aaronly.me@outlook.com>2016-11-22 17:52:08 +0800
committerAaron LI <aaronly.me@outlook.com>2016-11-22 17:52:08 +0800
commitbc77803e4d72ec51f7c57ac09c2e131247adccaa (patch)
tree987dd88034f319979e77e691162233e4b86d98d6 /fg21sim/webui
parentdaaeb7cf053804dfe7e87dff545b6fdaf5568ed5 (diff)
downloadfg21sim-bc77803e4d72ec51f7c57ac09c2e131247adccaa.tar.bz2
webui: Finish the "products.html" page
Diffstat (limited to 'fg21sim/webui')
-rw-r--r--fg21sim/webui/templates/products.html41
1 files changed, 37 insertions, 4 deletions
diff --git a/fg21sim/webui/templates/products.html b/fg21sim/webui/templates/products.html
index 18f245c..e7c7427 100644
--- a/fg21sim/webui/templates/products.html
+++ b/fg21sim/webui/templates/products.html
@@ -5,9 +5,42 @@
# Products part
#}
<section id="products">
- <h2><span class="fa fa-files-o" aria-hidden="true"></span> Products</h2>
- <hr />
+ <h2 class="heading">
+ <span class="icon fa fa-files-o" aria-hidden="true"></span>
+ <span class="text">Products</span>
+ <span class="toggle fa fa-chevron-circle-up" title="Collapse contents"></span>
+ </h2>
- <p>Simulation products go here :)</p>
- <p>TODO :(</p>
+ <div class="body">
+ <hr />
+
+ <p class="button-group">
+ <button type="button" id="load-products"><span class="fa fa-download" aria-hidden="true"></span> Load Products</button>
+ <button type="button" id="save-products"><span class="fa fa-save" aria-hidden="true"></span> Save Products</button>
+ </p>
+ <form id="products-form" class="form-inline" autocomplete="on">
+ <div class="row">
+ <div class="column form-group">
+ <label for="products-manifest">Products Manifest:</label>
+ <input class="form-control code" type="text" id="products-manifest" required />
+ </div>
+ </div>
+ <div class="row">
+ <div class="column form-group">
+ <label for="products-ds9">DS9 Executable Path:</label>
+ <input class="form-control code" type="text" id="products-ds9" value="ds9" />
+ </div>
+ </div>
+ </form>
+
+ <hr class="hr-thin hr-condensed hr-dashed" />
+
+ <table id="products-manifest">
+ <caption>No products manifest loaded yet.</caption>
+ <thead></thead>
+ <tbody></tbody>
+ </table>
+ </div> <!-- h2: body -->
+
+ <div id="modal-products" class="modal" style="display: none;"></div>
</section>