D-Net

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

	<parent>

		<groupId>eu.dnetlib</groupId>

		<artifactId>dnet45-parent</artifactId>

		<version>1.0.0</version>

	</parent>

	<modelVersion>4.0.0</modelVersion>

	<groupId>eu.dnetlib</groupId>

	<artifactId>dnet-modular-repositories-ui</artifactId>

	<packaging>jar</packaging>

	<version>5.1.0</version>

	<scm>

   		<developerConnection>scm:svn:https://svn.driver.research-infrastructures.eu/driver/dnet45/modules/dnet-modular-repositories-ui/tags/dnet-modular-repositories-ui-5.1.0</developerConnection>

	</scm>

	<dependencies>

		<dependency>

			<groupId>eu.dnetlib</groupId>

			<artifactId>dnet-modular-ui</artifactId>

			<version>[3.0.0,4.0.0)</version>

		</dependency>

		<dependency>

			<groupId>eu.dnetlib</groupId>

			<artifactId>dnet-modular-workflows-ui</artifactId>

			<version>[5.0.0,6.0.0)</version>

		</dependency>

		<dependency>

			<groupId>eu.dnetlib</groupId>

			<artifactId>dnet-openaire-datasource-manager</artifactId>

			<version>[2.1.0,3.0.0)</version>

		</dependency>

		<dependency>

			<groupId>junit</groupId>

			<artifactId>junit</artifactId>

			<version>${junit.version}</version>

			<scope>test</scope>

		</dependency>

		<dependency>

			<groupId>javax.servlet</groupId>

			<artifactId>javax.servlet-api</artifactId>

			<version>${javax.servlet.version}</version>

			<scope>provided</scope>

		</dependency>

	</dependencies>

	<properties>

		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

	</properties>

</project>

<div class="row">

	<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

		<span style="font-size: 16px"><b>Results of query</b>: <i>{{currentApiSelectionValue}}</i></span>

	</div>

	<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

		<form class="form-inline pull-right" role="form">

			<div class="form-group">

				<label class="sr-only" for="apiFilter">Filter...</label>

  				<input type="text" class="form-control input-sm" id="apiFilter" ng-model="filterApis" placeholder="Filter..." />

  			</div>

			<button ng-click="updateApis(true)" class="btn btn-sm btn-default" type="button"><span class="glyphicon glyphicon-refresh"></span></button>

			<button ng-click="go('#')" class="btn btn-sm btn-default" type="button">back</button>

		</form>

	</div>

</div>

<div class="row" style="margin-top: 20px">

	<div class="col-xs-12">

		<table class="table table-condensed table-striped">

			<thead>

				<tr>

					<th class="col-xs-2">

						<a href="javascript:void(0)" ng-click="sortType = 'repoName'; sortReverse = !sortReverse">

							Datasource Api

            				<span ng-show="sortType == 'repoName' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'repoName' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

					</th>

					<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'compliance'; sortReverse = !sortReverse">

							Compatibility

            				<span ng-show="sortType == 'compliance' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'compliance' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

					</th>

					<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'repoCountry'; sortReverse = !sortReverse">

							Country

            				<span ng-show="sortType == 'repoCountry' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'repoCountry' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

					<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'repoPrefix'; sortReverse = !sortReverse">

							Namespace Prefix

            				<span ng-show="sortType == 'repoPrefix' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'repoPrefix' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

					<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'protocol'; sortReverse = !sortReverse">

							Protocol

            				<span ng-show="sortType == 'protocol' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'protocol' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

          			<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'collDate'; sortReverse = !sortReverse">

							Last Collection Date

            				<span ng-show="sortType == 'collDate' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'collDate' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

          			<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'collBackend'; sortReverse = !sortReverse">

							Last Collection Backend

            				<span ng-show="sortType == 'collBackend' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'collBackend' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

					<th class="col-xs-1 text-right">

						<a href="javascript:void(0)" ng-click="sortType = 'collTotal'; sortReverse = !sortReverse">

							Last Collection Total

            				<span ng-show="sortType == 'collTotal' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'collTotal' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

					<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'aggrDate'; sortReverse = !sortReverse">

							Last Aggregation Date

            				<span ng-show="sortType == 'aggrDate' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'aggrDate' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>					

          			<th class="col-xs-1 text-center">

						<a href="javascript:void(0)" ng-click="sortType = 'aggrBackend'; sortReverse = !sortReverse">

							Last Aggregation Backend

            				<span ng-show="sortType == 'aggrBackend' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'aggrBackend' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

          			<th class="col-xs-1 text-right">

						<a href="javascript:void(0)" ng-click="sortType = 'aggrTotal'; sortReverse = !sortReverse">

							Last Aggregation Total

            				<span ng-show="sortType == 'aggrTotal' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

            				<span ng-show="sortType == 'aggrTotal' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          				</a>

          			</th>

				</tr>

			</thead>

			<tbody>

				<tr ng-repeat="api in apis | orderBy:sortType:sortReverse | filter:filterApis">

					<td>

						<a href="#/api/{{api.repoId}}/{{api.id}}/ALL/ALL" ng-hide="m.deleting">

							{{api.repoName}} ({{api.id.substr(api.id.lastIndexOf('::') + 2)}})

						</a>

					</td>

					<td class="text-center">

						<span class="label" ng-class="{'label-danger': !api.active, 'label-success': api.active}" style="width: 100px; display: inline-block; padding: 3px;">

							{{api.compliance}}

						</span> 

					</td>

					<td class="text-center"><img ng-src="../resources/img/flags/{{api.repoCountry}}.gif" /> {{api.repoCountry}}</td>

					<td class="text-center">{{api.repoPrefix}}</td>

					<td class="text-center">{{api.protocol}}</td>

					<td class="text-center">					

						<span ng-show="api.collDate">{{api.collDate | date:'yyyy-MM-dd HH:mm:ss'}}</span>

						<span ng-hide="api.collDate"><i>not yet available</i></span>

					</td>

					<td class="text-center">

						<span class="label label-info" style="width: 100px; display: inline-block; padding: 3px;" ng-show="api.collBackend">{{api.collBackend}}</span>

					</td>

					<td class="text-right" ng-class="{'text-success' : api.collTotal > 0, 'text-danger' : api.collTotal == 0}">{{api.collTotal}}</td>

					<td class="text-center">					

						<span ng-show="api.aggrDate">{{api.aggrDate | date:'yyyy-MM-dd HH:mm:ss'}}</span>

						<span ng-hide="api.aggrDate"><i>not yet available</i></span>

					</td>

					<td class="text-center">

						<span class="label label-info" style="width: 100px; display: inline-block; padding: 3px;" ng-show="api.aggrBackend">{{api.aggrBackend}}</span>

					</td>

					<td class="text-right" ng-class="{'text-success' : api.aggrTotal > 0, 'text-danger' : api.aggrTotal == 0}">{{api.aggrTotal}}</td>

				</tr>

			</tbody>

		</table>

	</div>

