<commit_before><!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Elasticsearch Term Clouds</title>
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/app.css"/>
	<link rel="stylesheet" href="css/spinner.css"/>
</head>
<body>

<div ng-app="TermClouds" ng-controller="MainController">

	<div class="col-md-3">
		<div class="panel panel-default">
			<div class="panel-heading">Search request</div>
			<div class="panel-body">
				<form role="form" ng-submit="search();">
					<div class="form-group">
						<label for="selectedIndex">Index</label>
						<input ng-model="selectedIndex" type="text" class="form-control" id="selectedIndex">
					</div>
					<div class="form-group">
						<label for="selectedType">Type</label>
						<input ng-model="selectedType" type="text" class="form-control" id="selectedType">
					</div>
					<div class="form-group">
						<label for="selectedField">Field</label>
						<input ng-model="selectedField" type="text" class="form-control" id="selectedField">
					</div>
					<div class="form-group">
						<label for="selectedSize">Size</label>
						<input ng-model="selectedSize" type="number" class="form-control" id="selectedSize">
					</div>
					<div class="form-group">
						<label for="query">Query</label>
						<textarea ng-model="query" class="form-control" id="query" style="height: 12em;"></textarea>
					</div>
					<div class="form-group">
						<input type="checkbox" ng-model="backgroundFilterChecked" ng-disabled="!backgroundFilterSupported" class="pull-right">
						<span ng-show="!backgroundFilterSupported" class="pull-right" style="color: gray">ES>=1.2.0</span>
						<label for="bgFilter">Background Filter</label>
						<textarea ng-model="backgroundFilter" class="form-control" id="bgFilter" ng-disabled="!backgroundFilterChecked"
								style="height: 10em;" disa></textarea>
					</div>
					<button type="submit" class="btn btn-default">Submit</button>
				</form>
			</div>
		</div>
	</div>
	<!--<div class="col-md-2">-->
		<!--<div class="panel panel-default">-->
			<!--<div class="panel-heading">Cloud settings</div>-->
			<!--<div class="panel-body">-->
				<!--...still to come-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
	<div class="col-md-9" ng-show="state!='initial'">
		<div ng-switch="state">
			<div ng-switch-when="searching" class="panel panel-default">
				<div class="panel-heading">Whoomp! There it is!</div>
				<div class="panel-body">
					<div spinner></div>
				</div>
			</div>
			<div ng-switch-when="error" class="panel panel-default">
				<div class="panel-heading" style="color: red">Error</div>
				<div class="panel-body" style="font-family: monospace;">
					{{errorMsg}}
				</div>
			</div>
			<div ng-switch-when="finished" class="panel panel-default">
				<div class="panel-heading">Whoomp! There it is!</div>
				<div class="panel-body">
					<canvas ng-show="results.length > 0" termcloud data="results" termclick="termclick" style="width: 100%"></canvas>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><commit_msg>Set title to "Loading...".<commit_after><!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Elasticsearch Term Clouds</title>
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/app.css"/>
	<link rel="stylesheet" href="css/spinner.css"/>
</head>
<body>

<div ng-app="TermClouds" ng-controller="MainController">

	<div class="col-md-3">
		<div class="panel panel-default">
			<div class="panel-heading">Search request</div>
			<div class="panel-body">
				<form role="form" ng-submit="search();">
					<div class="form-group">
						<label for="selectedIndex">Index</label>
						<input ng-model="selectedIndex" type="text" class="form-control" id="selectedIndex">
					</div>
					<div class="form-group">
						<label for="selectedType">Type</label>
						<input ng-model="selectedType" type="text" class="form-control" id="selectedType">
					</div>
					<div class="form-group">
						<label for="selectedField">Field</label>
						<input ng-model="selectedField" type="text" class="form-control" id="selectedField">
					</div>
					<div class="form-group">
						<label for="selectedSize">Size</label>
						<input ng-model="selectedSize" type="number" class="form-control" id="selectedSize">
					</div>
					<div class="form-group">
						<label for="query">Query</label>
						<textarea ng-model="query" class="form-control" id="query" style="height: 12em;"></textarea>
					</div>
					<div class="form-group">
						<input type="checkbox" ng-model="backgroundFilterChecked" ng-disabled="!backgroundFilterSupported" class="pull-right">
						<span ng-show="!backgroundFilterSupported" class="pull-right" style="color: gray">ES>=1.2.0</span>
						<label for="bgFilter">Background Filter</label>
						<textarea ng-model="backgroundFilter" class="form-control" id="bgFilter" ng-disabled="!backgroundFilterChecked"
								style="height: 10em;" disa></textarea>
					</div>
					<button type="submit" class="btn btn-default">Submit</button>
				</form>
			</div>
		</div>
	</div>
	<!--<div class="col-md-2">-->
		<!--<div class="panel panel-default">-->
			<!--<div class="panel-heading">Cloud settings</div>-->
			<!--<div class="panel-body">-->
				<!--...still to come-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
	<div class="col-md-9" ng-show="state!='initial'">
		<div ng-switch="state">
			<div ng-switch-when="searching" class="panel panel-default">
				<div class="panel-heading">Loading...</div>
				<div class="panel-body">
					<div spinner></div>
				</div>
			</div>
			<div ng-switch-when="error" class="panel panel-default">
				<div class="panel-heading" style="color: red">Error</div>
				<div class="panel-body" style="font-family: monospace;">
					{{errorMsg}}
				</div>
			</div>
			<div ng-switch-when="finished" class="panel panel-default">
				<div class="panel-heading">Whoomp! There it is!</div>
				<div class="panel-body">
					<canvas ng-show="results.length > 0" termcloud data="results" termclick="termclick" style="width: 100%"></canvas>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
{'fraction_non_alphanumeric': 0.2144977347289486, 'fraction_numerical': 0.006873925949070458, 'mean_word_length': 3.901990811638591, 'pattern_counts': {'":': 0, '<': 211, '<?xml version=': 0, '>': 215, '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': '7602901', 'n_tokens_mistral': 2572, 'n_tokens_neox': 2111, 'n_words': 391}