sv1313
/
AgularJSBooks


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
							<!DOCTYPE html>
<html ng-app='MyApp'>
<head>
	<meta charset="utf-8">
	<title>My To Do Angular</title>
	<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
	<!-- <div ng-controller='Main' class="container">
		<div class="page-header">
			<h1>Seleznev Do IT</h1>
		</div>
		<div class="content">
			<input type="numder" ng-model='value'> {{value * 3}}
			<input type="text" ng-model='item'>
			<button ng-click='addItem()'>Add</button>
			<ul>
				<li ng-repeat='list in lists track by $index'>{text}<button class="btn-danger" ng-click='deletItem($index)'>X</button></li>
			</ul>
			<label>width</label>
			<input type="numder" ng-model='style.width'>
			<label>height</label>
			<input type="numder" ng-model='style.height'>
			<label>background</label>
			<input type="text" ng-model='style.background'>
			<div ng-style='{width: style.width + "px", height: style.height + "px", background: style.background}'></div>
		</div>
	</div> -->
	
	<div ng-controller='BooksList' class="container">
		<div class="page-header">
			<h1>Books</h1>
		</div>
		<div class="page-boody">
			<input type="text" ng-model='searchString' placeholder="Filter" class="form-control">
			<table class="table-bordered table-hover container">
				<thead>
					<td ng-click='sortBy("title")'><i class="glyphicon" ng-class='{"glyphicon glyphicon-chevron-up": sortFild === "title", "glyphicon glyphicon-chevron-down": sortFild === "-title"}'></i>Title</td>
					<td ng-click='sortBy("author")'><i class="glyphicon" ng-class='{"glyphicon glyphicon-chevron-up": sortFild === "author", "glyphicon glyphicon-chevron-down": sortFild === "-author"}'></i>Author</td>
					<td ng-click='sortBy("date")'><i class="glyphicon" ng-class='{"glyphicon glyphicon-chevron-up": sortFild === "date", "glyphicon glyphicon-chevron-down": sortFild === "-date"}'></i>Date</td>
					<td ng-click='sortBy("cost")'><i class="glyphicon" ng-class='{"glyphicon glyphicon-chevron-up": sortFild === "cost", "glyphicon glyphicon-chevron-down": sortFild === "-cost"}'></i>Price</td>
					<td ng-click='sortBy("rate")'><i class="glyphicon" ng-class='{"glyphicon glyphicon-chevron-up": sortFild === "rate", "glyphicon glyphicon-chevron-down": sortFild === "-rate"}'></i>Rate</td>
					<td></td>
				</thead>
				<tbody>
					<tr ng-repeat='item in books | orderBy:sortFild  | filter: searchString'>
						<td>{{item.title}}</td>
						<td>{{item.author | uppercase}}</td>
						<td>{{item.date | date: 'longDate'}}</td>
						<td>{{item.cost}}</td>
						<td>{{item.rate | number : 1}}</td>
						<td>
							<button class="btn btn-danger" ng-click='deleteBook(item.id)'></button>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<script type="text/javascript" src="./node_modules/angular/angular.js"></script>
	<script type="text/javascript" src="app/app.module.js"></script>
	<!-- <script type="text/javascript" src="app/controllers/main.controller.js"></script> -->
	<script type="text/javascript" src="app/controllers/books-list.controller.js"></script>
</body>
</html>