<div class="page-header" >

	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h1>Registered NSD Descriptors</h1>
				<h3>Submit, View and manage NSDs descriptors</h3>
				<a class="btn btn-success btn-lg" data-toggle="modal" ng-href="#!/experiment_upload"> 
				<i class="fa fa-upload fa-2x pull-left"></i>&nbsp;&nbsp;Upload New<br>&nbsp;NSD<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Descriptor</a>
				<!--  
				<a class="btn btn-success btn-lg" data-toggle="modal" ng-href="#!/experiment_add"> 
				<i class="fa fa-cogs fa-2x pull-left"></i>&nbsp;&nbsp;Create New<br>&nbsp;Experiment<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Descriptor</a>
				-->
				<br>
				<br>
				<table id="grid1" tr-ng-grid="" class="usersGrid" items="apps" page-items="50"
					fields="['id', 'name', 'valid', 'shortDescription','longDescription', 'owner.username', 'packagingFormat']">
					
					<thead>
						<tr>
							<th field-name="id" display-name="Id" cell-width="5em"display-align="right"></th>
							<th field-name="name" display-name="Name"></th>
							<th field-name="published" display-name="Published"></th>
							<th field-name="valid" display-name="Valid"></th>
							<th field-name="shortDescription" display-name="Teaser"></th>
							<th field-name="longDescription" display-name="Description"></th>
							<th>
			                    <div class="tr-ng-title">
									OnBoarding Status
			                    </div>
							</th>
							<th>
			                    <div class="tr-ng-title">
			                        Categories
			                    </div>
			                </th>
							<th>
			                    <div class="tr-ng-title">
			                        Date created
			                    </div>
			                </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
							    <ul ng-repeat="eobd in gridItem.experimentOnBoardDescriptors" role="presentation" >
						    		{{eobd.onBoardingStatus}} 
						    		<!-- with OnBoard ID:{{vobd.id}} -->
					    		</ul>
				    		</td>													
							<td nowrap="nowrap" >
							<div ng-repeat="appcat in gridItem.categories">{{appcat.name}} </div>
							</td>
							<td>  <span>{{gridItem.dateCreated| date:'medium'}} </span></td>
							<td><a href="{{gridItem.packageLocation}}">Package</td>
							<td nowrap="nowrap" >
								<img width="120px" src="{{gridItem.iconsrc}}"> 
								<p><strong>Version: {{gridItem.version}}</strong><br></p>
								<!-- 
								<p><strong>UUID: {{gridItem.uuid}}</strong><br></p>
								<p>Last update: <strong>{{gridItem.dateUpdated | date:'medium' }}</strong></p>
								<p>Date created: <strong>{{gridItem.dateCreated| date:'medium'}}</strong></p>
								 -->
								<a class="btn btn-warning" ng-click="softDeleteApp(gridItem, gridItem.id)"><i class="fa fa-trash-o "></i></a>
								<a class="btn btn-danger" ng-click="deleteApp(gridItem, gridItem.id)"><i class="fa fa-trash-o "></i></a>
								<a class="btn btn-primary" ng-href="#!/experiment_edit/{{gridDisplayItem.id}}"><i class="fa fa-pencil-square-o "></i></a>									
								<a class="btn btn-info" ng-href="#!/experiment_view/{{gridDisplayItem.id}}"><i class="fa fa-info-circle "></i></a>
							</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
	</div>
</div>