peterstockings/workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve look of person list exercise graphs when on mobile

Browse Source
This commit is contained in:
Peter Stockings
2023-08-08 22:10:01 +10:00
parent 2cbd6808a4
commit c81eaeb520
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
templates/person.html
View File

@@ -197,7 +197,7 @@
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{ <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
exercise_graph['ExerciseName'] }}</span> exercise_graph['ExerciseName'] }}</span>
</div> </div>
<div id="e-{{ exercise_graph['ExerciseId'] }}"></div> <div id="e-{{ exercise_graph['ExerciseId'] }}" class="w-full mt-2 aspect-video"></div>
<script> <script>
Plotly.newPlot("e-{{ exercise_graph['ExerciseId'] }}", [ Plotly.newPlot("e-{{ exercise_graph['ExerciseId'] }}", [
{% if 'repetitions' in graph_axis %} {% if 'repetitions' in graph_axis %}
@@ -245,7 +245,19 @@
showgrid: false, showgrid: false,
position: 1.00 position: 1.00
} }
}, config); }, {
responsive: true,
displayModeBar: false,
staticPlot: true,
displaylogo: false,
modeBarButtonsToRemove: ['toImage', 'sendDataToCloud', 'zoom2d', 'pan2d', 'select2d', 'lasso2d',
'zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d', 'hoverClosestCartesian',
'hoverCompareCartesian', 'zoom3d', 'pan3d', 'orbitRotation', 'tableRotation',
'resetCameraDefault3d', 'resetCameraLastSave3d', 'hoverClosest3d', 'zoomInGeo',
'zoomOutGeo', 'resetGeo', 'hoverClosestGeo', 'hoverClosestGl2d', 'hoverClosestPie',
'toggleHover', 'resetViews', 'toggleSpikelines', 'resetViewMapbox'
]
});
</script> </script>
</div> </div>
</div> </div>