| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html i18n-values=" | 2 <html i18n-values=" |
| 3 dir:textdirection; | 3 dir:textdirection; |
| 4 bookmarkbarattached:bookmarkbarattached; | 4 bookmarkbarattached:bookmarkbarattached; |
| 5 hasattribution:hasattribution; | 5 hasattribution:hasattribution; |
| 6 anim:anim; | 6 anim:anim; |
| 7 syncispresent:syncispresent; | 7 syncispresent:syncispresent; |
| 8 has_3d:has_3d"> | 8 has_3d:has_3d"> |
| 9 <head> | 9 <head> |
| 10 <meta charset="utf-8"> | 10 <meta charset="utf-8"> |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 64 * Bitmask for the different UI sections. | 64 * Bitmask for the different UI sections. |
| 65 * This matches the Section enum in ../dom_ui/shown_sections_handler.h | 65 * This matches the Section enum in ../dom_ui/shown_sections_handler.h |
| 66 * @enum {number} | 66 * @enum {number} |
| 67 */ | 67 */ |
| 68 var Section = { | 68 var Section = { |
| 69 THUMB: 1, | 69 THUMB: 1, |
| 70 // LIST is no longer used | 70 // LIST is no longer used |
| 71 RECENT: 4, | 71 RECENT: 4, |
| 72 // TIPS is no longer used | 72 // TIPS is no longer used |
| 73 SYNC: 16, | 73 SYNC: 16, |
| 74 DEBUG: 32 | 74 DEBUG: 32, |
| 75 APPS: 64 |
| 75 }; | 76 }; |
| 76 | 77 |
| 77 var shownSections = templateData['shown_sections']; | 78 var shownSections = templateData['shown_sections']; |
| 78 | 79 |
| 79 // Until themes can clear the cache, force-reload the theme stylesheet. | 80 // Until themes can clear the cache, force-reload the theme stylesheet. |
| 80 document.write('<link id="themecss" rel="stylesheet" ' + | 81 document.write('<link id="themecss" rel="stylesheet" ' + |
| 81 'href="chrome://theme/css/newtab.css?' + | 82 'href="chrome://theme/css/newtab.css?' + |
| 82 Date.now() + '">'); | 83 Date.now() + '">'); |
| 83 | 84 |
| 84 function useSmallGrid() { | 85 function useSmallGrid() { |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 document.documentElement.setAttribute('mode', hashParams['mode']); | 119 document.documentElement.setAttribute('mode', hashParams['mode']); |
| 119 } | 120 } |
| 120 | 121 |
| 121 </script> | 122 </script> |
| 122 </head> | 123 </head> |
| 123 <body class="loading" | 124 <body class="loading" |
| 124 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | 125 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| 125 | 126 |
| 126 <div id="main"> | 127 <div id="main"> |
| 127 | 128 |
| 128 <div id=top-bar> | |
| 129 <input type="button" id="option-button" | |
| 130 i18n-values="title:pagedisplaytooltip"> | |
| 131 </div> | |
| 132 | |
| 133 <menu id="option-menu"> | 129 <menu id="option-menu"> |
| 134 <div command="hide" section="THUMB" i18n-content="mostvisited"></div> | 130 <div command="hide" section="THUMB" i18n-content="mostvisited"></div> |
| 135 <div command="hide" section="RECENT" i18n-content="recentlyclosed"></div> | 131 <div command="hide" section="RECENT" i18n-content="recentlyclosed"></div> |
| 136 <hr> | 132 <hr> |
| 137 <div command="clear-all-blacklisted" | 133 <div command="clear-all-blacklisted" |
| 138 i18n-content="restorethumbnails"></div> | 134 i18n-content="restorethumbnails"></div> |
| 139 </menu> | 135 </menu> |
| 140 | 136 |
| 141 <div id="notification"> | 137 <div id="notification"> |
| 142 <span> </span> | 138 <span> </span> |
| 143 <span class="link"><span class="link-color"></span></span> | 139 <span class="link"><span class="link-color"></span></span> |
| 144 </div> | 140 </div> |
| 145 | 141 |
| 146 <div class="sections"> | 142 <div class="sections"> |
| 147 <div class="section disabled" id="apps-section"></div> | 143 <div class="section" section="APPS" id="apps-section"> |
| 144 <h2><img src="ntp/ntp_disclosure_triangle.png" |
| 145 ><span i18n-content="apps"></span></h2> |
| 146 <div id="apps-section-content"></div> |
| 147 </div> |
| 148 | 148 |
| 149 <div id="most-visited-section" class="section" section="THUMB"> | 149 <div id="most-visited-section" class="section" section="THUMB"> |
| 150 <h2 i18n-content="mostvisited"></h2> | 150 <h2><img src="ntp/ntp_disclosure_triangle.png" |
| 151 ><span i18n-content="mostvisited"></span></h2> |
| 151 <div id="most-visited"></div> | 152 <div id="most-visited"></div> |
| 152 </div> | 153 </div> |
| 153 | 154 |
| 154 <div id="recently-closed" class="section" section="RECENT"> | 155 <div id="recently-closed" class="section" section="RECENT"> |
| 155 <h2 i18n-content="recentlyclosed"></h2> | 156 <h2><span i18n-content="recentlyclosed"></span></h2> |
| 156 <span class="nav"></span> | 157 <span class="nav"></span> |
| 157 </div> | 158 </div> |
| 158 | 159 |
| 159 <div id="debug" class="section disabled" section="DEBUG"> | 160 <div id="debug" class="section disabled" section="DEBUG"> |
| 160 <h2>Debug</h2> | 161 <h2><span>Debug</span></h2> |
| 161 <div id="apps-launch-control"> | 162 <div id="apps-launch-control"> |
| 162 Open apps in:<label | 163 Open apps in:<label |
| 163 ><input type="radio" name="launch-container-type" value="" | 164 ><input type="radio" name="launch-container-type" value="" |
| 164 checked="true">Default</label | 165 checked="true">Default</label |
| 165 ><input type="radio" name="launch-container-type" value="tab" | 166 ><input type="radio" name="launch-container-type" value="tab" |
| 166 >Tab</label | 167 >Tab</label |
| 167 ><label><input type="radio" name="launch-container-type" value="window" | 168 ><label><input type="radio" name="launch-container-type" value="window" |
| 168 >Window</label | 169 >Window</label |
| 169 ><label><input type="radio" name="launch-container-type" value="panel" | 170 ><label><input type="radio" name="launch-container-type" value="panel" |
| 170 >Panel</label> | 171 >Panel</label> |
| 171 </div> | 172 </div> |
| 172 </div> | 173 </div> |
| 173 </div> | 174 </div> |
| 174 | 175 |
| 175 <script> | 176 <script> |
| 176 updateSimpleSection('recently-closed', Section.RECENT); | 177 updateSimpleSection('recently-closed', Section.RECENT); |
| 177 updateSimpleSection('most-visited-section', Section.THUMB); | 178 updateSimpleSection('most-visited-section', Section.THUMB); |
| 179 updateSimpleSection('apps-section', Section.APPS); |
| 178 updateSimpleSection('debug', Section.DEBUG); | 180 updateSimpleSection('debug', Section.DEBUG); |
| 179 </script> | 181 </script> |
| 180 | 182 |
| 181 <div id="sync-status"> | 183 <div id="sync-status"> |
| 182 <h2></h2> | 184 <h2></h2> |
| 183 <span></span> | 185 <span></span> |
| 184 </div> | 186 </div> |
| 185 | 187 |
| 186 <div id="attribution" class="attribution"> | 188 <div id="attribution" class="attribution"> |
| 187 <div i18n-content="attributionintro"></div> | 189 <div i18n-content="attributionintro"></div> |
| 188 <img id="attribution-img"> | 190 <img id="attribution-img"> |
| 189 </div> | 191 </div> |
| 190 | 192 |
| 191 <div id="footer"> | |
| 192 <a href="chrome://history"><span class="link-color" | |
| 193 i18n-content="history"></span></a> | |
| 194 <hr> | |
| 195 <a href="chrome://downloads"><span class="link-color" | |
| 196 i18n-content="downloads"></span></a> | |
| 197 <hr> | |
| 198 <a i18n-values="href:helpurl"><span class="link-color" | |
| 199 i18n-content="help"></span></a> | |
| 200 </div> | |
| 201 | |
| 202 </div> <!-- main --> | 193 </div> <!-- main --> |
| 203 | 194 |
| 204 <div class="window-menu" id="window-tooltip"></div> | 195 <div class="window-menu" id="window-tooltip"></div> |
| 205 | 196 |
| 206 </body> | 197 </body> |
| 207 | 198 |
| 208 <script src="shared/js/i18n_template.js"></script> | 199 <script src="shared/js/i18n_template.js"></script> |
| 209 <script> | 200 <script> |
| 210 i18nTemplate.process(document, templateData); | 201 i18nTemplate.process(document, templateData); |
| 211 </script> | 202 </script> |
| 212 <script src="shared/js/local_strings.js"></script> | 203 <script src="shared/js/local_strings.js"></script> |
| 213 <script src="shared/js/class_list.js"></script> | 204 <script src="shared/js/class_list.js"></script> |
| 214 <script src="shared/js/parse_html_subset.js"></script> | 205 <script src="shared/js/parse_html_subset.js"></script> |
| 215 <script src="ntp/util.js"></script> | 206 <script src="ntp/util.js"></script> |
| 216 <script src="ntp/most_visited.js"></script> | 207 <script src="ntp/most_visited.js"></script> |
| 217 <script src="new_new_tab.js"></script> | 208 <script src="new_new_tab.js"></script> |
| 218 <script src="ntp/apps.js"></script> | 209 <script src="ntp/apps.js"></script> |
| 219 </html> | 210 </html> |
| OLD | NEW |