HiDPI assets for Chrome OS Files app

chrome/browser/resources/file_manager/js/file_manager.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * FileManager constructor.
  *
  * FileManager objects encapsulate the functionality of the file selector
  * dialogs, as well as the full screen file manager application (though the
  * latter is not yet implemented).
@@ skipping 1809 matching lines @@
    *
    * Invoked by cr.ui.Table when a file needs to be rendered.
    *
    * @param {Entry} entry The Entry object to render.
    * @param {string} columnId The id of the column to be rendered.
    * @param {cr.ui.Table} table The table doing the rendering.
    */
   FileManager.prototype.renderIconType_ = function(entry, columnId, table) {
     var icon = this.document_.createElement('div');
     icon.className = 'detail-icon';
-    icon.setAttribute('iconType', FileType.getIcon(entry));
+    icon.setAttribute('file-type-icon', FileType.getIcon(entry));
     return icon;
   };
 
   /**
    * Return the localized name for the root.
    * @param {string} path The full path of the root (starting with slash).
    * @return {string} The localized name.
    */
   FileManager.prototype.getRootLabel_ = function(path) {
     if (path === RootDirectory.DOWNLOADS)
@@ skipping 25 matching lines @@
       }
     };
     li.addEventListener('mousedown', handleClick);
     li.addEventListener(cr.ui.TouchHandler.EventType.TOUCH_START, handleClick);
 
     var rootType = PathUtil.getRootType(path);
 
     var div = this.document_.createElement('div');
     div.className = 'root-label';
 
-    div.setAttribute('type', rootType);
+    div.setAttribute('volume-type-icon', rootType);
     if (rootType === RootType.REMOVABLE)
-      div.setAttribute('subType', this.volumeManager_.getDeviceType(path));
+      div.setAttribute('volume-subtype',
+          this.volumeManager_.getDeviceType(path));
 
     div.textContent = this.getRootLabel_(path);
     li.appendChild(div);
 
     if (rootType === RootType.ARCHIVE || rootType === RootType.REMOVABLE) {
       var eject = this.document_.createElement('div');
       eject.className = 'root-eject';
       eject.addEventListener('click', function(event) {
         event.stopPropagation();
         this.unmountVolume_(path);
       }.bind(this));
       // Block other mouse handlers.
       eject.addEventListener('mouseup', function(e) { e.stopPropagation() });
       eject.addEventListener('mousedown', function(e) { e.stopPropagation() });
       li.appendChild(eject);
 
       cr.ui.contextMenuHandler.setContextMenu(li, this.rootsContextMenu_);
     }
 
     cr.defineProperty(li, 'lead', cr.PropertyKind.BOOL_ATTR);
     cr.defineProperty(li, 'selected', cr.PropertyKind.BOOL_ATTR);
 
-    var icon = rootType;
-    if (this.volumeManager_.isUnreadable(path)) {
-      icon = 'unreadable';
-    }
-    div.setAttribute('icon', icon);
-
     return li;
   };
 
   /**
    * Unmounts device.
    * @param {string} path Path to a volume to unmount.
    */
   FileManager.prototype.unmountVolume_ = function(path) {
     listItem = this.rootsList_.getItemByIndex(
         this.directoryModel_.findRootsListIndex(path));
@@ skipping 1246 matching lines @@
    * Show or hide the "Low disk space" warning.
    * @param {boolean} show True if the box need to be shown.
    */
   FileManager.prototype.showLowDiskSpaceWarning_ = function(show) {
     var box = this.dialogDom_.querySelector('.downloads-warning');
 
     if (box.hidden == !show) return;
 
     if (show) {
       var html = util.htmlUnescape(str('DOWNLOADS_DIRECTORY_WARNING'));
-      box.lastElementChild.innerHTML = html;
+      box.innerHTML = html;
       var link = box.querySelector('a');
       link.addEventListener('click',
           this.onExternalLinkClick_.bind(this, DOWNLOADS_FAQ_URL));
     } else {
-      box.lastElementChild.innerHTML = '';
+      box.innerHTML = '';
     }
 
     box.hidden = !show;
     this.requestResize_(100);
   };
 
   /**
    * Update the location in the address bar.
    *
    * @param {boolean} replace True if the history state should be replaced,
@@ skipping 1092 matching lines @@
       this.defaultActionMenuItem_.taskId = taskItem.taskId;
     }
 
     var defaultActionSeparator =
         this.dialogDom_.querySelector('#default-action-separator');
 
     this.defaultActionMenuItem_.hidden = !taskItem;
     defaultActionSeparator.hidden = !taskItem;
   }
 })();