<commit_before><!DOCTYPE html>
<html>
<head>
<title>bselect</title>
<meta charset="UTF-8" />
<meta name="description"
	content="bselect - The select decorator component that was missing for Twitter Bootstrap 3." />

<link rel="stylesheet"
	href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" />
<link rel="stylesheet" href="dist/css/bselect.min.css" />

<!--[if lte IE 8]>
		<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
		<![endif]-->
</head>
<body>
	<header class="jumbotron">
		<div class="container">
			<h1>bselect</h1>
			<p class="lead">The select decorator component that was missing
				for Twitter Bootstrap <em class="text-primary" style="font-size: ">3</em>.</p>
			<iframe
				src="http://ghbtns.com/github-btn.html?user=derflocki&amp;repo=bselect&amp;type=watch&amp;count=true"
				style="width: 110px; height: 20px; border: 0"></iframe>
			<iframe
				src="http://ghbtns.com/github-btn.html?user=derflocki&amp;repo=bselect&amp;type=fork&amp;count=true"
				style="width: 95px; height: 20px; border: 0"></iframe>
			<iframe
				src="http://ghbtns.com/github-btn.html?user=derflocki&amp;type=follow&amp;count=true"
				style="width: 165px; height: 20px; border: 0"></iframe>
		</div>
	</header>
	
<div data-keyboard="true" id="new-verhaletnis-modal" class="modal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
					<h3>Inside a modal</h3>
			</div>
			<div class="modal-body">
				<form id="create-verhaeltnis-form" class="form-horizontal" action="/~fdorn/accmanv4/web/index.php/berechtigungen/-143343" method="post" role="form">
						<div class="col-lg-12">
						<select id="bselect-modal" class="form-control">
							<option value="">Select a band</option>
							<option value="AC/DC">AC/DC</option>
							<option value="Led Zeppelin">Led Zeppelin</option>
							<option value="The Who">The Who</option>
							<option value="Van Halen">Van Halen</option>
						</select>
					</div>
				</form>
			</div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	      </div>
		</div>
	</div>
