diff options
| author | realtradam <[email protected]> | 2024-07-28 20:00:49 -0400 |
|---|---|---|
| committer | realtradam <[email protected]> | 2024-07-28 20:00:49 -0400 |
| commit | fc34d9853386b6dbf270a10862a47a052f1fb151 (patch) | |
| tree | 20ebca59324d88eab8b867306dd251a27cd91699 /backend/src/main/resources/templates/articles/new.html | |
| parent | c24839e8f8b4b6868f8ee383b589ce01dcdc81e1 (diff) | |
| download | spring-blog-dev.tar.gz spring-blog-dev.zip | |
code cleanupdev
Diffstat (limited to 'backend/src/main/resources/templates/articles/new.html')
| -rw-r--r-- | backend/src/main/resources/templates/articles/new.html | 94 |
1 files changed, 49 insertions, 45 deletions
diff --git a/backend/src/main/resources/templates/articles/new.html b/backend/src/main/resources/templates/articles/new.html index f5924d6..fec6d6f 100644 --- a/backend/src/main/resources/templates/articles/new.html +++ b/backend/src/main/resources/templates/articles/new.html @@ -7,55 +7,59 @@ <body layout:fragment="content"> <div class="flex justify-center bg-white p-12"> -<form th:action="@{/articles/new}" th:object="${article}" method="post" class="w-full max-w-lg"> - <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 th:if="${#fields.hasErrors('title')}" th:errors="*{title}" class="text-red-500 text-xs italic">Please fill out this field.</p> + <form th:action="@{/articles/new}" th:object="${article}" method="post" class="w-full max-w-lg"> + <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 th:if="${#fields.hasErrors('title')}" th:errors="*{title}" 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"> + <p th:if="${#fields.hasErrors('photoUrl')}" th:errors="*{photoUrl}" class="text-red-500 text-xs italic"> + Please fill out this field.</p> + </div> </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"> - <p th:if="${#fields.hasErrors('photoUrl')}" th:errors="*{photoUrl}" class="text-red-500 text-xs italic">Please fill out this field.</p> + <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"> + <p th:if="${#fields.hasErrors('content')}" th:errors="*{content}" class="text-red-500 text-xs italic"> + Please fill out this field.</p> + </div> </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"> - <p th:if="${#fields.hasErrors('content')}" th:errors="*{content}" class="text-red-500 text-xs italic">Please fill out this field.</p> + <div class="flex flex-wrap mb-2"> </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> + <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Create + </button> -</form> + </form> </div> </body> |