feat: add date and status filters to experiments listing

juspay · Dec 12, 2024 · dfdeb62 · dfdeb62
1 parent ca797b6
commit dfdeb62
Show file tree

Hide file tree

Showing 6 changed files with 465 additions and 58 deletions.
diff --git a/crates/frontend/src/components/context_form.rs b/crates/frontend/src/components/context_form.rs
@@ -403,7 +403,7 @@ where
                                                                     }
                                                                 >
 
-                                                                    <i class="ri-delete-bin-2-line text-xl text-2xl font-bold"></i>
+                                                                    <i class="ri-delete-bin-2-line text-2xl font-bold"></i>
                                                                 </button>
                                                             </Show>
                                                         </div>
@@ -413,7 +413,7 @@ where
                                                 {move || {
                                                     if last_idx.get() != idx {
                                                         view! {
-                                                            <div class="my-3 ml-5 ml-6 ml-7">
+                                                            <div class="my-3 ml-7">
                                                                 <span class="font-mono text-xs">"&&"</span>
                                                             </div>
                                                         }

diff --git a/crates/frontend/src/components/input.rs b/crates/frontend/src/components/input.rs
@@ -1,5 +1,6 @@
 use std::time::Duration;
 
+use chrono::{DateTime, Utc};
 use leptos::*;
 use serde_json::{json, Map, Value};
 
@@ -21,6 +22,7 @@ pub enum InputType {
     Monaco,
     Select(EnumVariants),
     Disabled,
+    Date,
 }
 
 impl InputType {
@@ -33,6 +35,8 @@ impl InputType {
             | InputType::Select(_) => "text",
 
             InputType::Number | InputType::Integer => "number",
+
+            InputType::Date => "datetime-local",
         }
     }
 }
@@ -415,6 +419,56 @@ pub fn monaco_input(
     }
 }
 
+#[component]
+pub fn date_input(
+    id: String,
+    class: String,
+    name: String,
+    on_change: Callback<DateTime<Utc>, ()>,
+    #[prop(into, default = Utc::now().format("%Y-%m-%d").to_string())] value: String,
+    #[prop(default = false)] disabled: bool,
+    #[prop(default = false)] required: bool,
+    #[prop(into, default = String::from("2020-01-01"))] min: String,
+    #[prop(into, default = Utc::now().format("%Y-%m-%d").to_string())] max: String,
+) -> impl IntoView {
+    let (error_rs, error_ws) = create_signal::<String>(String::new());
+    view! {
+        <div class="flex flex-col gap-1">
+            <input
+                id=id
+                name=name
+                type="date"
+                class=format!("input input-bordered {}", class)
+                required=required
+                disabled=disabled
+                min=min
+                max=max
+                value=value
+                on:change=move |e| {
+                    let date = format!("{}T00:00:00Z", event_target_value(&e));
+                    logging::log!("The date selected is: {}", date);
+                    match DateTime::parse_from_rfc3339(&date) {
+                        Ok(v) => {
+                            on_change.call(v.to_utc());
+                        }
+                        Err(e) => {
+                            logging::log!("error occurred: {:?}", e);
+                            error_ws.set(e.to_string());
+                        },
+                    }
+                }
+            />
+            <Show when=move || !error_rs.get().is_empty() >
+                <span class="flex gap-2 px-4 text-xs font-semibold text-red-600">
+                    <i class="ri-close-circle-line"></i>
+                    {move || error_rs.get()}
+                </span>
+            </Show>
+
+        </div>
+    }
+}
+
 #[component]
 pub fn input(
     value: Value,

diff --git a/crates/frontend/src/components/table.rs b/crates/frontend/src/components/table.rs
@@ -46,8 +46,8 @@ pub fn table(
                                                     {
                                                         match (currently_sorted, sort_by) {
                                                             (false, _) => view! { <i class="ri-expand-up-down-line"></i> },
-                                                            (_, SortBy::Desc) => view! { <i class="ri-arrow-down-s-line"></i> },
-                                                            (_, SortBy::Asc) => view! { <i class="ri-arrow-up-s-line"></i> },
+                                                            (true, SortBy::Desc) => view! { <i class="ri-arrow-down-s-line"></i> },
+                                                            (true, SortBy::Asc) => view! { <i class="ri-arrow-up-s-line"></i> },
                                                         }
                                                     }