增加日志天数配置；增加显示链接配置；

yb · Mar 15, 2020 · bb0ad5e · bb0ad5e · vercel · Mar 15, 2020
1 parent 9a581f5
commit bb0ad5e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -25,6 +25,14 @@
       'm784496436-71a4bf7b1e3bdf7756be131b',
     ],
 
+    // 是否显示监测站点的链接
+    ShowLink: true,
+
+    // 日志天数
+    // 虽然免费版说仅保存60天日志，但测试好像API可以获取90天的
+    // 不过时间不要设置太长，容易卡，接口请求也容易失败
+    CountDays: 60,
+
     // 导航栏菜单
     Navi: [
       {

diff --git a/src/components/uptime-item.js b/src/components/uptime-item.js
@@ -6,6 +6,7 @@ import { formatDuration } from '../utils/helper';
 
 const UptimeItem = (props) => {
 
+  const { ShowLink, CountDays } = window.Config;
   const { monitor } = props;
   const initial = monitor.daily[monitor.daily.length - 1].date;
   const status = {
@@ -15,15 +16,15 @@ const UptimeItem = (props) => {
   };
 
   const total = monitor.total.times
-    ? `最近 60 天故障 ${monitor.total.times} 次，累计 ${formatDuration(monitor.total.duration)}，平均可用率 ${monitor.average}%`
-    : `最近 60 天可用率 ${monitor.average}%`;
+    ? `最近 ${CountDays} 天故障 ${monitor.total.times} 次，累计 ${formatDuration(monitor.total.duration)}，平均可用率 ${monitor.average}%`
+    : `最近 ${CountDays} 天可用率 ${monitor.average}%`;
 
   return (
     <div className="item">
       <div className="meta">
         <div className="info">
           <span className="name">{monitor.name}</span>
-          <Link className="link" to={monitor.url} text={monitor.name} />
+          {ShowLink && <Link className="link" to={monitor.url} text={monitor.name} />}
         </div>
         <div className={`status ${monitor.status}`}>{status[monitor.status]}</div>
       </div>

diff --git a/src/components/uptime.js b/src/components/uptime.js
@@ -4,11 +4,12 @@ import { GetMonitors } from '../utils/uptimerobot';
 
 const Uptime = (props) => {
 
+  const { CountDays } = window.Config;
   const { apikey } = props;
   const [ monitors, setMonitors ] = useState(null);
 
   useEffect(() => {
-    GetMonitors(apikey, 60).then(setMonitors);
+    GetMonitors(apikey, CountDays).then(setMonitors);
   }, [apikey]);
 
   return monitors ? monitors.map(item => (