Resolve "Copy job offer"

Closes #217 (closed)

src/main/resources/templates/job_offer/create.html

@@ -30,14 +30,31 @@
             class="dialog"
             style="width: 40rem">
             <form th:action="@{/job-offer}" th:method="post" class="flex vertical p-7">
-                <h1 class="underlined font-500" th:text="#{jobOffer.add}"></h1>
+                <h1
+                    th:if="${offer == null}"
+                    class="underlined font-500"
+                    th:text="#{jobOffer.add}"></h1>
+
+                <h1
+                    th:if="${offer != null}"
+                    class="underlined font-500"
+                    th:text="#{jobOffer.duplicate}"></h1>
+                <div th:if="${offer != null}" class="banner" data-type="warning">
+                    <span class="banner__icon fa-solid fa-warning"></span>
+                    <p>Hiring and reject messages are also copied.</p>
+                </div>
 
                 <div class="grid col-2 gap-3 align-center" style="--col-1: minmax(0, 12rem)">
-                    <input type="hidden" name="editionId" id="new-job-offer-edition-id" />
+                    <input
+                        type="hidden"
+                        th:attrappend="value=${offer != null ? offer.editionId: ''}"
+                        name="editionId"
+                        id="new-job-offer-edition-id" />
 
                     <label for="new-job-offer-course-name" th:text="#{course}"></label>
                     <input
                         type="text"
+                        th:attrappend="value=${offer != null ? offer.edition.course.name : ''}"
                         id="new-job-offer-course-name"
                         name="courseName"
                         class="textfield"
@@ -46,6 +63,7 @@
                     <label for="new-job-offer-edition-name" th:text="#{edition}"></label>
                     <input
                         type="text"
+                        th:attrappend="value=${offer != null ? offer.edition.name : ''}"
                         id="new-job-offer-edition-name"
                         name="editionName"
                         class="textfield"
@@ -55,6 +73,7 @@
                     <input
                         id="new-job-offer-name"
                         th:name="name"
+                        th:attrappend="value=${offer != null ? offer.name : ''}"
                         th:placeholder="#{jobOffer.description.enter}"
                         type="text"
                         class="textfield"
@@ -66,6 +85,7 @@
                     <input
                         id="new-job-offer-contract-name"
                         th:name="contractName"
+                        th:attrappend="value=${offer != null ? offer.contractName : ''}"
                         th:placeholder="#{jobOffer.contractName.enter}"
                         type="text"
                         class="textfield"
@@ -85,15 +105,18 @@
                     <input
                         id="new-job-offer-baan-code"
                         th:name="baanCode"
+                        th:attrappend="value=${offer?.baanCode != null ? offer.baanCode : ''}"
                         th:placeholder="#{jobOffer.baanCode.enter}"
                         type="text"
-                        class="textfield invisible" />
+                        class="textfield"
+                        th:classappend="${offer == null} ? invisible" />
 
                     <label for="new-job-offer-max-hours" th:text="#{jobOffer.maxHours}"></label>
                     <input
                         id="new-job-offer-max-hours"
                         th:name="maxHours"
                         th:placeholder="#{jobOffer.maxHours.enter}"
+                        th:attrappend="value=${offer != null ? offer.maxHours : ''}"
                         type="number"
                         min="1"
                         class="textfield"
@@ -105,6 +128,7 @@
                     <input
                         id="new-job-offer-contract-start"
                         th:name="contractStartDate"
+                        th:attrappend="value=${offer != null ? offer.contractStartDate : ''}"
                         th:placeholder="#{jobOffer.contractStartDate.enter}"
                         type="date"
                         class="textfield"
@@ -115,31 +139,63 @@
                         th:text="#{jobOffer.contractEndDate}"></label>
                     <input
                         id="new-job-offer-contract-end"
+                        th:attrappend="value=${offer != null ? offer.contractEndDate : ''}"
                         th:name="contractEndDate"
                         th:placeholder="#{jobOffer.contractEndDate.enter}"
                         type="date"
                         class="textfield"
                         required />
 
+                    <input
+                        th:if="offer != null"
+                        id="new-job-offer-hiring-message"
+                        th:name="hiringMessage"
+                        th:placeholder="#{jobOffer.hiringMessage.enter}"
+                        type="text"
+                        class="textfield"
+                        th:value="${offer?.hiringMessage}"
+                        hidden />
+
+                    <input
+                        th:if="offer != null"
+                        id="new-job-offer-reject-message"
+                        th:name="rejectMessage"
+                        th:placeholder="#{jobOffer.rejectMessage.enter}"
+                        type="text"
+                        class="textfield"
+                        th:value="${offer?.hiringMessage}"
+                        hidden />
+
                     <div class="checkbox">
                         <input
                             type="checkbox"
                             id="new-job-offer-deadline-bool"
                             name="new-job-offer-deadline-bool"
-                            onclick="toggleDatePicker('new-job-offer-deadline')" />
+                            onclick="toggleDatePickerWith('new-job-offer-deadline', 'deadline-val')"
+                            th:checked="${offer?.deadline != null}" />
                         <label
                             for="new-job-offer-deadline-bool"
                             th:text="#{jobOffer.deadline}"></label>
+                        <span
+                            class="hidden"
+                            id="deadline-val"
+                            th:attrappend="value=${offer?.deadline != null ? offer.deadline : ''}"></span>
                     </div>
                     <input
                         id="new-job-offer-deadline"
+                        th:attrappend="value=${offer?.deadline != null ? offer.deadline : ''}"
                         th:name="deadline"
                         th:placeholder="#{jobOffer.date.enter}"
                         type="date"
-                        class="textfield hidden" />
+                        th:class="textfield"
+                        th:classappend="${offer == null || offer.deadline == null} ? hidden" />
                 </div>
                 <div class="checkbox">
-                    <input id="make-draft" type="checkbox" value="true" th:name="hidden" />
+                    <input
+                        id="make-draft"
+                        th:checked="${offer?.hidden != null}"
+                        type="checkbox"
+                        th:name="hidden" />
                     <label for="make-draft" th:text="#{jobOffer.draft}"></label>
                 </div>
                 <div class="flex space-between">