From 95fe6bb1e6f6864f551aff4fea4885461eb6c6b9 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 25 Feb 2025 17:41:03 +0100
Subject: [PATCH] styling the gestion page

---
 resources/css/admin-style.css                | 67 +++++++++-----
 resources/css/dashboard/gestion-artisans.css | 97 ++++++++++++++++++++
 2 files changed, 142 insertions(+), 22 deletions(-)
 create mode 100644 resources/css/dashboard/gestion-artisans.css

diff --git a/resources/css/admin-style.css b/resources/css/admin-style.css
index 689f8b0..14729c9 100644
--- a/resources/css/admin-style.css
+++ b/resources/css/admin-style.css
@@ -3,6 +3,7 @@
 
 /* DASHBOARD */
 @import './dashboard/advisor-dashboard-widget.css';
+@import './dashboard/gestion-artisans.css';
 
 body.post-type-chantiers,
 body.post-type-artisans {
@@ -21,29 +22,29 @@ body.post-type-artisans {
 /* ---------------------------
 	STATUTS
  ---------------------------*/
-.post-type-artisans {
-  .status-state {
-    @apply font-medium rounded-2xl px-2 py-2 w-fit mx-auto;
-    &--ok {
-      @apply text-green-700;
-    }
-    &--deleted {
-      @apply text-rose-700;
-    }
-    &--to_actualize {
-      @apply text-amber-700;
-    }
-    &--to_contact {
-      @apply text-yellow-700;
-    }
-    &--waiting_feedback,
-    &--ongoing {
-      @apply text-blue-600;
-    }
-    &--rejected {
-      @apply text-rose-400;
-    }
+.status-state {
+  @apply font-medium rounded-2xl px-2 py-2 w-fit mx-auto;
+  &--ok {
+    @apply text-green-700;
   }
+  &--deleted {
+    @apply text-rose-700;
+  }
+  &--to_actualize {
+    @apply text-amber-700;
+  }
+  &--to_contact {
+    @apply text-yellow-700;
+  }
+  &--waiting_feedback,
+  &--ongoing {
+    @apply text-blue-600;
+  }
+  &--rejected {
+    @apply text-rose-400;
+  }
+}
+.post-type-artisans {
   #conseiller,
   #status,
   #lastmodified,
@@ -540,6 +541,28 @@ ul.striped > :nth-child(odd) {
   }
 }
 
+/* ------------------------------------
+	ARTISANS POST DROPDOWN FILTERS
+ ------------------------------------*/
+#filter-by-date {
+  @apply !hidden;
+}
+
+.tablenav .actions #post-query-submit {
+  @apply bg-patrimoine-sante-securite text-white border-none;
+}
+
+select:not(select[data-enpassusermodified='yes']) {
+  @apply opacity-75;
+}
+select:has(option[selected]),
+select[data-enpassusermodified='yes'] {
+  @apply border-2 border-solid !border-patrimoine-sante-securite;
+}
+
+.please-select {
+  @apply !text-neutral-600;
+}
 /* ------------------------------------
 	CUSTOMIZATION BASED ON USER ROLE
  ------------------------------------*/
diff --git a/resources/css/dashboard/gestion-artisans.css b/resources/css/dashboard/gestion-artisans.css
new file mode 100644
index 0000000..0ea33a8
--- /dev/null
+++ b/resources/css/dashboard/gestion-artisans.css
@@ -0,0 +1,97 @@
+.gestion-artisans {
+  @apply px-12;
+  .filter-artisans {
+    @apply flex gap-1 items-center pt-4;
+    label {
+      @apply mr-8;
+    }
+  }
+}
+
+.group-artisans {
+  @apply mb-24;
+  &__title {
+    @apply text-base font-medium  text-white px-4 py-2 rounded-t-xl;
+  }
+  &__post-count {
+    @apply text-sm text-white;
+  }
+  &__no-results {
+    @apply text-center text-sm text-neutral-500;
+  }
+
+  &__list {
+    li {
+      @apply flex justify-between items-center pl-4 py-2;
+      border-left: 4px solid theme('colors.rose.300');
+
+      &:nth-child(even) {
+        @apply bg-stone-50;
+      }
+      a {
+        @apply w-fit block text-base;
+      }
+      .status-state {
+        @apply mx-0;
+      }
+    }
+  }
+
+  &--action-required {
+    .group-artisans__title {
+      @apply bg-rose-600;
+    }
+  }
+
+  &--to-contact,
+  &--to-actualize {
+    .group-artisans__title {
+      @apply bg-yellow-500;
+    }
+    .group-artisans__list__item {
+      border-left: 4px solid theme('colors.yellow.400');
+    }
+  }
+  &--ongoing,
+  &--waiting-feedback {
+    .group-artisans__title {
+      @apply bg-blue-500;
+    }
+    .group-artisans__list__item {
+      border-left: 4px solid theme('colors.blue.400');
+    }
+  }
+  &--ok {
+    .group-artisans__title {
+      @apply bg-green-700;
+    }
+    .group-artisans__list__item {
+      border-left: 4px solid theme('colors.green.700');
+    }
+  }
+}
+
+&--ok {
+  @apply text-green-700;
+}
+&--deleted {
+  @apply text-rose-700;
+}
+&--to_actualize {
+  @apply text-amber-700;
+}
+&--to_contact {
+  @apply text-yellow-700;
+}
+&--waiting_feedback,
+&--ongoing {
+  @apply text-blue-600;
+}
+&--rejected {
+  @apply text-rose-400;
+}
+.toplevel_page_gestion-artisans {
+  #wpfooter {
+    @apply hidden;
+  }
+}