D-Net

<div class="panel panel-default">

	<div class="panel-heading">

		<div class="row">

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

				<h4>{{currentRepoName}}</h4>

			</div>

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

				<div class="pull-right">

					<button class="btn btn-sm btn-primary" type="button" data-toggle="modal" data-target="#editAccessParamsModal">edit access params</button>

					<button class="btn btn-sm btn-primary" type="button" data-toggle="modal" data-target="#editExtraFieldsModal">edit extra fields</button>

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

					<button class="btn btn-sm btn-default" type="button" onclick="history.go(-1);">back</button>

				</div>

			</div>

		</div>

		<table class="table" style="font-size: 11px">

			<tr>

				<th class="col-xs-2">API protocol</th>

				<td class="col-xs-10">

					{{currentRepoApi.protocol}}

					<button type="button" class="btn btn-primary btn-xs" style="margin-left: 20px" ng-click="testOAI(currentRepoApi.accessParams)" ng-show="currentRepoApi.protocol == 'oai'">verify</button>

				</td>

			<tr>

			<tr ng-repeat="p in currentRepoApi.commonParams">

				<th class="col-xs-2">API {{p.name}}</th>

				<td class="col-xs-10">

					<span ng-hide="p.name == 'compliance'">{{p.value}}</span>

					<div class="btn-group" ng-show="p.name == 'compliance'">

						<button type="button" data-toggle="dropdown" style="width: 200px;" class="btn btn-sm dropdown-toggle" ng-class="{ 'btn-primary' : !p.otherValue, 'btn-warning' : p.otherValue }">

							<div class="pull-left"><b>{{p.value}}</b>

								<span ng-show="p.otherValue"> (override)</span>

								<span ng-hide="p.otherValue"> (by validator)</span>

							</div>

							<div class="pull-right"><span class="caret"></span></div>

						</button>

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

					        <li role="presentation" ng-repeat="l in compatibilityLevels">

					        	<a role="menuitem" tabindex="-1" href="javascript:void(0)" ng-click="overrideApiCompliance(l.id)">override to <b>{{l.id}}</b> (<i>{{l.name}}</i>)</a>

					        </li>

							<li class="divider" role="presentation" ng-show="p.otherValue"></li>

					        <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0)" ng-show="p.otherValue" ng-click="resetApiCompliance()">reset to the validator value: <b>{{p.otherValue}}</b></a></li>

					    </ul>

					</div>

				</td>

			<tr>

		</table>

	</div>

	<div class="panel-body" ng-hide="currentRepoApi.metaWFs.length != 0">

    	<p><span class="label label-warning" style="padding: 5px">Missing Workflow</span></p>

	</div>

	<table ng-show="currentRepoApi.metaWFs.length != 0" class="table table-striped">

		<tr ng-repeat="m in currentRepoApi.metaWFs">

			<td style="width: 40px">{{$index + 1}}</td>			

			<td>

				<a href="ds_workflows.do?dsId={{currentRepoId}}&metaWf={{m.id}}" ng-hide="m.deleting">{{m.name}}</a>

				<span class="muted" ng-show="m.deleting">{{m.name}}</span>

			</td>

			<td>

				<span ng-hide="m.deleting">

					<span class="label label-default" ng-show="m.status == 'MISSING'">Workflow is running</span>

					<span class="label label-danger" ng-show="m.status == 'WAIT_USER_SETTINGS'">Manual configuration required</span>

					<span class="label label-success" ng-show="m.status == 'EXECUTABLE'">Ready</span>

				</span>

			</td>

			<td>

				<button type="button" class="btn btn-danger btn-xs pull-right" ng-show="m.destroyWorkflow && !m.deleting" ng-click="destroyDataProviderWorkflow(m)">

					<span class="glyphicon glyphicon-remove"></span> delete

				</button>

				<span class="muted pull-right" ng-show="m.deleting">deleting...</span>

			</td>

		</tr>

	</table>

	<div class="panel-footer">

		<button class="btn btn-sm btn-primary btnRefreshApi" type="button" data-toggle="modal" data-target="#metaWfSelectionModal"><span class="glyphicon glyphicon-plus"></span> add metaworkflow</button>

	</div>

</div>

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

	<div class="modal-dialog">

		<div class="modal-content">

			<div class="modal-header">

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

				<h4 class="modal-title">Available MetaWorkflows for current API</h4>

			</div>

			<div class="modal-body">

				<div class="panel panel-default" ng-repeat="e in availableRepohiWfs" ng-show="verifyMetaWf(currentRepoApi, e)">

					<div class="panel-heading">

						<a href="javascript:void(0)" data-dismiss="modal" ng-click="newDataProviderWorkflow(e.id)">{{e.name}}</a>

					</div>

					<div class="panel-body">

						<strong>Typology prefixes: </strong>{{e.ifaceTypes.join()}}<br />

						<strong>Compliance prefixes: </strong>{{e.compliances.join()}}

					</div>

				</div>

			</div>

			<div class="modal-footer">

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

			</div>

		</div>

	</div>

</div>

<div id="editExtraFieldsModal" 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">Extra fields</h4>

			</div>

			<div class="modal-body">

				<div class="well">

					<table class="table table-striped">

						<thead>

							<th>Field</th>

							<th>Value</th>

						</thead>

						<tbody>

							<tr ng-repeat="f in currentRepoApi.extraFields">

								<td class="col-xs-4">

									<input type="text" class="form-control" ng-model="f.name"/>

								</td>

								<td>

									<input type="text" class="form-control" ng-model="f.value"/>

								</td>						

							</tr>

						</tbody>

					</table>

				</div>

			</div>

			<div class="modal-footer">

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

				<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="updateRepoApi('extraFields', currentRepoApi.extraFields)">Save</button>

			</div>

		</div>

	</div>

</div>

<div id="editAccessParamsModal" 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">Access params (protocol: {{currentRepoApi.protocol}})</h4>

			</div>

			<div class="modal-body">

				<div class="well">

					<form class="form-horizontal" role="form">

						<div class="form-group" ng-repeat="p in currentRepoApi.accessParams">

							<label for="input_ap_{{p.name}}" class="col-sm-3 control-label">{{p.name}}</label>

							<div class="col-sm-9" ng-hide="currentRepoApi.protocol == 'oai' && p.name == 'set'">

								<input type="text" class="form-control" id="input_ap_{{p.name}}" ng-model="p.value"/>

							</div>

							<div class="col-sm-8" ng-show="currentRepoApi.protocol == 'oai' && p.name == 'set'"> 

								<select class="form-control" style="font-size: 11px" size="10" multiple ng-model="selectedSets" ng-change="updateSets(selectedSets, currentRepoApi.accessParams)">

									<option ng-repeat="set in currentSets" value="{{set.id}}" ng-selected="set.selected">{{set.name}}</option>

								</select>

								<button class="btn btn-xs btn-default" style="margin-top: 4px" ng-click="listSets(currentRepoApi.accessParams)"><span class="glyphicon glyphicon-refresh"></span></button>

							</div>

  						</div>

					</form>

				</div>

			</div>

			<div class="modal-footer">

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

				<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="updateRepoApi('accessParams', currentRepoApi.accessParams)">Save</button>

			</div>

		</div>

	</div>

</div>