feat/v0.1.4 (#198)

* ui: placeholder in search input

* fixbug: duration

* Update package.json

---------

Co-authored-by: Zirui Cai <[email protected]>

Author: SAKURA-CAT

swanlab/data/run/main.py

@@ -193,7 +193,9 @@ def __set_exp_status(self, status: int):
             for index, experiment in enumerate(project["experiments"]):
                 if experiment["experiment_id"] == self.__exp.id:
                     project["experiments"][index]["status"] = status
-                    project["update_time"] = create_time()
+                    time = create_time()
+                    project["experiments"][index]["update_time"] = time
+                    project["update_time"] = time
                     break
             file.truncate(0)
             file.seek(0)

swanlab/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "swanlab",
-	"version": "0.1.3",
+	"version": "0.1.4",
 	"description": "",
 	"python": "true"
 }

swanlab/server/api/experiment.py

@@ -259,9 +259,10 @@ async def get_experiment_status(experiment_id: int):
     """
     exp = __find_experiment(experiment_id)
     status = exp["status"]
+    update_time = exp["update_time"]
     chart_path: str = os.path.join(SWANLOG_DIR, exp["name"], "chart.json")
     charts = __get_charts(chart_path)
-    return SUCCESS_200(data={"status": status, "charts": charts})
+    return SUCCESS_200(data={"status": status, "update_time": update_time, "charts": charts})
 
 
 @router.get("/{experiment_id}/summary")

vue/src/i18n/en-US/experiment.json

@@ -101,6 +101,10 @@
   "func-bar": {
     "copy": "Copy",
     "download": "Download",
-    "copy-success": "Copied"
+    "copy-success": "Copied",
+    "placeholder": {
+      "requirements": "Search requirement...",
+      "log": "Search log..."
+    }
   }
 }

vue/src/i18n/zh-CN/experiment.json

@@ -94,6 +94,10 @@
   "func-bar": {
     "copy": "Copy",
     "download": "Download",
-    "copy-success": "Copied"
+    "copy-success": "Copied",
+    "placeholder": {
+      "requirements": "Search requirement...",
+      "log": "Search log..."
+    }
   }
 }

vue/src/store/modules/experiment.js

@@ -2,7 +2,7 @@ import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import { t } from '@swanlab-vue/i18n'
 
-export const useExperimentStroe = defineStore('charts', () => {
+export const useExperimentStroe = defineStore('experiment', () => {
   /** state */
   // 当前实验
   const experiment = ref()
@@ -71,7 +71,7 @@ export const useExperimentStroe = defineStore('charts', () => {
     experiment.value.status = status
   }
   // 修改更新时间
-  const setUpateTIme = (time) => {
+  const setUpateTime = (time) => {
     experiment.value.update_time = time
   }
 
@@ -96,7 +96,7 @@ export const useExperimentStroe = defineStore('charts', () => {
     duration,
     // action
     setStatus,
-    setUpateTIme,
+    setUpateTime,
     setExperiment
   }
 })

vue/src/store/modules/project.js

@@ -27,11 +27,13 @@ export const useProjectStore = defineStore('project', () => {
    * 设置指定实验的状态
    * @param { number } id 实验id
    * @param { string } status 实验状态
+   * @param { number } update_time 实验更新时间
    */
-  const setExperimentStatus = (id, status) => {
+  const setExperimentStatus = (id, status, update_time) => {
     // 不需要绝对等于
     const experiment = experiments.value.find((e) => e.experiment_id == id)
     experiment.status = status
+    if (update_time) experiment.update_time = update_time
   }
   /**
    * 重置实验列表中某一个实验的信息

vue/src/views/experiment/ExperimentView.vue

@@ -37,7 +37,7 @@ const init = async (id = route.params.experimentId) => {
     .then(({ data }) => {
       experimentStore.experiment = data
       // 设置实验状态
-      projectStore.setExperimentStatus(data.experiment_id, data.status)
+      projectStore.setExperimentStatus(data.experiment_id, data.status, data.update_time)
       // 如果实验状态还在running，就轮询
       if (experimentStore.isRunning) polling()
     })
@@ -70,7 +70,8 @@ const polling = () => {
       }
       // 设置实验状态
       experimentStore.setStatus(data.status)
-      projectStore.setExperimentStatus(experimentStore.id, data.status)
+      experimentStore.setUpateTime(data.update_time)
+      projectStore.setExperimentStatus(experimentStore.id, data.status, data.update_time)
       experimentStore.charts = data.charts
 
       if (!experimentStore.isRunning) {

vue/src/views/experiment/components/FuncBar.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="w-full flex gap-5 justify-between">
-    <SLSearch @input="input" class="max-w-[400px]" />
+    <SLSearch @input="input" :placeholder="placeholder" class="max-w-[400px]" />
     <div class="flex gap-3">
       <SLButton hollow @click="copy">
         <SLIcon icon="copy" class="icon"></SLIcon>
@@ -36,6 +36,11 @@ const props = defineProps({
   filename: {
     type: String,
     default: 'swanlab.file'
+  },
+  // 搜索栏的占位
+  placeholder: {
+    type: String,
+    default: 'Search...'
   }
 })
 

vue/src/views/experiment/pages/environment/pages/EnvRequirements.vue

@@ -2,7 +2,13 @@
   <div class="w-full" v-if="requirements">
     <template v-if="requirements.length !== 0">
       <!-- 搜索、复制、下载 -->
-      <FuncBar class="pb-6 py-4" @input="search" :content="requirements?.join('\n')" :filename="filename" />
+      <FuncBar
+        class="pb-6 py-4"
+        @input="search"
+        :content="requirements?.join('\n')"
+        :filename="filename"
+        :placeholder="$t('experiment.func-bar.placeholder.requirements')"
+      />
       <!-- 如果有依赖项 -->
       <div class="px-6 py-4 bg-higher rounded">
         <p v-for="line in lines" :key="line">