<commit_before><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
	<title>Dynatree - Example: Themeroller</title>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" type="text/javascript"></script>
	<link href="../src/skin-vista/ui.dynatree.css" rel="stylesheet" type="text/css" id="skinSheet">
<!--
    <script src="../dist/jquery.dynatree-all.min.js" type="text/javascript"></script>
    <script src="../dist/jquery.dynatree-2.0.0pre-all.js" type="text/javascript"></script>
-->
    <script src="../src/jquery.dynatree.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.columnview.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.dnd.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.table.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.themeroller.js" type="text/javascript"></script>

	<!-- Start_Exclude: This block is not part of the sample code -->
	<link href="../lib/prettify.css" rel="stylesheet">
	<script src="../lib/prettify.js" type="text/javascript"></script>
	<link href="sample.css" rel="stylesheet" type="text/css">
	<script src="sample.js" type="text/javascript"></script>

	<!-- Themeroller switcher -->
	<link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css" />
	<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>

	<!-- End_Exclude -->
<style type="text/css">
	/* Dynatree extension 'table' */
	table.dynatree-ext-table {
        font-size: 80%; 
		border-collapse: collapse;
		width: 100%;
	}
	table.dynatree-ext-table tbody tr:nth-child(even){
		background-color: #f4f4f8;
	}
	table.dynatree-ext-table tbody tr td {
		border: 1px solid lightgray;
	}

	/* Dynatree extension 'columnview' */
	table.dynatree-ext-columnview {
        font-size: 80%; 
		border-collapse: collapse;
		width: 100%;
	}
	table.dynatree-ext-columnview tbody tr[0] {
		height: 200px;
	}
</style>
	<!-- Add code to initialize the tree when the document is loaded: -->
<script type="text/javascript">
	$(function(){
	    <!-- Start_Exclude: This block is not part of the sample code -->
	    $("#switcher").themeswitcher();
        $("#skinCombo")
	        .val("skin-vista") // set state to prevent caching
	        .change(function(){
	            var href = "../src/" + $(this).val() + "/ui.dynatree.css" + "?reload=" + new Date().getTime();
	            $("#skinSheet").attr("href", href);
	        });
        <!-- End_Exclude -->

        // Attach the dynatree widget to an existing <div id="tree"> element
		// and pass the tree options as an argument to the dynatree() function:
		$("#tree").dynatree({
			extensions: ["themeroller"],
			checkbox: true,
			source: {
				url: "../test/unit/ajax-tree-plain.json"
			},
			activate: function(e, data) {
			},
			lazyload: function(e, data) {
				data.result = {url: "../test/unit/ajax-sub2.json"}
			}
		});
		$("#treetable").dynatree({
			extensions: ["table", "themeroller"],
			checkbox: true,
			source: {
				url: "../test/unit/ajax-tree-plain.json"
			},
			activate: function(e, data) {
			},
			lazyload: function(e, data) {
				data.result = {url: "../test/unit/ajax-sub2.json"}
			},
			rendercolumns: function(e, data) {
				var node = data.node,
					$tdList = $(node.tr).find(">td");
				$tdList.eq(1).text(node.key);
				$tdList.eq(2).text(!!node.folder);
			}
		});
		$("#columnview").dynatree({
			extensions: ["columnview", "themeroller"],
			checkbox: true,
			source: {
				url: "../test/unit/ajax-tree-plain.json"
			},
			activate: function(e, data) {
			},
			lazyload: function(e, data) {
				data.result = {url: "../test/unit/ajax-sub2.json"}
			}
		});
	});
		</script>
