project/templates/new_exercise.tpl

   1 <!-- Start of the new exercise form: #new_exercise -->
   2 <div data-role="page" id="new_exercise">
   3
   4     <div data-role="header" data-position="fixed">
   5         <h1>New exercise</h1>
   6     </div><!-- /header -->
   7
   8     <div data-role="content">
   9         <form>
  10             <div class='field'>
  11                 <label for="setName">Name</label>
  12                 <div id="newExerciseName" class="inputs">
  13                     <input type="text" id="name" name="name" maxlength="20"/>
  14                 </div>
  15             </div>
  16             <div class="field">
  17                 <label for="setDays">Type</label>
  18                 <div id="newExerciseDays" class="inputs">
  19                     <label><input type="checkbox" name="monday" data-day="MO"/>Monday</label>
  20                     <label><input type="checkbox" name="tuesday" data-day="TU"/>Tuesday</label>
  21                     <label><input type="checkbox" name="wednesday" data-day="WE"/>Wednesday</label>
  22                     <label><input type="checkbox" name="thursday" data-day="TH"/>Thursday</label>
  23                     <label><input type="checkbox" name="friday" data-day="FR"/>Friday</label>
  24                     <label><input type="checkbox" name="saturday" data-day="SA"/>Saturday</label>
  25                     <label><input type="checkbox" name="sunday" data-day="SU"/>Sunday</label>
  26                 </div>
  27             </div>
  28             <div class='field'>
  29                 <label for="setStartTime">Start time</label>
  30                 <div id="newExercisestartTime" class="inputs">
  31                     <span class="ui-li-text-main">
  32                         <input type="datetime" name="startTime" id="startTime" data-format="HH:mm"/>
  33                     </span>
  34                 </div>
  35             </div>
  36             <div class='field'>
  37                 <label for="setComment">Comment</label>
  38                 <div id="newExercisesComment">
  39                     <textarea name="comment" id="comment"></textarea>
  40                 </div>
  41             </div>
  42         </form>
  43     </div><!-- /content -->
  44
  45     <div data-role="footer" data-position="fixed">
  46         <div data-role="tabbar" data-style="tabbar">
  47             <ul>
  48                 <li><a id="add-exercise-cancel-btn" data-inline="true">Cancel</a></li>
  49                 <li><a id="add-exercise-btn" data-inline="true" class='ui-disabled'>Save</a></li>
  50             </ul>
  51         </div><!-- /tabbar -->
  52     </div><!-- /footer -->
  53
  54 </div><!-- /new_exercise -->