feat: add url param for date configure

interface.py

@@ -179,24 +179,12 @@ for css_file in Path("./css").glob("*.css"):
     with open(css_file, "r") as f:
         custom_css += "\n" + f.read() + "\n"
 
-custom_js = """
-function showDetail(paperId) {
-    // 隐藏 smartflow-paper-paperId 的所有兄弟节点
-    var siblings = document.querySelectorAll(`div[id^='smartflow-paper-']:not(#smartflow-paper-${paperId.replace('.', '-')})`);
-    siblings.forEach(sibling => sibling.style.display = 'none');
-
-    // 显示当前节点
-    var paper = document.getElementById(`smartflow-paper-${paperId.replace('.', '-')}`);
-    if (paper) {
-        paper.style.display = 'block';
-    }
-
-    document.getElementById("paper-detail-area").style.display = "block";
-    document.getElementById("paper-detail-area").scrollIntoView({ 
-        behavior: 'smooth' 
-    });
-}
-"""
+custom_js = """"""
+
+# 遍历./css文件夹下的所有文件，将文件内容作为CSS样式添加到页面中
+for js_file in Path("./js").glob("*.js"):
+    with open(js_file, "r") as f:
+        custom_js += "\n" + f.read() + "\n"
 
 
 def create_interface():
@@ -210,8 +198,8 @@ def create_interface():
         with gr.Row():
             with gr.Column():
                 with gr.Row():
-                    start_date = gr.Textbox(label="Start Date", placeholder="YYYY-MM-DD", value=str(Date() + (-7)))
-                    end_date = gr.Textbox(label="End Date", placeholder="YYYY-MM-DD", value=str(Date()))
+                    start_date = gr.Textbox(elem_id="start_date", label="Start Date", placeholder="YYYY-MM-DD", value=str(Date() + (-7)))
+                    end_date = gr.Textbox(elem_id="end_date", label="End Date", placeholder="YYYY-MM-DD", value=str(Date()))
             with gr.Column():
                 with gr.Row():
                     today_btn = gr.Button("Today")

js/detail.js

@@ -0,0 +1,16 @@
+function showDetail(paperId) {
+    // 隐藏 smartflow-paper-paperId 的所有兄弟节点
+    var siblings = document.querySelectorAll(`div[id^='smartflow-paper-']:not(#smartflow-paper-${paperId.replace('.', '-')})`);
+    siblings.forEach(sibling => sibling.style.display = 'none');
+
+    // 显示当前节点
+    var paper = document.getElementById(`smartflow-paper-${paperId.replace('.', '-')}`);
+    if (paper) {
+        paper.style.display = 'block';
+    }
+
+    document.getElementById("paper-detail-area").style.display = "block";
+    document.getElementById("paper-detail-area").scrollIntoView({
+        behavior: 'smooth'
+    });
+}

js/writeInput.js

@@ -0,0 +1,107 @@
+// 传入input标签的选择器与要写入的内容，写入内容通过input的change事件写入
+function writeInput(selector, content) {
+    const inputElement = document.querySelector(selector);
+    const textToInput = content;
+
+    // 删除输入框原本的值
+    inputElement.value = '';
+
+    // 模拟逐个字符输入
+    for (let i = 0; i < textToInput.length; i++) {
+        const char = textToInput[i];
+        const keyCode = char.charCodeAt(0);
+
+        // 触发 keydown 事件
+        const keydownEvent = new KeyboardEvent('keydown', {
+            bubbles: true,
+            cancelable: true,
+            key: char,
+            code: `Key${char.toUpperCase()}`,
+            keyCode: keyCode,
+            which: keyCode
+        });
+        inputElement.dispatchEvent(keydownEvent);
+
+        // 触发 keypress 事件
+        const keypressEvent = new KeyboardEvent('keypress', {
+            bubbles: true,
+            cancelable: true,
+            key: char,
+            code: `Key${char.toUpperCase()}`,
+            keyCode: keyCode,
+            which: keyCode
+        });
+        inputElement.dispatchEvent(keypressEvent);
+
+        // 更新输入框的值
+        inputElement.value += char;
+
+        // 触发 input 事件
+        const inputEvent = new Event('input', { bubbles: true });
+        inputElement.dispatchEvent(inputEvent);
+
+        // 触发 keyup 事件
+        const keyupEvent = new KeyboardEvent('keyup', {
+            bubbles: true,
+            cancelable: true,
+            key: char,
+            code: `Key${char.toUpperCase()}`,
+            keyCode: keyCode,
+            which: keyCode
+        });
+        inputElement.dispatchEvent(keyupEvent);
+    }
+}
+
+
+// 反复查找元素，直到找到为止，触发回调函数
+function findElement(selector, callback) {
+    const intervalid = setInterval(() => {
+        const element = document.querySelector(selector);
+        if (element) {
+            clearInterval(intervalid);
+            console.log("find element");
+            callback(element);
+        }
+    }, 100);
+}
+
+
+// 获取当前页面的URL的参数date，如果没有则查看父页面的URL的参数date
+function getDate() {
+    let date = new URLSearchParams(window.location.search).get('date');
+    if (!date) {
+        date = new URLSearchParams(window.parent.location.search).get('date');
+    }
+    console.log(date);
+
+    if (date) {
+
+        // 解析日期并转为YYYY-MM-DD格式
+        // 将日期按照非数字字符分割，然后取出前三个数字，转为字符串，不足两位的前面补0
+        const dataArr = date.match(/\d+/g);
+        if (dataArr.length >= 6) {
+            let start_date = dataArr.slice(0, 3).map(num => num.padStart(2, '0'));
+            let end_date = dataArr.slice(3, 6).map(num => num.padStart(2, '0'));
+            start_date[0] = start_date[0].padStart(4, '2025');
+            end_date[0] = end_date[0].padStart(4, '2025');
+            findElement("#start_date textarea", () => {
+                writeInput("#start_date textarea", start_date.join('-'));
+                writeInput("#end_date textarea", end_date.join('-'));
+            });
+        } else {
+
+            date = dataArr.map(num => num.padStart(2, '0'));
+            date[0] = date[0].padStart(4, '2025');
+            date = date.join('-');
+
+            findElement("#start_date textarea", () => {
+                writeInput("#start_date textarea", date);
+                writeInput("#end_date textarea", date);
+            });
+        }
+    }
+}
+
+
+getDate();