anchor.diff:          </fieldset>
       ''');
       _fragment.elements.add(viewer);
  -  }
  -
  -  Element get root() => _fragment;
  -}
  -
  -
  -class Layout {
  -  Map<String, Object> _scopes;
  -  Element _fragment;
  -
  -  var content;
  -  var entities;
  -
  -  var container;
  -
  -  Layout(this.entities) : _scopes = new Map<String, Object>() {
  -    _fragment = new DocumentFragment();
  -    container = new Element.html('<div>');
  -    _fragment.elements.add(container);
  -
  -    final EntityContainer entityContainer = new EntityContainer(entities);
  -    container.elements.add(entityContainer.root);
  -
  -    final EntityViewer entityViewer = new EntityViewer(entities);
  -    container.elements.add(entityViewer.root);
  -  }
  -
  -  Element get root() => _fragment;
  -}
  -
  -class EntityOverview {
  -
  -InputElement symbolFrom;
  -InputElement symbolTo;
  -LabelElement symbolToLabel;
  -DivElement app;
  -BaseElement base;
  -
  -TableSectionElement tbody;
  -TableCellElement totalSymbols;
  -TableCellElement decimalRange;
  -
  -void refreshSymbolList() {
  -  final InputElement symFrom = document.body.query('#symbolFrom');
  -  final InputElement symTo = document.body.query('#symbolTo');
  -  
  -     final int symbolFromNum = Math.parseInt(symFrom.value);
  -     final int symbolToNum = Math.parseInt(symTo.value);
  -
  -     tbody = document.body.query('#tbody');
  -   tbody.nodes.clear();
  -   int code = 1;
  -   for (int idx = symbolFromNum; idx < symbolToNum; idx++) {
  -      final symbol = new Element.html('<tr><td>' + code++ + '</td><td>' + new String.fromCharCodes([idx])+ '</td><td>' +
  -       idx
  -      + '</td></tr>');
  -
  -     tbody.elements.add(symbol);
  -
  -     totalSymbols = document.body.query('#totalSymbols');
  -     totalSymbols.innerHTML = (symbolToNum - symbolFromNum).toString();
  -
  -     decimalRange = document.body.query('#decimalRange');
  -     decimalRange.innerHTML = symbolFromNum.toString() + ' - ' + symbolToNum.toString();
  -   }
  -}
  -
  -void init() {
  -  document.head.nodes.add(getCss());
  -
  +    
  +
  +  }
  +  
  +  void addUiHandler() {
       final ButtonElement display = document.body.query('#symbol-display');
       display.on.click.add((e) => displaySymbol());
  -    
  -    final ButtonElement refresh = document.body.query('#refresh');
  -    refresh.on.click.add((e) => refreshSymbolList());    
  -}
  -
  -LinkElement getCss() {
  -    final LinkElement css = new Element.tag("link");
  -    css.rel = "stylesheet";
  -    css.type="text/css";
  -    css.href="css/font-awesome.css";
  -    
  -    return css;
  -}
  -
  -void displaySymbol() {
  +  }
  +  
  +  void displaySymbol() {
       final List<Element> a = document.queryAll('.viewBox');
       final InputElement symbolId = document.query('#symbolId');
       for(final InputElement e in a) {
  
positive.code:       _fragment.elements.add(controls);
  
        _fragment.elements.add(h1);
    }
    
    Map<String, Object> _scopes;
  
negative.code:         </table>
      """);
      preinit();
      
      _fragment.elements.add(containerTable);
      
      
    }
  
    void addUiHandler() {
      final ButtonElement refresh = document.body.query('#refresh');
      refresh.on.click.add((e) => refreshSymbolList());
    }
    Element get root() => _fragment;
  }
  
  