<!-- | |
Licensed to the Apache Software Foundation (ASF) under one or more | |
contributor license agreements. See the NOTICE file distributed with | |
this work for additional information regarding copyright ownership. | |
The ASF licenses this file to You under the Apache License, Version 2.0 | |
(the "License"); you may not use this file except in compliance with | |
the License. You may obtain a copy of the License at | |
http://www.apache.org/licenses/LICENSE-2.0 | |
Unless required by applicable law or agreed to in writing, software | |
distributed under the License is distributed on an "AS IS" BASIS, | |
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
See the License for the specific language governing permissions and | |
limitations under the License. | |
--> | |
<div id="stream" class="clearfix"> | |
<div id="form"> | |
<form> | |
<label for="expr" title="The expression string"> | |
Streaming Expression (expr) | |
</label> | |
<textarea name="expr" ng-model="expr" id="expr" title="The expression string.">search(....)</textarea> | |
<button type="submit" ng-click="doStream()">Execute</button> | |
<input type="checkbox" ng-model="doExplanation" name="doExplanation" id="doExplanation" value="true"> | |
<label for="explain" class="checkbox" title="Enable Explanation." ng-click="doExplanation = !doExplanation"> | |
with explanation | |
</label> | |
</form> | |
</div> | |
<div id="result"> | |
<a ng-show="response.data" id="url" class="address-bar" ng-href="{{url}}">{{url}}</a> | |
<div ng-show="showExplanation" id="explanation" class="clearfix"> | |
<div id="frame"> | |
<div explanation-graph id="explanation-content" data="explanationData" depth="depth" leaf-count="leafCount" class="content clearfix" ng-show="showGraph"> | |
<div id="legend"> | |
<svg width="100%" height="15"> | |
<g transform="translate(5,10)" class="stream-decorator"><circle r="4.5"></circle></g> | |
<g transform="translate(15,14)"><text>Stream Decorator</text></g> | |
<g transform="translate(140,10)" class="stream-source"><circle r="4.5"></circle></g> | |
<g transform="translate(150,14)"><text>Stream Source</text></g> | |
<g transform="translate(260,10)" class="graph-source"><circle r="4.5"></circle></g> | |
<g transform="translate(270,14)"><text>Graph Source</text></g> | |
<g transform="translate(375,10)" class="datastore"><circle r="4.5"></circle></g> | |
<g transform="translate(385,14)"><text>Datastore</text></g> | |
</svg> | |
</div> | |
<div id="canvas"></div> | |
</div> | |
</div> | |
</div> | |
<div id="response"> | |
<pre class="syntax language-json"><code ng-bind-html="response.data | highlight:json | unsafe"></code></pre> | |
</div> | |
</div> | |
</div> |