</div>

<div ng-class="{'input-group': id && syncButtonLabel}">

	<div class="form-control">

		<b>{{label}}:</b>

		<span ng-show="date">

			{{date | date:'yyyy-MM-dd HH:mm:ss'}}

		</span>

		<span ng-hide="date">

			<i>not yet available</i>

		</span>

		<div class="pull-right">

			<span ng-hide="id" ng-class="{'text-success' : total > 0, 'text-danger' : total == 0}">

				<b>Total:</b> {{total}}

			</span>

			<a ng-show="id"	href="../inspector/mdstore.do?id={{id}}"><b>Total:</b> {{total}}</a>

			<span class="label label-info" ng-show="backend">{{backend}}</span>

		</div>

	</div>

	<span class="input-group-btn" ng-if="id && syncButtonLabel">

		<button class="btn btn-default" ng-click="syncFunction()">{{syncButtonLabel}}</button>

	</span>

</div>

<div class="row">

	<div class="col-xs-12 col-sm-12 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">

		<form>

			<div class="input-group">

				<input type="text" class="form-control" id="apiSearch" ng-model="textApiSearch" placeholder="Search..."/>

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

					<button type="submit" class="btn btn-default" ng-click="searchApis(textApiSearch)">Search</button>

				</span>

			</div>

		</form>

	</div>

</div>

<br /><br />

<div class="row">

	<div class="col-xs-12 col-sm-12 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">

		<p><b>Or browse using:</b>

			<ul>

				<li ng-repeat="f in repoBrowseFields">

					<a href="javascript:void(0)" ng-click="browseRepoField(f)">{{f.label}}</a>

				</li>

			</ul>		

		</p>

	</div>

</div>

<div id="showRepoBrowseData" class="modal fade" tabindex="-1" role="dialog">

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

		<div class="modal-content">

			<div class="modal-header">

				<button type="button" class="close" data-dismiss="modal">&times;</button>

				<h4 class="modal-title">{{repoBrowseData.label}}</h4>

			</div>

			<div class="modal-body">

				<div class="row">

					<div class="col-xs-12 col-md-offset-8 col-md-4">

						<input type="text" class="form-control input-sm" ng-model="filterBrowseData" placeholder="Filter..." />

					</div>

				</div>

				<div class="well small" style="margin-top: 10px">

					<table class="table table-condensed table-striped">

						<thead>

							<tr>

								<th>

									<a href="javascript:void(0)" ng-click="sortType = 'term'; sortReverse = !sortReverse">

										Name

			            				<span ng-show="sortType == 'term' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

			            				<span ng-show="sortType == 'term' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          							</a>

								</th>

								<th class="text-right">

									<a href="javascript:void(0)" ng-click="sortType = 'total'; sortReverse = !sortReverse">

										# datasources

										<span ng-show="sortType == 'total' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span>

				            			<span ng-show="sortType == 'total' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span>

          							</a>

								</th>

							</tr>

						</thead>

						<tbody>

							<tr ng-repeat="row in repoBrowseData.data | orderBy:sortType:sortReverse | filter:filterBrowseData">

								<td><a href="javascript:void(0)" ng-click="browseApis(repoBrowseData.id,row.term)">{{row.term}}</a></td>

								<td class="text-right">{{row.total}}</td>

							</tr>

						</tbody>

					</table>

				</div>

			</div>

			<div class="modal-footer">

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

			</div>

		</div>

	</div>

