D-Net

				<div ng-show="currentNode.name">

					<span><b>Node:</b> {{currentNode.name}}<br /></span>

					<span><b>Start date:</b> {{currentNode.startDate ? (currentNode.startDate | date:'yyyy-MM-dd HH:mm:ss Z') : '-'}}<br /></span>

					<span><b>End date:</b> {{currentNode.endDate   ? (currentNode.endDate   | date:'yyyy-MM-dd HH:mm:ss Z') : '-'}}<br /></span>

					<br />

					<b>Parameters:</b>

					<pre>{{currentNode.params | json}}</pre>

					<br /><br />

					<b>Env Parameters:</b>

					<pre>{{currentNode.envParams | json}}</pre>

				</div>

				<div ng-hide="currentNode.name">

					<div class="row">

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

							<b>Started at:</b> {{proc.startDate > 0 ? (proc.startDate | date:'yyyy-MM-dd HH:mm:ss Z') : '-'}}<br/>

							<b>Finished at:</b> {{proc.endDate > 0 ? (proc.endDate | date:'yyyy-MM-dd HH:mm:ss Z') : '-'}}<br/>

							<b>Duration:</b> {{calculateDateDiff(proc.startDate, proc.endDate)}}<br/>

						</div>

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

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

								<button type="button" class="btn btn-default btn-sm" ng-click="kill()" ng-show="proc.status == 'EXECUTING'">kill</button>

								<button type="button" class="btn btn-default btn-sm" ng-click="refresh()" ng-show="(proc.status == 'EXECUTING') || (proc.status == 'CREATED')">

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

								</button>

							</form>

						</div>

					<br />

					<div ng-switch="contentToShow">

						<table ng-switch-when="nodes" class="table table-condensed table-striped" style="table-layout: fixed; font-size: 12px;">

							<thead>

								<tr>

									<th>Node</th>

									<th class="col-xs-3 text-center">Start date</th>

									<th class="col-xs-3 text-center">End date</th>

									<th class="col-xs-3 text-center">Progress</th>

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

								</tr>

							</thead>

							<tbody>

								<tr ng-repeat="n in proc.processNodes">

									<th><a href="javascript:void(0)" ng-click="showNodeInfo(n)" ng-class="{ 'text-success' : n.status == 'done', 'text-danger' :  n.status == 'failed' }">{{n.name}}</a></th>

									<td class="text-center">{{n.startDate ? (n.startDate | date:'yyyy-MM-dd HH:mm:ss Z') : '-'}}</td>

									<td class="text-center">{{n.endDate   ? (n.endDate   | date:'yyyy-MM-dd HH:mm:ss Z') : '-'}}</td>

									<td class="text-center">{{n.progress}}</td>

									<td class="text-center">

										<div ng-switch="n.status">

											<span ng-switch-when="done" class="glyphicon glyphicon-ok text-success icon-spin"></span>

											<span ng-switch-when="failed" class="glyphicon glyphicon-exclamation-sign text-danger"></span>

											<span ng-switch-default>

												<img src="../resources/img/ajax-loader-mini.gif" />

											</span>

										</div>

									</td>

								</tr>

							</tbody>

						</table>

						<table ng-switch-when="journal" class="table table-condensed table-striped" style="table-layout: fixed; font-size: 12px;">

							<tr ng-repeat="p in proc.outputParams">

								<th class="col-xs-4"><a href="javascript:void(0)" ng-click="setCurrentParam(p)">{{p.name}}</a></th>

								<td style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap;">{{p.value}}</td>

							</tr>

						</table>

						<p ng-switch-default>Workflow not yet started, please click on "REFRESH" button.</p>

					<div class="well" style="font-size: 11px" ng-show="currentParam.name">

						<p><strong>{{currentParam.name}}</strong></p>

						<p>{{currentParam.value}}</p>

					</div>

				<button class="btn btn-default pull-left" ng-click="hideNodeInfo()" ng-show="currentNode.name"><span class="glyphicon glyphicon-chevron-left"></span> Return to graph</button>