| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html id="t" jsvalues="dir:textdirection;firstview:firstview"> | 2 <html id="t" jsvalues="dir:textdirection;firstview:firstview"> |
| 3 <!-- | 3 <!-- |
| 4 This page is optimized for perceived performance. Our enemies are the time | 4 This page is optimized for perceived performance. Our enemies are the time |
| 5 taken for the backend to generate our data, and the time taken to parse | 5 taken for the backend to generate our data, and the time taken to parse |
| 6 and render the starting HTML/CSS content of the page. This page is | 6 and render the starting HTML/CSS content of the page. This page is |
| 7 designed to let Chrome do both of those things in parallel. | 7 designed to let Chrome do both of those things in parallel. |
| 8 | 8 |
| 9 1. Defines temporary content callback functions | 9 1. Defines temporary content callback functions |
| 10 2. Fires off requests for content (these can come back 20-150ms later) | 10 2. Fires off requests for content (these can come back 20-150ms later) |
| (...skipping 397 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 408 </td> | 408 </td> |
| 409 <td> | 409 <td> |
| 410 <div class="thumbnail-title"> </div> | 410 <div class="thumbnail-title"> </div> |
| 411 <div class="thumbnail"></div> | 411 <div class="thumbnail"></div> |
| 412 </td> | 412 </td> |
| 413 </tr> | 413 </tr> |
| 414 </table> | 414 </table> |
| 415 </div> | 415 </div> |
| 416 <a href="#" | 416 <a href="#" |
| 417 class="manage non-edit-visible" | 417 class="manage non-edit-visible" |
| 418 onClick="enterEditMode(); return false"> | 418 onclick="enterEditMode(); return false" |
| 419 id="editthumbnails"> |
| 419 <span jscontent="editthumbnails"></span></a> | 420 <span jscontent="editthumbnails"></span></a> |
| 420 <button type="button" class="edit-visible" onClick="exitEditMode();" | 421 <button type="button" class="edit-visible" onclick="exitEditMode();" |
| 421 jscontent="doneediting"></button> | 422 jscontent="doneediting"></button> |
| 422 <button type="button" class="edit-visible" onClick="cancelEdits();" | 423 <button type="button" class="edit-visible" onclick="cancelEdits();" |
| 423 jscontent="cancelediting"></button> | 424 jscontent="cancelediting"></button> |
| 424 <a href="#" | 425 <a href="#" |
| 425 class="manage edit-visible" | 426 class="manage edit-visible" |
| 426 onClick="restoreThumbnails(); return false"> | 427 onclick="restoreThumbnails(); return false"> |
| 427 <span jscontent="restorethumbnails"></span></a> | 428 <span jscontent="restorethumbnails"></span></a> |
| 428 <a href="#" | 429 <a href="#" |
| 429 jsvalues="href:showhistoryurl" | 430 jsvalues="href:showhistoryurl" |
| 430 class="manage non-edit-visible"> | 431 class="manage non-edit-visible"> |
| 431 <span jscontent="showhistory"></span> »</a> | 432 <span jscontent="showhistory"></span> »</a> |
| 432 </div> | 433 </div> |
| 433 </td> | 434 </td> |
| 434 <td valign="top" width="230"> | 435 <td valign="top" width="230"> |
| 435 <div align="right"> | 436 <div align="right"> |
| 436 <img src="../../app/theme/%DISTRIBUTION%/product_logo.png" | 437 <img src="../../app/theme/%DISTRIBUTION%/product_logo.png" |
| (...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 585 if (table.className.indexOf('edit-mode') != -1) | 586 if (table.className.indexOf('edit-mode') != -1) |
| 586 table.className = 'visible edit-mode'; | 587 table.className = 'visible edit-mode'; |
| 587 else | 588 else |
| 588 table.className = 'visible'; | 589 table.className = 'visible'; |
| 589 var table = document.getElementById("mostvisitedtable"); | 590 var table = document.getElementById("mostvisitedtable"); |
| 590 table.innerHTML = ''; | 591 table.innerHTML = ''; |
| 591 | 592 |
| 592 // Show the most visited helptext if most visited is still useless. This is | 593 // Show the most visited helptext if most visited is still useless. This is |
| 593 // a crappy heuristic. | 594 // a crappy heuristic. |
| 594 if (pages.length < 3) { | 595 if (pages.length < 3) { |
| 595 document.getElementById("mostvisitedintro").style.display = "block"; | 596 $('mostvisitedintro').style.display = 'block'; |
| 597 $('editthumbnails').style.display = 'none'; |
| 596 return; | 598 return; |
| 597 } | 599 } |
| 598 | 600 |
| 599 document.getElementById('mostvisitedintro').style.display = 'none'; | 601 $('mostvisitedintro').style.display = 'none'; |
| 600 | 602 |
| 601 // Create the items and add them to rows. | 603 // Create the items and add them to rows. |
| 602 var rows = []; | 604 var rows = []; |
| 603 var rowNum = -1; | 605 var rowNum = -1; |
| 604 for (var i = 0, page; page = pages[i]; ++i) { | 606 for (var i = 0, page; page = pages[i]; ++i) { |
| 605 if (i % 3 == 0) { | 607 if (i % 3 == 0) { |
| 606 rowNum += 1; | 608 rowNum += 1; |
| 607 rows[rowNum] = DOM('tr', {}); | 609 rows[rowNum] = DOM('tr', {}); |
| 608 } | 610 } |
| 609 | 611 |
| (...skipping 402 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1012 background: url(chrome://theme/newtab_closed_window); | 1014 background: url(chrome://theme/newtab_closed_window); |
| 1013 background-repeat: no-repeat; | 1015 background-repeat: no-repeat; |
| 1014 } | 1016 } |
| 1015 html[dir='rtl'] .recent-window-container { | 1017 html[dir='rtl'] .recent-window-container { |
| 1016 background-position: right; | 1018 background-position: right; |
| 1017 padding-right: 22px; | 1019 padding-right: 22px; |
| 1018 } | 1020 } |
| 1019 </style> | 1021 </style> |
| 1020 | 1022 |
| 1021 </html> | 1023 </html> |
| OLD | NEW |