</head>
<body class="example">
	<h1>Example: 'themeroller' extension</h1>
	<p class="description">
		This sample shows, how <a href="http://jqueryui.com/themeroller/" target="_blank">jQuery Themeroller</a> styles can be applied by
		adding the 'themeroller' extension.
	</p>
	<div id="switcher"></div>
    Skin:
    <select id="skinCombo" size="1">
        <option value="skin">Standard ('/skin/')</option>
        <option value="skin-vista">Vista ('/skin-vista/')</option>
    </select>

	<!-- Add a <table> element where the tree should appear: -->
	<p class="description">
		Standard tree:
	</p>
	<div id="tree"></div>

	<!-- Add a <table> element where the tree should appear: -->
	<p class="description">
		Table tree:
	</p>
	<table id="treetable">
		<colgroup>
		<col width="*"></col>
		<col width="200px"></col>
		<col width="100px"></col>
		</colgroup>
		<thead>
			<tr> <th></th> <th>Key</th> <th>Folder</th> </tr>
		</thead>
		<tbody>
			<tr> <td></td> <td></td> <td></td> </tr>
		</tbody>
	</table>

	<!-- Add a <table> element where the tree should appear: -->
	<p class="description">
		Columnview tree:
	</p>
	<table id="columnview">
		<colgroup>
		<col width="300px"></col>
		<col width="300px"></col>
		<col width="300px"></col>
		</colgroup>
		<thead>
			<tr> <th>1</th> <th>2</th> <th>3</th> </tr>
		</thead>
		<tbody>
			<tr> <td>?</td> <td>?</td> <td>?</td> </tr>
		</tbody>
	</table>

	<!-- Start_Exclude: This block is not part of the sample code -->
	<hr>
	<p class="sample-links  no_code">
		<a class="hideInsideFS" href="http://dynatree.googlecode.com">jquery.dynatree.js project home</a>
		<a class="hideOutsideFS" href="#">Link to this page</a>
		<a class="hideInsideFS" href="samples.html">Example Browser</a>
		<a href="#" id="codeExample">View source code</a>
	</p>
	<pre id="sourceCode" class="prettyprint" style="display:none"></pre>
	<!-- End_Exclude -->
</body>
</html>
<commit_msg>fixed themeroller sample for local access<commit_after><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
	<title>Dynatree - Example: Themeroller</title>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" type="text/javascript"></script>
	<link href="../src/skin-vista/ui.dynatree.css" rel="stylesheet" type="text/css" id="skinSheet">
<!--
    <script src="../dist/jquery.dynatree-all.min.js" type="text/javascript"></script>
    <script src="../dist/jquery.dynatree-2.0.0pre-all.js" type="text/javascript"></script>
-->
    <script src="../src/jquery.dynatree.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.columnview.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.dnd.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.table.js" type="text/javascript"></script>
    <script src="../src/jquery.dynatree.themeroller.js" type="text/javascript"></script>

	<!-- Start_Exclude: This block is not part of the sample code -->
	<link href="../lib/prettify.css" rel="stylesheet">
	<script src="../lib/prettify.js" type="text/javascript"></script>
	<link href="sample.css" rel="stylesheet" type="text/css">
	<script src="sample.js" type="text/javascript"></script>

	<!-- Themeroller switcher -->
	<link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css" />
	<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>

	<!-- End_Exclude -->
<style type="text/css">
	/* Dynatree extension 'table' */
	table.dynatree-ext-table {
        font-size: 80%; 
		border-collapse: collapse;
		width: 100%;
	}
	table.dynatree-ext-table tbody tr:nth-child(even){
		background-color: #f4f4f8;
	}
	table.dynatree-ext-table tbody tr td {
		border: 1px solid lightgray;
	}

	/* Dynatree extension 'columnview' */
	table.dynatree-ext-columnview {
        font-size: 80%; 
		border-collapse: collapse;
		width: 100%;
	}
	table.dynatree-ext-columnview tbody tr[0] {
		height: 200px;
	}
</style>
	<!-- Add code to initialize the tree when the document is loaded: -->
