| <!-- |
| 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> |