Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(75)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/ntp_search/new_tab.html

Issue 10829131: Refactoring NTP5: new implementation of TilePage and MostVisitedPage (which now inherits from Thumb… (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: Implemented changes suggested by Jeremy Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« chrome/browser/resources/ntp_search/most_visited_page.js ('K') | « chrome/browser/resources/ntp_search/new_tab.css ('k') | chrome/browser/resources/ntp_search/new_tab.js » ('j') | chrome/browser/resources/ntp_search/new_tab.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html i18n-values=" 2 <html i18n-values="
3 dir:textdirection; 3 dir:textdirection;
4 hasattribution:hasattribution; 4 hasattribution:hasattribution;
5 themegravity:themegravity; 5 themegravity:themegravity;
6 bookmarkbarattached:bookmarkbarattached;" 6 bookmarkbarattached:bookmarkbarattached;"
7 class="starting-up"> 7 class="starting-up">
8 <head> 8 <head>
9 <meta charset="utf-8"> 9 <meta charset="utf-8">
10 <title i18n-content="title"></title> 10 <title i18n-content="title"></title>
11 <!-- Don't scale the viewport in either portrait or landscape mode. 11 <!-- Don't scale the viewport in either portrait or landscape mode.
12 Note that this means apps will be reflowed when rotated (like iPad). 12 Note that this means apps will be reflowed when rotated (like iPad).
13 If we wanted to maintain position we could remove 'maximum-scale' so 13 If we wanted to maintain position we could remove 'maximum-scale' so
14 that we'd zoom out in portrait mode, but then there would be a bunch 14 that we'd zoom out in portrait mode, but then there would be a bunch
15 of unusable space at the bottom. 15 of unusable space at the bottom.
16 --> 16 -->
17 <meta name="viewport" 17 <meta name="viewport"
18 content="user-scalable=no, width=device-width, maximum-scale=1.0"> 18 content="user-scalable=no, width=device-width, maximum-scale=1.0">
19 19
20 <!-- Mock setup -->
21 <script src="../shared/js/load_time_data.js"></script>
22 <!-- -->
jeremycho_google 2012/08/03 20:51:24 Delete?
pedrosimonetti2 2012/08/03 22:02:39 I'm going to actually comment out the mock script
23 <script src="mock/mock.js"></script>
24 <script src="mock/mockData.js"></script>
25 <!-- Mock setup end -->
26
27
20 <!-- It's important that this be the first script loaded. --> 28 <!-- It's important that this be the first script loaded. -->
21 <script src="../ntp4/logging.js"></script> 29 <script src="../ntp4/logging.js"></script>
22 30
23 <link rel="stylesheet" href="../shared/css/bubble.css"> 31 <link rel="stylesheet" href="../shared/css/bubble.css">
24 <link rel="stylesheet" href="../shared/css/expandable_bubble.css"> 32 <link rel="stylesheet" href="../shared/css/expandable_bubble.css">
25 <link rel="stylesheet" href="../shared/css/menu.css"> 33 <link rel="stylesheet" href="../shared/css/menu.css">
26 <link rel="stylesheet" href="../shared/css/menu_button.css"> 34 <link rel="stylesheet" href="../shared/css/menu_button.css">
27 <link rel="stylesheet" href="../shared/css/trash.css"> 35 <link rel="stylesheet" href="../shared/css/trash.css">
28 <link rel="stylesheet" href="../shared/css/widgets.css"> 36 <link rel="stylesheet" href="../shared/css/widgets.css">
29 <link rel="stylesheet" href="../ntp4/apps_page.css"> 37 <link rel="stylesheet" href="../ntp4/apps_page.css">
30 <link rel="stylesheet" href="chrome://newtab/suggestions_page.css"> 38 <link rel="stylesheet" href="../ntp4/suggestions_page.css">
31 <link rel="stylesheet" href="../ntp4/most_visited_page.css"> 39
40 <link rel="stylesheet" href="most_visited_page.css">
41
32 <link rel="stylesheet" href="../ntp4/nav_dot.css"> 42 <link rel="stylesheet" href="../ntp4/nav_dot.css">
33 <link rel="stylesheet" href="../ntp4/new_tab.css"> 43 <link rel="stylesheet" href="../ntp4/new_tab.css">
44
45 <!--
34 <link rel="stylesheet" href="../ntp4/footer_menu.css"> 46 <link rel="stylesheet" href="../ntp4/footer_menu.css">
47 -->
48
49 <!--
35 <link rel="stylesheet" href="../ntp4/tile_page.css"> 50 <link rel="stylesheet" href="../ntp4/tile_page.css">
51 -->
52
36 <link id="themecss" rel="stylesheet"> 53 <link id="themecss" rel="stylesheet">
37 54
55 <link rel="stylesheet" href="new_tab.css">
56 <link rel="stylesheet" href="thumbnail_page.css">
57
58
38 <script src="../shared/js/event_tracker.js"></script> 59 <script src="../shared/js/event_tracker.js"></script>
60 <!--
39 <script src="../shared/js/load_time_data.js"></script> 61 <script src="../shared/js/load_time_data.js"></script>
62 -->
40 <script src="../shared/js/parse_html_subset.js"></script> 63 <script src="../shared/js/parse_html_subset.js"></script>
41 <script src="../shared/js/util.js"></script> 64 <script src="../shared/js/util.js"></script>
42 65
43 <script src="../shared/js/cr.js"></script> 66 <script src="../shared/js/cr.js"></script>
44 <script src="../shared/js/cr/ui.js"></script> 67 <script src="../shared/js/cr/ui.js"></script>
45 <script src="../shared/js/cr/ui/bubble.js"></script> 68 <script src="../shared/js/cr/ui/bubble.js"></script>
46 <script src="../shared/js/cr/ui/card_slider.js"></script> 69 <script src="../shared/js/cr/ui/card_slider.js"></script>
47 <script src="../shared/js/cr/ui/context_menu_handler.js"></script> 70 <script src="../shared/js/cr/ui/context_menu_handler.js"></script>
48 <script src="../shared/js/cr/ui/drag_wrapper.js"></script> 71 <script src="../shared/js/cr/ui/drag_wrapper.js"></script>
49 <script src="../shared/js/cr/ui/expandable_bubble.js"></script> 72 <script src="../shared/js/cr/ui/expandable_bubble.js"></script>
50 <script src="../shared/js/cr/ui/menu.js"></script> 73 <script src="../shared/js/cr/ui/menu.js"></script>
51 <script src="../shared/js/cr/ui/menu_item.js"></script> 74 <script src="../shared/js/cr/ui/menu_item.js"></script>
52 <script src="../shared/js/cr/ui/position_util.js"></script> 75 <script src="../shared/js/cr/ui/position_util.js"></script>
53 <script src="../shared/js/cr/ui/menu_button.js"></script> 76 <script src="../shared/js/cr/ui/menu_button.js"></script>
54 <script src="../shared/js/cr/ui/context_menu_button.js"></script> 77 <script src="../shared/js/cr/ui/context_menu_button.js"></script>
55 <script src="../shared/js/cr/ui/touch_handler.js"></script> 78 <script src="../shared/js/cr/ui/touch_handler.js"></script>
56 79
57 <script src="../ntp4/tile_page.js"></script> 80 <script src="../ntp4/tile_page.js"></script>
58 <script src="../ntp4/apps_page.js"></script> 81 <script src="../ntp4/apps_page.js"></script>
59 <script src="../ntp4/dot_list.js"></script> 82 <script src="../ntp4/dot_list.js"></script>
83
84
85 <script src="./tile_page.js"></script>
86 <script src="./thumbnail_page.js"></script>
87 <script src="./most_visited_page.js"></script>
88
89 <!--
60 <script src="../ntp4/most_visited_page.js"></script> 90 <script src="../ntp4/most_visited_page.js"></script>
91 -->
92
61 <script src="../ntp4/trash.js"></script> 93 <script src="../ntp4/trash.js"></script>
62 <script src="../ntp4/page_list_view.js"></script> 94 <script src="../ntp4/page_list_view.js"></script>
63 <script src="../ntp4/page_switcher.js"></script> 95 <script src="../ntp4/page_switcher.js"></script>
64 96
65 <script src="../ntp4/nav_dot.js"></script> 97 <script src="../ntp4/nav_dot.js"></script>
66 <script src="../ntp4/new_tab.js"></script> 98
99 <script src="./new_tab.js"></script>
100
67 <script src="../ntp4/recently_closed.js"></script> 101 <script src="../ntp4/recently_closed.js"></script>
68 <script src="../ntp4/other_sessions.js"></script> 102 <script src="../ntp4/other_sessions.js"></script>
69 </head> 103 </head>
70 104
71 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 105 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
72 <button id="login-container" class="custom-appearance" hidden> 106 <button id="login-container" class="custom-appearance" hidden>
73 <div id="login-status-header-container" class="login-status-row"> 107 <div id="login-status-header-container" class="login-status-row">
74 <div id="login-status-header"></div> 108 <div id="login-status-header"></div>
75 </div> 109 </div>
76 <div id="login-status-sub-header"></div> 110 <div id="login-status-sub-header"></div>
77 </button> 111 </button>
78 112
79 <div id="notification-container" class="inactive" hidden> 113 <div id="notification-container" class="inactive" hidden>
80 <div id="notification"> 114 <div id="notification">
81 <span></span> 115 <span></span>
82 <div id="notificationLinks"></div> 116 <div id="notificationLinks"></div>
83 <button class="close-button custom-appearance" class="custom-appearance"> 117 <button class="close-button custom-appearance" class="custom-appearance">
84 </button> 118 </button>
85 </div> 119 </div>
86 </div> 120 </div>
87 121
88 <div id="card-slider-frame"> 122 <div id="card-slider-frame">
123 <div id="page-list-menu">
124 <ul id="dot-list"></ul>
125 </div>
89 <button id="page-switcher-start" class="page-switcher custom-appearance" 126 <button id="page-switcher-start" class="page-switcher custom-appearance"
90 tabindex="2" hidden>‹ 127 tabindex="2" hidden>‹
91 </button> 128 </button>
92 <div id="page-list"></div> 129 <div id="page-list"></div>
93 <button id="page-switcher-end" class="page-switcher custom-appearance" 130 <button id="page-switcher-end" class="page-switcher custom-appearance"
94 tabindex="2" hidden>› 131 tabindex="2" hidden>›
95 </button> 132 </button>
96 <div id="attribution"> 133 <div id="attribution">
97 <span i18n-content="attributionintro"></span> 134 <span i18n-content="attributionintro"></span>
98 <img id="attribution-img"> 135 <img id="attribution-img">
99 </div> 136 </div>
100 </div> 137 </div>
101 138
102 <div id="footer"> 139 <div id="footer">
103 <div id="footer-border"></div> 140 <div id="footer-border"></div>
104 <div id="footer-content"> 141 <div id="footer-content">
105 <img id="logo-img" src="chrome://theme/IDR_PRODUCT_LOGO"> 142 <img id="logo-img" src="chrome://theme/IDR_PRODUCT_LOGO">
106 143
107 <ul id="dot-list">
108 </ul>
109
110 <div class="menu-container"> 144 <div class="menu-container">
111 <button id="recently-closed-menu-button" 145 <button id="recently-closed-menu-button"
112 class="footer-menu-button custom-appearance"> 146 class="footer-menu-button custom-appearance">
113 <span i18n-content="recentlyclosed"></span> 147 <span i18n-content="recentlyclosed"></span>
114 <div class="disclosure-triangle"></div> 148 <div class="disclosure-triangle"></div>
115 </button> 149 </button>
116 150
117 <button id="other-sessions-menu-button" 151 <button id="other-sessions-menu-button"
118 class="footer-menu-button custom-appearance invisible"> 152 class="footer-menu-button custom-appearance invisible">
119 <span i18n-content="otherSessions"></span> 153 <span i18n-content="otherSessions"></span>
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
176 </div> 210 </div>
177 <span class="title"></span> 211 <span class="title"></span>
178 </div> 212 </div>
179 213
180 <!-- App Contents w/ Small Icon --> 214 <!-- App Contents w/ Small Icon -->
181 <div id="app-small-icon-template" class="app-contents"> 215 <div id="app-small-icon-template" class="app-contents">
182 <div class="app-icon-div"> 216 <div class="app-icon-div">
183 <div class="app-img-container"> 217 <div class="app-img-container">
184 <img class="invisible"> 218 <img class="invisible">
185 </div> 219 </div>
186 <div class="color-stripe"></div>
187 </div> 220 </div>
188 <span class="title"></span> 221 <span class="title"></span>
189 </div> 222 </div>
190 223
191 <!-- Message shown in the other sessions menu when the user is signed in but 224 <!-- Message shown in the other sessions menu when the user is signed in but
192 there is no session data (e.g. they have tab sync turned off). --> 225 there is no session data (e.g. they have tab sync turned off). -->
193 <div id="other-sessions-promo-template" class="other-sessions-promo-message"> 226 <div id="other-sessions-promo-template" class="other-sessions-promo-message">
194 <span i18n-content="otherSessionsEmpty"></span> 227 <span i18n-content="otherSessionsEmpty"></span>
195 <p> 228 <p>
196 <a i18n-values="href:otherSessionsLearnMoreUrl" i18n-content="learnMore"> 229 <a i18n-values="href:otherSessionsLearnMoreUrl" i18n-content="learnMore">
197 </a> 230 </a>
198 </p> 231 </p>
199 </div> 232 </div>
200 233
201 </div> 234 </div>
202 235
203 <!-- This is used to measure text in the current locale. It is not visible. --> 236 <!-- This is used to measure text in the current locale. It is not visible. -->
204 <div id="fontMeasuringDiv"></div> 237 <div id="fontMeasuringDiv"></div>
205 238
206 </html> 239 </html>
OLDNEW
« chrome/browser/resources/ntp_search/most_visited_page.js ('K') | « chrome/browser/resources/ntp_search/new_tab.css ('k') | chrome/browser/resources/ntp_search/new_tab.js » ('j') | chrome/browser/resources/ntp_search/new_tab.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698