</div>
<div data-role="footer" data-position="fixed">
- <div id="selectExercisesBar" data-role="tabbar" data-style="toolbar">
- <ul>
- <li><a href="#selectExercises">Select Workouts</a></li>
- </ul>
+ <div data-role="button" id="selectExercisesBar">
+ Select Workouts
</div>
</div>
</div>
</div>
<div data-role="footer" data-position="fixed">
- <div data-role="tabbar" data-style="tabbar">
- <ul>
- <li><a href="#customExercises" id="add_custom_workout_btn">Add Custom Workout</a></li>
- </ul>
+ <div data-role="button" id="add_custom_workout_btn">
+ Add Custom Workout
</div>
</div>
</div>
<div data-role="footer" data-position="fixed">
- <div data-role="tabbar" data-style="tabbar">
- <ul>
- <li><a href="#" id="btnNewExercise">Add</a></li>
- </ul>
+ <div data-role="button" id="btnNewExercise">
+ Add
</div>
</div>
-
</div>
<div data-role="page" id="rangesOfTimes">
UI.prototype.showWaitOk = function () {
$('#mainControl').hide();
- $('#one .ui-btn-back').hide();
$('#onAlertControl').tabbar();
$('#onAlertControl').show();
$('#startStop').blur();
});
+ $('#options').on('click', function () {
+ $.mobile.changePage('#two');
+ });
+
+ $('#selectExercisesBar').on('click', function () {
+ $.mobile.changePage('#selectExercises');
+ });
+
+ $('#add_custom_workout_btn').on('click', function () {
+ $.mobile.changePage('#customExercises');
+ });
+
window.addEventListener('tizenhwkey', function(e) {
if (e.keyName == 'back') {
if ($.mobile.popup.active) {