sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

alternative layout of flex chart drop downs

Browse Source
This commit is contained in:
Sander Roosendaal
2018-04-09 15:12:23 +02:00
parent d648aff2a8
commit 0372acbaec
1 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
rowers/templates/flexchart3otw.html
View File

@@ -52,10 +52,11 @@
<div id="plotbuttons" class="grid_12 alpha"> <div id="plotbuttons" class="grid_12 alpha">
<div id="x-axis" class="grid_6 alpha"> <div id="x-axis" class="grid_9 alpha">
<div class="grid_2 alpha dropdown"> <div class="grid_3 alpha dropdown">
<button class="grid_2 alpha button blue small dropbtn">X-axis</button> <button class="grid_2 alpha button blue small dropbtn">X-axis</button>
<div class="dropdown-content"> <div class="dropdown-content">
<div style="float: left; width:67%;">
{% for key, value in axchoicesbasic.items %} {% for key, value in axchoicesbasic.items %}
{% if key != 'None' %} {% if key != 'None' %}
<a class="button blue small alpha" href="/rowers/workout/{{ id }}/flexchart/{{ key }}/{{ yparam1 }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a> <a class="button blue small alpha" href="/rowers/workout/{{ id }}/flexchart/{{ key }}/{{ yparam1 }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a>
@@ -70,6 +71,8 @@
<a class="button rosy small" href="/rowers/promembership">{{ value }}</a> <a class="button rosy small" href="/rowers/promembership">{{ value }}</a>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
<div style="float: right; width: 33%;">
{% if promember %} {% if promember %}
{% for key, value in extrametrics.items %} {% for key, value in extrametrics.items %}
<a class="button orange small" href="/rowers/workout/{{ id }}/flexchart/{{ key }}/{{ yparam1 }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a> <a class="button orange small" href="/rowers/workout/{{ id }}/flexchart/{{ key }}/{{ yparam1 }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a>
@@ -79,12 +82,14 @@
<a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a> <a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
</div> </div>
</div> </div>
<div id="left-y" class="grid_2 dropdown"> <div id="left-y" class="grid_3 dropdown">
<button class="grid_2 alpha button blue small dropbtn">Left</button> <button class="grid_2 alpha button blue small dropbtn">Left</button>
<div class="dropdown-content"> <div class="dropdown-content">
<div style="float: left; width:67%;">
{% for key, value in axchoicesbasic.items %} {% for key, value in axchoicesbasic.items %}
{% if key not in noylist and key != 'None' %} {% if key not in noylist and key != 'None' %}
<a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ key }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a> <a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ key }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a>
@@ -103,6 +108,8 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
<div style="float: right; width:33%;">
{% if promember %} {% if promember %}
{% for key, value in extrametrics.items %} {% for key, value in extrametrics.items %}
<a class="button orange small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ key }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a> <a class="button orange small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ key }}/{{ yparam2 }}/{{ plottype }}">{{ value }}</a>
@@ -112,12 +119,14 @@
<a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a> <a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
</div> </div>
</div> </div>
<div id="right-y" class="grid_2 dropdown omega"> <div id="right-y" class="grid_3 dropdown omega">
<button class="grid_2 alpha button blue small dropbtn">Right</button> <button class="grid_2 alpha button blue small dropbtn">Right</button>
<div class="dropdown-content"> <div class="dropdown-content">
<div style="float: left; width:67%;">
{% for key, value in axchoicesbasic.items %} {% for key, value in axchoicesbasic.items %}
{% if key not in noylist %} {% if key not in noylist %}
<a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ key }}/{{ plottype }}">{{ value }}</a> <a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ key }}/{{ plottype }}">{{ value }}</a>
@@ -136,6 +145,8 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
<div style="float: right; width:33%;">
{% if promember %} {% if promember %}
{% for key, value in extrametrics.items %} {% for key, value in extrametrics.items %}
<a class="button orange small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ key }}/{{ plottype }}">{{ value }}</a> <a class="button orange small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ key }}/{{ plottype }}">{{ value }}</a>
@@ -145,13 +156,13 @@
<a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a> <a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
</div> </div>
</div> </div>
</div> </div>
<div id="y-axis" class="grid_6 omega"> <div id="y-axis" class="grid_3 omega">
<div class="grid_2 alpha tooltip"> <div class="grid_2 alpha tooltip">
<form enctype="multipart/form-data" action="{{ formloc }}" method="post"> <form enctype="multipart/form-data" action="{{ formloc }}" method="post">
{% csrf_token %} {% csrf_token %}
@@ -165,11 +176,12 @@
</form> </form>
<span class="tooltiptext">If your data source allows, this will show or hide strokes taken during rest intervals.</span> <span class="tooltiptext">If your data source allows, this will show or hide strokes taken during rest intervals.</span>
</div> </div>
<div class="grid_2"> <div class="grid_1 omega">
<a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ yparam2 }}/line">Line Plot</a> {% if plottype == 'scatter' %}
</div> <a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ yparam2 }}/line">Line</a>
<div class="grid_2 omega"> {% else %}
<a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ yparam2 }}/scatter">Scatter Plot</a> <a class="button blue small" href="/rowers/workout/{{ id }}/flexchart/{{ xparam }}/{{ yparam1 }}/{{ yparam2 }}/scatter">Scatter</a>
{% endif %}
</div> </div>
</div> </div>