D-Net

<div id="addWorkflowModal" 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">Workflow creation and assignement</h4>

			</div>

			<div class="modal-body">

				<form class="form-horizontal">

					<div class="form-group">

						<label class="col-sm-2 control-label">Workflow</label>

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

							<div

								ng-click="findRepoHiWorkflows(compliance, typology)"

								data-toggle="collapse" data-target="#repohiWfList"

								style="border: 1px solid #cccccc; border-radius: 4px; padding: 10px; height: 38px; vertical-align: middle; cursor: pointer;">

								<span class="form-control-static text-muted"

									ng-hide="selectedRepoHiWf.id"> Select workflow... </span> <span

									class="form-control-static" ng-show="selectedRepoHiWf.id">

									{{selectedRepoHiWf.name}} </span> <span

									class="glyphicon glyphicon glyphicon-chevron-down pull-right"></span>

							</div>

							<div id="repohiWfList" class="collapse">

								<br />

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

									<tbody ng-repeat="e in availableRepohiWfs">

										<tr>

											<td colspan="2">

												<a ng-click="selectRepoHiWf(e)" href="javascript:void(0)" data-toggle="collapse" data-target="#repohiWfList">{{e.name}}</a>

												<br />

												<span class="text-muted small">{{e.description}}</span>

											</td>

											<td class="text-right">

												<a href="is#/profile/{{e.id}}">

													<span class="glyphicon glyphicon glyphicon-link pull-right"></span>

												</a>

											</td>

										</tr>

										<tr>

											<th class="col-xs-3 text-right">Typology prefixes</th>

											<td colspan="2">{{e.ifaceTypes.join()}}</td>

										</tr>

										<tr>

											<th class="col-xs-3 text-right">Compliance prefixes</th>

											<td colspan="2">{{e.compliances.join()}}</td>

										</tr>

										<tr ng-repeat="f in e.fields">

											<th class="col-xs-3 text-right">{{f.key}}</th>

											<td colspan="2">{{f.value}}</td>

										</tr>

									</tbody>

								</table>

							</div>

						</div>

					</div>

					<div class="form-group">

						<label class="col-sm-2 control-label">Worker</label>

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

							<div ng-click="findMsroWorkers()"

								data-toggle="collapse" data-target="#msroWorkerList"

								style="border: 1px solid #cccccc; border-radius: 4px; padding: 10px; height: 38px; vertical-align: middle; cursor: pointer;">

								<span class="form-control-static text-muted"

									ng-hide="selectedMsroWorker.serviceId">

									Select workflow worker...

								</span>

								<span class="form-control-static" ng-show="selectedMsroWorker.serviceId">

									{{selectedMsroWorker.baseUrl}}

								</span>

								<span class="glyphicon glyphicon glyphicon-chevron-down pull-right"></span>

							</div>

							<div id="msroWorkerList" class="collapse">

								<br />

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

									<tbody ng-repeat="e in availableMsroWorkers" class="small">

										<tr>

											<td colspan="4">

												<a ng-click="selectMsroWorker(e)" href="javascript:void(0)" data-toggle="collapse" data-target="#msroWorkerList">{{e.baseUrl}}</a>

											</td>

										</tr>

										<tr>

											<th>Service Id</th>

											<td colspan="3">{{e.serviceId}}</td>

										</tr>

										<tr>

											<th>Disk</th>

											<td colspan="3">free: {{e.freeDiskSpace}} MB, total:

												{{e.totalDiskSpace}} MB</td>

										</tr>

										<tr>

											<th>Memory</th>

											<td colspan="3">free: {{e.freeMemory}} MB, total:

												{{e.totalMemory}} MB, used: {{e.usedMemory}} MB, max:

												{{e.maxMemory}} MB</td>

										</tr>

										<tr>

											<th>N. CPUs</th>

											<td>{{e.numberOfProcessors}}</td>

											<th>Sys Load Avg</th>

											<td>{{e.sysLoadAvg}}</td>

										</tr>

										<tr>

											<th>Running Workflows</th>

											<td>{{e.runningWfs}} <span class="text-muted">+ {{e.queuedWfs}} queued</span></td>

											<th>Status</th>

											<td>{{e.status}}</td>

										</tr>

									</tbody>

								</table>

							</div>

						</div>

					</div>

				</form>

			</div>

			<div class="modal-footer">

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

					ng-disabled="!selectedRepoHiWf.id || !selectedMsroWorker.serviceId"

					ng-click="repoHiFunction()">Create</button>

			</div>

		</div>

	</div>

</div>