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                 <!--
  12                 <label for="title">Title</label>
  13                 <div><input type="text" id="title" /></div>
  14                 -->
  15
  16                 <label for="des">Description</label>
  17                 <div><input type="text" id="des" maxlength="10"></textarea></div>
  18
  19                 <!--
  20                 <label for="location">Location</label>
  21                 <div><input type="text" id="location" value="location" /></div>
  22                 -->
  23
  24                 <label for="demo-date-1">Start</label>
  25                 <div>
  26                     <span class="ui-li-text-main">
  27                         <input type="datetime" id="demo-date-1" data-format="MMM dd yyyy HH:mm"/>
  28                     </span>
  29                 </div>
  30
  31                 <label for="demo-date-2">End</label>
  32                 <div>
  33                     <span class="ui-li-text-main">
  34                         <input type="datetime" name="demo-date-2" id="demo-date-2" data-format="MMM dd yyyy HH:mm"/>
  35                     </span>
  36                 </div>
  37             </fieldset>
  38
  39             <!--
  40             <fieldset class="ui-grid-a">
  41                 <div class="ui-block-a"><label for="switch-1">Full Day Event</label></div>
  42                 <div class="ui-block-b">
  43                     <div id="switch-1" data-role="toggleswitch" data-checked="false"></div>
  44                 </div>
  45             </fieldset>
  46             -->
  47
  48             <a id="add_alarm" href="#new_alarm" data-role="button">Add alarm</a>
  49         </div><!-- /content -->
  50
  51         <div data-role="footer" data-position="fixed">
  52             <div data-role="tabbar" data-style="tabbar" >
  53                 <ul>
  54                     <li><a href="#home" id="add-event-btn" data-inline="true" data-icon="ctrlbar-check">OK</a></li>
  55                     <li><a href="#home" data-inline="true" data-icon="ctrlbar-back">Cancel</a></li>
  56                 </ul>
  57             </div><!-- /controlbar -->
  58         </div><!-- /footer -->
  59
  60         <div id="center_info" data-role="popupwindow" data-style="center_info">
  61             <div data-role="text"><p>
  62             Pop-up dialog box, a child
  63             window that blocks user inter-
  64             act to the parent windows
  65             </p></div>
  66         </div>
  67
  68     </div><!-- /new_event -->