index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5 <meta charset="utf-8" />
   6 <meta name="description" content="Alerts" />
   7 <meta name="viewport" content="width=480, user-scalable=no" />
   8
   9 <title>ExercisePlanner</title>
  10
  11 <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.min.js"></script>
  12 <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
  13 <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
  14         data-framework-theme="tizen-white"></script>
  15
  16 <script defer="defer" src="./js/UI.js"></script>
  17 <script defer="defer" src="./js/UI.simpleTemplate.js"></script>
  18 <script defer="defer" src="./js/ext.jqMobile.js"></script>
  19 <script defer="defer" src="./js/GraphSchedule.js"></script>
  20
  21 <script defer="defer" src="./js/app.js"></script>
  22 <script defer="defer" src="./js/app.alarms.js"></script>
  23 <script defer="defer" src="./js/app.timeRange.js"></script>
  24 <script defer="defer" src="./js/app.alarmsGenerating.js"></script>
  25 <script defer="defer" src="./js/app.onAlarm.js"></script>
  26 <script defer="defer" src="./js/main.js"></script>
  27
  28 <link rel="stylesheet" type="text/css" href="./css/style.css" />
  29 <link rel="stylesheet" type="text/css" href="./css/GraphSchedule.css" />
  30 </head>
  31
  32 <body>
  33         <div data-role="page" id="one" data-add-back-btn="footer" data-footer-exist="true">
  34                 <div data-role="content" data-scroll="none" class="screen">
  35                         <div id="logo">Exercise Planner</div>
  36                         <div id="status"></div>
  37                         <div class="schedule"></div>
  38                         <div id="communicate"></div>
  39                         <div id="sentence"></div>
  40                         <div id="signature"></div>
  41                 </div>
  42
  43                 <div data-role="footer" data-position="fixed">
  44                         <div data-role="tabbar" id="mainControl" data-style="tabbar">
  45                                 <ul>
  46                                         <li><a href="#" id="startStop">Stop Training</a></li>
  47                                         <li><a href="#two" id="options">Options</a></li>
  48                                 </ul>
  49                         </div>
  50
  51                         <div id="onAlertControl" data-style="tabbar"
  52                                 style="display: none;">
  53                                 <ul>
  54                                         <li><a href="#" id="ok">OK</a></li>
  55                                         <li><a href="#" id="wait">Wait</a></li>
  56                                         <li><a href="#" id="todayOffAll">Today Off All</a></li>
  57                                 </ul>
  58                         </div>
  59                 </div>
  60         </div>
  61
  62         <div data-role="page" id="two" data-add-back-btn="footer">
  63                 <div data-role="header" data-position="fixed">
  64                         <h1>Exercise Planner &gt; Options</h1>
  65                 </div>
  66
  67                 <div data-role="content">
  68                         <div class="myContent">
  69
  70                                 <div data-role="fieldcontain" class="frequency">
  71                                         <div>Frequency</div>
  72                                         <fieldset data-role="controlgroup" data-type="horizontal" id="frequency">
  73                                                 <input type="radio" name="radioFrequency"
  74                                                         data-icon="segment-titlestyle-segonly" id="freq1" value="1" />
  75                                                 <label for="freq1">1</label>
  76                                                 <input type="radio" name="radioFrequency"
  77                                                         data-icon="segment-titlestyle-segonly" id="freq2" value="2" />
  78                                                 <label for="freq2">2</label>
  79                                                 <input type="radio" name="radioFrequency"
  80                                                         data-icon="segment-titlestyle-segonly" id="freq3" value="3" />
  81                                                 <label for="freq3">3</label>
  82                                                 <input type="radio" name="radioFrequency"
  83                                                         data-icon="segment-titlestyle-segonly" id="freq4" value="4" />
  84                                                 <label for="freq4">4</label>
  85                                                 <input type="radio" name="radioFrequency"
  86                                                         data-icon="segment-titlestyle-segonly" id="freq5" value="5" />
  87                                                 <label for="freq5">5</label>
  88                                         </fieldset>
  89                                 </div>
  90
  91                                 <div class="scheduleOptions"></div>
  92
  93                                 <div data-role="tabbar" data-style="tabbar" class="typeOfPeriods">
  94                                         <ul>
  95                                                 <li id="workdaysType"><a>Workday</a></li>
  96                                                 <li id="weekendType"><a>Weekend</a></li>
  97                                         </ul>
  98                                 </div>
  99
 100                                 <div data-role="fieldcontain" class="strength">
 101                                         <div>Strength</div>
 102                                         <fieldset data-role="controlgroup" data-type="horizontal"
 103                                                 id="strength">
 104                                                 <input type="radio" name="radioStrength"
 105                                                         data-icon="segment-titlestyle-segonly" id="stre1" value="1" />
 106                                                 <label for="stre1">1</label>
 107                                                 <input type="radio" name="radioStrength"
 108                                                         data-icon="segment-titlestyle-segonly" id="stre2" value="2" />
 109                                                 <label for="stre2">2</label>
 110                                                 <input type="radio" name="radioStrength"
 111                                                         data-icon="segment-titlestyle-segonly" id="stre3" value="3" />
 112                                                 <label for="stre3">3</label>
 113                                                 <input type="radio" name="radioStrength"
 114                                                         data-icon="segment-titlestyle-segonly" id="stre4" value="4" />
 115                                                 <label for="stre4">4</label>
 116                                                 <input type="radio" name="radioStrength"
 117                                                         data-icon="segment-titlestyle-segonly" id="stre5" value="5" />
 118                                                 <label for="stre5">5</label>
 119                                         </fieldset>
 120                                 </div>
 121
 122                                 <div class="increasingStrength">
 123                                         <input type="checkbox" name="tizen-check1-1"
 124                                                 id="increasingStrength" />
 125                                         <label for="increasingStrength">Progressive Effort</label>
 126                                 </div>
 127
 128                                 <a data-role="button" data-icon="plus" id="addTimeRange" data-inline="false">Add Time</a>
 129                                 <ul data-role="swipelist" id="availableTime"></ul>
 130
 131                         </div>
 132                 </div>
 133
 134                 <div data-role="footer" data-position="fixed">
 135                         <div id="selectExercisesBar" data-role="tabbar" data-style="toolbar">
 136                                 <ul>
 137                                         <li><a href="#selectExercises">Select Workouts</a></li>
 138                                 </ul>
 139                         </div>
 140                 </div>
 141         </div>
 142
 143         <div data-role="page" id="selectExercises" data-add-back-btn="footer">
 144                 <div data-role="header" data-position="fixed">
 145                         <h2>ExercisePlanner &gt; Select Workouts</h2>
 146                 </div>
 147
 148                 <div data-role="content">
 149                         <div class="optionsExercises">
 150                                 <div>Select Workouts</div>
 151                                 <ul data-role="listview" id="exercises"></ul>
 152                                 <a data-role="button" data-icon="plus" href="#customExercises" id="add_custom_workout_btn">Add Custom Workout</a>
 153                         </div>
 154                 </div>
 155
 156                 <div data-role="footer" data-position="fixed"></div>
 157         </div>
 158
 159         <div data-role="page" id="customExercises" data-add-back-btn="footer">
 160                 <div data-role="header" data-position="fixed">
 161                         <h1>ExercisePlanner &gt; Add Custom Workout</h1>
 162                 </div>
 163
 164                 <div data-role="content">
 165                         <div class="newExerciseName">
 166                                 <div>Enter workout name:</div>
 167                                 <input data-role="input" type="text" name="newExercise"
 168                                         id="newExerciseName" maxlength="20"/>
 169                                 <input data-role="button" id="btnNewExercise" data-inline="true" type="button"
 170                                         value="add"/>
 171                         </div>
 172                 </div>
 173
 174                 <div data-role="footer" data-position="fixed"></div>
 175         </div>
 176
 177         <div data-role="page" id="rangesOfTimes" data-add-back-btn="footer">
 178                 <div data-role="header">
 179                         <h1>Add Time</h1>
 180                 </div>
 181
 182                 <div data-role="content">
 183                         <div>
 184                                 <ul class="times">
 185                                         <li class="ui-li-3-2-2 center">Start: <span class="ui-li-text-main">
 186                                                         <input type="time" name="dateStart" id="startTime"
 187                                                                 data-format="H" />
 188                                         </span>hour
 189                                         </li>
 190                                         <li class="ui-li-3-2-2 center">Duration: <span class="ui-li-text-main">
 191                                                         <input type="time" name="duration" id="duration" data-format="H" />
 192                                         </span> hours
 193                                         </li>
 194                                 </ul>
 195
 196                                 <fieldset data-role="controlgroup" class="selectPeriodType">
 197                                         <legend>Choose a type of period:</legend>
 198                                         <input type="radio" name="periodType" id="periodType1"
 199                                                 value="everyday" checked="checked" />
 200                                         <label for="periodType1">Everyday</label>
 201
 202                                         <input type="radio" name="periodType" id="periodType2"
 203                                                 value="weekend" />
 204                                         <label for="periodType2">Weekend</label>
 205
 206                                         <input type="radio" name="periodType" id="periodType3"
 207                                                 value="workday" />
 208                                         <label for="periodType3">Workday</label>
 209                                 </fieldset>
 210                                 <div class="enableOption">
 211                                         <span>Enabled</span>
 212                                         <select id="formEnablePeriod" data-role="slider">
 213                                                 <option value="off"></option>
 214                                                 <option value="on"></option>
 215                                         </select>
 216                                 </div>
 217                         </div>
 218
 219                         <input data-role="button" data-inline="true" type="button"
 220                                 id="updateTime" value="add" />
 221                 </div>
 222
 223                 <div data-role="footer"></div>
 224         </div>
 225
 226         <div id="progress">
 227                 <div id="progresscenter">
 228                         <div id="progresstitle"></div>
 229                         <div id="progressbar"></div>
 230                         <div id="loader"><img id="loader-image" src="/usr/share/tizen-web-ui-fw/latest/themes/tizen-white/images/ajax-loader.png"/></div>
 231                 </div>
 232         </div>
 233
 234 </body>
 235 </html>