2016-04-19 11:40:20 -04:00
|
|
|
<!--
|
|
|
|
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">
|
2016-04-19 13:49:26 -04:00
|
|
|
<div explanation-graph id="explanation-content" data="explanationData" depth="depth" leaf-count="leafCount" class="content clearfix" ng-show="showGraph">
|
2016-04-19 11:40:20 -04:00
|
|
|
<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>
|