<commit_before><!DOCTYPE html>
<html ng-app>
<head>
<title>Find it for me</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name = "description" content="Search posts in Facebook pages with the given query. Requires page username or id and search string" >

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="./custom.css">
<link rel="stylesheet" href="./ladda-bootstrap-0.1.0/dist/ladda-themeless.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-50449728-1', 'auto');
  ga('send', 'pageview');

</script>
</head>
<body ng-controller = "contentController">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./fb.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="./controller.js"></script>
<script src="./ladda-bootstrap-0.1.0/dist/spin.min.js"></script>
<script src="./ladda-bootstrap-0.1.0/dist/ladda.min.js"></script>
<script src="./controller.js"></script>
<script>
</script>

<!--
  Below we include the Login Button social plugin. This button uses
  the JavaScript SDK to present a graphical Login button that triggers
  the FB.login() function when clicked.
-->
<div class="container head-banner" align="center">
		<h1>Find It For Me</h1>
		<p class="lead">Search posts in Facebook pages with the given query. Requires page username or id and search string</p>
		<a href="https://github.com/anikdas/finditforme" class="btn btn-lg btn-info">Fork it on GitHub</a>
</div>
<div id="status">
</div>
<div class="container main-body" align="center">
<div class="curtain">
<p class="lead" ng-hide="show">Facebook login is required* to start searching!</p>
	<form class="form-inline" ng-submit="findPage('fresh')">
	<div class="form-group">
		<input class="form-control" type = "text" ng-model = "page_name" placeholder = "page username or id" required ng-disabled="!show">
	</div>
	<div class="form-group">
		<input class="form-control " type = "text" ng-model = "search_string" placeholder="query?" ng-disabled="!show" required>
	</div>
		<button id = "mainBtn"  class="btn btn-primary control ladda-button {{show ? '' : 'disabled'}}" data-style="zoom-in" type = "submit" >Submit</button>
		

		<button id ="prevBtn"  class="btn btn-primary control {{ lessPost() ? 'disabled':''}} ladda-button" data-style="zoom-in" type = "button" ng-click="findPage('prev')" ><span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span></button>
		

		<button class="btn btn-primary control" type = "button" ng-click="stopProcess()"><span class="glyphicon glyphicon-stop" aria-hidden="true"></span></button>

		
		<button id = "nextBtn" class="btn btn-primary control ladda-button {{countEqualsZero() ? 'disabled' : ''}}" type = "button" data-style="zoom-in" ng-click="findPage('next')" ><span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span></button>

	</form>
</div>
		<br>
	<!-- <div ng-show="next" class="well well-custom">
		<div  class="row">
			<div class="col-md-6"><button  class="btn btn-primary btn-block" type = "button" ng-show="prev" ng-click="findPage('prev')" >Previous</button></div>
			<div class="col-md-6"><button class="btn btn-primary btn-block" type = "button" ng-show="next" ng-click="findPage('next')" >Next</button></div>
		</div>
	</div> -->
</div>
<div class="container hidden-xs hidden-sm">
	<center>
		<h3 ng-show="searching">searched {{count}} posts!</h3>
	</center>
	<div ng-show="message" class="alert alert-info" role="alert">
			{{message}}
	</div>
	<div class="row">
		<div class="col-md-4 col-sm-6 col-xs-12" ng-repeat-start = "post in qdata" >
			<div class="thumbnail">
			      <img ng-show="post.picture" src="{{post.picture}}" alt="...">
			      <div class="caption">
			        <p class="lead"><strong>{{post.name}}</strong></p>
			        <p>{{post.message}}</p>
			        <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
			        <a href="{{post.link}}"> Attached link</a>
			        <br>
			        <!-- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> -->
					<span><strong>created on: {{GetDate(post.created_time) | date:'medium'}}</strong></span>
			      </div>
			    </div>
		</div>
		<div class="{{indexDivByThree($index) ? 'clearfix' : ''}}" ng-repeat-end
		></div>
	</div>
</div>
<div class="container hidden-lg hidden-md">
	<div class="row">
		<div class="panel panel-default" ng-repeat = "post in qdata">
			<div class="panel-heading" role="tab" id="headingThree">
			  <h4 class="panel-title">
			    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{$index}}" aria-expanded="false" aria-controls="collapseThree">
			      {{post.name}}
			    </a>
			  </h4>
			</div>
		<div id="collapse{{$index}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
			  <div class="panel-body">
			    <div class="thumbnail">
			      <img ng-show="post.picture" src="{{post.picture}}" alt="...">
			      <div class="caption">
			        <p class="lead"><strong>{{post.name}}</strong></p>
			        <p>{{post.message}}</p>
			        <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
			        <a href="{{post.link}}"> Attached link</a>
			        <br>
			        <!-- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> -->
					<span><strong>created on: {{GetDate(post.created_time) | date:'medium'}}</strong></span>
			      </div>
			    </div>

			  </div>
			</div>
		</div>
	</div>
</div>


<hr>
<div class="container">
		<div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="true" data-auto-logout-link="false"></div>
		<br><br>
		<small>*login with facebook is required to generate a generic access token as Facebook doen't allow anonymous API calls. Nothing to worry this application does not store any of your personal data :)</small>
</div>

</body>
</html><commit_msg>center aligned footer<commit_after><!DOCTYPE html>
<html ng-app>
<head>
<title>Find it for me</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name = "description" content="Search posts in Facebook pages with the given query. Requires page username or id and search string" >

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="./custom.css">
<link rel="stylesheet" href="./ladda-bootstrap-0.1.0/dist/ladda-themeless.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-50449728-1', 'auto');
  ga('send', 'pageview');

