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

some more fine tuning

Browse Source
This commit is contained in:
Sander Roosendaal
2022-04-07 19:00:01 +02:00
parent bd3da60c28
commit a6010815c8
4 changed files with 128 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
rowers/templates/stepedit.html
View File

@@ -29,6 +29,65 @@
<input name="stepsave_and_return" type="submit" value="Update and Return to Steps">
</form>
</li>
<li class="grid_2">
<h2>Explanation</h2>
<table width=90% class="listtable shortpadded">
<tr>
<th>Parameter</th>
<th>Regular Step</th>
<th>Repeat Step</th>
</tr>
<tr>
<th>Duration Type</th><td>Time or Distance</td><td>Repeat</td>
</tr>
<tr>
<th>Duration Value</th><td>Minutes / Meters</td><td>Block number to start repeat from</td>
</tr>
<tr>
<th>Target Type</th><td>Set a target to hold</td><td>---</td>
</tr>
<tr>
<th>Target Value</th>
<td>
<div>Power: Zone number (1-10), &#37; of FTP (10-1000)</div>
<div>Speed: 1000x target speed in m/s</div>
<div>Heart Rate: Zone number (1-10), &#37; of max (10-100); </div>
<div>Cadence: Strokes per Minute</div>
</td>
<td>
Number of repetitions
</td>
</tr>
<tr>
<th>Target Value Low</th>
<td>
<div>Power: &#37; of FTP (10-1000)</div>
<div>Speed: 1000x target speed in m/s</div>
<div>Heart Rate: &#37; of max (10-100); </div>
<div>Cadence: Strokes per Minute</div>
</td>
<td>
</td>
</tr>
<tr>
<th>Target Value High</th>
<td>
<div>Power: &#37; of FTP (10-1000)</div>
<div>Speed: 1000x target speed in m/s</div>
<div>Heart Rate: &#37; of max (10-100); </div>
<div>Cadence: Strokes per Minute</div>
</td>
<td>
</td>
</tr>
<tr>
<th>Intensity</th><td>Warming Up, Active, Rest</td><td>Set to Active</td>
</tr>
<tr>
<th>Description</th><td>Any other text</td><td></td>
</tr>
</table>
</li>
</ul>
{% endblock %}

32
rowers/templates/stepeditor.html
View File

@@ -26,9 +26,15 @@
</form>
</p>
{% for step in currentsteps %}
<div id="{{ step.id }}" draggable="true" class="trainingstep {{ step.intensity }}" >
<div id="{{ step.id }}" draggable="true" class="trainingstep {{ step.intensity }} {{ step.durationtype }}" >
<span id="{{ step.id }}" class="stepid">
({{ forloop.counter|add:-1 }})
</span>
<span id="{{ step.id }}" class="stepcontent">
{{ step.name }}
{% if step.durationtype == "RepeatUntilStepsCmplt" %}
- repeat {{ step.targetvalue }}x from block {{ step.durationvalue|floatformat }}
{% endif %}
</span>
<span id="{{ step.id }}">
<a href="/rowers/plans/step/{{ step.id }}/edit/{{ ps.id }}/">
@@ -43,12 +49,22 @@
</div>
{% endfor %}
</section>
<section class="allcentered">
<div class="allcenteredchild">
<h1><i class="fas fa-arrow-left fa-fw"></i></h1>
</div>
</section>
<section class="library">
<h2>Library</h2>
<h2>Step Library</h2>
{% for step in steps %}
<div id="{{ step.id }}" draggable="true" class="trainingstep {{ step.intensity }}" >
<div id="{{ step.id }}" draggable="true" class="trainingstep {{ step.intensity }} {{ step.durationtype}}" >
<span id="{{ step.id }}" class="stepid">
</span>
<span id="{{ step.id }}" class="stepcontent">
{{ step.name }}
{% if step.durationtype == "RepeatUntilStepsCmplt" %}
- repeat {{ step.targetvalue }}x from block {{ step.durationvalue|floatformat }}
{% endif %}
</span>
<span id="{{ step.id }}">
<a href="/rowers/plans/step/{{ step.id }}/edit/{{ ps.id }}/">
@@ -142,9 +158,11 @@
console.log(result)
}
})
window.location.reload(true);
}
function saveState() {
var cntr = 0;
var list = [];
steps = document.querySelector('.drop-zone');
steps.childNodes.forEach(function(item) {
@@ -153,6 +171,11 @@
if (child.id && child.className == 'stepcontent') {
list.push(child.id);
}
if (child.className == "stepid") {
s = `(${cntr})`
child.replaceWith(s);
cntr++;
}
})
}
});
@@ -193,6 +216,7 @@
dragged = null;
origcolor = null;
}
saveState();
}
function handleMouseOver(event) {
@@ -242,6 +266,7 @@
if (dragged.parentNode.className.includes("drop-zone")) {
trash(event);
}
saveState();
}
function trash(event) {
@@ -251,7 +276,6 @@
event.preventDefault();
if (dragged.parentNode.className.includes("drop-zone")) {
dragged.remove();
saveState();
}
}
}