| <html xmlns:th="https://www.thymeleaf.org"> |
| <head> |
| <title>APP4MC Cloud Manager - Administration</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| <link href="webjars/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> |
| <script src="webjars/jquery/3.5.1/jquery.min.js"></script> |
| <script type="module" src="webjars/popper.js/1.16.0/popper.min.js"></script> |
| <script src="webjars/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="row justify-content-center"> |
| <div class="col text-center" style="height:200px"> |
| <img class="img-fluid" style="height:100%" src="/images/Logo_Panorama.png"/> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="col text-center"> |
| <div class="content-heading"><h2>Configure available cloud services</h2></div> |
| </div> |
| </div> |
| |
| <form action="#" th:action="@{/admin/save}" th:object="${dto}" method="POST"> |
| <fieldset> |
| |
| <div class="row mt-3"> |
| <div class="col text-center"> |
| <table class="table table-sm"> |
| <thead> |
| <tr> |
| <th>Service Name</th> |
| <th>Service Base URL</th> |
| <th>Service Description</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr th:each="service, stat : *{services}"> |
| <td><input th:field="*{services[__${stat.index}__].name}" class="form-control"/></td> |
| <td><input th:field="*{services[__${stat.index}__].baseUrl}" class="form-control"/></td> |
| <td><input th:field="*{services[__${stat.index}__].description}" class="form-control"/></td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="col text-right" style="padding-right:2px"> |
| <input type="submit" id="submitServicesButton" th:value="Save" class="btn btn-primary"/> |
| </div> |
| <div class="col" style="padding-left:2px"> |
| <input type="reset" id="resetServicesButton" name="reset" th:value="Reset" class="btn btn-secondary"/> |
| </div> |
| </div> |
| |
| </fieldset> |
| </form> |
| |
| <div class="row mb-3 mt-5"> |
| <div class="col text-center"> |
| <div class="content-heading"><h2>Configure Proxy</h2></div> |
| </div> |
| </div> |
| |
| <form action="/admin/saveProxy" method="POST"> |
| <fieldset> |
| |
| <div class="form-row"> |
| <div class="form-group col"> |
| <label for="proxy_host">Host</label> |
| <input type="text" id="proxy_host" name="proxy_host" th:value="${proxy_host}" class="form-control"/> |
| </div> |
| </div> |
| <div class="form-row"> |
| <div class="form-group col"> |
| <label for="proxy_port">Port</label> |
| <input type="text" id="proxy_port" name="proxy_port" th:value="${proxy_port}" class="form-control"/> |
| </div> |
| </div> |
| <div class="form-row"> |
| <div class="form-group col"> |
| <label for="proxy_user">User</label> |
| <input type="text" id="proxy_user" name="proxy_user" th:value="${proxy_user}" class="form-control"/> |
| </div> |
| </div> |
| <div class="form-row"> |
| <div class="form-group col"> |
| <label for="proxy_pwd">Password</label> |
| <input type="password" id="proxy_pwd" name="proxy_pwd" th:value="${proxy_pwd}" class="form-control"/> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="col text-right" style="padding-right:2px"> |
| <input type="submit" id="submitProxyButton" th:value="Save" class="btn btn-primary mt-2"/> |
| </div> |
| <div class="col" style="padding-left:2px"> |
| <input type="reset" id="resetProxyButton" name="reset" th:value="Reset" class="btn btn-secondary mt-2"/> |
| </div> |
| </div> |
| |
| </fieldset> |
| </form> |
| |
| <div class="row"> |
| <div class="col"> |
| <a th:href="@{/}" class="btn btn-dark">Go back</a> |
| </div> |
| </div> |
| </div> |
| |
| </body> |
| </html> |
