[cc-frame-viewer] Show layers and levels of detail

tools/cc-frame-viewer/src/ui.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.
 
 base.exportTo('ui', function() {
 
   /**
    * Decorates elements as an instance of a class.
    * @param {string|!Element} source The way to find the element(s) to decorate.
    *     If this is a string then {@code querySeletorAll} is used to find the
@@ skipping 154 matching lines @@
     return Math.round(pixels) + 'px';
   }
 
   function createSpan(opt_text) {
     var spanEl = document.createElement('span');
     if (opt_text)
       spanEl.textContent = opt_text;
     return spanEl;
   };
 
+  function createLabel(text, child) {
+    var labelEl = document.createElement('label');
+    labelEl.textContent = text;
+    labelEl.appendChild(child);
+    return labelEl;
+  };
+
   return {
     decorate: decorate,
     define: define,
     limitInputWidth: limitInputWidth,
     toCssPx: toCssPx,
-    createSpan: createSpan
+    createSpan: createSpan,
+    createLabel: createLabel
   };
 });