<commit_before>{% extends "layout.html" %}

{% block content %}
<div class="row well well-sm">
	<form class="form-inline" role="form">

		<div class="form-group">
			<select 
				data-placeholder="Service Name" 
				class="form-control input-sm" style="width: 400px;" name="serviceName" id="serviceName">
				<option value=""></option>

				<option value="">Service Value 1</option>
				<option value="">Service Value 2</option>
				<option value="">Service Value 3</option>
				<option value="">Service Value 4</option>
				<option value="">Service Value 5</option>
			</select>
		</div>

		<div class="form-group">
			<select data-placeholder="Span Name" class="form-control input-sm" style="width: 250px;" name="spanName" id="spanName">
				<option value="all"></option>

				<option value="">Option Value 1</option>
				<option value="">Option Value 2</option>
				<option value="">Option Value 3</option>
				<option value="">Option Value 4</option>
				<option value="">Option Value 5</option>
			</select>
		</div>

		<div id="time-stamp" class="form-group">
	      <label for="timeStamp">&nbsp; End Time &nbsp;</label>
	      <input class="form-control input-sm date-input" type="text">
	      <input class="form-control input-sm time-input" type="text">
	      <input class="" id="timestamp" name="timestamp" type="hidden" value="{{timestamp}}">
	    </div>

	    <div class="form-group">
	      <label for="limit">&nbsp; Limit &nbsp;</label>
	      <input class="form-control input-sm" id="limit" name="limit" type="text" value="{{limit}}">
	    </div>

		&nbsp;
		<button type="submit" class="btn btn-primary btn-sm">Find Traces</button>
		<button type="button" class="btn btn-default btn-sm info-request">Help</button>

	</form>
</div>

<!-- help panel for different lookup options -->
<div class="modal fade" id="infoPanel">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <h4>Select a Service</h4>
        <p style="margin-bottom: 1.5em;">First off you have select a service to lookup by. All traces are indexed by service names. Once that is done you have three options to pick from. See notes on each below.</p>

        <h5 class="text-left">Lookup by span name</h5>
    	<p>Span names are generally thrift method names or Rails endpoints. This allows you to look up traces
      that accessed a particular part of the service.</p>

      	<h5 class="text-left">Lookup by annotation</h5>
      	<p>An annotation is a point in time in the trace. It is assigned a string value, this is what you can look up by in this field. Could be things like <strong style="font-weight:500;">finagle.timeout</strong></p>

      	<h5 class="text-left">Lookup by key/value</h5>
      	<p>Key / value annotations are just extra metadata attached to a trace. This could be things like the url hit, response codes or exceptions. See below for a few examples.</p>

		<table class="table table-striped">
		<thead>
			<tr>
				<th>Key</th>
				<th>Value</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>request.uri</td>
				<td>/1/trends/available.json?lang=no</td>
			</tr>
			<tr>
				<td>http.responsecode</td>
				<td>500 Internal Server Error</td>
			</tr>
		</tbody>
		</table>

        <h5>Dates and limits</h5>
        <p>VMSM allows you to pick a point in time to help us guide the selection of traces. When doing a lookup
          we return traces before that point in time up until the limit number of results.</p>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

{% endblock %}<commit_msg>include information dialog<commit_after>{% extends "layout.html" %}

{% block content %}
<div class="row well well-sm">

	<!-- trace lookup form -->
	<form class="form-inline" role="form">
		<div class="form-group">
			<select 
				data-placeholder="Service Name" 
				class="form-control input-sm" style="width: 400px;" name="serviceName" id="serviceName">
				<option value=""></option>

				<option value="">Service Value 1</option>
				<option value="">Service Value 2</option>
				<option value="">Service Value 3</option>
				<option value="">Service Value 4</option>
				<option value="">Service Value 5</option>
			</select>
		</div>

		<div class="form-group">
			<select data-placeholder="Span Name" class="form-control input-sm" style="width: 250px;" name="spanName" id="spanName">
				<option value="all"></option>

				<option value="">Option Value 1</option>
				<option value="">Option Value 2</option>
				<option value="">Option Value 3</option>
				<option value="">Option Value 4</option>
				<option value="">Option Value 5</option>
			</select>
		</div>

		<div id="time-stamp" class="form-group">
	      <label for="timeStamp">&nbsp; End Time &nbsp;</label>
	      <input class="form-control input-sm date-input" type="text">
	      <input class="form-control input-sm time-input" type="text">
	      <input class="" id="timestamp" name="timestamp" type="hidden" value="{{timestamp}}">
	    </div>

	    <div class="form-group">
	      <label for="limit">&nbsp; Limit &nbsp;</label>
	      <input class="form-control input-sm" id="limit" name="limit" type="text" value="{{limit}}">
	    </div>

		&nbsp;
		<button type="submit" class="btn btn-primary btn-sm">Find Traces</button>
		<button type="button" class="btn btn-default btn-sm info-request">Help</button>
	</form>

	<!-- filter trace results -->
	

</div>

{% include 'dialogs/information.html' %}

{% endblock %}
{'fraction_non_alphanumeric': 0.17043010752688173, 'fraction_numerical': 0.00913978494623656, 'mean_word_length': 3.5671031096563013, 'pattern_counts': {'":': 0, '<': 168, '<?xml version=': 0, '>': 168, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5871984', 'n_tokens_mistral': 1970, 'n_tokens_neox': 1695, 'n_words': 513}