</div>
<div class="container">
		<h2>Default functionality</h2>
		<p>
			The following functionality of bselect is default of the
			<code>&lt;select&gt;</code>
			s you already know. You don't need to do any extra markup or
			configuration via JavaScript objects to have them working.
		</p>

		<h3>Standard select</h3>
		<div class="row">
			<div class="col-md-6">
				<label for="select-standard">Turns this:</label> 
				<select
					class="form-control languages col-lg-12" id="select-standard">
					<option value="">Select an option</option>
					<option value="Ada">Ada</option>
					<option value="C">C</option>
					<option value="C#">C#</option>
					<option value="C++">C++</option>
					<option value="C++">CoffeeScript</option>
					<option value="Dart">Dart</option>
					<option value="Delphi">Delphi</option>
					<option value="Erlang">Erlang</option>
					<option value="F#">F#</option>
					<option value="FORTRAN">FORTRAN</option>
					<option value="Go">Go</option>
					<option value="Haskell">Haskell</option>
					<option value="Java">Java</option>
					<option value="JavaScript">JavaScript</option>
					<option value="Kotlin">Kotlin</option>
					<option value="Lisp">Lisp</option>
					<option value="Lua">Lua</option>
					<option value="MATLAB">MATLAB</option>
					<option value="Objective-C">Objective-C</option>
					<option value="Pascal">Pascal</option>
					<option value="Perl">Perl</option>
					<option value="PHP">PHP</option>
					<option value="Python">Python</option>
					<option value="Ruby">Ruby</option>
					<option value="Scala">Scala</option>
					<option value="Shell">Shell</option>
					<option value="Tcl">Tcl</option>
					<option value="Visual Basic">Visual Basic</option>
				</select>
			</div>

			<div class="col-md-6">
				<label for="bselect-standard">Into this:</label> 
				<select class="form-control languages col-lg-12" id="bselect-standard">
					<option value="">Select an option</option>
					<option value="Ada">Ada</option>
					<option value="C">C</option>
					<option value="C#">C#</option>
					<option value="C++">C++</option>
					<option value="C++">CoffeeScript</option>
					<option value="Dart">Dart</option>
					<option value="Delphi">Delphi</option>
					<option value="Erlang">Erlang</option>
					<option value="F#">F#</option>
					<option value="FORTRAN">FORTRAN</option>
					<option value="Go">Go</option>
					<option value="Haskell">Haskell</option>
					<option value="Java">Java</option>
					<option value="JavaScript">JavaScript</option>
					<option value="Kotlin">Kotlin</option>
					<option value="Lisp">Lisp</option>
					<option value="Lua">Lua</option>
					<option value="MATLAB">MATLAB</option>
					<option value="Objective-C">Objective-C</option>
					<option value="Pascal">Pascal</option>
					<option value="Perl">Perl</option>
					<option value="PHP">PHP</option>
					<option value="Python">Python</option>
					<option value="Ruby">Ruby</option>
					<option value="Scala">Scala</option>
					<option value="Shell">Shell</option>
					<option value="Tcl">Tcl</option>
					<option value="Visual Basic">Visual Basic</option>
				</select>
			</div>
		</div>

		<div class="row">
			<div class="col-md-6">
				<h3>&lt;optgroup&gt; support</h3>
				<select class="form-control col-lg-12" id="bselect-optgroup"
					data-placeholder="Select a rock band">
					<option value="">Select a rock band</option>
					<option value="No">I don't like rock</option>
					<optgroup label="Hard Rock">
						<option value="AC/DC">AC/DC</option>
						<option value="Led Zeppelin">Led Zeppelin</option>
						<option value="The Who">The Who</option>
						<option value="Van Halen">Van Halen</option>
					</optgroup>
					<optgroup label="Heavy Metal">
						<option value="Black Sabbath">Black Sabbath</option>
						<option value="Dio">Dio</option>
						<option value="Iron Maiden">Iron Maiden</option>
						<option value="Metallica">Metallica</option>
						<option value="Motorhead">Motorhead</option>
					</optgroup>
					<optgroup label="Punk">
						<option value="Sex Pistols">Sex Pistols</option>
						<option value="The Clash">The Clash</option>
						<option value="The Ramones">The Ramones</option>
					</optgroup>
				</select>
			</div>

			<div class="col-md-6">
				<h3>Disabled select</h3>
				<select class="form-control col-lg-12" id="bselect-disabled"
					data-placeholder="Select a rock band" disabled="disabled">
					<option value="">Select a band</option>
					<option value="AC/DC">AC/DC</option>
					<option value="Led Zeppelin">Led Zeppelin</option>
					<option value="The Who">The Who</option>
					<option value="Van Halen">Van Halen</option>
				</select>
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-6 col-md-offset-3">
				<h3>Inseide hidden elements</h3>
				<p>
				When using it in a initially hidden element like a modal you have .resize() the parent before showing to properly size it
				</p>
				<pre>//resize the modal so bselect updates the width
$('.modal').on('show.bs.modal', function() {
	setTimeout(function() {
		$(this).trigger('resize');
	});
});</pre>
				<button data-target="#new-verhaletnis-modal" data-toggle="modal" class="btn btn-success btn-block" type="button">
					<i class="glyphicon glyphicon-plus"></i> Open modal
				</button>
			</div>
		</div>
	</div>
	<script
		src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script
		src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>
	<script src="dist/js/bselect.js"></script>
	
	<script>
		(function( $ ) {
			"use strict";
			$(document).ready(function() {
				$("[id^='bselect-']").bselect();
			});
			$('.modal').on('show.bs.modal', function() {
				setTimeout(function() {
					$(this).trigger('resize');
				});
			});

		})( jQuery );
</script>
</body>
</html>
<commit_msg>fixed typo<commit_after><!DOCTYPE html>
<html>
<head>
<title>bselect</title>
<meta charset="UTF-8" />
<meta name="description"
	content="bselect - The select decorator component that was missing for Twitter Bootstrap 3." />

