GymSchedule/exercise-editor.html at master · NBKelly/GymSchedule · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
  <head>
    <title>Exercise Editor</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/exercise-editor.js"></script>
    <link rel="stylesheet" href="cobrastyle.css">
  </head>
  <body onload="editorOnLoad()">
    <h1>Exercise Editor</h1>

    <p>Select an exercise from the list to modify it, or add a new entry entirely.</p>

    <table>
      <tr>
	<td> <label for="selectExercise">Select Exercise:</label> </td>
	<td>
	  <select id="selectExercise" name="selectExercise"> </select>
	  <button class="button button2" id="loadExerciseButton"
		  onclick="loadExercise()">Load Exercise</button>
	  <button class="button button2" id="loadExerciseButton"
		  onclick="deleteExercise()">Delete Exercise</button>
	</td>
      </tr>
      <tr>
	<td> <label for="newExercise">New Exercise:</label> </td>
	<td> <input type="text" placeholder="Ankle Snappers" id="newExercise" name="newExercise">
	  <button class="button button2" id="newExerciseButton"
		  onclick="newExercise()">New Exercise</button></td>
      </tr>
    </table>
    <hr style="width:100%;text-align:left;margin-left:0">

    <p>Attributes standard to the exercise.</p>

    <table>
      <tr>
	<td><label for="exerciseName">Exercise Name: </label> </td>
	<td><input type="text" id="exerciseName" name="exerciseName" placeholder="Seated Pullup"></td>
      </tr>
      <tr>
	<td><label for="categories">Categories (comma separated): </label>
	<td><input type="text" id="categories" name="categories" placeholder="Compound, Bodyweight"></td>
      </tr>
      <tr>
	<td><label for="exerciseTip">Tip (general): </label></td>
	<td><input type="text" id="exerciseTip" name="exerciseTip" placeholder="Go hard"></td>
      </tr>
      <tr>
	<td><label for="image">Image (or blank): </label></td>
	<td><input type="text" id="image" name="image" placeholder="images/deadlift.png"></td>
      </tr>
    </table>

    <p>Focii for the exercises (things like: Power/Strength/Hypertrophy/Beginner/etc)</p>
    <button class="button button2" id="addFocusButton"
		  onclick="addFocus()">Add Focus</button>
    <table>
      <thead><tr>
	<th>&nbsp;Focus Name&nbsp;</th>
	<th>&nbsp;Sets&nbsp;</th>
	<th>&nbsp;Reps&nbsp;</th>
	<th>&nbsp;Rest Time&nbsp;</th>
	<th>&nbsp;Tip/Explainer (optional)</th>
      </tr></thead>
      <tbody id="focusTable">

      </tbody>
    </table>

    <br>

    <button class="button button2" id="saveExerciseButton"
	    onclick="saveExercise()">Save Exercise</button>
    <button class="button button2" id="showJSONButton"
	    onclick="showJSON()">Show JSON</button>
  </body>
</html>