<commit_before><!doctype html>
<html>
<head>
    <title>Angular Paging Directive</title>
	<link type="text/css" rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" >
</head>
<body>
    

	<div class="jumbotron">
		<div class="container">
			<h2>Angular Paging</h2> 
			A directive to aid in paging large datasets while requiring the bare minimum of actual paging information. 
			By using AJAX, hybrid server/client-side pagination can be used, 
			in which Javascript is used to request the subsequent page which is loaded and 
			inserted into the Document Object Model via AJAX.
		</div>
	</div>
	
    <div class="container" ng-app="myApp">
		<div class="row">
			<div class="col-xs-8">
			
				<h3> Basic Sample </h3>
				<ul class="text-muted">
					<li>Nothing amazing just a basic paging example
					<li>Using Bootstraps paging css by default
				</ul>
				<div paging
					page="currentPage" 
					page-size="pageSize" 
					total="total">
				</div>	
			 
				<br/><hr/><br/>
				
				<h3> Advanced Sample </h3>
				<ul class="text-muted">
					<li>Changes in settings will be reflected in the advanced sample.
					<li>Don't forget to <strong>apply your settings</strong> once they've been modified!
				</ul>
				<div paging
					page="currentPage" 
					page-size="pageSize" 
					total="total"
					adjacent="{{adjacent}}"
					dots="{{dots}}"
					scroll-top="{{scrollTop}}" 
					hide-if-empty="{{hideIfEmpty}}"
					ul-class="{{ulClass}}"
					active-class="{{activeClass}}">
				</div>	
				<br/><hr/><br/>
				<h3> Known Issues </h3>
				<ul> 
					<li>Would be nice to pass in a function to the directive on page item click
					<li>The repository name should probably not have 'ng' as in ngPaging
				</ul>
				<br/><hr/><br/>
				<h3> Reference Links </h3>
				<ul> 
					<li>Githug - <a href="https://github.com/brantwills/ngPaging">https://github.com/brantwills/ngPaging</a>
					<li><NAME> - <a href="http://brantwills.com">http://brantwills.com</a>
					<li>@brantwills - <a href="http://twitter.com/brantwills">http://twitter.com/brantwills</a>
				</ul>


				<br/>
			</div>
			<div class="col-xs-4">
				<div class="well" class="form-group">
					<div class="form-group">
						<label>Current Page:</label> 
						<input 
							placeholder="page" 
							class="form-control"  
							maxlength="16"
							ng-model="currentPage" 
							ng-init="currentPage = 1"/>
					</div>
					<div class="form-group">
						<label>Page Size:</label> 
						<input 
							placeholder="Page Size" <commit_msg>Styles, Controller, and Notes<commit_after><!doctype html>
<html>
<head>
    <title>Angular Paging Directive</title>
	<link type="text/css" rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" >
	<style>
		.jumbotron h2 {margin-top: 0}
		hr {margin: 20px 0 40px}
		ul {margin-bottom: 40px}
		.text-muted {margin-bottom: 20px}
	</style>
</head>
<body>
    

	<div class="jumbotron">
		<div class="container">
			<h2>Angular Paging</h2> 
			A directive to aid in paging large datasets while requiring the bare minimum of actual paging information. 
			By using AJAX, hybrid server/client-side pagination can be used, 
			in which Javascript is used to request the subsequent page which is loaded and 
			inserted into the Document Object Model via AJAX.
		</div>
	</div>
	
    <div class="container" ng-app="myApp" ng-controller="sampleCtrl">
		<div class="row">
			<div class="col-xs-8">
			
				<h3> Basic Sample </h3>
				<ul class="text-muted">
					<li>Nothing amazing just a basic paging example
					<li>Using Bootstraps paging css by default
				</ul>
				<div paging
					page="currentPage" 
					page-size="pageSize" 
					total="total">
				</div>	
			 
				<hr/>
				
				<h3> Advanced Sample </h3>
				<ul class="text-muted">
					<li>Changes in settings will be reflected in the advanced sample.
					<li>View the console.log to see onClick action
					<li>Don't forget to <strong>apply your settings</strong> once they've been modified!
				</ul>
				
				<!-- 
					Notice the second parameter of DoCtrlPagingAct 
					is 'page' not currentPage
					
					This corresponds to the paging directives 'page' attribute
					You may pass in any number of parameters to your function 
					just be sure that the 'currentPage' parameter is replace with
					the paging directive page attribute
				-->
				<div paging
					page="currentPage" 
					page-size="pageSize" 
					total="total"
					adjacent="{{adjacent}}"
					dots="{{dots}}"
					scroll-top="{{scrollTop}}" 
					hide-if-empty="{{hideIfEmpty}}"
					ul-class="{{ulClass}}"
					active-class="{{activeClass}}"
					paging-action="DoCtrlPagingAct('Paging Clicked', page)"
					>
				</div>	
				<hr/>
				<h3> Known Issues </h3>
				<ul> 
					<li>Would be nice to pass in a function to the directive on page item click
					<li>The repository name should probably not have 'ng' as in ngPaging
				</ul>
				<hr/>
				<h3> Reference Links </h3>
				<ul> 
					<li>Githug - <a href="https://github.com/brantwills/ngPaging">https://github.com/brantwills/ngPaging</a>
					<li>Brant Wills - <a href="http://brantwills.com">http://brantwills.com</a>
					<li>@brantwills - <a href="http://twitter.com/brantwills">http://twitter.com/brantwills</a>
				</ul>

			</div>
			<div class="col-xs-4">
				<div class="well" class="form-group">
					<div class="form-group">
						<label>Current Page:</label> 
						<input 
							placeholder="page" 
							class="form-control"  
							maxlength="16"
							ng-model="currentPage" 
							ng-init="currentPage = 1"/>
					</div>
					<div class="form-group">
						<label>Page Size:</label> 
						<input 
							placeholder="Page Size" 
{'fraction_non_alphanumeric': 0.14749826268241834, 'fraction_numerical': 0.008165392633773454, 'mean_word_length': 2.8075396825396823, 'pattern_counts': {'":': 0, '<': 153, '<?xml version=': 0, '>': 151, 'https://': 4, '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': '1908963', 'n_tokens_mistral': 2523, 'n_tokens_neox': 1934, 'n_words': 509}