fix(front): wf filtering add error msg (#322)

## 📝 Description

renderedtext/project-tasks#2410

Add an error message if filtering options are not valid


https://github.com/user-attachments/assets/a868fb73-07ac-4bc1-a1d5-f21643d50434

## ✅ Checklist
- [ ] I have tested this change
- [ ] This change requires documentation update

Author: VeljkoMaksimovic

front/assets/js/workflow_list.js

@@ -61,14 +61,16 @@ export var WorkflowList = {
       const dateTo = dateToInput?.value;
       const author = authorInput?.value;
 
-      // Validate date range
       if (dateFrom && dateTo) {
+        const filterErrorMessage = document.getElementById('filter_error_message');
         const fromDate = new Date(dateFrom);
         const toDate = new Date(dateTo);
 
-        if (fromDate > toDate) {
-          alert('Start date must be before end date');
+        if (fromDate > toDate && filterErrorMessage) {
+          filterErrorMessage.hidden = false;
           return;
+        } else if (filterErrorMessage) {
+          filterErrorMessage.hidden = true;
         }
       }
 

front/lib/front_web/templates/branch/_filters.html.eex

@@ -1,12 +1,21 @@
-<div class="flex-m items-center">
-  <%# <input id="author" name="author" type="text" placeholder="User" class="form-control mb3 mb0-m mr3 w5"> %>
-
-  <div class="flex items-center mr2">
-    <span class="f6 gray mr1">From</span>
-    <input id="date_from" name="date_from" type="date" class="form-control mb3 mb0-m w4">
+<div class="flex-m items-center justify-between mb3">
+  <div class="f5 gray mr3 mb3 mb0-m">
+    Most recent activity on this <%= branch_type_name(@branch_type) |> String.downcase() %>
   </div>
-  <div class="flex items-center">
-    <span class="f6 gray mr1">To</span>
-    <input id="date_to" name="date_to" type="date" class="form-control mb3 mb0-m w4">
+
+  <div class="flex-m items-center">
+    <%# <input id="author" name="author" type="text" placeholder="User" class="form-control mb3 mb0-m mr3 w5"> %>
+    <div class="flex items-center mr2">
+      <span class="f6 gray mr1">From</span>
+      <input id="date_from" name="date_from" type="date" class="form-control mb3 mb0-m w4">
+    </div>
+    <div class="flex items-center">
+      <span class="f6 gray mr1">To</span>
+      <input id="date_to" name="date_to" type="date" class="form-control mb3 mb0-m w4">
+    </div>
   </div>
 </div>
+
+<div id="filter_error_message" class="mt2 f6 dark-red tr" hidden="true">
+  Error: "To" date cannot be earlier than "From" date.
+</div>

front/lib/front_web/templates/branch/member.html.eex

@@ -30,14 +30,16 @@
 </div>
 
 <div class="bg-washed-gray pa3 br3 ba b--black-075">
-  <div class="flex-m items-center justify-between mb3">
-    <div class="f5 gray mr3 mb3 mb0-m">
-      Most recent activity on this <%= branch_type_name(@branch.type) |> String.downcase() %>
-    </div>
+
     <%= if FeatureProvider.feature_enabled?(:workflow_filtering, param: @organization.id) do %>
-      <%= render FrontWeb.BranchView, "_filters.html" %>
+      <%= render FrontWeb.BranchView, "_filters.html", branch_type: @branch.type %>
+    <% else %>
+      <div class="flex-m items-center justify-between mb3">
+        <div class="f5 gray mr3 mb3 mb0-m">
+          Most recent activity on this <%= branch_type_name(@branch.type) |> String.downcase() %>
+        </div>
+      </div>
     <% end %>
-  </div>
   <div id="workflow-lists">
     <%= render FrontWeb.BranchView, "_workflows.html", project: @project, workflows: @workflows, branch: @branch, conn: @conn, page: :branch, pagination: @pagination, pollman: @pollman, conflict_info: @conflict_info %>
   </div>