templates/main.tpl

   1         <div data-role="page" id="main">
   2                 <div data-role="header" data-position="fixed">
   3                         <h1 id="mainTitle"></h1>
   4                         <a id="homeBtn" style="width:40px;">Home</a>
   5                         <a id="levelUpBtn">Up</a>
   6                         <div id="navbar"></div>
   7                         <div class="selectAll" style="display: none">
   8                                 <form>
   9                                         <input type="checkbox" name="tizen-check1-1" id="normal-check1" />
  10                                         <label for="normal-check1" class="select_all">&nbsp;Select&nbsp;all</label>
  11                                 </form>
  12                         </div>
  13                 </div>
  14
  15                 <div data-role="content">
  16                         <ul id="fileList" data-role="listview"></ul>
  17                 </div>
  18
  19                 <div data-role="footer" data-position="fixed">
  20                         <div class="ui-myToolBar">
  21                                 <div data-role="tabbar" class="standardTabbar">
  22                                         <ul>
  23                                                 <li><a id="editActionBtn" href="#">Edit</a></li>
  24                                                 <li><a id="moreActionBtn" href="#morePopup" data-rel="popupwindow">More</a></li>
  25                                                 <li id="li-myExit">
  26                                                         <a id="a-myExit" href="#" class="ui-myExit">Exit</a>
  27                                                 </li>
  28                                         </ul>
  29                                 </div>
  30                                 <div data-role="tabbar" class="editTabbar" style="display: none">
  31                                         <ul>
  32                                                 <li><a id="deleteActionBtn" href="#">Delete</a></li>
  33                                                 <li><a id="moveActionBtn" href="#">Move</a></li>
  34                                                 <li><a id="copyActionBtn" href="#">Copy</a></li>
  35                                                 <li><a id="cancelActionBtn" href="#">Cancel</a></li>
  36                                         </ul>
  37                                 </div>
  38                                 <div class="horizontal" id="morePopup" data-role="popupwindow" data-show-arrow="true">
  39                                         <table>
  40                                                 <tr id="newFolderActionBtnRow">
  41                                                         <td class="text">
  42                                                                 <a id="newFolderActionBtn" href="#addFolderPopup" class="newFolder" data-rel="popup" data-position-to="window" data-shadow="true">New folder</a>
  43                                                         </td>
  44                                                 </tr>
  45                                                 <tr id="pasteActionBtnRow">
  46                                                         <td class="text">
  47                                                                 <a id="pasteActionBtn" data-position-to="window" data-shadow="true">Paste to folder</a>
  48                                                         </td>
  49                                                 </tr>
  50                                         </table>
  51                                 </div>
  52                                 <div class="horizontal" id="addFolderPopup" data-role="popup" data-style="center_title_2btn" data-corners="true" >
  53                                         <p data-role="title">Add new folder</p>
  54                                         <p data-role="text">
  55                                                 <input id="newFolderName" type="text" value="New folder" class="newFolder" />
  56                                         </p>
  57                                         <p data-role="text">
  58                                                 <input type="button" id="saveNewFolder" value="Save" data-inline="true" />
  59                                                 <input type="button" id="cancelNewFolder" value="Cancel" data-inline="true" />
  60                                         </p>
  61                                 </div>
  62                         </div>
  63                 </div>
  64         </div>