5 <meta charset="utf-8" />
6 <meta name="description" content="Alerts" />
7 <meta name="viewport" content="width=480, user-scalable=no" />
9 <title>Exercise planner</title>
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>
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>
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>
28 <link rel="stylesheet" type="text/css" href="./css/style.css" />
29 <link rel="stylesheet" type="text/css" href="./css/GraphSchedule.css" />
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>
43 <div data-role="footer" data-position="fixed">
44 <div data-role="tabbar" id="mainControl" data-style="tabbar">
46 <li><a href="#" id="startStop">Stop Training</a></li>
47 <li><a href="#two" id="options">Options</a></li>
51 <div id="onAlertControl" data-style="tabbar"
52 style="display: none;">
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>
62 <div data-role="page" id="two">
63 <div data-role="header" data-position="fixed">
64 <h1>Exercise planner ≫ options</h1>
67 <div data-role="content">
68 <div class="myContent">
70 <div data-role="fieldcontain" class="frequency">
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>
91 <div class="scheduleOptions"></div>
93 <div data-role="tabbar" data-style="tabbar" class="typeOfPeriods">
95 <li id="workdaysType"><a>Workday</a></li>
96 <li id="weekendType"><a>Weekend</a></li>
100 <div data-role="fieldcontain" class="strength">
102 <fieldset data-role="controlgroup" data-type="horizontal"
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>
122 <div class="increasingStrength">
123 <input type="checkbox" name="tizen-check1-1"
124 id="increasingStrength" />
125 <label for="increasingStrength">Progressive Effort</label>
128 <a data-role="button" data-icon="plus" id="addTimeRange" data-inline="false">Add Time</a>
129 <ul data-role="swipelist" id="availableTime"></ul>
134 <div data-role="footer" data-position="fixed">
135 <div id="selectExercisesBar" data-role="tabbar" data-style="toolbar">
137 <li><a href="#selectExercises">Select Workouts</a></li>
143 <div data-role="page" id="selectExercises">
144 <div data-role="header" data-position="fixed">
145 <h2>Exercise planner ≫ select workouts</h2>
148 <div data-role="content">
149 <div class="optionsExercises">
150 <div>Select Workouts</div>
151 <ul data-role="listview" id="exercises"></ul>
155 <div data-role="footer" data-position="fixed">
156 <div data-role="tabbar" data-style="tabbar">
158 <li><a href="#customExercises" id="add_custom_workout_btn">Add Custom Workout</a></li>
165 <div data-role="page" id="customExercises">
166 <div data-role="header" data-position="fixed">
167 <h1>Exercise planner ≫ add custom workout</h1>
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"/>
178 <div data-role="footer" data-position="fixed">
179 <div data-role="tabbar" data-style="tabbar">
181 <li><a href="#" id="btnNewExercise">Add</a></li>
188 <div data-role="page" id="rangesOfTimes">
189 <div data-role="header">
193 <div data-role="content">
196 <li class="ui-li-3-2-2 center">Start: <span class="ui-li-text-main">
197 <input type="time" name="dateStart" id="startTime"
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" />
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>
213 <input type="radio" name="periodType" id="periodType2"
215 <label for="periodType2">Weekend</label>
217 <input type="radio" name="periodType" id="periodType3"
219 <label for="periodType3">Workday</label>
221 <div class="enableOption">
223 <select id="formEnablePeriod" data-role="slider">
224 <option value="off"></option>
225 <option value="on"></option>
230 <input data-role="button" data-inline="true" type="button"
231 id="updateTime" value="add" />
236 <div data-role="page" id="popupPage">
237 <div data-role="popup" id="popup">
238 <div class="ui-popup-text">
241 <div class="ui-popup-button-bg"></div>
246 <div id="progresscenter">
247 <div id="progresstitle"></div>
248 <div id="progressbar"></div>
249 <div id="loader"><img id="loader-image" src="/usr/share/tizen-web-ui-fw/latest/themes/tizen-white/images/ajax-loader.png"/></div>