| <html xmlns:th="https://www.thymeleaf.org"> |
| <head th:include="fragment :: fragment_head"> |
| </head> |
| <body> |
| <script th:inline="javascript"> |
| /*<![CDATA[*/ |
| var workflowDone = [[${workflowStatus.done}]]; |
| /*]]>*/ |
| </script> |
| <script type="text/javascript" src="js/workflow.js"></script> |
| |
| <div th:replace="fragment :: fragment_nav"></div> |
| <div class="banner"></div> |
| <div class="container col-md-7"> |
| <div class="row mb-4" style="margin-top: 100px"> |
| <div class="col text-center"> |
| <div class="content-heading"> |
| <h1>Cloud Service Workflow</h1> |
| </div> |
| </div> |
| </div> |
| |
| <form id="workflowForm" method="POST" enctype="multipart/form-data" action="/workflow" th:object="${workflowStatus}"> |
| <div class="form-row mb-3" style="margin-top: 130px"> |
| <div class="custom-file"> |
| <input |
| type="file" |
| class="custom-file-input" |
| id="customFile" |
| name="file"> |
| <label class="custom-file-label" for="customFile">Select input file to process</label> |
| </div> |
| </div> |
| <div class="form-row mb-3"> |
| <select |
| name="example" |
| id="example" |
| class="form-control"> |
| <option value="" disabled selected hidden="true">Select one of the provided examples</option> |
| <option |
| th:each="ex : ${exampleModelFiles}" |
| th:text="${ex}" |
| th:value="${ex}"> |
| </option> |
| </select><br> |
| <small id="inputHelpBlock" class="form-text text-muted"> |
| Either upload a file to process or use one of the provided example model files. |
| </small> |
| </div> |
| <div id="profiles" class="form-row mb-3" th:style="*{!done ? 'display:block' : 'display:none'}"> |
| <a class="mr-3" href="" onclick="selectServiceProfile('rtc');return false;">RTC Analysis</a> |
| <a class="mr-3" href="" onclick="selectServiceProfile('systemc');return false;">SystemC Simulation</a> |
| </div> |
| <div class="form-row"> |
| <div class="form-group col" id="wf-fm-group"> |
| <label>Select service(s) to process</label> |
| <div id="selectedServicesBlock"></div> |
| </div> |
| </div> |
| <div id="buttons" class="form-row" style="margin-top: 20px; margin-bottom: 100px" th:style="*{!done ? 'display:block' : 'display:none'}"> |
| <div class="col text-center"> |
| <input |
| id="workflowSubmit" |
| type="submit" |
| value="Start workflow" |
| style="display: none;" |
| class="btn btn-primary mt-2 left-btn"/> |
| <button |
| id="workflowCancel" |
| style="display: none;" |
| class="btn btn-primary mt-2 left-btn">Cancel</button> |
| </div> |
| </div> |
| </form> |
| |
| <div id="messagesBlock"></div> |
| |
| <div id="errorsBlock"></div> |
| |
| <div id="resultsBlock"></div> |
| |
| </div> |
| </body> |
| </html> |
