chrome/common/extensions/docs/examples/api/downloads/download_manager/popup.js

   1 // Copyright (c) 2013 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 function pointInElement(p, elem) {
   6   return ((p.x >= elem.offsetLeft) &&
   7           (p.x <= (elem.offsetLeft + elem.offsetWidth)) &&
   8           (p.y >= elem.offsetTop) &&
   9           (p.y <= (elem.offsetTop + elem.offsetHeight)));
  10 };
  11
  12 function setLastOpened() {
  13   localStorage.popupLastOpened = (new Date()).getTime();
  14   chrome.runtime.sendMessage('poll');
  15 };
  16
  17 function loadI18nMessages() {
  18   function setProperty(selector, prop, msg) {
  19     document.querySelector(selector)[prop] = chrome.i18n.getMessage(msg);
  20   }
  21
  22   setProperty('title', 'innerText', 'tabTitle');
  23   setProperty('#q', 'placeholder', 'searchPlaceholder');
  24   setProperty('#clear-all', 'title', 'clearAllTitle');
  25   setProperty('#open-folder', 'title', 'openDownloadsFolderTitle');
  26   setProperty('#empty', 'innerText', 'zeroItems');
  27   setProperty('#searching', 'innerText', 'searching');
  28   setProperty('#search-zero', 'innerText', 'zeroSearchResults');
  29   setProperty('#management-permission-info', 'innerText',
  30               'managementPermissionInfo');
  31   setProperty('#grant-management-permission', 'innerText',
  32               'grantManagementPermission');
  33   setProperty('#older', 'innerText', 'showOlderDownloads');
  34   setProperty('#loading-older', 'innerText', 'loadingOlderDownloads');
  35   setProperty('.pause', 'title', 'pauseTitle');
  36   setProperty('.resume', 'title', 'resumeTitle');
  37   setProperty('.cancel', 'title', 'cancelTitle');
  38   setProperty('.show-folder', 'title', 'showInFolderTitle');
  39   setProperty('.erase', 'title', 'eraseTitle');
  40   setProperty('.url', 'title', 'retryTitle');
  41   setProperty('.referrer', 'title', 'referrerTitle');
  42   setProperty('.open-filename', 'title', 'openTitle');
  43   setProperty('#bad-chrome-version', 'innerText', 'badChromeVersion');
  44   setProperty('.remove-file', 'title', 'removeFileTitle');
  45
  46   document.querySelector('.progress').style.minWidth =
  47     getTextWidth(formatBytes(1024 * 1024 * 1023.9) + '/' +
  48                  formatBytes(1024 * 1024 * 1023.9)) + 'px';
  49
  50   // This only covers {timeLeft,openWhenComplete}{Finishing,Days}. If
  51   // ...Hours/Minutes/Seconds could be longer for any locale, then this should
  52   // test them.
  53   var max_time_left_width = 0;
  54   for (var i = 0; i < 4; ++i) {
  55     max_time_left_width = Math.max(max_time_left_width, getTextWidth(
  56         formatTimeLeft(0 == (i % 2),
  57                        (i < 2) ? 0 : ((100 * 24) + 23) * 60 * 60 * 1000)));
  58   }
  59   document.querySelector('body div.item span.time-left').style.minWidth =
  60      max_time_left_width + 'px';
  61 };
  62
  63 function getTextWidth(s) {
  64   var probe = document.getElementById('text-width-probe');
  65   probe.innerText = s;
  66   return probe.offsetWidth;
  67 };
  68
  69 function formatDateTime(date) {
  70   var now = new Date();
  71   var zpad_mins = ':' + (date.getMinutes() < 10 ? '0' : '') + date.getMinutes();
  72   if (date.getYear() != now.getYear()) {
  73     return '' + (1900 + date.getYear());
  74   } else if ((date.getMonth() != now.getMonth()) ||
  75              (date.getDate() != now.getDate())) {
  76     return date.getDate() + ' ' + chrome.i18n.getMessage(
  77       'month' + date.getMonth() + 'abbr');
  78   } else if (date.getHours() == 12) {
  79     return '12' + zpad_mins + 'pm';
  80   } else if (date.getHours() > 12) {
  81     return (date.getHours() - 12) + zpad_mins + 'pm';
  82   }
  83   return date.getHours() + zpad_mins + 'am';
  84 }
  85
  86 function formatBytes(n) {
  87   if (n < 1024) {
  88     return n + 'B';
  89   }
  90   var prefixes = 'KMGTPEZY';
  91   var mul = 1024;
  92   for (var i = 0; i < prefixes.length; ++i) {
  93     if (n < (1024 * mul)) {
  94       return (parseInt(n / mul) + '.' + parseInt(10 * ((n / mul) % 1)) +
  95               prefixes[i] + 'B');
  96     }
  97     mul *= 1024;
  98   }
  99   return '!!!';
 100 }
 101
 102 function formatTimeLeft(openWhenComplete, ms) {
 103   var prefix = openWhenComplete ? 'openWhenComplete' : 'timeLeft';
 104   if (ms < 1000) {
 105     return chrome.i18n.getMessage(prefix + 'Finishing');
 106   }
 107   var days = parseInt(ms / (24 * 60 * 60 * 1000));
 108   var hours = parseInt(ms / (60 * 60 * 1000)) % 24;
 109   if (days) {
 110     return chrome.i18n.getMessage(prefix + 'Days', [days, hours]);
 111   }
 112   var minutes = parseInt(ms / (60 * 1000)) % 60;
 113   if (hours) {
 114     return chrome.i18n.getMessage(prefix + 'Hours', [hours, minutes]);
 115   }
 116   var seconds = parseInt(ms / 1000) % 60;
 117   if (minutes) {
 118     return chrome.i18n.getMessage(prefix + 'Minutes', [minutes, seconds]);
 119   }
 120   return chrome.i18n.getMessage(prefix + 'Seconds', [seconds]);
 121 }
 122
 123 function ratchetWidth(w) {
 124   var current = parseInt(document.body.style.minWidth) || 0;
 125   document.body.style.minWidth = Math.max(w, current) + 'px';
 126 }
 127
 128 function ratchetHeight(h) {
 129   var current = parseInt(document.body.style.minHeight) || 0;
 130   document.body.style.minHeight = Math.max(h, current) + 'px';
 131 }
 132
 133 function binarySearch(array, target, cmp) {
 134   var low = 0, high = array.length - 1, i, comparison;
 135   while (low <= high) {
 136     i = (low + high) >> 1;
 137     comparison = cmp(target, array[i]);
 138     if (comparison < 0) {
 139       low = i + 1;
 140     } else if (comparison > 0) {
 141       high = i - 1;
 142     } else {
 143       return i;
 144     }
 145   }
 146   return i;
 147 };
 148
 149 function arrayFrom(seq) {
 150   return Array.prototype.slice.apply(seq);
 151 };
 152
 153 function DownloadItem(data) {
 154   var item = this;
 155   for (var prop in data) {
 156     item[prop] = data[prop];
 157   }
 158   item.startTime = new Date(item.startTime);
 159   if (item.canResume == undefined) {
 160     DownloadItem.canResumeHack = true;
 161   }
 162
 163   item.div = document.querySelector('body>div.item').cloneNode(true);
 164   item.div.id = 'item' + item.id;
 165   item.div.item = item;
 166
 167   var items_div = document.getElementById('items');
 168   if ((items_div.childNodes.length == 0) ||
 169       (item.startTime.getTime() < items_div.childNodes[
 170        items_div.childNodes.length - 1].item.startTime.getTime())) {
 171     items_div.appendChild(item.div);
 172   } else if (item.startTime.getTime() >
 173              items_div.childNodes[0].item.startTime.getTime()) {
 174     items_div.insertBefore(item.div, items_div.childNodes[0]);
 175   } else {
 176     var adjacent_div = items_div.childNodes[
 177       binarySearch(arrayFrom(items_div.childNodes),
 178                    item.startTime.getTime(),
 179                    function(target, other) {
 180           return target - other.item.startTime.getTime();
 181     })];
 182     var adjacent_item = adjacent_div.item;
 183     if (adjacent_item.startTime.getTime() < item.startTime.getTime()) {
 184       items_div.insertBefore(item.div, adjacent_div);
 185     } else {
 186       items_div.insertBefore(item.div, adjacent_div.nextSibling);
 187     }
 188   }
 189
 190   item.getElement('referrer').onclick = function() {
 191     chrome.tabs.create({url: item.referrer});
 192     return false;
 193   };
 194   item.getElement('by-ext').onclick = function() {
 195     chrome.tabs.create({url: 'chrome://extensions#' + item.byExtensionId});
 196     return false;
 197   }
 198   item.getElement('open-filename').onclick = function() {
 199     item.open();
 200     return false;
 201   };
 202   item.getElement('open-filename').ondragstart = function() {
 203     item.drag();
 204     return false;
 205   };
 206   item.getElement('pause').onclick = function() {
 207     item.pause();
 208     return false;
 209   };
 210   item.getElement('cancel').onclick = function() {
 211     item.cancel();
 212     return false;
 213   };
 214   item.getElement('resume').onclick = function() {
 215     item.resume();
 216     return false;
 217   };
 218   item.getElement('show-folder').onclick = function() {
 219     item.show();
 220     return false;
 221   };
 222   item.getElement('remove-file').onclick = function() {
 223     item.removeFile();
 224     return false;
 225   };
 226   item.getElement('erase').onclick = function() {
 227     item.erase();
 228     return false;
 229   };
 230
 231   item.more_mousemove = function(evt) {
 232     var mouse = {x:evt.x, y:evt.y+document.body.scrollTop};
 233     if (item.getElement('more') &&
 234         (pointInElement(mouse, item.div) ||
 235          pointInElement(mouse, item.getElement('more')))) {
 236       return;
 237     }
 238     if (item.getElement('more')) {
 239       item.getElement('more').hidden = true;
 240     }
 241     window.removeEventListener('mousemove', item.more_mousemove);
 242   };
 243   [item.div, item.getElement('more')].concat(
 244       item.getElement('more').children).forEach(function(elem) {
 245     elem.onmouseover = function() {
 246       arrayFrom(items_div.children).forEach(function(other) {
 247         if (other.item != item) {
 248           other.item.getElement('more').hidden = true;
 249         }
 250       });
 251       item.getElement('more').hidden = false;
 252       item.getElement('more').style.top =
 253         (item.div.offsetTop + item.div.offsetHeight) + 'px';
 254       item.getElement('more').style.left = item.div.offsetLeft + 'px';
 255       if (window.innerHeight < (parseInt(item.getElement('more').style.top) +
 256                                 item.getElement('more').offsetHeight)) {
 257         item.getElement('more').style.top = (
 258           item.div.offsetTop - item.getElement('more').offsetHeight) + 'px';
 259       }
 260       window.addEventListener('mousemove', item.more_mousemove);
 261     };
 262   });
 263
 264   if (item.referrer) {
 265     item.getElement('referrer').href = item.referrer;
 266   } else {
 267     item.getElement('referrer').hidden = true;
 268   }
 269   item.getElement('url').href = item.url;
 270   item.getElement('url').innerText = item.url;
 271   item.render();
 272 }
 273 DownloadItem.canResumeHack = false;
 274
 275 DownloadItem.prototype.getElement = function(name) {
 276   return document.querySelector('#item' + this.id + ' .' + name);
 277 };
 278
 279 DownloadItem.prototype.render = function() {
 280   var item = this;
 281   var now = new Date();
 282   var in_progress = (item.state == 'in_progress')
 283   var openable = (item.state != 'interrupted') && item.exists && !item.deleted;
 284
 285   item.startTime = new Date(item.startTime);
 286   if (DownloadItem.canResumeHack) {
 287     item.canResume = in_progress && item.paused;
 288   }
 289   if (item.filename) {
 290     item.basename = item.filename.substring(Math.max(
 291       item.filename.lastIndexOf('\\'),
 292       item.filename.lastIndexOf('/')) + 1);
 293   }
 294   if (item.estimatedEndTime) {
 295     item.estimatedEndTime = new Date(item.estimatedEndTime);
 296   }
 297   if (item.endTime) {
 298     item.endTime = new Date(item.endTime);
 299   }
 300
 301   if (item.filename && !item.icon_url) {
 302     chrome.downloads.getFileIcon(
 303       item.id,
 304       {'size': 32},
 305       function(icon_url) {
 306         item.getElement('icon').hidden = !icon_url;
 307         if (icon_url) {
 308           item.icon_url = icon_url;
 309           item.getElement('icon').src = icon_url;
 310         }
 311     });
 312   }
 313
 314   item.getElement('removed').style.display = openable ? 'none' : 'inline';
 315   item.getElement('open-filename').style.display = (
 316     openable ? 'inline' : 'none');
 317   item.getElement('in-progress').hidden = !in_progress;
 318   item.getElement('pause').style.display = (
 319     !in_progress || item.paused) ? 'none' : 'inline-block';
 320   item.getElement('resume').style.display = (
 321     !in_progress || !item.canResume) ? 'none' : 'inline-block';
 322   item.getElement('cancel').style.display = (
 323     !in_progress ? 'none' : 'inline-block');
 324   item.getElement('remove-file').hidden = (
 325     (item.state != 'complete') ||
 326     !item.exists ||
 327     item.deleted ||
 328     !chrome.downloads.removeFile);
 329   item.getElement('erase').hidden = in_progress;
 330
 331   var could_progress = in_progress || item.canResume;
 332   item.getElement('progress').style.display = (
 333     could_progress ? 'inline-block' : 'none');
 334   item.getElement('meter').hidden = !could_progress || !item.totalBytes;
 335
 336   item.getElement('removed').innerText = item.basename;
 337   item.getElement('open-filename').innerText = item.basename;
 338
 339   function setByExtension(show) {
 340     if (show) {
 341       item.getElement('by-ext').title = item.byExtensionName;
 342       item.getElement('by-ext').href =
 343         'chrome://extensions#' + item.byExtensionId;
 344       item.getElement('by-ext img').src =
 345         'chrome://extension-icon/' + item.byExtensionId + '/48/1';
 346     } else {
 347       item.getElement('by-ext').hidden = true;
 348     }
 349   }
 350   if (item.byExtensionId && item.byExtensionName) {
 351     chrome.permissions.contains({permissions: ['management']},
 352                                 function(result) {
 353       if (result) {
 354         setByExtension(true);
 355       } else {
 356         setByExtension(false);
 357         if (!localStorage.managementPermissionDenied) {
 358           document.getElementById('request-management-permission').hidden =
 359             false;
 360           document.getElementById('grant-management-permission').onclick =
 361               function() {
 362             chrome.permissions.request({permissions: ['management']},
 363                                       function(granted) {
 364               setByExtension(granted);
 365               if (!granted) {
 366                 localStorage.managementPermissionDenied = true;
 367               }
 368             });
 369             return false;
 370           };
 371         }
 372       }
 373     });
 374   } else {
 375     setByExtension(false);
 376   }
 377
 378   if (!item.getElement('error').hidden) {
 379     if (item.error) {
 380       // TODO(benjhayden) When https://codereview.chromium.org/16924017/ is
 381       // released, set minimum_chrome_version and remove the error_N messages.
 382       item.getElement('error').innerText = chrome.i18n.getMessage(
 383           'error_' + item.error);
 384       if (!item.getElement('error').innerText) {
 385         item.getElement('error').innerText = item.error;
 386       }
 387     } else if (!openable) {
 388       item.getElement('error').innerText = chrome.i18n.getMessage(
 389           'errorRemoved');
 390     }
 391   }
 392
 393   item.getElement('complete-size').innerText = formatBytes(
 394     item.bytesReceived);
 395   if (item.totalBytes && (item.state != 'complete')) {
 396     item.getElement('progress').innerText = (
 397       item.getElement('complete-size').innerText + '/' +
 398       formatBytes(item.totalBytes));
 399     item.getElement('meter').children[0].style.width = parseInt(
 400         100 * item.bytesReceived / item.totalBytes) + '%';
 401   }
 402
 403   if (in_progress) {
 404     if (item.estimatedEndTime && !item.paused) {
 405       var openWhenComplete = false;
 406       try {
 407         openWhenComplete = JSON.parse(localStorage.openWhenComplete).indexOf(
 408             item.id) >= 0;
 409       } catch (e) {
 410       }
 411       item.getElement('time-left').innerText = formatTimeLeft(
 412           openWhenComplete, item.estimatedEndTime.getTime() - now.getTime());
 413     } else {
 414       item.getElement('time-left').innerText = String.fromCharCode(160);
 415     }
 416   }
 417
 418   if (item.startTime) {
 419     item.getElement('start-time').innerText = formatDateTime(
 420         item.startTime);
 421   }
 422
 423   ratchetWidth(item.getElement('icon').offsetWidth +
 424                item.getElement('file-url').offsetWidth +
 425                item.getElement('cancel').offsetWidth +
 426                item.getElement('pause').offsetWidth +
 427                item.getElement('resume').offsetWidth);
 428   ratchetWidth(item.getElement('more').offsetWidth);
 429
 430   this.maybeAccept();
 431 };
 432
 433 DownloadItem.prototype.onChanged = function(delta) {
 434   for (var key in delta) {
 435     if (key != 'id') {
 436       this[key] = delta[key].current;
 437     }
 438   }
 439   this.render();
 440   if (delta.state) {
 441     setLastOpened();
 442   }
 443   if ((this.state == 'in_progress') && !this.paused) {
 444     DownloadManager.startPollingProgress();
 445   }
 446 };
 447
 448 DownloadItem.prototype.onErased = function() {
 449   window.removeEventListener('mousemove', this.more_mousemove);
 450   document.getElementById('items').removeChild(this.div);
 451 };
 452
 453 DownloadItem.prototype.drag = function() {
 454   chrome.downloads.drag(this.id);
 455 };
 456
 457 DownloadItem.prototype.show = function() {
 458   chrome.downloads.show(this.id);
 459 };
 460
 461 DownloadItem.prototype.open = function() {
 462   if (this.state == 'complete') {
 463     chrome.downloads.open(this.id);
 464     return;
 465   }
 466   chrome.runtime.sendMessage({openWhenComplete:this.id});
 467 };
 468
 469 DownloadItem.prototype.removeFile = function() {
 470   chrome.downloads.removeFile(this.id);
 471   this.deleted = true;
 472   this.render();
 473 };
 474
 475 DownloadItem.prototype.erase = function() {
 476   chrome.downloads.erase({id: this.id});
 477 };
 478
 479 DownloadItem.prototype.pause = function() {
 480   chrome.downloads.pause(this.id);
 481 };
 482
 483 DownloadItem.prototype.resume = function() {
 484   chrome.downloads.resume(this.id);
 485 };
 486
 487 DownloadItem.prototype.cancel = function() {
 488   chrome.downloads.cancel(this.id);
 489 };
 490
 491 DownloadItem.prototype.maybeAccept = function() {
 492   // This function is safe to call at any time for any item, and it will always
 493   // do the right thing, which is to display the danger prompt only if the item
 494   // is in_progress and dangerous, and if the prompt is not already displayed.
 495   if ((this.state != 'in_progress') ||
 496       (this.danger == 'safe') ||
 497       (this.danger == 'accepted') ||
 498       DownloadItem.prototype.maybeAccept.accepting_danger) {
 499     return;
 500   }
 501   ratchetWidth(400);
 502   ratchetHeight(200);
 503   DownloadItem.prototype.maybeAccept.accepting_danger = true;
 504   // On Mac, window.onload is run while the popup is animating in, before it is
 505   // considered "visible". Prompts will not be displayed over an invisible
 506   // window, so the popup will become stuck. Just wait a little bit for the
 507   // window to finish animating in. http://crbug.com/280107
 508   // This has been fixed, so this setTimeout can be removed when the fix has
 509   // been released to stable, and minimum_chrome_version can be set.
 510   var id = this.id;
 511   setTimeout(function() {
 512     chrome.downloads.acceptDanger(id, function() {
 513       DownloadItem.prototype.maybeAccept.accepting_danger = false;
 514       arrayFrom(document.getElementById('items').childNodes).forEach(
 515         function(item_div) { item_div.item.maybeAccept(); });
 516     });
 517   }, 500);
 518 };
 519 DownloadItem.prototype.maybeAccept.accepting_danger = false;
 520
 521 var DownloadManager = {};
 522
 523 DownloadManager.showingOlder = false;
 524
 525 DownloadManager.getItem = function(id) {
 526   var item_div = document.getElementById('item' + id);
 527   return item_div ? item_div.item : null;
 528 };
 529
 530 DownloadManager.getOrCreate = function(data) {
 531   var item = DownloadManager.getItem(data.id);
 532   return item ? item : new DownloadItem(data);
 533 };
 534
 535 DownloadManager.forEachItem = function(cb) {
 536   // Calls cb(item, index) in the order that they are displayed, i.e. in order
 537   // of decreasing startTime.
 538   arrayFrom(document.getElementById('items').childNodes).forEach(
 539     function(item_div, index) { cb(item_div.item, index); });
 540 };
 541
 542 DownloadManager.startPollingProgress = function() {
 543   if (DownloadManager.startPollingProgress.tid < 0) {
 544     DownloadManager.startPollingProgress.tid = setTimeout(
 545       DownloadManager.startPollingProgress.pollProgress,
 546       DownloadManager.startPollingProgress.MS);
 547   }
 548 }
 549 DownloadManager.startPollingProgress.MS = 200;
 550 DownloadManager.startPollingProgress.tid = -1;
 551 DownloadManager.startPollingProgress.pollProgress = function() {
 552   DownloadManager.startPollingProgress.tid = -1;
 553   chrome.downloads.search({state: 'in_progress', paused: false},
 554       function(results) {
 555     if (!results.length)
 556       return;
 557     results.forEach(function(result) {
 558       var item = DownloadManager.getOrCreate(result);
 559       for (var prop in result) {
 560         item[prop] = result[prop];
 561       }
 562       item.render();
 563       if ((item.state == 'in_progress') && !item.paused) {
 564         DownloadManager.startPollingProgress();
 565       }
 566     });
 567   });
 568 };
 569
 570 DownloadManager.showNew = function() {
 571   var any_items = (document.getElementById('items').childNodes.length > 0);
 572   document.getElementById('empty').style.display =
 573     any_items ? 'none' : 'inline-block';
 574   document.getElementById('head').style.borderBottomWidth =
 575     (any_items ? 1 : 0) + 'px';
 576   document.getElementById('clear-all').hidden = !any_items;
 577
 578   var query_search = document.getElementById('q');
 579   query_search.hidden = !any_items;
 580
 581   if (!any_items) {
 582     return;
 583   }
 584   var old_ms = (new Date()).getTime() - kOldMs;
 585   var any_hidden = false;
 586   var any_showing = false;
 587   // First show up to kShowNewMax items newer than kOldMs. If there aren't any
 588   // items newer than kOldMs, then show up to kShowNewMax items of any age. If
 589   // there are any hidden items, show the Show Older button.
 590   DownloadManager.forEachItem(function(item, index) {
 591     item.div.hidden = !DownloadManager.showingOlder && (
 592       (item.startTime.getTime() < old_ms) || (index >= kShowNewMax));
 593     any_hidden = any_hidden || item.div.hidden;
 594     any_showing = any_showing || !item.div.hidden;
 595   });
 596   if (!any_showing) {
 597     any_hidden = false;
 598     DownloadManager.forEachItem(function(item, index) {
 599       item.div.hidden = !DownloadManager.showingOlder && (index >= kShowNewMax);
 600       any_hidden = any_hidden || item.div.hidden;
 601       any_showing = any_showing || !item.div.hidden;
 602     });
 603   }
 604   document.getElementById('older').hidden = !any_hidden;
 605
 606   query_search.focus();
 607 };
 608
 609 DownloadManager.showOlder = function() {
 610   DownloadManager.showingOlder = true;
 611   var loading_older_span = document.getElementById('loading-older');
 612   document.getElementById('older').hidden = true;
 613   loading_older_span.hidden = false;
 614   chrome.downloads.search({}, function(results) {
 615     results.forEach(function(result) {
 616       var item = DownloadManager.getOrCreate(result);
 617       item.div.hidden = false;
 618     });
 619     loading_older_span.hidden = true;
 620   });
 621 };
 622
 623 DownloadManager.onSearch = function() {
 624   // split string by space, but ignore space in quotes
 625   // http://stackoverflow.com/questions/16261635
 626   var query = document.getElementById('q').value.match(/(?:[^\s"]+|"[^"]*")+/g);
 627   if (!query) {
 628     DownloadManager.showNew();
 629     document.getElementById('search-zero').hidden = true;
 630   } else {
 631     query = query.map(function(term) {
 632       // strip quotes
 633       return (term.match(/\s/) &&
 634               term[0].match(/["']/) &&
 635               term[term.length - 1] == term[0]) ?
 636         term.substr(1, term.length - 2) : term;
 637     });
 638     var searching = document.getElementById('searching');
 639     searching.hidden = false;
 640     chrome.downloads.search({query: query}, function(results) {
 641       document.getElementById('older').hidden = true;
 642       DownloadManager.forEachItem(function(item) {
 643         item.div.hidden = true;
 644       });
 645       results.forEach(function(result) {
 646         DownloadManager.getOrCreate(result).div.hidden = false;
 647       });
 648       searching.hidden = true;
 649       document.getElementById('search-zero').hidden = (results.length != 0);
 650     });
 651   }
 652 };
 653
 654 DownloadManager.clearAll = function() {
 655   DownloadManager.forEachItem(function(item) {
 656     if (!item.div.hidden) {
 657       item.erase();
 658       // The onErased handler should circle back around to loadItems.
 659     }
 660   });
 661 };
 662
 663 var kShowNewMax = 50;
 664 var kOldMs = 1000 * 60 * 60 * 24 * 7;
 665
 666 // These settings can be tuned by modifying localStorage in dev-tools.
 667 if ('kShowNewMax' in localStorage) {
 668   kShowNewMax = parseInt(localStorage.kShowNewMax);
 669 }
 670 if ('kOldMs' in localStorage) {
 671   kOldMs = parseInt(localStorage.kOldMs);
 672 }
 673
 674 DownloadManager.loadItems = function() {
 675   // Request up to kShowNewMax + 1, but only display kShowNewMax; the +1 is a
 676   // probe to see if there are any older downloads.
 677   // TODO(benjhayden) When https://codereview.chromium.org/16924017/ is
 678   // released, set minimum_chrome_version and remove this try/catch.
 679   try {
 680     chrome.downloads.search({
 681         orderBy: ['-startTime'],
 682         limit: kShowNewMax + 1},
 683       function(results) {
 684         DownloadManager.loadItems.items = results;
 685         DownloadManager.loadItems.onLoaded();
 686     });
 687   } catch (exc) {
 688     chrome.downloads.search({
 689         orderBy: '-startTime',
 690         limit: kShowNewMax + 1},
 691       function(results) {
 692         DownloadManager.loadItems.items = results;
 693         DownloadManager.loadItems.onLoaded();
 694     });
 695   }
 696 };
 697 DownloadManager.loadItems.items = [];
 698 DownloadManager.loadItems.window_loaded = false;
 699
 700 DownloadManager.loadItems.onLoaded = function() {
 701   if (!DownloadManager.loadItems.window_loaded) {
 702     return;
 703   }
 704   DownloadManager.loadItems.items.forEach(function(item) {
 705     DownloadManager.getOrCreate(item);
 706   });
 707   DownloadManager.loadItems.items = [];
 708   DownloadManager.showNew();
 709 };
 710
 711 DownloadManager.loadItems.onWindowLoaded = function() {
 712   DownloadManager.loadItems.window_loaded = true;
 713   DownloadManager.loadItems.onLoaded();
 714 };
 715
 716 // If this extension is installed on a stable-channel chrome, where the
 717 // downloads API is not available, do not use the downloads API, and link to the
 718 // beta channel.
 719 if (chrome.downloads) {
 720   // Start searching ASAP, don't wait for onload.
 721   DownloadManager.loadItems();
 722
 723   chrome.downloads.onCreated.addListener(function(item) {
 724     DownloadManager.getOrCreate(item);
 725     DownloadManager.showNew();
 726     DownloadManager.startPollingProgress();
 727   });
 728
 729   chrome.downloads.onChanged.addListener(function(delta) {
 730     var item = DownloadManager.getItem(delta.id);
 731     if (item) {
 732       item.onChanged(delta);
 733     }
 734   });
 735
 736   chrome.downloads.onErased.addListener(function(id) {
 737     var item = DownloadManager.getItem(id);
 738     if (!item) {
 739       return;
 740     }
 741     item.onErased();
 742     DownloadManager.loadItems();
 743   });
 744
 745   window.onload = function() {
 746     ratchetWidth(
 747       document.getElementById('q-outer').offsetWidth +
 748       document.getElementById('clear-all').offsetWidth +
 749       document.getElementById('open-folder').offsetWidth);
 750     setLastOpened();
 751     loadI18nMessages();
 752     DownloadManager.loadItems.onWindowLoaded();
 753     document.getElementById('older').onclick = function() {
 754       DownloadManager.showOlder();
 755       return false;
 756     };
 757     document.getElementById('q').onsearch = function() {
 758       DownloadManager.onSearch();
 759     };
 760     document.getElementById('clear-all').onclick = function() {
 761       DownloadManager.clearAll();
 762       return false;
 763     };
 764     if (chrome.downloads.showDefaultFolder) {
 765       document.getElementById('open-folder').onclick = function() {
 766         chrome.downloads.showDefaultFolder();
 767         return false;
 768       };
 769     } else {
 770       document.getElementById('open-folder').hidden = true;
 771     }
 772   };
 773 } else {
 774   // The downloads API is not available.
 775   // TODO(benjhayden) Remove this when minimum_chrome_version is set.
 776   window.onload = function() {
 777     loadI18nMessages();
 778     var bad_version = document.getElementById('bad-chrome-version');
 779     bad_version.hidden = false;
 780     bad_version.onclick = function() {
 781       chrome.tabs.create({url: bad_version.href});
 782       return false;
 783     };
 784     document.getElementById('empty').style.display = 'none';
 785     document.getElementById('q').style.display = 'none';
 786     document.getElementById('open-folder').style.display = 'none';
 787     document.getElementById('clear-all').style.display = 'none';
 788   };
 789 }