| <html xmlns:th="https://www.thymeleaf.org"> |
| <head th:include="fragment :: fragment_head"> |
| </head> |
| <body> |
| <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 Configured</h1> |
| </div> |
| </div> |
| </div> |
| |
| <div th:if="${message}"> |
| <h2 th:text="${message}"></h2> |
| </div> |
| |
| <form id="workflowForm" method="POST" enctype="multipart/form-data" action="/workflowConfig"> |
| <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 class="form-row mb-3"> |
| <div class="custom-file"> |
| <input |
| type="file" |
| class="custom-file-input" |
| id="configFile" |
| name="configFile"> |
| <label class="custom-file-label" for="configFile">Select configuration file</label> |
| </div> |
| <small id="configHelpBlock" class="form-text text-muted"> |
| Upload a JSON config file that provides the process configuration. |
| </small> |
| </div> |
| <div id="buttons" class="form-row" style="margin-top: 20px; margin-bottom: 100px"> |
| <div class="col text-center"> |
| <input |
| id="workflowSubmit" |
| type="submit" |
| value="Start workflow" |
| class="btn btn-primary mt-2 left-btn"/> |
| </div> |
| </div> |
| </form> |
| |
| </div> |
| |
| <script type="text/javascript"> |
| $('#customFile').on('change', function() { |
| //get the file name |
| var fileName = $(this).val().split('\\').pop(); |
| //replace the "Choose a file" label |
| $(this).next('.custom-file-label').html(fileName); |
| }); |
| |
| $('#configFile').on('change', function() { |
| //get the file name |
| var fileName = $(this).val().split('\\').pop(); |
| //replace the "Choose a file" label |
| $(this).next('.custom-file-label').html(fileName); |
| }); |
| |
| </script> |
| |
| </body> |
| </html> |
