created time and expire status and custom mode task alias

Author: lgh06

packages/helper/transRes.mjs

@@ -92,6 +92,7 @@ let trans = {
   "One line one id, 3 erasers max": "一行一个ID，最多3个橡皮脚本",
   "You can find more erasers on Script Market": "您可以在脚本市场上找到更多橡皮脚本",
   "Eraser Script in FAQ": "什么是橡皮脚本",
+  "Current Task created at:": "当前任务创建日期：",
   "Advanced Options": "高级选项",
   "Please input waitForSelector": "请输入waitForSelector",
   "Please input some words, multiple words can be separated by commas": "请输入一些词语（文字）,多个词语之间可以用逗号分隔",
@@ -121,6 +122,7 @@ Also, you can close our page, your task will keep running until ":"成功，将
   // below is on create custom task page
   "Please check the script!": "请检查脚本是否有错误！",
   "Custom script chars cannot > 5000": "自定义脚本字符数不能超过5000",
+  "Task alias": "任务别名",
   // below is on script market page
   "Script Market": "脚本市场",
   "No Data": "没有数据",

packages/web/src/helpers/frontHelpers.ts

@@ -139,7 +139,7 @@ export function arrayToCsv(array = []){
 
 export function getTaskExpireStatusAndColor(taskMeta){
   let endDate;
-  let status;
+  let status = "";
   let color;
   let now = Date.now();
   if(taskMeta.endTime){

packages/web/src/pages/task/edit_custom.tsx

@@ -6,7 +6,7 @@ import { useResetAtom, RESET } from 'jotai/utils'
 
 import { createTaskDetailAtom, monacoEditorAtom, userInfoAtom } from '../../atoms';
 import { CronTime } from '@webest/web-page-monitor-helper';
-import { fetchAPI, useI18n, innerHTML, mergeToTarget, useHeadTitle } from "../../helpers/index";
+import { fetchAPI, useI18n, innerHTML, mergeToTarget, useHeadTitle, getTaskExpireStatusAndColor } from "../../helpers/index";
 import Link from "next/link";
 
 import dynamic from 'next/dynamic'
@@ -171,6 +171,16 @@ Also, you can close our page, your task will keep running until `) + CronTime.to
           
       <Link prefetch={false} href="/market/script/list"><a>{t('Go to script market')}</a></Link>
     </div>
+    {
+      router && router.query.id && taskDetail._id ? <>
+      <div style={{margin: `.5em auto`}}>
+        {t(`Current Task created at:`)} &nbsp; {new Date(parseInt(taskDetail._id.substr(0,8), 16) * 1000).toLocaleString()}
+        &nbsp;&nbsp; {t(`Running status`)}: { t(getTaskExpireStatusAndColor(taskDetail).status) }
+        &nbsp;&nbsp;   {t(`Task alias`)}: { taskDetail.extra.alias }
+
+      </div>
+      </> : null
+    }
     <div>
       <MonacoEditor 
             defaultValue={editorValue.value || editorValue.createCustomTaskDefaultValue}

packages/web/src/pages/task/edit_simp.tsx

@@ -6,7 +6,7 @@ import { useResetAtom, RESET } from 'jotai/utils'
 
 import { createTaskDetailAtom, monacoEditorAtom, userInfoAtom } from '../../atoms';
 import { CronTime } from '@webest/web-page-monitor-helper';
-import { fetchAPI, useI18n, innerHTML, mergeToTarget, useHeadTitle } from "../../helpers/index";
+import { fetchAPI, useI18n, innerHTML, mergeToTarget, useHeadTitle, getTaskExpireStatusAndColor } from "../../helpers/index";
 import Link from "next/link";
 
 
@@ -231,6 +231,15 @@ Also, you can close our page, your task will keep running until `) + taskDetail.
       <Link prefetch={false} href="/market/script/list"><a>{t('Go to script market')}</a></Link>
     </div>
     <br/>
+    {
+      router && router.query.id && taskDetail._id ? <>
+      <div style={{margin: `.5em auto`}}>
+        {t(`Current Task created at:`)} &nbsp; {new Date(parseInt(taskDetail._id.substr(0,8), 16) * 1000).toLocaleString()}
+        &nbsp;&nbsp; 
+        {t(`Running status`)}: { t(getTaskExpireStatusAndColor(taskDetail).status) }
+      </div>
+      </> : null
+    }
     <div>
       {/* input cron syntax <br /> */}
       {t(taskDetail.cronMsg)}:<br/>