Prevents date fields to be submitted manually

dradis · Dec 14, 2023 · bfedcb5 · bfedcb5
1 parent c7f1acf
commit bfedcb5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/app/assets/stylesheets/tylium/modules.scss b/app/assets/stylesheets/tylium/modules.scss
@@ -1,3 +1,4 @@
+@import 'tylium/modules/activities';
 @import 'tylium/modules/alerts';
 @import 'tylium/modules/attachments';
 @import 'tylium/modules/buttons';

diff --git a/app/assets/stylesheets/tylium/modules/activities.scss b/app/assets/stylesheets/tylium/modules/activities.scss
@@ -0,0 +1,16 @@
+.activity-filters {
+  input[type="date"] {
+    position: relative;
+  }
+
+  input[type="date"]::-webkit-calendar-picker-indicator {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    color: transparent;
+    background: transparent;
+  }
+}
diff --git a/app/views/activities/_filters.html.erb b/app/views/activities/_filters.html.erb
@@ -14,11 +14,11 @@
     <span class="form-label mb-2 d-block">Date range</span>
     <div class="d-flex flex-column flex-sm-row gap-3 w-100">
       <div class="input-group">
-        <%= f.date_field :period_start, max: Date.today, placeholder: 'From date', value: params[:period_start], class: 'form-control form-control-sm' %>
+        <%= f.date_field :period_start, max: params[:period_end], placeholder: 'From date', value: params[:period_start], class: 'form-control form-control-sm', onkeydown: "return false" %>
         <%= f.label :period_start, class: 'visually-hidden' %>
         <span class="input-group-text input-group-sm">to</span>
         <%= f.label :period_end, class: 'visually-hidden' %>
-        <%= f.date_field :period_end, max: Date.today, placeholder: 'To date', value: params[:period_end] || Date.today, class: 'form-control form-control-sm' %>
+        <%= f.date_field :period_end, max: Date.today, min: params[:period_start], placeholder: 'To date', value: params[:period_end] || Date.today, class: 'form-control form-control-sm', onkeydown: "return false" %>
       </div>
 
       <%= link_to project_activities_path(current_project.id), class: 'text-error-hover text-nowrap d-flex align-items-center' do %>

diff --git a/app/views/activities/index.html.erb b/app/views/activities/index.html.erb
@@ -11,7 +11,7 @@
   </nav>
 <% end %>
 
-<div class="content-container mt-3 py-3">
+<div class="content-container mt-3 py-3 activity-filters">
   <%= render 'activities/filters' %>
 </div>