<page-title title="Harvesting Protocols"></page-title>

<div class="container-fluid">
		
	<p><b>NOTE:</b> Use the api to register new protocols</p>
			
	<div class="row">	
		<div class="col">
			<div class="card mt-4" ng-repeat="prot in protocols">
				<div class="card-body">
					<h5 class="card-title">{{prot.id}}</h5>
					<p class="card-text" ng-if="prot.params.length == 0">No parameters</p>
					<table class="table table-sm table-striped" ng-if="prot.params.length > 0">
						<thead>
							<th style="width: 20%">Parameter</th>
							<th>Description</th>
							<th style="width: 15%" class="text-center">Type</th>
							<th style="width: 15%" class="text-center">Required</th>
							<th style="width: 15%" class="text-center">Has Sel Function</th>
						</thead>
						<tbody>
							<tr ng-repeat="p in prot.params">
								<th>{{p.name}}</th>
								<td>{{p.label}}</td>
								<td class="text-center">{{p.type}}</td>
								<td class="text-center"><i class="fa fa-check" ng-if="!p.optional"></i></td>
								<td class="text-center"><i class="fa fa-check" ng-if="p.hasSelFunction"></i></td>
							</tr>
						</tbody>
					</table>
			</div>
		</div>
	</div>
</div>
