energylink/panels/parallelcoordinates/editor.html

<div class="row-fluid" ng-controller="parallelcoordinates">
    <div style="width:90%">
        <form class="input-append">
            <h6>Query</h6>
            <input type="text" style="width:90%" ng-model="panel.query">
            <button class="btn" ng-click="get_data();"><i class="icon-search"></i></button>
        </form>
    </div>
</div>
<div class="row-fluid">
    <div class="span4">
        <form class="input-append">
            <h6>Add field</h6>
            <input bs-typeahead="fields.list" type="text" class="input-small" ng-model='newfield'>
            <button class="btn" ng-click="toggle_field(newfield);newfield=''"><i class="icon-plus"></i></button>
        </form>
    </div>
    <div class="span8">
        <h6>Selected fields <small>Click to remove</small></h6>
        <span style="margin-left:3px" ng-click="toggle_field(field)" ng-repeat="field in $parent.panel.fields" class="label remove pointer">{{field}} </span>
    </div>
</div>
<h5>Panel Spy</h5>
<div class="row-fluid">
    <div class="span2">
        <label class="small"> Spyable </label><input type="checkbox" ng-model="panel.spyable" ng-checked="panel.spyable">
    </div>
    <div class="span9 small">
        The panel spy shows 'behind the scenes' information about a panel. It can
        be accessed by clicking the <i class='icon-eye-open'></i> in the top right
        of the panel.
    </div>
</div>