Add the Uptime Status SaaS template (`saas-uptime-status`)
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 78/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- typescript
- 领域
- frontend
调研方向
从src/templates/saas/uptime-status.ts开始,并参考src/templates/podcast/waveform.ts和src/templates/github/contribution-graph.ts中的条形和确定性模式。然后检查src/templates/saas/index.ts中的SaaS导出、src/templates/registry.ts中的注册,以及#5中的共享检查清单。模板符合所述设计和验收标准(包括适配1200px的90个固定条形)后即为完成。
由索引模型根据 Issue 内容生成。
描述
Part of #5. A status-page style card for SaaS uptime.
Idea
A header with a colored dot and a message chosen by a select: "All systems operational" (green), "Degraded performance" (amber) or "Major outage" (red). Below it are the service name and a large uptime percentage. Then a row of 90 thin bars (about 8px wide with a 3px gap), mostly green with a few amber or red at fixed positions, captioned "90 days ago" and "Today".
Template details
- File:
src/templates/saas/uptime-status.ts, idsaas-uptime-status - Fields:
commonFields.title(service name),status(select: operational / degraded / outage),uptime(text, "99.98%"),period(text, "Last 90 days"),commonFields.siteName,commonFields.bgColor,commonFields.accentColor
Where to look
- Closest reference:
src/templates/podcast/waveform.ts(bar array),src/templates/github/contribution-graph.ts(deterministic pattern)
Acceptance criteria
- No
Math.random(): the bar pattern is fixed so images are stable and cacheable - The 90 bars fit inside the padding at 1200px wide
- Re-exported in
src/templates/saas/index.tsand registered in the SaaS block ofsrc/templates/registry.ts - Meets the shared template checklist in #5
One template per contributor at a time, so more people get a chance.
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.
- 主要语言
- TypeScript
- 星标
- 8
- 派生
- 4
- 平均合并
- 6 小时 37 分钟
- 30 天内合并 PR
- 58
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
codercops/ogcops 的其他 Issue
-
good first issue hacktoberfest templates
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
Add the GitHub Issue Card template (`github-issue-card`)可能重新可做 关联的 PR 已关闭且未合并。 未关闭good first issue hacktoberfest templates
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
Gallery search and filters stop working after you come back to /templates through a site link可能已有人在做 @prakashNalla 于 1 天前认领。 未关闭bug good first issue hacktoberfest ui
codercops/ogcops#151 · 4 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
hacktoberfest
难度 1/5 1 小时以内 新手友好度 35/100
维护者通常 1 天内回复
-
hacktoberfest help wanted templates
难度 3/5 1-2 天 新手友好度 78/100
codercops/ogcops#73 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
相似的 Issue
-
bug
难度 2/5 1-3 小时 新手友好度 78/100
endora-commerce/endora-commerce#397 ·
维护者通常 1 天内回复
-
level/task
难度 2/5 1-3 小时 新手友好度 68/100
wazuh/wazuh-dashboard-plugins#9472 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 63/100
维护者通常 1 天内回复
-
ready-for-agent
难度 2/5 1-3 小时 新手友好度 68/100
xavxyz/bei-shan-lin-shui#57 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
opennextjs/opennextjs-cloudflare#1461 ·
维护者通常 1 天内回复