get status from github api

This commit is contained in:
Bryan Gerlach
2026-03-10 23:54:09 -05:00
parent c24d4ab5a5
commit d186b7dd02
10 changed files with 159 additions and 530 deletions

View File

@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Generation Failed</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #f9f9f9;
color: #333;
}
.container {
text-align: center;
padding: 2rem;
background: white;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
max-width: 400px;
}
.icon {
font-size: 48px;
color: #d9534f;
margin-bottom: 1rem;
}
h1 {
margin: 0 0 1rem 0;
font-size: 24px;
}
p {
color: #666;
line-height: 1.5;
margin-bottom: 2rem;
}
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
transition: background 0.2s;
}
.btn:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<div class="icon"></div>
<h1>Generation Failed</h1>
<p>Something went wrong during the GitHub Action process. This could be due to a timeout, a script error, or a server issue.</p>
<a href="/" class="btn">Return to Form</a>
</div>
<div class="container">
<div class="icon"></div>
<h1>Generation Failed</h1>
<p>Something went wrong during the process.</p>
<div style="background: #f1f1f1; padding: 15px; border-radius: 5px; margin-bottom: 20px;">
<a href="{{ log_url }}" target="_blank" style="color: #d9534f; font-weight: bold;">
Check GitHub Logs for Errors
</a>
</div>
<a href="/" class="btn">Return to Form</a>
</div>
</body>
</html>

View File

@@ -69,6 +69,28 @@
background-color: #3498db;
transition: width 0.5s ease-in-out;
}
.log-container {
margin-top: 30px;
padding: 15px;
background: rgba(255, 255, 255, 0.5);
border-radius: 12px;
font-size: 0.85em;
max-width: 320px;
margin-left: auto;
margin-right: auto;
border: 1px solid rgba(0,0,0,0.05);
}
.log-link {
color: #3498db;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
}
.log-link:hover {
text-decoration: underline;
}
</style>
</head>
<body>
@@ -140,8 +162,16 @@
<div class="progress-bar">
<div id="progressBarFill" class="progress-bar-fill"></div>
</div>
<p class="status-text">This can take 20-30 minutes (or longer if there are other users).</p>
<p class="status-text">This can take 30-45 minutes. You can leave this page open or come back later.</p>
<p class="status-text">Status: <span id="statusText">{{status}}</span></p>
<div class="log-container">
<p style="margin: 0 0 8px 0; color: #888;">Technical View</p>
<a href="{{ log_url }}" target="_blank" class="log-link">
View GitHub Action Logs
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
</a>
</div>
</div>
<div id="macosNote" class="macos-note">
@@ -212,7 +242,7 @@
setTimeout(function() {
window.location.replace('/check_for_file?filename={{filename}}&uuid={{uuid}}&platform={{platform}}');
}, 20000); // 20000 milliseconds = 20 seconds
}, 30000); // 20000 milliseconds = 20 seconds
</script>
</body>
</html>