- Timestamp:
- 03/04/23 19:55:18 (16 months ago)
- Branches:
- main
- Children:
- 33b9f30
- Parents:
- 3c7bf5b (diff), f194b4e (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the(diff)
links above to see all the changes relative to each parent. - Location:
- Prototype Application/Paw5/src/main/resources/templates
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
Prototype Application/Paw5/src/main/resources/templates/aboutUs.html
r3c7bf5b reac569a 1 1 <!DOCTYPE html> 2 <html lang="en" >2 <html lang="en" xmlns:th="http://thymeleaf.org"> 3 3 <head> 4 4 <meta charset="UTF-8"> -
Prototype Application/Paw5/src/main/resources/templates/create-post.html
r3c7bf5b reac569a 1 1 <!DOCTYPE html> 2 2 <html xmlns="http://www.w3.org/1999/xhtml" 3 xmlns:th="http:// www.thymeleaf.org"3 xmlns:th="http://thymeleaf.org" 4 4 xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3" 5 5 xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"> … … 7 7 <meta charset="UTF-8"> 8 8 <title>Create a post</title> 9 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> 10 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 11 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> 12 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> 13 <script> 14 function addNewPet(addNewPetCheckBox){ 15 16 if(addNewPetCheckBox.checked){ 17 18 document.getElementById("name").disabled = false; 19 document.getElementById("gender").disabled = false; 20 document.getElementById("ageGroup").disabled = false; 21 document.getElementById("size").disabled = false; 22 document.getElementById("species").disabled = false; 23 document.getElementById("breed").disabled = false; 24 document.getElementById("imageUrl").disabled = false; 25 document.getElementById("canBeFostered").disabled = false; 26 27 document.getElementById("petId").disabled = true; 28 } else{ 29 30 document.getElementById("name").disabled = true; 31 document.getElementById("gender").disabled = true; 32 document.getElementById("ageGroup").disabled = true; 33 document.getElementById("size").disabled = true; 34 document.getElementById("species").disabled = true; 35 document.getElementById("breed").disabled = true; 36 document.getElementById("imageUrl").disabled = true; 37 document.getElementById("canBeFostered").disabled = true; 38 39 document.getElementById("petId").disabled = false; 40 41 } 42 } 43 </script> 9 44 </head> 10 45 <body> 46 <header> 47 <nav class="navbar navbar-expand-md navbar-dark bg-dark"> 48 <div class="container"> 49 <a class="navbar-brand" href="/home">Paw 5</a> 50 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" 51 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> 52 <span class="navbar-toggler-icon"></span> 53 </button> 54 55 <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault"> 56 <ul class="navbar-nav m-auto"> 57 <li class="nav-item m-auto"> 58 <a class="nav-link active" href="/home/aboutUs">About us</a> 59 </li> 60 <li class="nav-item m-auto"> 61 <a class="nav-link active" href="/login">Login</a> 62 </li> 63 <li class="nav-item m-auto"> 64 <a class="nav-link active" href="/register">Register</a> 65 </li> 66 </ul> 67 </div> 68 </div> 69 </nav> 70 </header> 11 71 <h1>Create post</h1> 12 72 <form th:action="@{/submit-post}" method="post"> 13 73 14 74 <div> 15 <label for="pet">Selet pet:</label> 16 <select id="pet"> 75 <label for="petId">Select pet:</label> 76 <select id="petId" name="petId"> 77 <option 78 th:each="pet :${pets}" 79 th:text="${pet.getName()}" 80 th:value="${pet.getId()}"> 81 </option> 17 82 </select> 18 83 </div> 19 84 20 85 <div> 21 <label for="new pet">Add new pet:</label>22 <input id="new pet" name="newpet" placeholder="newpet" type="checkbox">86 <label for="newPetCheckbox">Add new pet:</label> 87 <input id="newPetCheckbox" name="newPetCheckbox" type="checkbox" onclick="addNewPet(this)"> 23 88 </div> 24 89 … … 29 94 name="name" 30 95 class="form-control" 31 placeholder="Enter name"> 96 placeholder="Enter name" 97 disabled> 32 98 </div> 33 99 … … 36 102 <select id="gender" 37 103 name="gender" 38 class="form-control"> 104 class="form-control" 105 disabled> 39 106 <option value = "MALE">male</option> 40 107 <option value = "FEMALE">female</option> … … 46 113 <select id="ageGroup" 47 114 name="ageGroup" 48 class="form-control"> 115 class="form-control" 116 disabled> 49 117 <option value = "YOUNG">young</option> 50 118 <option value = "ADULT">adult</option> … … 57 125 <select id="size" 58 126 name="size" 59 class="form-control"> 127 class="form-control" 128 disabled> 60 129 <option value = "XSMALL">extra small</option> 61 130 <option value = "SMALL">small</option> … … 70 139 <select id="species" 71 140 name="species" 72 class="form-control"> 141 class="form-control" 142 disabled> 73 143 <option value = "CAT">cat</option> 74 144 <option value = "DOG">dog</option> … … 83 153 name="breed" 84 154 class="form-control" 85 placeholder="Enter breed" > 155 placeholder="Enter breed" 156 disabled> 86 157 </div> 87 158 … … 92 163 name="imageUrl" 93 164 class="form-control" 94 placeholder="Enter image URL"> 165 placeholder="Enter image URL" 166 disabled> 95 167 <!-- <label for="upload">Image:</label> 96 168 <input id="upload" type="file" accept="image/*"> … … 104 176 name="canBeFostered" 105 177 class="form-control" 106 value=false> 178 value=false 179 disabled> 107 180 </div> 108 181 -
Prototype Application/Paw5/src/main/resources/templates/home.html
r3c7bf5b reac569a 1 1 <!DOCTYPE html> 2 <html lang="en" >2 <html lang="en" xmlns:th="http://thymeleaf.org"> 3 3 <head> 4 4 <meta charset="UTF-8"> … … 35 35 </nav> 36 36 </header> 37 37 <div> 38 <form method="get" th:action="@{'/create-post'}"> 39 <button id="submit" type="submit">Create an Adoption Post</button> 40 </form> 41 </div> 38 42 <div> 39 43 <h1>Welcome to Paw 5</h1> -
Prototype Application/Paw5/src/main/resources/templates/login.html
r3c7bf5b reac569a 1 1 <!DOCTYPE html> 2 <html lang="en" >2 <html lang="en" xmlns:th="http://thymeleaf.org"> 3 3 <head> 4 4 <meta charset="UTF-8"> -
Prototype Application/Paw5/src/main/resources/templates/register.html
r3c7bf5b reac569a 1 1 <!DOCTYPE html> 2 <html lang="en" xmlns:th="http:// www.thymeleaf.org">2 <html lang="en" xmlns:th="http://thymeleaf.org"> 3 3 <head> 4 4 <meta charset="UTF-8">
Note:
See TracChangeset
for help on using the changeset viewer.