From 2bfb1fb8fb8f0b52e7ba1b1dbc9d0f17a3d35e6f Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Wed, 23 Apr 2025 16:46:14 +0200
Subject: [PATCH] Move new job creation to the top of the page

---
 .../manage-jobs/manage-jobs.component.html    | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/app/admin/components/manage-jobs/manage-jobs.component.html b/src/app/admin/components/manage-jobs/manage-jobs.component.html
index 630530241..6a6b3c448 100644
--- a/src/app/admin/components/manage-jobs/manage-jobs.component.html
+++ b/src/app/admin/components/manage-jobs/manage-jobs.component.html
@@ -5,6 +5,28 @@
     <span *ngIf="unvalidatedJobs && validatedJobs"> ({{ unvalidatedJobs.length + validatedJobs.length }}) </span>
   </h2>
 
+  <h3 *ngIf="validatedJobs" class="title">Créer une nouvelle fonction</h3>
+  <form [formGroup]="newJobForm" (ngSubmit)="onSubmit()">
+    <div class="inline">
+      <app-input
+        label="Nouvelle fonction"
+        size="large"
+        id="newJob"
+        [value]="job.value"
+        [status]="null"
+        [externalStatusControl]="true"
+        (valueChange)="job.setValue($event)"
+      />
+      <app-button
+        type="submit"
+        variant="secondary"
+        label="Créer"
+        style="margin-top: auto"
+        [disabled]="newJobForm.invalid"
+      />
+    </div>
+  </form>
+
   <h3 *ngIf="unvalidatedJobs" class="title">Fonctions non validées ({{ unvalidatedJobs.length }})</h3>
   <ag-grid-angular
     *ngIf="unvalidatedJobs"
@@ -33,22 +55,6 @@
     [components]="components"
   />
 
-  <h3 *ngIf="validatedJobs" class="title">Créer une nouvelle fonction</h3>
-  <form [formGroup]="newJobForm" (ngSubmit)="onSubmit()">
-    <div class="inline">
-      <app-input
-        label="Nouvelle fonction"
-        size="large"
-        id="newJob"
-        [value]="job.value"
-        [status]="null"
-        [externalStatusControl]="true"
-        (valueChange)="job.setValue($event)"
-      />
-      <app-button type="submit" variant="secondary" label="Créer" [disabled]="newJobForm.invalid" />
-    </div>
-  </form>
-
   <div class="adminLayout">
     <h2>
       Gestion des groupes de fonctions
-- 
GitLab