Implement History as HTML and add/change a bunch of stuff to make it easier t...

chrome/browser/resources/new_tab.html

Index: chrome/browser/resources/new_tab.html
===================================================================
--- chrome/browser/resources/new_tab.html	(revision 6238)
+++ chrome/browser/resources/new_tab.html	(working copy)
@@ -180,7 +180,7 @@
   -webkit-transition:all 0.12s;
 }
 .thumbnail-title {
-  background-image:url(chrome-resource://favicon/);
+  background-image:url(chrome://favicon/);
   display:block;
   background-repeat:no-repeat;
   background-size:16px;
@@ -359,7 +359,7 @@
       <form onsubmit="chrome.send('searchHistoryPage', [this.search.value]); return false;">
         <input type="text" class="hint"
                name="search"
-               style="background-image:url(chrome-resource://favicon/);"
+               style="background-image:url(chrome://favicon/);"
                jsvalues="value:searchhistory"
                onfocus="handleInputFocus.apply(this);"
                onblur="handleInputBlur.apply(this);" />
@@ -416,12 +416,12 @@
   /* Create the thumbnail */
   var img_thumbnail = DOM('img', {className:'thumbnail'});
   img_thumbnail.setAttribute('onload', "logEvent('image loaded');");
-  img_thumbnail.src = 'chrome-resource://thumb/' + page.url;
+  img_thumbnail.src = 'chrome://thumb/' + page.url;
 
   /* Create the title */
   var div_title = DOM('div', {className:'thumbnail-title'});
   div_title.style.backgroundImage =
-      'url("chrome-resource://favicon/' + page.url + '")';
+      'url("chrome://favicon/' + page.url + '")';
   if (page.title) {
     div_title.appendChild(document.createTextNode(page.title));
   } else {
@@ -484,7 +484,7 @@
   /* The HTML we want looks like this:
      <form>
      <input type="text" class="hint"
-            style="background-image:url(chrome-resource://favicon/"+url+");"
+            style="background-image:url(chrome://favicon/"+url+");"
             value="Search Wikipedia"
             onfocus="handleInputFocus();"
             onblur="handleInputBlur();" />
@@ -497,10 +497,10 @@
 
   if (url.favIconURL) {
     input.style.backgroundImage =
-      'url("chrome-resource://favicon/iconurl/' + url.favIconURL + '")';
+      'url("chrome://favicon/iconurl/' + url.favIconURL + '")';
   } else {
     input.style.backgroundImage =
-      'url("chrome-resource://favicon/http://' + url.short_name + '")';
+      'url("chrome://favicon/http://' + url.short_name + '")';
   }
 
   input.onfocus = handleInputFocus;
@@ -555,7 +555,7 @@
           chrome.send("metrics", ["NTP_Bookmark" + i])
           }, false);
       link.style.backgroundImage =
-          'url("chrome-resource://favicon/' + entry.url + '")';
+          'url("chrome://favicon/' + entry.url + '")';
       link.appendChild(document.createTextNode(entry.title));
       container.appendChild(link);
     }
@@ -593,7 +593,7 @@
         }
       }(entry.sessionId);
 
-      link.style.backgroundImage = 'url("chrome-resource://favicon/' + entry.url + '")';
+      link.style.backgroundImage = 'url("chrome://favicon/' + entry.url + '")';
       link.appendChild(document.createTextNode(entry.title));
       container.appendChild(link);
     }