| <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</h1> |
| </div> |
| </div> |
| </div> |
| |
| <form 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> |
| <script> |
| $('#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); |
| clearWorkflow(); |
| }) |
| </script> |
| </div> |
| </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 class="form-row" style="margin-top: 20px; margin-bottom: 100px"> |
| <div class="col text-center"> |
| <input type="submit" value="Start workflow" |
| class="btn btn-primary mt-2 left-btn" |
| onClick="this.form.submit(); this.disabled=true; this.value='ProcessingÂ…'; " /> |
| </div> |
| </div> |
| </form> |
| |
| <div id="messagesBlock"></div> |
| |
| <div id="errorsBlock"></div> |
| |
| <div id="resultsBlock"></div> |
| |
| </div> |
| <script type="text/javascript" src="js/workflow.js"></script> |
| </body> |
| |
| |
| </html> |