</div>

<div class="form-control" ng-show="id">

    <b>{{label}}:</b>

	<span ng-show="date">

		{{date | date:'yyyy-MM-dd HH:mm:ss'}}

	</span>

	<span ng-hide="date">

		<i>not yet available</i>

	</span>

	<span class="pull-right">

		<span ng-hide="id" ng-class="{'text-success' : total > 0, 'text-danger' : total == 0}">

			<b>Total:</b> {{total}}

		</span>

		<a ng-show="id" href="objectstoreInspector.do#/inspect.do/{{id}}">

            <b>Total:</b> {{total}}

        </a>

	</span>

</div>

<div class="form-group">

	<label for="selectRepo" class="col-sm-3 control-label">{{label}}</label>

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

		<select id="selectRepo" chosen class="form-control" ng-model="selection" ng-options="repo.name for repo in repositories" data-placeholder="Choose a datasource...">

			<option></option> 

		</select>

	</div>

</div>

<div class="form-group" bs-has-error>

	<label class="col-sm-3 control-label">{{label}}</label>

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

		<select class="form-control" ng-model="selection" ng-required="required" ng-minlength="1">

			<option></option> 

			<option value="{{term.name}}" ng-repeat="term in vocabulary">{{term | vocabularyTerm}}</option>

		</select>

		<span class="glyphicon form-control-feedback" style="margin-right: 20px"></span>

	</div>

</div>

<div class="form-group" bs-has-error>

	<label class="col-sm-3 control-label">{{label}}</label>

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

		<select class="form-control" ng-model="selection" ng-required="required" ng-class="{'empty': !selection || selection.trim() == ''}">

			<option></option>

			<option ng-repeat="term in validValues" value="{{term.id}}">{{term.id}} (Name: {{term.name}})</option>

		</select>

		<span class="glyphicon form-control-feedback" style="margin-right: 20px"></span>

		<button type="button" class="btn btn-xs btn-default" style="margin-top: 6px" ng-click="refreshFunction()" ng-show="refreshFunction">

			<span class="glyphicon glyphicon-refresh"></span> fetch list

		</button>

	</div>

</div>

<div class="form-group" bs-has-error>

	<label class="col-sm-3 control-label">{{label}}</label>

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

		<select class="form-control" size="10" multiple="multiple" ng-model="arraySelection" ng-required="required" ng-class="{'empty': !selection || selection.trim() == ''}">

			<option ng-repeat="term in validValues" value="{{term.id}}">{{term.name}}</option>

		</select>

		<span class="glyphicon form-control-feedback" style="z-index: 100; margin-right: 20px;"></span>

		<button type="button" class="btn btn-xs btn-default" style="margin-top: 6px" ng-click="refreshFunction()" ng-show="refreshFunction">

			<span class="glyphicon glyphicon-refresh"></span> fetch list

		</button>

	</div>

</div>

<div class="form-group has-feedback">

	<label class="col-sm-3 control-label">{{label}}</label>

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

		<div class="input-group">

			<span class="input-group-addon">{{prefix}}</span>

			<input type="text" class="form-control" ng-model="suffix" ng-api-id-validation valid="valid" ng-required="required"/>

		</div>

		<span class="glyphicon form-control-feedback" style="z-index: 100"></span>

		<span class="label label-danger pull-right" ng-show="alert">{{alert}}</span>

	</div>

</div>

<div class="form-group" bs-has-error>

	<label class="col-sm-3 control-label">{{label}}</label>

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

		<p class="form-control-static">{{value}}</p>

	</div>

</div>

<div class="form-group" bs-has-error>

	<label class="col-sm-3 control-label">{{label}}</label>

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

		<input type="text" class="form-control" ng-model="selection" ng-pattern="mypattern" ng-required="required" ng-class="{'empty': !selection || selection.trim() == ''}" />

		<span class="glyphicon form-control-feedback" style="z-index: 100"></span>

	</div>

</div>

function common_init($scope, $http, $sce, $location) {

	$scope.currentRepoId = '';

	$scope.currentRepoName = '';

	$scope.currentRepo = '';

	$scope.go = function(path) {

		$location.path(path); 

	}

	$scope.showError = function(error) {

		show_notification("error", error);

	}

	$scope.showNotification = function(message) {

		show_notification("info", message);