lp-simulation-environment/simulator/src/main/resources/ui-process.html
<!--
#%L
LearnPAd Simulator
%%
Copyright (C) 2014 - 2015 Linagora
%%
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
#L%
-->
<html>
<head>
<title>LearnPAd WebUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@import url("webjars/bootstrap/3.3.2-1/css/bootstrap.css");
@import url("webjars/spectrum/1.6.0/spectrum.css");
@import url("webjars/bootstrap-tagsinput/0.3.9/bootstrap-tagsinput.css");
@import url("webjars/jquery-ui/1.11.3/jquery-ui.min.css");
@import url("webjars/jquery-ui/1.11.3/jquery-ui.theme.min.css");
body {
background-color: #F7F9FA;
}
#form select { width: auto; }
#form .add-on {
border: none;
background-color: inherit;
}
.expandable > legend:before {
content: '\25B8';
padding-right: 5px;
}
.expanded > legend:before {
content: '\25BE';
}
._jsonform-array-buttons {
margin-left: 25px;
}
.jsonform-required > label:after {
content: ' *';
color: red;
}
form.jsonform-hasrequired:after {
content: '* Required field';
display: block;
color: red;
padding-top: 1em;
}
.inline-other-field > .other-field-content,
.inline-other-field > label > .other-field-content {
display: inline-block;
margin: 0;
}
.inline-other-field > input[type=checkbox],
.inline-other-field > label > input[type=checkbox] {
margin-top: 8px;
}
.other-field-content > .control-group,
.other-field-content > .control-group > .controls > input[type=text] {
margin: 0;
}
.hidden {
display: none;
}
.disabled {
opacity: 0.5;
}
body { padding-top: 70px; }
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a href="ui">
<img height="45px" alt="LeanrPAd" src="resources/img/logo-pic.svg">
<img class="hidden-xs" height="35px" alt="LearnPAd" src="resources/img/logo-text.svg">
</a>
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="nav-collapse" class="navbar-right collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" disabled="true">
</div>
</form>
</li>
<li class="active">
<a href="uiprocess" class ="navbar-link">
Launch a Process
</a>
</li>
<li>
<a href="ui" class ="navbar-link" target='_blank'>
Log In
</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="main-container" class="container-fluid">
<div class="row">
<div class="col-xs-12">
<table id="processTable" class="table table-hover">
<thead><tr><th>Process name</th><th>Process Description</th></tr></thead>
<tbody></tbody>
</table>
<hr>
<div id="formPosition"></div>
<div id="processInfo"></div>
</div>
</div>
</div>
<script type="text/javascript" src="webjars/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="webjars/jquery-ui/1.11.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="webjars/underscorejs/1.7.0/underscore-min.js"></script>
<script type="text/javascript" src="webjars/bootstrap/3.3.2-1/js/tab.js"></script>
<script type="text/javascript" src="webjars/bootstrap/3.3.2-1/js/dropdown.js"></script>
<script type="text/javascript" src="webjars/bootstrap/3.3.2-1/js/collapse.js"></script>
<script type="text/javascript" src="webjars/bootstrap-tagsinput/0.3.9/bootstrap-tagsinput.min.js"></script>
<script type="text/javascript" src="webjars/Bootstrap-3-Typeahead/3.1.0/bootstrap3-typeahead.min.js"></script>
<script type="text/javascript" src="webjars/spectrum/1.6.0/spectrum.js"></script>
<script type="text/javascript" src="resources/deps/opt/ZSchema-browser.js"></script>
<script type="text/javascript" src="resources/lib/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="resources/lib/jsonform.js"></script>
<script type="text/javascript" src="resources/Process-jsonform.js"></script>
<script type="text/javascript" src="resources/Process.js"></script>
<script type="text/javascript" src="resources/HeightMonitor.js"></script>
<script type="text/javascript">
'use strict';
if (!window.WebSocket){
alert("WebSocket not supported by this browser");
}
var processReceiver = processReceiver(#serveripaddress#);
// These elements can cause page height change, so we need to
// monitor them
heightMon.monitor('#processTable');
heightMon.monitor('#formPosition');
heightMon.monitor('#processInfo');
</script>
</body>
</html>