alexis2/front/main.html

	<div class="wrapper">
		<aside class="sidebar">
			<form class="filter">
				<ul>
					<li>
						<div class="profile">
							<p><i class="fa fa-user"></i> David Ventura</p>
							<a href="#">Logout</a>
						</div>
					</li>
					<li>
						<h3><i class="fa fa-filter"></i> Filter</h3>
					</li>
					<li>
						<label for="title">Article Title</label>
						<input ng-model="title" type="text">
					</li>
					<li>
						<label for="category">Category</label>
						<select ng-model="category" value="-1" ng-change="filter()">
							<option value="-1">--</option>
							<option value="0">Press Releases</option>
							<option value="1">News</option>
						</select>
					</li>
					<li>
						<label for="site">Site</label>
						<input ng-model="site" type="text">
					</li>
					<li>
						<label for="mindate">Min date (YYYY-MM-DD)</label>
						<input ng-model="mindate" type="text">
					</li>
					<li>
						<label for="mindate">Max date (YYYY-MM-DD)</label>
						<input ng-model="maxdate" type="text">
					</li>
					<li>
						<label for="mindate">Keyword</label>
						<tags-input ng-model="selected_kw" add-on-paste="true" add-from-autocomplete-only="true" replace-spaces-with-dashes="false" on-tag-added="filter()" on-tag-removed="filter()">
							<auto-complete source="filtered($query)"></auto-complete>
						</tags-input>
					</li>
					<li>
						<label for="mindate">Min weight</label>
						<input ng-model="minweight" type="text">
					</li>
					<li class="">
						<button ng-click="filter()">Filter</button>
					</li>
					<li class="">
						<button ng-click="reset()">Reset Filter</button>
					</li>
				</ul>
			</form>

		</aside>
		<div class="content-wrapper">
			<div class="news-wrapper">
				<section ng-repeat="n in news" ng-class-odd="'odd-news'" ng-class-even="'even-news'">
					<div class="title">
						<h4>{{n.title}}</h4>
						<a href="#" ng-click="delete_article(n._id)"><i class="fa fa-times"></i></a>
					</div>
					<ul class="news-meta">
						<li><i class="fa fa-calendar-o"></i> {{n.scrap_date | date:'short'}}</li>
						<li>Weight: {{n.weight}}</li>
						<li><i class="fa fa-globe"></i> {{n.source_name}}</li>
					</ul>
					<div class="summary">
						{{n.summary}}
					</div>
					<div class="navigation">
						<div><a ng-href="{{n.url}}" target="_blank"><i class="fa fa-external-link"></i> Visit site</a></div>
						<div class="read-more"><a ng-click="getArticle(n)"><i class="fa fa-share"></i> Read complete article</a></div>
					</div>
					<div class="labels">
						<i class="fa fa-tags"></i> <div ng-repeat="k in n.kw" ng-click="addKeyword(k)">{{k}}</div>
					</div>
				</section>
				<div class="pagination">
					<div class="center">
						Page: <input type="number" ng-model="curPage" ng-change="changePage(curPage)" ng-model-options='{ debounce: 500 }' ng-blur="changePage(curPage)"> / {{totPages}}
					</div>
				</div>
			</div>
			<div class="article-wrapper">
				<div id="news" ng-bind-html="newsArticle"></div>
			</div>
			<div style="clear: both"></div>
		</div>
			
			
		</div>
	</div>