| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 // Single iframe for NTP tiles. | 5 // Single iframe for NTP tiles. |
| 6 (function() { | 6 (function() { |
| 7 'use strict'; | 7 'use strict'; |
| 8 | 8 |
| 9 | 9 |
| 10 /** | 10 /** |
| (...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 272 // TODO(fserb): remove this or at least change to mouseenter. | 272 // TODO(fserb): remove this or at least change to mouseenter. |
| 273 tile.addEventListener('mouseover', function() { | 273 tile.addEventListener('mouseover', function() { |
| 274 logEvent(LOG_TYPE.NTP_MOUSEOVER); | 274 logEvent(LOG_TYPE.NTP_MOUSEOVER); |
| 275 }); | 275 }); |
| 276 | 276 |
| 277 var title = tile.querySelector('.mv-title'); | 277 var title = tile.querySelector('.mv-title'); |
| 278 title.innerText = data.title; | 278 title.innerText = data.title; |
| 279 title.style.direction = data.direction || 'ltr'; | 279 title.style.direction = data.direction || 'ltr'; |
| 280 | 280 |
| 281 var thumb = tile.querySelector('.mv-thumb'); | 281 var thumb = tile.querySelector('.mv-thumb'); |
| 282 if (data.thumbnailUrl) { | 282 if (data.largeIconUrl || data.thumbnailUrl) { |
| 283 var img = document.createElement('img'); | 283 var img = document.createElement('img'); |
| 284 img.title = data.title; | 284 img.title = data.title; |
| 285 img.src = data.thumbnailUrl; | 285 if (data.largeIconUrl) { |
| 286 img.src = data.largeIconUrl; |
| 287 img.classList.add('large-icon'); |
| 288 } else { |
| 289 img.src = data.thumbnailUrl; |
| 290 img.classList.add('thumbnail'); |
| 291 } |
| 286 loadedCounter += 1; | 292 loadedCounter += 1; |
| 287 img.addEventListener('load', countLoad); | 293 img.addEventListener('load', countLoad); |
| 294 if (data.largeIconUrl) { |
| 295 img.addEventListener('load', function(ev) { |
| 296 thumb.classList.add('large-icon-outer'); |
| 297 }); |
| 298 } |
| 288 img.addEventListener('error', countLoad); | 299 img.addEventListener('error', countLoad); |
| 289 img.addEventListener('error', function(ev) { | 300 img.addEventListener('error', function(ev) { |
| 290 thumb.classList.add('failed-img'); | 301 thumb.classList.add('failed-img'); |
| 291 thumb.removeChild(img); | 302 thumb.removeChild(img); |
| 292 logEvent(LOG_TYPE.NTP_THUMBNAIL_ERROR); | 303 logEvent(LOG_TYPE.NTP_THUMBNAIL_ERROR); |
| 293 }); | 304 }); |
| 294 thumb.appendChild(img); | 305 thumb.appendChild(img); |
| 295 logEvent(LOG_TYPE.NTP_THUMBNAIL_TILE); | 306 logEvent(LOG_TYPE.NTP_THUMBNAIL_TILE); |
| 296 } else { | 307 } else { |
| 297 thumb.classList.add('failed-img'); | 308 thumb.classList.add('failed-img'); |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 346 var html = document.querySelector('html'); | 357 var html = document.querySelector('html'); |
| 347 html.dir = 'rtl'; | 358 html.dir = 'rtl'; |
| 348 } | 359 } |
| 349 | 360 |
| 350 window.addEventListener('message', handlePostMessage); | 361 window.addEventListener('message', handlePostMessage); |
| 351 }; | 362 }; |
| 352 | 363 |
| 353 | 364 |
| 354 window.addEventListener('DOMContentLoaded', init); | 365 window.addEventListener('DOMContentLoaded', init); |
| 355 })(); | 366 })(); |
| OLD | NEW |