<commit_before><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Bootstrap Piggy Homescreen</title>

		<!-- Bootstrap -->
		<link href="/bootstrap-3.3.6-dist/css/bootstrap.css" rel="stylesheet">
		<link href="/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="/css/indexCSS.css" rel="stylesheet">
		<link href="/css/circle.css" rel="stylesheet">
		<link href="/css/home.css" rel="stylesheet">
		<link href="/css/common.css" rel="stylesheet">

		<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>

		<link rel="stylesheet" href="jquery-ui-1.11.4.custom/jquery-ui.min.css">
		<script src="jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
		<script src="jquery-ui-1.11.4.custom/jquery-ui.js"></script>
		<script src="jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<script>
			$(function() {
				$( "#date" ).datepicker();
			});
		</script>

	</head>
	<body>
		<!--{{transactions.[0].amount}}-->

		<nav class="navbar navbar-default">
			<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">PIGGY</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="/dashboard">Dashboard</a></li>
						<li><a href="/transaction">Transactions</a></li>
						<li><a href="/analytics">Analytics</a></li>
					</ul>
					<!-- code for the right side of the navbar -->
					<ul class="nav navbar-nav navbar-right">
						<li><a href="/aboutHelp">About &amp; Help</a></li>
						<li><a href="/setting">Settings</a> </li>
						<li><a href="/splash">Logout</a> </li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>


    <div class="container-fluid">
			<!-- Weekly indicator description -->
			<div class="row">
				<h4 id="weeklyIndicatorDescription" style="text-align: center"></h4>
			</div>
			<!-- End of weekly indicator description -->

    	<div class="row">
    		<div class="indicatorContainer">
					<div id="divCircle" class="c100 p75 huge green">
						<span id="weeklyIndicatorNum"></span>
						<div class="slice">
					  		<div class="bar"></div>
					  		<div class="fill"></div>
						</div>
					</div>
				</div>

				<div class="btnContainer">
	        <a class="btn-primary" href="#" data-toggle="modal" data-target="#myModal">+ Add Spending</a>

	  			<!-- Modal -->
					<div class="modal fade" id="myModal" role="dialog">
					  <div class="modal-dialog">

					    <!-- Modal content-->
					    <div class="modal-content">
					      <div class="modal-header">
					        <button type="button" class="close" data-dismiss="modal">&times;</button>
					        <h4 class="modal-title">Add Spending</h4>
					      </div>
					      <div class="modal-body">
									<form class="form-horizontal" role="form" method="get" action="/addTransaction">
										<div class="form-group">
											<label for="nameTransaction">Transaction Name</label>
											<div class="col-sm-10">
												<input type="text" class="form-control"
												id="nameTransaction" placeholder="Ex. Panda Express" name="nameTransaction"/>
											</div>
										</div>
										<div class="form-group">
											<label for="amount" >Amount Spent</label>
											<div class="col-sm-10">
												<input type="number" class="form-control"
												id="amount" placeholder="$1000" name="amount"/>
											</div>
										</div>
										<div class="form-group">
											<label for="date" >Date</label>
											<div class="col-sm-10">
												<input type="text" class="form-control"
												id="date" placeholder="Ex. 02/15/2016" name="date"/>
											</div>
										</div>
										<div class="form-group">
											<label for "category"> Category </label>
											<div class="col-sm-10">
												<select class="form-control" id="category" name="category">
												    <option>Meals/Drinks</option>
												    <option>Necessities</option>
														<option>Entertainment</option>
														<option>Transportation</option>
														<option>Personal Care </option>
												</select>
										</div>
										<input type="submit" id="submitBtn" class="btn btn-default" value="Add Transaction" onclick="alert('New transaction has been added');"></input>
									</form>
									<!-- This is where the modal form ends !-->
								</div>

					    </div>
					      <div class="modal-footer">
					        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					      </div>
					    </div>

					  </div>
					</div>
	      </div>
     	</div>
    	<hr>
    	<div class="row">
        		<h2 style="text-align: center;">Piggy Jr.</h2>
				<div id ="avatar-image">
					<img src="images/piggy-avatar.png" alt="Pig Avatar" height="40%" width="40%" style="display: block; margin: auto;">
					<p style="text-align: center;">Total Coins: 0</p>
				</div>
				<br>
				<div class="buttons">
					<a class="btn-piggy" href="/closet">Closet</a>
					<a class="btn-piggy" href="/shop">Shop</a>
				</div>
      </div>
    	<hr>
    	<div class="row">
						<h3 id="daysLeft" style="text-align: center"></h3>
						<h3 id="goalName" style="text-align: center;"></h3>

						<div style="font-size: 16px; text-align: center">
							<a href="#">Edit goal</a> |
							<a href="#">Delete goal</a>
						</div>

						<div class="progress" style="width: 50%; margin: 0 auto">
							<!--<p>$ 0 / $500 saved</p>-->
							<div id="goalProgress" class="progress-bar" role="progressbar" aria-valuenow="0"
							aria-valuemin="0" aria-valuemax="" style="width: 60%">
							</div>
						</div>
						<p id="savedDescription" style="text-align: center; margin-top: 5px"></p>

						<br>
						<!--<div class="btnContainer">
							<a class="btn-primary" href="#" data-toggle="modal" data-target="">
								+ Add a goal
							</a>
						</div>
						<br>-->
      </div>
		</div>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
		<script src="js/home.js"></script>
	</body>
