Show file path rather than title in syncfs-internals

chrome/browser/resources/sync_file_system_internals/file_metadata.js

 // Copyright 2013 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.
 
 /**
  * WebUI to monitor File Metadata per Extension ID.
  */
 var FileMetadata = (function() {
 'use strict';
 
@@ skipping 65 matching lines @@
 /**
  * Renders result of getFileMetadata as a table.
  */
 FileMetadata.onGetFileMetadata = function(fileMetadataMap) {
   var header = $('file-metadata-header');
   // Only draw the header if it hasn't been drawn yet
   if (header.children.length === 0) {
     var tr = document.createElement('tr');
     tr.appendChild(createElementFromText('td', 'Type'));
     tr.appendChild(createElementFromText('td', 'Status'));
-    tr.appendChild(createElementFromText('td', 'Title'));
+    tr.appendChild(createElementFromText('td', 'Path', {width: '250px'}));
     tr.appendChild(createElementFromText('td', 'Details'));
     header.appendChild(tr);
   }
 
   // Add row entries.
   var itemContainer = $('file-metadata-entries');
   itemContainer.textContent = '';
   for (var i = 0; i < fileMetadataMap.length; i++) {
     var metadatEntry = fileMetadataMap[i];
     var tr = document.createElement('tr');
     tr.appendChild(createFileIconCell(metadatEntry.type));
     tr.appendChild(createElementFromText('td', metadatEntry.status));
-    tr.appendChild(createElementFromText('td', metadatEntry.title));
+    tr.appendChild(createElementFromText('td', metadatEntry.path));
     tr.appendChild(createElementFromDictionary('td', metadatEntry.details));
     itemContainer.appendChild(tr);
   }
 }
 
 /**
  * @param {string} file type string.
  * @return {HTMLElement} TD with file or folder icon depending on type.
  */
 function createFileIconCell(type) {
   var td = createElementFromText('td', type);
   td.setAttribute('class', type.toLowerCase() + '-icon');
   return td;
 }
 
-// TODO(calvinlo): Move to helper file so it doesn't need to be duplicated.
-/**
- * Creates an element with |tagName| containing the content |text|.
- * @param {string} elementName Name of the new element to be created.
- * @param {string} text Text to be contained in the new element.
- * @return {HTMLElement} The newly created HTML element.
- */
-function createElementFromText(tagName, text) {
-  var element = document.createElement(tagName);
-  element.appendChild(document.createTextNode(text));
-  return element;
-}
-
-/**
- * Creates an element with |tagName| containing the content |dict|.
- * @param {string} elementName Name of the new element to be created.
- * @param {Object.<string, string>} dict Dictionary to be contained in the new
- * element.
- * @return {HTMLElement} The newly created HTML element.
- */
-function createElementFromDictionary(tagName, dict) {
-  var element = document.createElement(tagName);
-  for (var key in dict) {
-    element.appendChild(document.createTextNode(key + ': ' + dict[key]));
-    element.appendChild(document.createElement('br'));
-  }
-  return element;
-}
-
 function main() {
   getExtensions();
   $('refresh-metadata-button').addEventListener('click', getExtensions);
   $('extensions-select').addEventListener('change', getFileMetadata);
 }
 
 document.addEventListener('DOMContentLoaded', main);
 return FileMetadata;
 })();