| OLD | NEW |
| (Empty) |
| 1 // Copyright (c) 2011 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 cr.define('media', function() { | |
| 6 'use strict'; | |
| 7 | |
| 8 /** | |
| 9 * The width and height of a bar drawn on a file canvas in pixels. | |
| 10 */ | |
| 11 var BAR_WIDTH = 500; | |
| 12 var BAR_HEIGHT = 16; | |
| 13 | |
| 14 /** | |
| 15 * Draws a 1px white horizontal line across |context|. | |
| 16 */ | |
| 17 function drawLine(context, top) { | |
| 18 context.moveTo(0, top); | |
| 19 context.lineTo(BAR_WIDTH, top); | |
| 20 context.strokeStyle = '#fff'; | |
| 21 context.stroke(); | |
| 22 } | |
| 23 | |
| 24 /** | |
| 25 * Creates an HTMLElement of type |type| with textContent |content|. | |
| 26 * @param {string} type The type of element to create. | |
| 27 * @param {string} content The content to place in the element. | |
| 28 * @return {HTMLElement} A newly initialized element. | |
| 29 */ | |
| 30 function makeElement(type, content) { | |
| 31 var element = document.createElement(type); | |
| 32 element.textContent = content; | |
| 33 return element; | |
| 34 } | |
| 35 | |
| 36 /** | |
| 37 * Creates a new <li> containing a <details> with a <summary> and sets | |
| 38 * properties to reference them. | |
| 39 * @return {Object} The new <li>. | |
| 40 */ | |
| 41 function createDetailsLi() { | |
| 42 var li = document.createElement('li'); | |
| 43 li.details = document.createElement('details'); | |
| 44 li.summary = document.createElement('summary'); | |
| 45 li.appendChild(li.details); | |
| 46 li.details.appendChild(li.summary); | |
| 47 return li | |
| 48 } | |
| 49 | |
| 50 /** | |
| 51 * Appends each key-value pair in a dictionary to a row in a table. | |
| 52 * @param {Object} dict The dictionary to append. | |
| 53 * @param {HTMLElement} table The <table> element to append to. | |
| 54 */ | |
| 55 function appendDictionaryToTable(dict, table) { | |
| 56 table.textContent = ''; | |
| 57 for (var key in dict) { | |
| 58 var tr = document.createElement('tr'); | |
| 59 tr.appendChild(makeElement('td', key + ':')); | |
| 60 tr.appendChild(makeElement('td', dict[key])); | |
| 61 table.appendChild(tr); | |
| 62 } | |
| 63 return table; | |
| 64 } | |
| 65 | |
| 66 return { | |
| 67 BAR_WIDTH: BAR_WIDTH, | |
| 68 BAR_HEIGHT: BAR_HEIGHT, | |
| 69 drawLine: drawLine, | |
| 70 makeElement: makeElement, | |
| 71 createDetailsLi: createDetailsLi, | |
| 72 appendDictionaryToTable: appendDictionaryToTable | |
| 73 }; | |
| 74 }); | |
| OLD | NEW |