<link rel="stylesheet"
	href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" />
<link rel="stylesheet" href="dist/css/bselect.min.css" />

<!--[if lte IE 8]>
		<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
		<![endif]-->
</head>
<body>
	<header class="jumbotron">
		<div class="container">
			<h1>bselect</h1>
			<p class="lead">The select decorator component that was missing
				for Twitter Bootstrap <em class="text-primary" style="font-size: ">3</em>.</p>
			<iframe
				src="//ghbtns.com/github-btn.html?user=derflocki&amp;repo=bselect&amp;type=watch&amp;count=true"
				style="width: 110px; height: 20px; border: 0"></iframe>
			<iframe
				src="//ghbtns.com/github-btn.html?user=derflocki&amp;repo=bselect&amp;type=fork&amp;count=true"
				style="width: 95px; height: 20px; border: 0"></iframe>
			<iframe
				src="//ghbtns.com/github-btn.html?user=derflocki&amp;type=follow&amp;count=true"
				style="width: 165px; height: 20px; border: 0"></iframe>
		</div>
	</header>
	
<div data-keyboard="true" id="new-verhaletnis-modal" class="modal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
					<h3>In a modal</h3>
			</div>
			<div class="modal-body">
				<form id="create-verhaeltnis-form" class="form-horizontal" action="/~fdorn/accmanv4/web/index.php/berechtigungen/-143343" method="post" role="form">
						<div class="col-lg-12">
						<select id="bselect-modal" class="form-control">
							<option value="">Select a band</option>
							<option value="AC/DC">AC/DC</option>
							<option value="Led Zeppelin">Led Zeppelin</option>
							<option value="The Who">The Who</option>
							<option value="Van Halen">Van Halen</option>
						</select>
					</div>
				</form>
			</div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	      </div>
		</div>
	</div>
