project/templates/callerHistory.tpl

   1         <div data-role="page" id="historyForCallerView">
   2                 <div data-role="header" data-position="fixed" id="header">
   3                         <h1>History for caller</h1>
   4                         <div class="contact">
   5                                 <div class="infoContainer">
   6                                         <div class="photo"></div>
   7                                         <div class="name"></div>
   8                                         <div class="number"><span class="accountId"></span><span class="numberOfEntries"></span></div>
   9                                 </div>
  10                                 <div class="options">
  11                                         <a href="javascript:void(0)" data-role="button" class="actionButton" id="callActionBtn" data-inline="true">Call</a>
  12                                         <a href="javascript:void(0)" data-role="button" class="actionButton" id="smsActionBtn" data-inline="true">Message</a>
  13                                 </div>
  14                         </div>
  15                 </div>
  16                 <div data-role="content" id="callerListContainer">
  17                         <div class="selectAllBox">
  18                                 <div class="toRemove">
  19                                         <input type="checkbox" id="selectAllDetails"/>
  20                                 </div>
  21                                 <p id="selectAllText">Select all</p>
  22                         </div>
  23                         <div id="content">
  24                                 <ul data-role="listview" id="forCallerList"></ul>
  25                         </div>
  26                 </div>
  27                 <div data-role="footer" data-position="fixed">
  28                         <div data-role="tabbar" data-style="toolbar" id="delete-toolbar">
  29                                 <ul>
  30                                         <li id="delete">
  31                                                 <a id="deleteActionBtn">Delete</a>
  32                                         </li>
  33                                 </ul>
  34                         </div>
  35                 </div>
  36         </div>