diff options
Diffstat (limited to 'src/main/resources/templates/articles/edit.html')
| -rw-r--r-- | src/main/resources/templates/articles/edit.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/src/main/resources/templates/articles/edit.html b/src/main/resources/templates/articles/edit.html new file mode 100644 index 0000000..ccfbe85 --- /dev/null +++ b/src/main/resources/templates/articles/edit.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="en" + xmlns:th="http://www.thymeleaf.org" + xmlns:layout="https://www.ultraq.net.nz/thymeleaf/layout" + layout:decorate="~{layout}" +> +<body layout:fragment="content"> + +<div class="flex justify-center bg-white p-12"> + <form th:action="@{/articles/edit/{articleId}(articleId=${article.id})}" th:object="${article}" method="post" class="w-full max-w-lg"> + <input type="hidden" th:field="*{id}"> + <div class="flex flex-wrap -mx-3 mb-6"> + <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0"> + <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" + for="title"> + Title + </label> + <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-red-500 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white" + id="title" + type="text" + name="title" + th:field="*{title}" + placeholder="Yep"> + <p class="text-red-500 text-xs italic">Please fill out this field.</p> + </div> + <div class="w-full md:w-1/2 px-3"> + <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" + for="photoUrl"> + Photo URL + </label> + <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" + id="photoUrl" + type="text" + name="photoUrl" + th:field="*{photoUrl}" + placeholder="Doe"> + </div> + </div> + <div class="flex flex-wrap -mx-3 mb-6"> + <div class="w-full px-3"> + <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" + for="content"> + Content + </label> + <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" + id="content" + type="text" + name="content" + th:field="*{content}" + placeholder="Doe"> + </div> + </div> + <div class="flex flex-wrap mb-2"> + </div> + <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Create</button> + + </form> +</div> + +</body> +</html>
\ No newline at end of file |