</script>
</head>
<body ng-controller = "contentController">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./fb.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="./controller.js"></script>
<script src="./ladda-bootstrap-0.1.0/dist/spin.min.js"></script>
<script src="./ladda-bootstrap-0.1.0/dist/ladda.min.js"></script>
<script src="./controller.js"></script>
<script>
</script>

<!--
  Below we include the Login Button social plugin. This button uses
  the JavaScript SDK to present a graphical Login button that triggers
  the FB.login() function when clicked.
-->
<div class="container head-banner" align="center">
		<h1>Find It For Me</h1>
		<p class="lead">Search posts in Facebook pages with the given query. Requires page username or id and search string</p>
		<a href="https://github.com/anikdas/finditforme" class="btn btn-lg btn-info">Fork it on GitHub</a>
</div>
<div id="status">
</div>
<div class="container main-body" align="center">
<div class="curtain">
<p class="lead" ng-hide="show">Facebook login is required* to start searching!</p>
	<form class="form-inline" ng-submit="findPage('fresh')">
	<div class="form-group">
		<input class="form-control" type = "text" ng-model = "page_name" placeholder = "page username or id" required ng-disabled="!show">
	</div>
	<div class="form-group">
		<input class="form-control " type = "text" ng-model = "search_string" placeholder="query?" ng-disabled="!show" required>
	</div>
		<button id = "mainBtn"  class="btn btn-primary control ladda-button {{show ? '' : 'disabled'}}" data-style="zoom-in" type = "submit" >Submit</button>
		

		<button id ="prevBtn"  class="btn btn-primary control {{ lessPost() ? 'disabled':''}} ladda-button" data-style="zoom-in" type = "button" ng-click="findPage('prev')" ><span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span></button>
		

		<button class="btn btn-primary control" type = "button" ng-click="stopProcess()"><span class="glyphicon glyphicon-stop" aria-hidden="true"></span></button>

		
		<button id = "nextBtn" class="btn btn-primary control ladda-button {{countEqualsZero() ? 'disabled' : ''}}" type = "button" data-style="zoom-in" ng-click="findPage('next')" ><span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span></button>

	</form>
</div>
		<br>
	<!-- <div ng-show="next" class="well well-custom">
		<div  class="row">
			<div class="col-md-6"><button  class="btn btn-primary btn-block" type = "button" ng-show="prev" ng-click="findPage('prev')" >Previous</button></div>
			<div class="col-md-6"><button class="btn btn-primary btn-block" type = "button" ng-show="next" ng-click="findPage('next')" >Next</button></div>
		</div>
	</div> -->
</div>
<div class="container hidden-xs hidden-sm">
	<center>
		<h3 ng-show="searching">searched {{count}} posts!</h3>
	</center>
	<div ng-show="message" class="alert alert-info" role="alert">
			{{message}}
	</div>
	<div class="row">
		<div class="col-md-4 col-sm-6 col-xs-12" ng-repeat-start = "post in qdata" >
			<div class="thumbnail">
			      <img ng-show="post.picture" src="{{post.picture}}" alt="...">
			      <div class="caption">
			        <p class="lead"><strong>{{post.name}}</strong></p>
			        <p>{{post.message}}</p>
			        <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
			        <a href="{{post.link}}"> Attached link</a>
			        <br>
			        <!-- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> -->
					<span><strong>created on: {{GetDate(post.created_time) | date:'medium'}}</strong></span>
			      </div>
			    </div>
		</div>
		<div class="{{indexDivByThree($index) ? 'clearfix' : ''}}" ng-repeat-end
		></div>
	</div>
</div>
<div class="container hidden-lg hidden-md">
	<div class="row">
		<div class="panel panel-default" ng-repeat = "post in qdata">
			<div class="panel-heading" role="tab" id="headingThree">
			  <h4 class="panel-title">
			    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{$index}}" aria-expanded="false" aria-controls="collapseThree">
			      {{post.name}}
			    </a>
			  </h4>
			</div>
		<div id="collapse{{$index}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
			  <div class="panel-body">
			    <div class="thumbnail">
			      <img ng-show="post.picture" src="{{post.picture}}" alt="...">
			      <div class="caption">
			        <p class="lead"><strong>{{post.name}}</strong></p>
			        <p>{{post.message}}</p>
			        <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
			        <a href="{{post.link}}"> Attached link</a>
			        <br>
			        <!-- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> -->
					<span><strong>created on: {{GetDate(post.created_time) | date:'medium'}}</strong></span>
			      </div>
			    </div>

			  </div>
			</div>
		</div>
	</div>
</div>


<hr>
<div class="container" align="center">
		<div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="true" data-auto-logout-link="false"></div>
		<br><br>
		<small>*login with facebook is required to generate a generic access token as Facebook doen't allow anonymous API calls. Nothing to worry this application does not store any of your personal data :)</small>
</div>

</body>
</html>
{'fraction_non_alphanumeric': 0.21478433389668602, 'fraction_numerical': 0.007788963186126828, 'mean_word_length': 4.275193798449612, 'pattern_counts': {'":': 0, '<': 375, '<?xml version=': 0, '>': 375, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1003168', 'n_tokens_mistral': 4973, 'n_tokens_neox': 4563, 'n_words': 978}