diff --git a/app/routes.py b/app/routes.py
index fca62480965ec75a5bb453e01d032c943a804e12..cfc7e55fcdcc02c1bf46c7f545b1e1f36bc47fc1 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -6,7 +6,7 @@ app.config['PLOTS_PATH'] = "plots"
@app.route('/')
def index():
- return render_template('index.html')
+ return render_template('plots.html')
@app.route('/plots/<path:filename>')
def custom_static(filename):
diff --git a/app/templates/index.html b/app/templates/base.html
similarity index 56%
rename from app/templates/index.html
rename to app/templates/base.html
index 373042f86a4ec94ae36b60c9688627abd128293d..234a9feb29a52453e280a21641445073c65f69a1 100644
--- a/app/templates/index.html
+++ b/app/templates/base.html
@@ -45,78 +45,8 @@
</nav>
<div class="container-fluid" id="plots">
-
- <div class="row">
- <div class="col-md-6 plot-container">
- <img id="dom_activity" class="plot img-responsive" src="plots/dom_activity.png" />
- </div>
- <div class="col-md-6 plot-container">
- <img id="dom_rates" class="plot img-responsive" src="plots/dom_rates.png" />
- </div>
- </div>
-
- <div class="row">
- <div class="col-md-6 plot-container">
- <img id="pmtrates" class="plot img-responsive" src="plots/pmtrates.png" />
- </div>
- <div class="col-md-6 plot-container">
- <img id="hrv" class="plot img-responsive" src="plots/hrv.png" />
- </div>
- </div>
-
- <div class="row">
- <div class="col-md-12 col-sm-12 plot-container">
- <img id="trigger_rates" class="plot img-responsive" src="plots/trigger_rates.png" />
- </div>
- </div>
-
- <div class="row">
- <div class="col-md-12 col-sm-12 plot-container">
- <img id="trigger_rates_test" class="plot img-responsive" src="plots/trigger_rates_test.png" />
- </div>
- </div>
-
- <div class="row">
- <div class="col-md-6 plot-container">
- <!-- <img id="dom_pings" class="plot img-responsive" src="plots/dom_pings.png" /> //-->
- <!-- <img id="k40" class="plot img-responsive" src="plots/k40.png" /> //-->
- <img id="single_rates" class="plot img-responsive" src="plots/single_rates.png" />
- </div>
- <div class="col-md-6 plot-container">
- <img id="ztplot" class="plot img-responsive" src="plots/ztplot.png" />
- </div>
- </div>
-
- <div class="row">
- <div class="col-md-6 plot-container">
- <img id="hits_on_doms" class="plot img-responsive" src="plots/hits_on_doms.png" style="alpha: 0.2" />
- </div>
- <div class="col-md-6 plot-container">
- <img id="triggered_hits_on_doms" class="plot img-responsive" src="plots/triggered_hits_on_doms.png" style="alpha: 0.2" />
- </div>
-
- </div>
-
- <div class="row">
- <div class="col-md-12 plot-container">
- <img id="yaw" class="plot img-responsive" src="plots/yaw_calib.png" />
- </div>
- </div>
- <div class="row">
- <div class="col-md-12 plot-container">
- <img id="pitch" class="plot img-responsive" src="plots/pitch_calib.png" />
- </div>
- </div>
- <div class="row">
- <div class="col-md-12 plot-container">
- <img id="roll" class="plot img-responsive" src="plots/roll_calib.png" />
- </div>
- </div>
-
- <div id="horizontal" class="ruler"></div>
- <div id="vertical" class="ruler"></div>
- </div><!-- /.container -->
-
+ {% block plots %}{% endblock %}
+ </div>
<script src="static/js/jquery-3.3.1.slim.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
@@ -145,14 +75,14 @@
// e.data[1].css('left', e.offsetX==undefined?e.originalEvent.layerX:e.offsetX);
// e.data[0].css('top', e.offsetY==undefined?e.originalEvent.layerY:e.offsetY);
//});
- $(function(){
- setInterval(function(){
- var divUtc = $('#divUTC');
- var d1 = new Date();
- var utc_string = d1.toUTCString().replace("GMT", "UTC");
- divUtc.text(utc_string);
- },1000);
- });
+ $(function(){
+ setInterval(function(){
+ var divUtc = $('#divUTC');
+ var d1 = new Date();
+ var utc_string = d1.toUTCString().replace("GMT", "UTC");
+ divUtc.text(utc_string);
+ },1000);
+ });
});
</script>
diff --git a/app/templates/plots.html b/app/templates/plots.html
new file mode 100644
index 0000000000000000000000000000000000000000..0a467865937782c4dbe9c755dcdd10d19437667e
--- /dev/null
+++ b/app/templates/plots.html
@@ -0,0 +1,70 @@
+{% extends "base.html" %}
+
+{% block plots %}
+ <div class="row">
+ <div class="col-md-6 plot-container">
+ <img id="dom_activity" class="plot img-responsive" src="plots/dom_activity.png" />
+ </div>
+ <div class="col-md-6 plot-container">
+ <img id="dom_rates" class="plot img-responsive" src="plots/dom_rates.png" />
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-6 plot-container">
+ <img id="pmtrates" class="plot img-responsive" src="plots/pmtrates.png" />
+ </div>
+ <div class="col-md-6 plot-container">
+ <img id="hrv" class="plot img-responsive" src="plots/hrv.png" />
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-12 col-sm-12 plot-container">
+ <img id="trigger_rates" class="plot img-responsive" src="plots/trigger_rates.png" />
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-12 col-sm-12 plot-container">
+ <img id="trigger_rates_test" class="plot img-responsive" src="plots/trigger_rates_test.png" />
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-6 plot-container">
+ <!-- <img id="dom_pings" class="plot img-responsive" src="plots/dom_pings.png" /> //-->
+ <!-- <img id="k40" class="plot img-responsive" src="plots/k40.png" /> //-->
+ <img id="single_rates" class="plot img-responsive" src="plots/single_rates.png" />
+ </div>
+ <div class="col-md-6 plot-container">
+ <img id="ztplot" class="plot img-responsive" src="plots/ztplot.png" />
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-6 plot-container">
+ <img id="hits_on_doms" class="plot img-responsive" src="plots/hits_on_doms.png" style="alpha: 0.2" />
+ </div>
+ <div class="col-md-6 plot-container">
+ <img id="triggered_hits_on_doms" class="plot img-responsive" src="plots/triggered_hits_on_doms.png" style="alpha: 0.2" />
+ </div>
+
+ </div>
+
+ <div class="row">
+ <div class="col-md-12 plot-container">
+ <img id="yaw" class="plot img-responsive" src="plots/yaw_calib.png" />
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 plot-container">
+ <img id="pitch" class="plot img-responsive" src="plots/pitch_calib.png" />
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 plot-container">
+ <img id="roll" class="plot img-responsive" src="plots/roll_calib.png" />
+ </div>
+ </div>
+{% endblock %}