@dative-gpi/foundation-shared-components 1.0.160 → 1.0.161-alert-tile

package/styles/components/fs_slider.scss

@@ -1,50 +1,10 @@
 .fs-slider {
-    padding: 0px !important;
-    width: calc(100% - 16px);
-
-    & .v-slider__container {
-        cursor: var(--fs-slider-cursor);
-        margin-left: 8px;
-        margin-right: 8px;
-        opacity: 1 !important;
-    }
-
-    & .v-slider-track__background {
-        background-color: var(--fs-slider-track-color);
-        height: 6px !important;
-        opacity: 1;
-    }
-
     & .v-slider-track__fill {
         display: none;
     }
 
     & .v-slider-track__tick {
         background-color: var(--fs-slider-thumb-color);
-        border-radius: 50%;
     }
 
-    & .v-slider-thumb {
-        color: var(--fs-slider-thumb-color);
-
-        &__surface:before {
-            display: none !important;
-        }
-
-        &__surface:after {
-            display: none !important;
-        }
-
-        &__ripple {
-            display: none !important;
-        }
-    }
-}
-
-.fs-slider-label {
-    color: var(--fs-slider-color);
-}
-
-.fs-slider-description {
-    color: var(--fs-slider-color);
 }

package/tools/alertsTools.ts

@@ -1,6 +1,6 @@
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
 import { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/enums";
-import { ColorEnum } from "../models"
+import { ColorEnum } from "../models";
 import { getTimeBestString } from "../utils";
 
 const { $tr } = useTranslationsProvider();
@@ -8,12 +8,12 @@ const { $tr } = useTranslationsProvider();
 export const AlertTools = {
   statusIcon(value: AlertStatus): string {
     switch (value) {
-      case AlertStatus.Pending: return "mdi-timer-outline";
-      case AlertStatus.Untriggered: return "mdi-timer-off-outline";
-      case AlertStatus.Unresolved: return "mdi-alert-circle-outline";
-      case AlertStatus.Resolved: return "mdi-check-circle-outline";
-      case AlertStatus.Expired: return "mdi-clock-outline";
-      case AlertStatus.Triggered: return "mdi-alert-circle-outline";
+      case AlertStatus.Pending: return "mdi-timer-sand";
+      case AlertStatus.Untriggered: return "mdi-close-octagon";
+      case AlertStatus.Unresolved: return "mdi-cancel";
+      case AlertStatus.Resolved: return "mdi-check-circle";
+      case AlertStatus.Expired: return "mdi-timeline-clock-outline";
+      case AlertStatus.Triggered: return "mdi-timer-sand";
       case AlertStatus.Abandoned: return "mdi-cancel"
       default: return "";
     }
@@ -82,15 +82,16 @@ export const AlertTools = {
   },
   statusColor(status: AlertStatus): ColorEnum {
     switch (status) {
-      case AlertStatus.None:
       case AlertStatus.Pending:
-      case AlertStatus.Expired:
+      case AlertStatus.Untriggered:
         return ColorEnum.Warning;
+      case AlertStatus.Expired:
+      case AlertStatus.Abandoned:
+        return ColorEnum.Dark;
       case AlertStatus.Unresolved:
       case AlertStatus.Triggered:
         return ColorEnum.Error;
       case AlertStatus.Resolved:
-      case AlertStatus.Untriggered:
         return ColorEnum.Success;
       default:
         return ColorEnum.Warning;

package/utils/index.ts

@@ -9,6 +9,7 @@ export * from "./leafletMarkers"
 export * from "./levenshtein";
 export * from "./lexical";
 export * from "./operations";
+export * from "./picker";
 export * from "./sort";
 export * from "./statuses";
 export * from "./time";

package/utils/picker.ts

@@ -0,0 +1,40 @@
+export enum TimePrecision {
+  Hours = 1,
+  Days = 2,
+  Months = 3
+}
+
+/**
+ *  Compute ticks for a time range based on the specified precision.
+ */
+export const computeTicks = ({ start, end, tickCount, precision }: { start: number, end: number, tickCount: number, precision: TimePrecision }): number[] => {
+  const ticks: number[] = [];
+  const range = end - start;
+
+  if (precision === TimePrecision.Hours) {
+    // Tick toutes les X heures, aligné sur l'heure pleine
+    const step = Math.ceil(range / tickCount / 3600000) * 3600000;
+    const alignedStart = Math.ceil(start / 3600000) * 3600000;
+    for (let i = 0; i < tickCount; i++) {
+      const tick = alignedStart + i * step;
+      if (tick < end) { ticks.push(tick); }
+    }
+  } else if (precision === TimePrecision.Days) {
+    // Tick tous les X jours, aligné sur minuit
+    const step = Math.ceil(range / tickCount / 86400000) * 86400000;
+    const date = new Date(start);
+    date.setHours(0, 0, 0, 0);
+    const alignedStart = date.getTime() + (date.getTime() < start ? step : 0);
+    for (let i = 0; i < tickCount; i++) {
+      const tick = alignedStart + i * step;
+      if (tick < end) { ticks.push(tick); }
+    }
+  } else {
+    // Tick tous les X mois (approximation linéaire)
+    const interval = range / tickCount;
+    for (let i = 0; i < tickCount; i++) {
+      ticks.push(start + i * interval);
+    }
+  }
+  return ticks;
+}