LearnPAd/learnpad

View on GitHub
lp-simulation-environment/simulator/src/main/resources/ui-singleprocess.html

Summary

Maintainability
Test Coverage
<!--
  #%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: 0px; }
        </style>

    </head>
    <body>

        <div id="main-container" class="container-fluid">
            <div class="row">
                <div class="col-xs-12">
                    <div id="formPosition"></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/SingleProcess.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");
         }
         processInstanciator(#serveripaddress#);

         // This element can cause page height change, so we need to
         // monitor it
         heightMon.monitor('#formPosition');
        </script>

    </body>
</html>