templates/new_event.tpl

   1         <!-- Start of the new event form: #new_event -->
   2         <div data-role="page" id="new_event">
   3
   4                 <div data-role="header" data-position="fixed">
   5                         <h1>New Event</h1>
   6                 </div><!-- /header -->
   7
   8                 <div data-role="content">
   9
  10                         <fieldset>
  11                                 <label for="title">Title</label>
  12                                 <div><input type="text" name="summary" id="title" maxlength="10"/></div>
  13
  14                                 <label for="demo-date-1">Start</label>
  15                                 <div id="date-1">
  16                                         <span class="ui-li-text-main">
  17                                                 <input type="datetime" name="startDate" id="demo-date-1" data-format="MMM dd yyyy HH:mm"/>
  18                                         </span>
  19                                 </div>
  20
  21                                 <label for="demo-date-2">End</label>
  22                                 <div id="date-2">
  23                                         <span class="ui-li-text-main">
  24                                                 <input type="datetime" name="endDate" id="demo-date-2" data-format="MMM dd yyyy HH:mm"/>
  25                                         </span>
  26                                 </div>
  27                                 <label for="title">Alarm</label>
  28                                 <div>
  29                                         <span id="alarm">-</span> <a id="add_alarm" href="#new_alarm" data-inline="true" data-role="button">change</a>
  30                                 </div>
  31                         </fieldset>
  32
  33                 </div><!-- /content -->
  34
  35                 <div data-role="footer" data-position="fixed">
  36                         <div data-role="tabbar" data-style="tabbar" >
  37                                 <ul>
  38                                         <li><a href="#home" id="add-event-btn" data-inline="true" data-icon="ctrlbar-check">OK</a></li>
  39                                         <li><a href="#home" id="add-event-cancel-btn" data-inline="true" data-icon="ctrlbar-back">Cancel</a></li>
  40                                 </ul>
  41                         </div><!-- /controlbar -->
  42                 </div><!-- /footer -->
  43
  44                 <div id="center_info" data-role="popupwindow" data-style="center_info">
  45                         <div data-role="text"><p>
  46                         Pop-up dialog box, a child
  47                         window that blocks user inter-
  48                         act to the parent windows
  49                         </p></div>
  50                 </div>
  51
  52         </div><!-- /new_event -->