add.html - AWS Code Sample

add.html

<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"> <html> <head> <title>Add Items</title> <script th:src="|https://code.jquery.com/jquery-1.12.4.min.js|"></script> <script th:src="|https://code.jquery.com/ui/1.11.4/jquery-ui.min.js|"></script> <script src="../public/js/contact_me.js" th:src="@{/js/contact_me.js}"></script> <!-- CSS files --> <link rel="stylesheet" th:href="|https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css|"/> <link rel="stylesheet" href="../public/css/styles.css" th:href="@{/css/styles.css}" /> </head> <body> <header th:replace="layout :: site-header"/> <div class="container"> <h3>Welcome <span sec:authentication="principal.username">User</span> to AWS Item Tracker</h3> <p>Add new items by filling in this table and clicking <i>Create Item</i></p> <div class="row"> <div class="col-lg-8 mx-auto"> <form> <div class="control-group"> <div class="form-group floating-label-form-group controls mb-0 pb-2"> <label>Guide</label> <input class="form-control" id="guide" type="guide" placeholder="AWS Guide/AWS API" required="required" data-validation-required-message="Please enter the AWS Guide."> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group floating-label-form-group controls mb-0 pb-2"> <label>Description</label> <textarea class="form-control" id="description" rows="5" placeholder="Description" required="required" data-validation-required-message="Please enter a description."></textarea> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group floating-label-form-group controls mb-0 pb-2"> <label>Status</label> <textarea class="form-control" id="status" rows="5" placeholder="Status" required="required" data-validation-required-message="Please enter the status."></textarea> <p class="help-block text-danger"></p> </div> </div> <br> <button type="submit" class="btn btn-primary btn-xl" id="SendButton">Create Item</button> </form> </div> </div> </div> </body> </html>