</html><commit_msg>Fixed bug - date form input now shows calendar<commit_after><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Bootstrap Piggy Homescreen</title>

		<!-- Bootstrap -->
		<link href="/bootstrap-3.3.6-dist/css/bootstrap.css" rel="stylesheet">
		<link href="/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="/css/indexCSS.css" rel="stylesheet">
		<link href="/css/circle.css" rel="stylesheet">
		<link href="/css/home.css" rel="stylesheet">
		<link href="/css/common.css" rel="stylesheet">

		<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>

		<link rel="stylesheet" href="jquery-ui-1.11.4.custom/jquery-ui.min.css">
		<script src="jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
		<script src="jquery-ui-1.11.4.custom/jquery-ui.js"></script>
		<script src="jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<script>
			$(function() {
				$("#date").datepicker();
			});
		</script>

	</head>
	<body>

		<nav class="navbar navbar-default">
			<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">PIGGY</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="/dashboard">Dashboard</a></li>
						<li><a href="/transaction">Transactions</a></li>
						<li><a href="/analytics">Analytics</a></li>
					</ul>
					<!-- code for the right side of the navbar -->
					<ul class="nav navbar-nav navbar-right">
						<li><a href="/aboutHelp">About &amp; Help</a></li>
						<li><a href="/setting">Settings</a> </li>
						<li><a href="/splash">Logout</a> </li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>

    <div class="container-fluid">
			<!-- Weekly indicator description -->
			<div class="row">
				<h4 id="weeklyIndicatorDescription" style="text-align: center"></h4>
			</div>
			<!-- End of weekly indicator description -->

    	<div class="row">
    		<div class="indicatorContainer">
					<div id="divCircle" class="c100 p0 huge green">
						<span id="weeklyIndicatorNum"></span>
						<div class="slice">
					  		<div class="bar"></div>
					  		<div class="fill"></div>
						</div>
					</div>
				</div>

				<div class="btnContainer">
	        <a class="btn-primary" href="#" data-toggle="modal" data-target="#myModal">+ Add Spending</a>

	  			<!-- Modal -->
					<div class="modal fade" id="myModal" role="dialog">
					  <div class="modal-dialog">

					    <!-- Modal content-->
					    <div class="modal-content">
					      <div class="modal-header">
					        <button type="button" class="close" data-dismiss="modal">&times;</button>
					        <h4 class="modal-title">Add Spending</h4>
					      </div>
					      <div class="modal-body">
									<form class="form-horizontal" role="form" method="get" action="/addTransaction">
										<div class="form-group">
											<label for="nameTransaction">Transaction Name</label>
											<div class="col-sm-10">
												<input type="text" class="form-control"
												id="nameTransaction" placeholder="Ex. Panda Express" name="nameTransaction"/>
											</div>
										</div>
										<div class="form-group">
											<label for="amount" >Amount Spent</label>
											<div class="col-sm-10">
												<input type="number" class="form-control"
												id="amount" placeholder="$1000" name="amount"/>
											</div>
										</div>
										<div class="form-group">
											<label for="date" >Date</label>
											<div class="col-sm-10">
												<input type="text" class="form-control"
												id="date" placeholder="Ex. 02/15/2016" name="date"/>
											</div>
										</div>
										<div class="form-group">
											<label for "category"> Category </label>
											<div class="col-sm-10">
												<select class="form-control" id="category" name="category">
												    <option>Meals/Drinks</option>
												    <option>Necessities</option>
														<option>Entertainment</option>
														<option>Transportation</option>
														<option>Personal Care </option>
												</select>
										</div>
										<input type="submit" id="submitBtn" class="btn btn-default" value="Add Transaction" onclick="alert('New transaction has been added');"></input>
									</form>
									<!-- This is where the modal form ends !-->
								</div>

					    </div>
					      <div class="modal-footer">
					        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					      </div>
					    </div>

					  </div>
					</div>
	      </div>
     	</div>
    	<hr>
    	<div class="row">
        		<h2 style="text-align: center;">Piggy Jr.</h2>
				<div id ="avatar-image">
					<img src="images/piggy-avatar.png" alt="Pig Avatar" height="40%" width="40%" style="display: block; margin: auto;">
					<p style="text-align: center;">Total Coins: 0</p>
				</div>
				<br>
				<div class="buttons">
					<a class="btn-piggy" href="/closet">Closet</a>
					<a class="btn-piggy" href="/shop">Shop</a>
				</div>
      </div>
    	<hr>
    	<div class="row">
						<h3 id="daysLeft" style="text-align: center"></h3>
						<h3 id="goalName" style="text-align: center;"></h3>

						<div style="font-size: 16px; text-align: center">
							<a href="#">Edit goal</a> |
							<a href="#">Delete goal</a>
						</div>

						<div class="progress" style="width: 50%; margin: 0 auto">
							<div id="goalProgress" class="progress-bar" role="progressbar" aria-valuenow="0"
							aria-valuemin="0" aria-valuemax="" style="width: 60%">
							</div>
						</div>
						<p id="savedDescription" style="text-align: center; margin-top: 5px"></p>
      </div>
		</div>
		<script src="js/home.js"></script>
	</body>
</html>
{'fraction_non_alphanumeric': 0.198208436392807, 'fraction_numerical': 0.01357042583060365, 'mean_word_length': 2.6514522821576763, 'pattern_counts': {'":': 0, '<': 468, '<?xml version=': 0, '>': 468, 'https://': 9, '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': '3182783', 'n_tokens_mistral': 6479, 'n_tokens_neox': 4814, 'n_words': 1015}