david
/
alexis2


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
							<!DOCTYPE html>
<html ng-app="app">
	<head>
		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

		<!-- Optional theme -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
		<link rel="stylesheet" href="style.css">

		<!-- Latest compiled and minified JavaScript -->
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
		<link rel="stylesheet" type="text/css" href="js/ng-tags-input.min.css">
		<link rel="stylesheet" type="text/css" href="js/ng-tags-input.bootstrap.min.css">

		<script src="js/angular.min.js"></script>
		<script src="js/ng-tags-input.min.js"></script>
		<script src="js/app.js"></script>
	</head>
<body>
	<div ng-controller="main">
		<div class="row">
			<div class="col-sm-3 col-md-3 col-lg-3 col-xl-3">
				<div class="row">
					<div class="col-sm-4 col-md-4 col-lg-4">MinDate:</div>
					<input class="col-sm-8 col-md-8 col-lg-8" ng-model="mindate" type="text"/>
				</div>
				<div class="row">
					<div class="col-sm-4 col-md-4 col-lg-4">MaxDate:</div>
					<input class="col-sm-8 col-md-8 col-lg-8" ng-model="maxdate" type="text"/>
				</div>
				<div class="row">
					<div class="col-sm-4 col-md-4 col-lg-4">Site:</div>
					<input class="col-sm-8 col-md-8 col-lg-8" ng-model="site" type="text"/>
				</div>
				<div class="row">
					<div class="col-sm-4 col-md-4 col-lg-4">Keyword:</div>
					<!--
					<input class="col-sm-8 col-md-8 col-lg-8" ng-model="keyword" type="text"/>
					-->
					<tags-input ng-model="selected_kw" add-on-paste="true" add-from-autocomplete-only="true" replace-spaces-with-dashes="false">
						<auto-complete source="filtered($query)"></auto-complete>
					</tags-input>
				</div>
				<div class="row">
					<div class="col-sm-4 col-md-4 col-lg-4">MinWeight:</div>
					<input class="col-sm-8 col-md-8 col-lg-8" ng-model="minweight" type="text"/>
				</div>
				<div class="row">
					<div class="col-md-4"></div>
					<div class="col-md-8">
						<button ng-click="filter()" class="btn btn-default">Filter</button>
					</div>
				</div>

			</div>
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="row" style="border:1px solid black" ng-repeat="n in news">
					<div class="col-md-12">
						<div class="row">
							<div class="col-md-12">
								{{n.title}}
							</div>
						</div>
						<div class="row" style="font-size:11px">
							<div class="col-md-8">
								{{n.scrap_date}}
							</div>
							<div class="col-md-4">
								Weight: {{n.weight}}
							</div>
						</div>
						<!-- source: {{n.source}} -->
						<div class="summary" style="font-size:12px">
							{{n.summary}}
						</div>
						<div class="row">
							<div class="col-md-7">
								<a ng-href="{{n.url}}">Visit site</a>
							</div>
							<div class="col-md-5">
								<a ng-click="getArticle(n)">Read complete article</a>
							</div>
						</div>

						<div class="row">
							<div class="col-md-12 keywords">
								Keyword(s): {{n.kw.join(", ")}}
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="news" class="col-sm-5 col-md-5 col-lg-5 col-xl-5" ng-bind-html="newsArticle"></div>
		</div>
	</div>
</body>
</html>