project/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>Exercise planner</title>
  10
  11 <script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
  12 <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
  13 <script src="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-footer-exist="true">
  34                 <div data-role="content" data-scroll="none" class="screen" id="frontPageContent">
  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">
  63                 <div data-role="header" data-position="fixed">
  64                         <h1>Exercise planner &#8811; 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">
 144                 <div data-role="header" data-position="fixed">
 145                         <h2>Exercise planner &#8811; 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                         </div>
 153                 </div>
 154
 155                 <div data-role="footer" data-position="fixed">
 156                         <div data-role="tabbar" data-style="tabbar">
 157                                 <ul>
 158                                         <li><a href="#customExercises" id="add_custom_workout_btn">Add Custom Workout</a></li>
 159                                 </ul>
 160                         </div>
 161                 </div>
 162
 163         </div>
 164
 165         <div data-role="page" id="customExercises">
 166                 <div data-role="header" data-position="fixed">
 167                         <h1>Exercise planner &#8811; add custom workout</h1>
 168                 </div>
 169
 170                 <div data-role="content">
 171                         <div class="newExerciseName">
 172                                 <div>Enter workout name:</div>
 173                                 <input data-role="input" type="text" name="newExercise"
 174                                         id="newExerciseName" maxlength="20"/>
 175                         </div>
 176                 </div>
 177
 178                 <div data-role="footer" data-position="fixed">
 179                         <div data-role="tabbar" data-style="tabbar">
 180                                 <ul>
 181                                         <li><a href="#" id="btnNewExercise">Add</a></li>
 182                                 </ul>
 183                         </div>
 184                 </div>
 185
 186         </div>
 187
 188         <div data-role="page" id="rangesOfTimes">
 189                 <div data-role="header">
 190                         <h1>Add Time</h1>
 191                 </div>
 192
 193                 <div data-role="content">
 194                         <div>
 195                                 <ul class="times">
 196                                         <li class="ui-li-3-2-2 center">Start: <span class="ui-li-text-main">
 197                                                         <input type="time" name="dateStart" id="startTime"
 198                                                                 data-format="H" />
 199                                         </span>hour
 200                                         </li>
 201                                         <li class="ui-li-3-2-2 center">Duration: <span class="ui-li-text-main">
 202                                                         <input type="time" name="duration" id="duration" data-format="H" />
 203                                         </span> hours
 204                                         </li>
 205                                 </ul>
 206
 207                                 <fieldset data-role="controlgroup" class="selectPeriodType">
 208                                         <legend>Choose a type of period:</legend>
 209                                         <input type="radio" name="periodType" id="periodType1"
 210                                                 value="everyday" checked="checked" />
 211                                         <label for="periodType1">Everyday</label>
 212
 213                                         <input type="radio" name="periodType" id="periodType2"
 214                                                 value="weekend" />
 215                                         <label for="periodType2">Weekend</label>
 216
 217                                         <input type="radio" name="periodType" id="periodType3"
 218                                                 value="workday" />
 219                                         <label for="periodType3">Workday</label>
 220                                 </fieldset>
 221                                 <div class="enableOption">
 222                                         <span>Enabled</span>
 223                                         <select id="formEnablePeriod" data-role="slider">
 224                                                 <option value="off"></option>
 225                                                 <option value="on"></option>
 226                                         </select>
 227                                 </div>
 228                         </div>
 229
 230                         <input data-role="button" data-inline="true" type="button"
 231                                 id="updateTime" value="add" />
 232                 </div>
 233
 234         </div>
 235
 236         <div data-role="page" id="popupPage">
 237                 <div data-role="popup" id="popup">
 238                         <div class="ui-popup-text">
 239                                 <p class="text"></p>
 240                         </div>
 241                         <div class="ui-popup-button-bg"></div>
 242                 </div>
 243         </div>
 244
 245         <div id="progress">
 246                 <div id="progresscenter">
 247                         <div id="progresstitle"></div>
 248                         <div id="progressbar"></div>
 249                         <div id="loader"><img id="loader-image" src="tizen-web-ui-fw/latest/themes/tizen-white/images/ajax-loader.png"/></div>
 250                 </div>
 251         </div>
 252
 253 </body>
 254 </html>