<commit_before>﻿@model MoviePicker.WebApp.ViewModels.ImagesViewModel

@using MovieMiner
@using MoviePicker.WebApp.Utilities

@{
	ViewBag.Title = "Images";

	var fileCount = 1;
}

<script type="text/javascript">

	function clickFilter() {
		var url = "/LowMem/Images?filter=" + $("#filterInput").val();

		var baseUrl = parseBaseUrl();

		window.location.href = baseUrl + url;
	}

	function parseBaseUrl() {
		var baseUrl = window.location.href;

		if (baseUrl != null) {
			var slashIdx = baseUrl.indexOf("/", "https://".length);

			if (slashIdx > 0) {
				baseUrl = baseUrl.substring(0, slashIdx);
			}
		}

		return baseUrl;
	}

</script>

<h2>@ViewBag.Title</h2>
<h5>(@ViewUtility.BytesToAbbreviation(Model.TotalSize))</h5>

<div class="input-group">
	<input id="filterInput" class="form-control" placeholder="Filter (contains)" value="@Request.Params["filter"]" />

	<div class="input-group-btn">
		<button class="btn btn-default" type="button" onclick="clickFilter()">Filter</button>
	</div>
</div>

<div class="row-divider"> </div>

<div class="row">
	@foreach (var file in Model.Images)
	{
		<div class="col-sm-4" style="border: solid; border-radius: 4px; border-width: 1px; padding: 8px;">

			<div class="col-xs-3">
				<a href="@file.ImageUrl">
					<img class="img-responsive" src="@file.ImageUrl" alt="@file.Name" style="max-height: 40px;" />
				</a>
			</div>
			<div class="col-xs-2">
				@file.SizeInBytes.ToString("N0")
			</div>
			<div class="col-xs-7">
				@file.CreationDateUTC
			</div>
			<div class="col-xs-12">
				<a href="@file.ImageUrl">
					@file.Name
				</a>
			</div>
		</div>

		if (fileCount % 3 == 0)
		{
			<div class="clearfix"></div>
		}

		fileCount++;
	}
</div><commit_msg>Fixed the spacing on the Filter input-group.<commit_after>﻿@model MoviePicker.WebApp.ViewModels.ImagesViewModel

@using MovieMiner
@using MoviePicker.WebApp.Utilities

@{
	ViewBag.Title = "Images";

	var fileCount = 1;
}

<script type="text/javascript">

	function clickFilter() {
		var url = "/LowMem/Images?filter=" + $("#filterInput").val();

		var baseUrl = parseBaseUrl();

		window.location.href = baseUrl + url;
	}

	function parseBaseUrl() {
		var baseUrl = window.location.href;

		if (baseUrl != null) {
			var slashIdx = baseUrl.indexOf("/", "https://".length);

			if (slashIdx > 0) {
				baseUrl = baseUrl.substring(0, slashIdx);
			}
		}

		return baseUrl;
	}

</script>

<h2>@ViewBag.Title</h2>
<h5>(@ViewUtility.BytesToAbbreviation(Model.TotalSize))</h5>

<div class="row">
	<div class="col-xs-5 col-sm-2 col-md-3  input-group">
		<input id="filterInput" class="form-control" placeholder="Filter (contains)" value="@Request.Params["filter"]" />

		<div class="input-group-btn">
			<button class="btn btn-default" type="button" onclick="clickFilter()">Filter</button>
		</div>
	</div>
</div>

<div class="row-divider"> </div>

<div class="row">
	@foreach (var file in Model.Images)
	{
		<div class="col-sm-4" style="border: solid; border-radius: 4px; border-width: 1px; padding: 8px;">

			<div class="col-xs-3">
				<a href="@file.ImageUrl">
					<img class="img-responsive" src="@file.ImageUrl" alt="@file.Name" style="max-height: 40px;" />
				</a>
			</div>
			<div class="col-xs-2">
				@file.SizeInBytes.ToString("N0")
			</div>
			<div class="col-xs-7">
				@file.CreationDateUTC
			</div>
			<div class="col-xs-12">
				<a href="@file.ImageUrl">
					@file.Name
				</a>
			</div>
		</div>

		if (fileCount % 3 == 0)
		{
			<div class="clearfix"></div>
		}

		fileCount++;
	}
</div>
{'fraction_non_alphanumeric': 0.19772727272727272, 'fraction_numerical': 0.01278409090909091, 'mean_word_length': 3.7645466847090665, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 75, 'https://': 2, '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': '6192652', 'n_tokens_mistral': 1490, 'n_tokens_neox': 1286, 'n_words': 253}