mirror of
https://github.com/bin456789/reinstall.git
synced 2025-01-18 20:39:14 +08:00
105 lines
2.9 KiB
HTML
105 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Reinstall Logs</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#log-container {
|
|
height: calc(100vh - 24px);
|
|
padding: 12px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
#scroll-to-bottom {
|
|
position: fixed;
|
|
bottom: 24px;
|
|
right: 24px;
|
|
background-color: #007bff;
|
|
color: #fff;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: none;
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
#scroll-to-bottom svg {
|
|
fill: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<pre id="log-container"></pre>
|
|
<button id="scroll-to-bottom">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
<path d="M5 10l7 7 7-7H5z" />
|
|
</svg>
|
|
</button>
|
|
|
|
<script>
|
|
const logContainer = document.getElementById('log-container');
|
|
const scrollToBottomButton = document.getElementById('scroll-to-bottom');
|
|
let shouldScrollToBottom = true;
|
|
let logFetchInterval;
|
|
|
|
async function getLogContent() {
|
|
try {
|
|
const response = await fetch('reinstall.log', {
|
|
cache: 'no-store'
|
|
});
|
|
|
|
if (response.ok) {
|
|
const logContent = await response.text();
|
|
// 修复 wget 换行符为 \r 导致不换行
|
|
logContainer.textContent = logContent.replace(/[\r\n]+/g, "\n");;
|
|
|
|
if (shouldScrollToBottom) {
|
|
logContainer.scrollTop = logContainer.scrollHeight;
|
|
}
|
|
|
|
if (logContent.includes("Error:")) {
|
|
clearInterval(logFetchInterval);
|
|
alert("Error occurred.");
|
|
}
|
|
|
|
} else {
|
|
console.error('Failed to fetch log file.');
|
|
}
|
|
|
|
} catch (error) {
|
|
console.error('An error occurred: ' + error.message);
|
|
}
|
|
|
|
finally {
|
|
logFetchInterval = setTimeout(getLogContent, 2000);
|
|
}
|
|
}
|
|
|
|
scrollToBottomButton.addEventListener('click', () => {
|
|
logContainer.scrollTop = logContainer.scrollHeight;
|
|
});
|
|
|
|
logContainer.addEventListener('scroll', () => {
|
|
const isAtBottom = Math.ceil(logContainer.scrollTop + logContainer.clientHeight) >= logContainer.scrollHeight;
|
|
if (isAtBottom) {
|
|
scrollToBottomButton.style.display = 'none';
|
|
} else {
|
|
scrollToBottomButton.style.display = 'block';
|
|
}
|
|
|
|
shouldScrollToBottom = isAtBottom;
|
|
});
|
|
|
|
getLogContent();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |