project/templates/main.tpl

   1     <div data-role="page" id="main">
   2         <div data-role="header" data-position="fixed">
   3             <h1 id="mainTitle" class="white-space-pre"></h1>
   4             <a id="homeBtn">Home</a>
   5             <a id="levelUpBtn">Up</a>
   6             <div id="navbar" class="white-space-pre"></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 data-role="popup" class="center_title_2btn" id="addFolderPopup">
  18                 <div class="ui-popup-title">
  19                     <h1>Add new folder<h1>
  20                 </div>
  21                 <div class="ui-popup-text">
  22                     <form id="newFolderForm">
  23                         <input id="newFolderName" type="text" value="New folder" class="newFolder" maxlength="85" />
  24                     </form>
  25                 </div>
  26                 <div class="ui-popup-button-bg">
  27                     <a data-role="button" id="cancelNewFolder" id="btn_textbox_popup_cancel" data-rel="back" data-inline="true">Cancel</a>
  28                     <a data-role="button" id="saveNewFolder" data-rel="back" data-inline="true">Save</a>
  29                 </div>
  30             </div>
  31             <div data-role="popup" id="alertPopup" class="ui-corner-all">
  32                 <p class="text"></p>
  33                 <div class="alertPopup-button">
  34                     <a href="#" data-role="button" data-inline="true" data-rel="back">OK</a>
  35                 </div>
  36             </div>
  37             <div data-role="popup" id="confirmPopup" class="ui-corner-all">
  38                 <div class="ui-popup-text">
  39                     <p class="text"></p>
  40                 </div>
  41                 <div class="ui-popup-button-bg">
  42                     <a data-role="button" data-rel="back" data-inline="true">CANCEL</a>
  43                     <a data-role="button" data-rel="back" data-inline="true" class="confirm">OK</a>
  44                 </div>
  45             </div>
  46         </div>
  47
  48         <div data-role="footer" data-position="fixed">
  49             <div class="ui-myToolBar">
  50                 <div data-role="tabbar" class="standardTabbar">
  51                     <ul>
  52                         <li><a id="editActionBtn" href="#">Edit</a></li>
  53                         <li><a id="moreActionBtn" href="#morePopup" data-rel="popup">More</a></li>
  54                         <li id="li-myExit">
  55                             <a id="a-myExit" href="#" class="ui-myExit">Exit</a>
  56                         </li>
  57                     </ul>
  58                 </div>
  59                 <div data-role="tabbar" class="editTabbar" style="display: none">
  60                     <ul>
  61                         <li><a id="deleteActionBtn" href="#">Delete</a></li>
  62                         <li><a id="moveActionBtn" href="#">Move</a></li>
  63                         <li><a id="copyActionBtn" href="#">Copy</a></li>
  64                         <li><a id="cancelActionBtn" href="#">Cancel</a></li>
  65                     </ul>
  66                 </div>
  67             </div>
  68             <div id="morePopup" data-role="popup">
  69                 <table>
  70                     <tr id="newFolderActionBtnRow">
  71                         <td class="text">
  72                             <a id="newFolderActionBtn" href="#addFolderPopup" class="newFolder" data-rel="popup"
  73                                 data-position-to="window" data-shadow="true" tabindex="0">New folder</a>
  74                         </td>
  75                     </tr>
  76                     <tr id="pasteActionBtnRow">
  77                         <td class="text">
  78                             <a id="pasteActionBtn" data-position-to="window" data-shadow="true" tabindex="0">Paste to folder</a>
  79                         </td>
  80                     </tr>
  81                 </table>
  82             </div>
  83         </div>
  84     </div>