<!DOCTYPE html>
<html>
-
<head>
-<meta charset="utf-8" />
-<meta name="description" content="Alerts" />
-<meta name="viewport" content="width=480, user-scalable=no" />
-
-<title>Exercise planner</title>
-
-<script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
-<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
-<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
- data-framework-theme="tizen-white"></script>
+ <meta charset="utf-8" />
+ <meta name="description" content="Event manager" />
+ <meta name="viewport" content="width=480, user-scalable=no" />
-<script defer="defer" src="./js/UI.js"></script>
-<script defer="defer" src="./js/UI.simpleTemplate.js"></script>
-<script defer="defer" src="./js/ext.jqMobile.js"></script>
-<script defer="defer" src="./js/GraphSchedule.js"></script>
+ <title>Event manager</title>
-<script defer="defer" src="./js/app.js"></script>
-<script defer="defer" src="./js/app.alarms.js"></script>
-<script defer="defer" src="./js/app.timeRange.js"></script>
-<script defer="defer" src="./js/app.alarmsGenerating.js"></script>
-<script defer="defer" src="./js/app.onAlarm.js"></script>
-<script defer="defer" src="./js/main.js"></script>
+ <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+ <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+ <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
+ data-framework-theme="tizen-white"></script>
-<link rel="stylesheet" type="text/css" href="./css/style.css" />
-<link rel="stylesheet" type="text/css" href="./css/GraphSchedule.css" />
+ <script type="text/javascript" src="js/main.js"></script>
+ <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
-
<body>
- <div data-role="page" id="one" data-footer-exist="true">
- <div data-role="content" data-scroll="none" class="screen" id="frontPageContent">
- <div id="logo">Exercise planner</div>
- <div id="status"></div>
- <div class="schedule"></div>
- <div id="communicate"></div>
- <div id="sentence"></div>
- <div id="signature"></div>
- </div>
-
- <div data-role="footer" data-position="fixed">
- <div data-role="tabbar" id="mainControl" data-style="tabbar">
- <ul>
- <li><a href="#" id="startStop">Stop Training</a></li>
- <li><a href="#two" id="options">Options</a></li>
- </ul>
- </div>
-
- <div id="onAlertControl" data-style="tabbar"
- style="display: none;">
- <ul>
- <li><a href="#" id="ok">OK</a></li>
- <li><a href="#" id="wait">Wait</a></li>
- <li><a href="#" id="todayOffAll">Today Off All</a></li>
- </ul>
- </div>
- </div>
- </div>
-
- <div data-role="page" id="two">
- <div data-role="header" data-position="fixed">
- <h1>Exercise planner ≫ options</h1>
- </div>
-
- <div data-role="content">
- <div class="myContent">
-
- <div data-role="fieldcontain" class="frequency">
- <div>Frequency</div>
- <fieldset data-role="controlgroup" data-type="horizontal" id="frequency">
- <input type="radio" name="radioFrequency"
- data-icon="segment-titlestyle-segonly" id="freq1" value="1" />
- <label for="freq1">1</label>
- <input type="radio" name="radioFrequency"
- data-icon="segment-titlestyle-segonly" id="freq2" value="2" />
- <label for="freq2">2</label>
- <input type="radio" name="radioFrequency"
- data-icon="segment-titlestyle-segonly" id="freq3" value="3" />
- <label for="freq3">3</label>
- <input type="radio" name="radioFrequency"
- data-icon="segment-titlestyle-segonly" id="freq4" value="4" />
- <label for="freq4">4</label>
- <input type="radio" name="radioFrequency"
- data-icon="segment-titlestyle-segonly" id="freq5" value="5" />
- <label for="freq5">5</label>
- </fieldset>
- </div>
-
- <div class="scheduleOptions"></div>
-
- <div data-role="tabbar" data-style="tabbar" class="typeOfPeriods">
- <ul>
- <li id="workdaysType"><a>Workday</a></li>
- <li id="weekendType"><a>Weekend</a></li>
- </ul>
- </div>
-
- <div data-role="fieldcontain" class="strength">
- <div>Strength</div>
- <fieldset data-role="controlgroup" data-type="horizontal"
- id="strength">
- <input type="radio" name="radioStrength"
- data-icon="segment-titlestyle-segonly" id="stre1" value="1" />
- <label for="stre1">1</label>
- <input type="radio" name="radioStrength"
- data-icon="segment-titlestyle-segonly" id="stre2" value="2" />
- <label for="stre2">2</label>
- <input type="radio" name="radioStrength"
- data-icon="segment-titlestyle-segonly" id="stre3" value="3" />
- <label for="stre3">3</label>
- <input type="radio" name="radioStrength"
- data-icon="segment-titlestyle-segonly" id="stre4" value="4" />
- <label for="stre4">4</label>
- <input type="radio" name="radioStrength"
- data-icon="segment-titlestyle-segonly" id="stre5" value="5" />
- <label for="stre5">5</label>
- </fieldset>
- </div>
-
- <div class="increasingStrength">
- <input type="checkbox" name="tizen-check1-1"
- id="increasingStrength" />
- <label for="increasingStrength">Progressive Effort</label>
- </div>
-
- <a data-role="button" data-icon="plus" id="addTimeRange" data-inline="false">Add Time</a>
- <ul data-role="swipelist" id="availableTime"></ul>
-
- </div>
- </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>
- </div>
- </div>
-
- <div data-role="page" id="selectExercises">
- <div data-role="header" data-position="fixed">
- <h2>Exercise planner ≫ select workouts</h2>
- </div>
-
- <div data-role="content">
- <div class="optionsExercises">
- <div>Select Workouts</div>
- <ul data-role="listview" id="exercises"></ul>
- </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>
- </div>
-
- </div>
-
- <div data-role="page" id="customExercises">
- <div data-role="header" data-position="fixed">
- <h1>Exercise planner ≫ add custom workout</h1>
- </div>
-
- <div data-role="content">
- <div class="newExerciseName">
- <div>Enter workout name:</div>
- <input data-role="input" type="text" name="newExercise"
- id="newExerciseName" maxlength="20"/>
- </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>
- </div>
-
- </div>
-
- <div data-role="page" id="rangesOfTimes">
- <div data-role="header">
- <h1>Add Time</h1>
- </div>
-
- <div data-role="content">
- <div>
- <ul class="times">
- <li class="ui-li-3-2-2 center">Start: <span class="ui-li-text-main">
- <input type="time" name="dateStart" id="startTime"
- data-format="H" />
- </span>hour
- </li>
- <li class="ui-li-3-2-2 center">Duration: <span class="ui-li-text-main">
- <input type="time" name="duration" id="duration" data-format="H" />
- </span> hours
- </li>
- </ul>
-
- <fieldset data-role="controlgroup" class="selectPeriodType">
- <legend>Choose a type of period:</legend>
- <input type="radio" name="periodType" id="periodType1"
- value="everyday" checked="checked" />
- <label for="periodType1">Everyday</label>
-
- <input type="radio" name="periodType" id="periodType2"
- value="weekend" />
- <label for="periodType2">Weekend</label>
-
- <input type="radio" name="periodType" id="periodType3"
- value="workday" />
- <label for="periodType3">Workday</label>
- </fieldset>
- <div class="enableOption">
- <span>Enabled</span>
- <select id="formEnablePeriod" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </div>
- </div>
-
- <input data-role="button" data-inline="true" type="button"
- id="updateTime" value="add" />
- </div>
-
- </div>
-
- <div data-role="page" id="popupPage">
- <div data-role="popup" id="popup">
- <div class="ui-popup-text">
- <p class="text"></p>
- </div>
- <div class="ui-popup-button-bg"></div>
- </div>
- </div>
-
- <div id="progress">
- <div id="progresscenter">
- <div id="progresstitle"></div>
- <div id="progressbar"></div>
- <div id="loader"><img id="loader-image" src="tizen-web-ui-fw/latest/themes/tizen-white/images/ajax-loader.png"/></div>
- </div>
- </div>
-
+ <div data-role="page" id="mock"></div>
+ <!-- necessary for cross page popup -->
+
+ <div data-role="page" id="popup_page">
+ <div data-role="popup" id="popup">
+ <div class="ui-popup-text">
+ <p></p>
+ </div>
+ <div class="ui-popup-button-bg"></div>
+ </div>
+ </div>
</body>
</html>
projects / apps / web / sample / ExercisePlanner.git / blobdiff