hbk01/qctool
1
0
Fork 0
Code Issues Pull Requests Activity

+ 主页变更日志显示样式优化

Browse Source 
+ 主页变更日志显示每条日志的hash及验证状态
This commit is contained in:
艾志坚
2022-10-20 20:50:24 +08:00
parent bbe5abf3e3
commit 82183d9f95
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
index.html
View File

@@ -38,9 +38,7 @@
]; ];
$(document).ready(() => { $(document).ready(() => {
// var getRandomColor = () => '#' + (Math.random() * 0xffffff << 0).toString(16)
var getRandomColor = () => '#' + (Math.random() * 0xffffff << 0).toString(16)
// 加载功能列表 // 加载功能列表
functions.forEach(value => { functions.forEach(value => {
let div = `<div class="item" onclick="window.location.href='${value.location}'">${value.name}</div>`; let div = `<div class="item" onclick="window.location.href='${value.location}'">${value.name}</div>`;
@@ -49,18 +47,28 @@
// 加载最近的 commit 记录 // 加载最近的 commit 记录
$.getJSON(url, data => { $.getJSON(url, data => {
let color1 = getRandomColor() let color1 = '#f9f9f9'
let color2 = getRandomColor() let color2 = '#f3f3f3'
let changeColor = false let changeColor = false
data.forEach(element => { data.forEach(element => {
let hash = element.sha.slice(0, 7)
let verified = element.commit.verification.verified
// 处理换行和+号
let message = element.commit.message.replaceAll("\n", "<br>"); let message = element.commit.message.replaceAll("\n", "<br>");
if (message.startsWith("+")) { if (message.startsWith("+")) {
message = message.replace("+", "<br>&nbsp;&nbsp;&bull;"); message = message.replace("+", "<br>&nbsp;&nbsp;<strong>&bull;</strong>");
} }
message = message.replaceAll("+", "&nbsp;&nbsp;&bull;") message = message.replaceAll("+", "&nbsp;&nbsp;<strong>&bull;</strong>")
let time = element.commit.committer.date.slice(0, 10);
let date = new Date(element.commit.committer.date) // "2022-10-08T10:54:36Z"
date = new Date(+ new Date(date) + 28800000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
changeColor = !changeColor changeColor = !changeColor
let msg = `<span style="color: ${changeColor ? color1 : color2}">${time}: ${message}</span><br>` let msg = `
<div style="background-color: ${changeColor ? color1 : color2}; padding: 5px 0px 5px 10px">
${date} (${hash}${verified ? ", <span style='color: green'><strong>Verified</strong></span>" : ""}) ${message}
</div>`
$(".changelog").append(msg); $(".changelog").append(msg);
}); });
}); });
@@ -80,7 +88,7 @@
<a href="https://docs.github.com/en/pages">Github Pages</a> 提供页面构建及部署服务。 <a href="https://docs.github.com/en/pages">Github Pages</a> 提供页面构建及部署服务。
</div> </div>
<h4>变更日志</h4> <h4>变更日志</h4>
<div class="changelog"></div> <div class="changelog" style="width: 100%;"></div>
</body> </body>
</html> </html>