</div>
<div class="container">
		<h2>Default functionality</h2>
		<p>
			The following functionality of bselect is default of the
			<code>&lt;select&gt;</code>
			s you already know. You don't need to do any extra markup or
			configuration via JavaScript objects to have them working.
		</p>

		<h3>Standard select</h3>
		<div class="row">
			<div class="col-md-6">
				<label for="select-standard">Turns this:</label> 
				<select
					class="form-control languages col-lg-12" id="select-standard">
					<option value="">Select an option</option>
					<option value="Ada">Ada</option>
					<option value="C">C</option>
					<option value="C#">C#</option>
					<option value="C++">C++</option>
					<option value="C++">CoffeeScript</option>
					<option value="Dart">Dart</option>
					<option value="Delphi">Delphi</option>
					<option value="Erlang">Erlang</option>
					<option value="F#">F#</option>
					<option value="FORTRAN">FORTRAN</option>
					<option value="Go">Go</option>
					<option value="Haskell">Haskell</option>
					<option value="Java">Java</option>
					<option value="JavaScript">JavaScript</option>
					<option value="Kotlin">Kotlin</option>
					<option value="Lisp">Lisp</option>
					<option value="Lua">Lua</option>
					<option value="MATLAB">MATLAB</option>
					<option value="Objective-C">Objective-C</option>
					<option value="Pascal">Pascal</option>
					<option value="Perl">Perl</option>
					<option value="PHP">PHP</option>
					<option value="Python">Python</option>
					<option value="Ruby">Ruby</option>
					<option value="Scala">Scala</option>
					<option value="Shell">Shell</option>
					<option value="Tcl">Tcl</option>
					<option value="Visual Basic">Visual Basic</option>
				</select>
			</div>

			<div class="col-md-6">
				<label for="bselect-standard">Into this:</label> 
				<select class="form-control languages col-lg-12" id="bselect-standard">
					<option value="">Select an option</option>
					<option value="Ada">Ada</option>
					<option value="C">C</option>
					<option value="C#">C#</option>
					<option value="C++">C++</option>
					<option value="C++">CoffeeScript</option>
					<option value="Dart">Dart</option>
					<option value="Delphi">Delphi</option>
					<option value="Erlang">Erlang</option>
					<option value="F#">F#</option>
					<option value="FORTRAN">FORTRAN</option>
					<option value="Go">Go</option>
					<option value="Haskell">Haskell</option>
					<option value="Java">Java</option>
					<option value="JavaScript">JavaScript</option>
					<option value="Kotlin">Kotlin</option>
					<option value="Lisp">Lisp</option>
					<option value="Lua">Lua</option>
					<option value="MATLAB">MATLAB</option>
					<option value="Objective-C">Objective-C</option>
					<option value="Pascal">Pascal</option>
					<option value="Perl">Perl</option>
					<option value="PHP">PHP</option>
					<option value="Python">Python</option>
					<option value="Ruby">Ruby</option>
					<option value="Scala">Scala</option>
					<option value="Shell">Shell</option>
					<option value="Tcl">Tcl</option>
					<option value="Visual Basic">Visual Basic</option>
				</select>
			</div>
		</div>

		<div class="row">
			<div class="col-md-6">
				<h3>&lt;optgroup&gt; support</h3>
				<select class="form-control col-lg-12" id="bselect-optgroup"
					data-placeholder="Select a rock band">
					<option value="">Select a rock band</option>
					<option value="No">I don't like rock</option>
					<optgroup label="Hard Rock">
						<option value="AC/DC">AC/DC</option>
						<option value="Led Zeppelin">Led Zeppelin</option>
						<option value="The Who">The Who</option>
						<option value="Van Halen">Van Halen</option>
					</optgroup>
					<optgroup label="Heavy Metal">
						<option value="Black Sabbath">Black Sabbath</option>
						<option value="Dio">Dio</option>
						<option value="Iron Maiden">Iron Maiden</option>
						<option value="Metallica">Metallica</option>
						<option value="Motorhead">Motorhead</option>
					</optgroup>
					<optgroup label="Punk">
						<option value="Sex Pistols">Sex Pistols</option>
						<option value="The Clash">The Clash</option>
						<option value="The Ramones">The Ramones</option>
					</optgroup>
				</select>
			</div>

			<div class="col-md-6">
				<h3>Disabled select</h3>
				<select class="form-control col-lg-12" id="bselect-disabled"
					data-placeholder="Select a rock band" disabled="disabled">
					<option value="">Select a band</option>
					<option value="AC/DC">AC/DC</option>
					<option value="Led Zeppelin">Led Zeppelin</option>
					<option value="The Who">The Who</option>
					<option value="Van Halen">Van Halen</option>
				</select>
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-6 col-md-offset-3">
				<h3>Inside hidden elements</h3>
				<p>
				When using it in a initially hidden element like a modal you have .resize() the parent before showing to properly size it
				</p>
				<pre>//resize the modal so bselect updates the width
$('.modal').on('show.bs.modal', function() {
	setTimeout(function() {
		$(this).trigger('resize');
	});
});</pre>
				<button data-target="#new-verhaletnis-modal" data-toggle="modal" class="btn btn-success btn-block" type="button">
					<i class="glyphicon glyphicon-plus"></i> Open modal
				</button>
			</div>
		</div>
	</div>
	<script
		src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script
		src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>
	<script src="dist/js/bselect.js"></script>
	
	<script>
		(function( $ ) {
			"use strict";
			$(document).ready(function() {
				$("[id^='bselect-']").bselect();
			});
			$('.modal').on('show.bs.modal', function() {
				setTimeout(function() {
					$(this).trigger('resize');
				});
			});

		})( jQuery );
</script>
</body>
</html>

{'fraction_non_alphanumeric': 0.19172126630334946, 'fraction_numerical': 0.008940052660584166, 'mean_word_length': 3.8063566804002353, 'pattern_counts': {'":': 0, '<': 577, '<?xml version=': 0, '>': 577, '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': '163072', 'n_tokens_mistral': 6964, 'n_tokens_neox': 5525, 'n_words': 1059}