<script type="text/javascript">
	$(function(){
	    <!-- Start_Exclude: This block is not part of the sample code -->
	    $("#switcher").themeswitcher();
        $("#skinCombo")
	        .val("skin-vista") // set state to prevent caching
	        .change(function(){
	            var href = "../src/" + $(this).val() + "/ui.dynatree.css" + "?reload=" + new Date().getTime();
	            $("#skinSheet").attr("href", href);
	        });
        <!-- End_Exclude -->

        // Attach the dynatree widget to an existing <div id="tree"> element
		// and pass the tree options as an argument to the dynatree() function:
		$("#tree").dynatree({
			extensions: ["themeroller"],
			checkbox: true,
			source: {
				url: "ajax-tree-plain.json"
			},
			activate: function(e, data) {
			},
			lazyload: function(e, data) {
				data.result = {url: "ajax-sub2.json"}
			}
		});
		$("#treetable").dynatree({
			extensions: ["table", "themeroller"],
			checkbox: true,
			source: {
				url: "ajax-tree-plain.json"
			},
			activate: function(e, data) {
			},
			lazyload: function(e, data) {
				data.result = {url: "ajax-sub2.json"}
			},
			rendercolumns: function(e, data) {
				var node = data.node,
					$tdList = $(node.tr).find(">td");
				$tdList.eq(1).text(node.key);
				$tdList.eq(2).text(!!node.folder);
			}
		});
		$("#columnview").dynatree({
			extensions: ["columnview", "themeroller"],
			checkbox: true,
			source: {
				url: "ajax-tree-plain.json"
			},
			activate: function(e, data) {
			},
			lazyload: function(e, data) {
				data.result = {url: "ajax-sub2.json"}
			}
		});
	});
		</script>
</head>
<body class="example">
	<h1>Example: 'themeroller' extension</h1>
	<p class="description">
		This sample shows, how <a href="http://jqueryui.com/themeroller/" target="_blank">jQuery Themeroller</a> styles can be applied by
		adding the 'themeroller' extension.
	</p>
	<div id="switcher"></div>
    Skin:
    <select id="skinCombo" size="1">
        <option value="skin">Standard ('/skin/')</option>
        <option value="skin-vista">Vista ('/skin-vista/')</option>
    </select>

	<!-- Add a <table> element where the tree should appear: -->
	<p class="description">
		Standard tree:
	</p>
	<div id="tree"></div>

	<!-- Add a <table> element where the tree should appear: -->
	<p class="description">
		Table tree:
	</p>
	<table id="treetable">
		<colgroup>
		<col width="*"></col>
		<col width="200px"></col>
		<col width="100px"></col>
		</colgroup>
		<thead>
			<tr> <th></th> <th>Key</th> <th>Folder</th> </tr>
		</thead>
		<tbody>
			<tr> <td></td> <td></td> <td></td> </tr>
		</tbody>
	</table>

	<!-- Add a <table> element where the tree should appear: -->
	<p class="description">
		Columnview tree:
	</p>
	<table id="columnview">
		<colgroup>
		<col width="300px"></col>
		<col width="300px"></col>
		<col width="300px"></col>
		</colgroup>
		<thead>
			<tr> <th>1</th> <th>2</th> <th>3</th> </tr>
		</thead>
		<tbody>
			<tr> <td>?</td> <td>?</td> <td>?</td> </tr>
		</tbody>
	</table>

	<!-- Start_Exclude: This block is not part of the sample code -->
	<hr>
	<p class="sample-links  no_code">
		<a class="hideInsideFS" href="http://dynatree.googlecode.com">jquery.dynatree.js project home</a>
		<a class="hideOutsideFS" href="#">Link to this page</a>
		<a class="hideInsideFS" href="samples.html">Example Browser</a>
		<a href="#" id="codeExample">View source code</a>
	</p>
	<pre id="sourceCode" class="prettyprint" style="display:none"></pre>
	<!-- End_Exclude -->
</body>
</html>

{'fraction_non_alphanumeric': 0.20637528754518566, 'fraction_numerical': 0.009858692080184028, 'mean_word_length': 3.0549633577614923, 'pattern_counts': {'":': 0, '<': 309, '<?xml version=': 0, '>': 311, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, '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': '6322496', 'n_tokens_mistral': 4695, 'n_tokens_neox': 4257, 'n_words': 859}