D-Net

<nav class="navbar navbar-default" role="navigation">

	<div class="collapse navbar-collapse">

		<div class="col-sm-3">

			<a class="navbar-brand">{{group.entityType.label}}</a><a class="navbar-brand" ng-show="results.total > 0">{{results.total}}</a>

		</div>

		<ul class="nav navbar-nav col-sm-2">

			<li role="presentation" class="active dropdown"><a

				class="dropdown-toggle" data-toggle="dropdown" role="button"

				aria-expanded="false"> Group <span class="badge">{{group.group.length}}</span>

					<span class="caret"></span>

			</a>

				<ul class="dropdown-menu" role="menu">

					<li><a data-toggle="modal" data-target="#showGroupModal">Show</a></li>

					<li><a ng-click="resetForm()">Reset</a></li>

					<li class="divider"></li>

					<li><a ng-click="commit()">Commit</a></li>

				</ul></li>

		</ul>

		<div class="col-sm-2 col-md-2">

			<form class="navbar-form">

				<button class="btn btn-info" ng-class="{disabled:start < 20}"

					ng-click="go('/add/' + group.entityType.type + '/' + group.actionSet + '/' + query + '/' + (start-rows))">

					&laquo; Pevious</button>

				<button class="btn btn-info"

					ng-class="{disabled:groups.length < rows}"

					ng-click="go('/add/' + group.entityType.type + '/' + group.actionSet + '/' + query + '/' + (start+rows))">

					Next &raquo;</button>

			</form>

		</div>

		<div class="col-sm-5 col-md-5 pull-right">

			<form class="navbar-form" role="search">

				<div class="input-group">

					<input type="text" class="form-control" placeholder="Search"

						id="inputFreeSearch" ng-model="query">

					<div class="input-group-btn">

						<button class="btn btn-default"

							ng-click="go('/add/' + group.entityType.type + '/' + group.actionSet + '/' + query + '/0')">

							<i class="glyphicon glyphicon-search"></i>

						</button>

					</div>

				</div>

			</form>

		</div>

	</div>

</nav>

<div class="row">

	<div class="col-xs-12" ng-show="results && results.results.length > 0">

		<ng-dedup-records-table ng-show="group.entityType.type == 'result'"

			theads="Group size,Title,Publication date,Abstract"

			fields="groupSize,title,dateofacceptance,description"

			results="results.results" group="group"

			show-merged-fn="showRootModal" add-to-group-fn="add"

			remove-from-group-fn="remove"></ng-dedup-records-table>

		<ng-dedup-records-table

			ng-show="group.entityType.type == 'organization'"

			theads="Group size,Legal name,Legal short name,Website URL"

			fields="groupSize,legalname,legalshortname,websiteurl"

			results="results.results" group="group"

			show-merged-fn="showRootModal" add-to-group-fn="add"

			remove-from-group-fn="remove"></ng-dedup-records-table>

	</div>

</div>

<div class="modal fade" id="showGroupModal">

	<div class="modal-dialog modal-lg">

		<div class="modal-content">

			<div class="modal-header">

				<button type="button" class="close" data-dismiss="modal"

					aria-label="Close">

					<span aria-hidden="true">&times;</span>

				</button>

				<h4 class="modal-title">Group {{group.entityType.label}}</h4>

			</div>

			<div class="modal-body" style="height: 500px; overflow-y: auto">

				<div class="col-xs-12" ng-show="groupIdDetails">

					<ng-dedup-records-table ng-show="group.entityType.type == 'result'"

						theads="Group size,Title,Publication date,Abstract"

						fields="groupSize,title,dateofacceptance,description"

						results="group.detailList" group="group"

						remove-from-group-and-deassociate-fn="removeAndDeassociate"></ng-dedup-records-table>

					<ng-dedup-records-table

						ng-show="group.entityType.type == 'organization'"

						theads="Group size,Legal name,Legal short name,Website URL"

						fields="groupSize,legalname,legalshortname,websiteurl"

						results="group.detailList" group="group"

						remove-from-group-and-deassociate-fn="removeAndDeassociate"></ng-dedup-records-table>

				</div>

			</div>

		</div>

		<div class="modal-footer">

			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

		</div>

	</div>

</div>

<div class="modal fade" id="showRootModal">

	<div class="modal-dialog modal-lg">

		<div class="modal-content">

			<div class="modal-header">

				<button type="button" class="close" data-dismiss="modal"

					aria-label="Close">

					<span aria-hidden="true">&times;</span>

				</button>

				<h4 class="modal-title">Group {{group.entityType.label}}</h4>

			</div>

			<div class="modal-body" style="height: 500px; overflow-y: auto">

				<div class="col-xs-12" ng-show="groupIdDetails">

					<ng-dedup-records-table ng-show="group.entityType.type == 'result'"

						theads="Group size,Title,Publication date,Authors,Abstract"

						fields="groupSize,title,dateofacceptance,author,description"

						results="groupIdDetails.list" group="group"></ng-dedup-records-table>

					<ng-dedup-records-table

						ng-show="group.entityType.type == 'organization'"

						theads="Group size,Legal name,Legal short name,Website URL"

						fields="groupSize,legalname,legalshortname,websiteurl"

						results="groupIdDetails.list" group="group"></ng-dedup-records-table>

				</div>

			</div>

		</div>

		<div class="modal-footer">

			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

		</div>

	</div>

</div>