david
/
irc-books


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html ng-app="app">
	<head>
		<script src="js/angular.min.js"></script>
		<script src="js/app.js"></script>
		<link href="styles.css" rel="stylesheet" type="text/css"></link>
        <meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
<body>
	<div ng-controller="main">
			<h2>Search books</h2>
			<div class="form">
				<div>
					<label>Book</label>
					<input type="text" ng-model="book">
				</div>
				<div>
					<label>Extension</label>
					<input type="text" ng-model="extension">
				</div>
				<input type="button" value="search" ng-click="searchBook(book,extension)">
			</div>

			<div class="content">
				<div class="tabs">
					<ul>
						<li ng-class="{active:isActiveTab('SEARCH')}" ng-click="changeTab('SEARCH')">Search</li>
						<li ng-class="{active:isActiveTab('RESULTS')}" ng-click="changeTab('RESULTS'); newElement(false)">Results <label ng-show="new" class="new-item">&#x21;</label></li>
					</ul>
				</div>
				<div class="tab-content">
					<div class="search" id="SEARCH" ng-show="activeTab==='SEARCH'">
						<table>
							<thead>
								<tr>
									<th></th>
									<th>Query</th>
									<th>Status</th>
									<th class="nomobile">Elapsed</th>
									<th class="output">Output</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="l in searchlist | filter:{TYPE:'SEARCH'} track by l.ID" ng-class="{'expanded':limit!=undefined}">
									<td><a ng-click="showMore(l)">{{limit[l.ID] ? '&#9650;' : '&#9660;'}}</a></td>
									<td> <span>{{l.QUERY}}</span> </td>
									<td> <label class="{{l.STATUS}}">{{l.STATUS}}</label> </td>
									<td class="nomobile"> <p ng-show="l.STATUS=='WAITING'|| l.STATUS=='DOWNLOADING'">{{l.ELAPSED}}</p> </td>
									<td>
										<i ng-show="l.STATUS=='DISCONNECTED'">Found {{l.OUT.length}} matches:</i>
										<ul>
											<li ng-repeat="o in l.OUT | limitTo:limit[l.ID]||5">
												<a ng-click="download(o.TEXT)">{{o.BOOK}} (<b>{{o.BOT}}</b>) <br/> <b>Tags</b>: {{o.TAGS}} <b>Info</b>: {{o.INFO}}</a>
											</li>
										</ul>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="results" id="RESULTS" ng-show="activeTab==='RESULTS'">
						<table>
							<thead>
								<tr>
									<th>Title</th>
									<th>Status</th>
									<th>Progress</th>
									<th class="nomobile">Elapsed</th>
									<th>Output</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="l in results| filter:{TYPE:'BOOK'} track by l.ID" class="expanded">
									<td> <span>{{l.QUERY}}<span> </td>
									<td> <label class="{{l.STATUS}}">{{l.STATUS}}</label> </td>
									<td>
									<progress-bar progress="l.PROGRESS"></progress-bar>
									</td>
									<td class="nomobile"> <p ng-hide="l.STATUS=='DISCONNECTED'|| l.STATUS=='TIMED OUT'">{{l.ELAPSED}}</p> </td>
									<td>
										<ul>
											<li ng-repeat="o in l.OUT">
												<a ng-href="/backend/{{o}}" target="_blank">{{clean(o)}}  &#8675;</a>
											</li>
										</ul>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>

	</div>
</body>
</html>