Linus-Enjoyer/Freedom-Loader
1
1
Fork 0
mirror of https://github.com/MasterAcnolo/Freedom-Loader.git synced 2026-11-13 15:09:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(bugReport): add service status check and update UI if sendReport server is down

Browse Source
This commit is contained in:
MasterAcnolo
2026-09-29 21:30:20 +02:00
parent 1e099f6bb6
commit 1c0dd32732
5 changed files with 114 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
public/script/reportBug.js
View File

@@ -29,9 +29,13 @@ class BugReportModal {
<option value="no" style="background:#2a2a2a !important; color:#ffffff !important;">No</option>
</select>
</div>
<div id="bugReportServiceStatus" role="status" aria-live="polite" style="display:none !important; align-items:center !important; gap:8px !important; color:#aaaaaa !important; font-size:0.8rem !important;">
<span id="bugReportServiceStatusDot" style="width:8px !important; height:8px !important; border-radius:50% !important; background:#f59e0b !important; flex-shrink:0 !important;"></span>
<span id="bugReportServiceStatusText">Checking bug report service...</span>
</div>
<div style="display:flex !important; justify-content:flex-end !important; gap:8px !important; margin-top:8px !important;">
<button type="button" id="bugCancelBtn" style="background:#333333 !important; border:none !important; color:#cccccc !important; padding:8px 14px !important; border-radius:6px !important; cursor:pointer !important;">Cancel</button>
<button type="submit" style="background:#4f46e5 !important; border:none !important; color:#ffffff !important; padding:8px 16px !important; border-radius:6px !important; cursor:pointer !important; font-weight:500 !important;">Send</button>
<button type="submit" id="bugSendBtn" disabled style="background:#4f46e5 !important; border:none !important; color:#ffffff !important; padding:8px 16px !important; border-radius:6px !important; cursor:not-allowed !important; opacity:0.5 !important; font-weight:500 !important;">Send</button>
</div>
</form>
</div>
@@ -46,6 +50,7 @@ class BugReportModal {
bindEvents() {
const titleInput = this.modal.querySelector("#bugTitle");
const descInput = this.modal.querySelector("#bugDescription");
const sendButton = this.modal.querySelector("#bugSendBtn");
titleInput.addEventListener("input", () => {
localStorage.setItem("draft_bug_title", titleInput.value);
@@ -67,6 +72,10 @@ class BugReportModal {
this.form.addEventListener("submit", async (e) => {
e.preventDefault();
if (sendButton.disabled) {
return;
}
const data = {
title: titleInput.value,
description: descInput.value,
@@ -107,11 +116,46 @@ class BugReportModal {
open() {
this.loadState();
this.modal.style.display = "flex";
this.updateServiceStatus();
}
close() {
this.modal.style.display = "none";
}
async updateServiceStatus() {
const statusText = this.modal.querySelector("#bugReportServiceStatusText");
const statusDot = this.modal.querySelector("#bugReportServiceStatusDot");
const sendButton = this.modal.querySelector("#bugSendBtn");
sendButton.disabled = true;
sendButton.style.setProperty("cursor", "not-allowed", "important");
sendButton.style.setProperty("opacity", "0.5", "important");
try {
const serviceStatus = await window.topbarAPI.getReportServiceStatus();
const serviceAvailable = serviceStatus.status === "online";
const statusVisible = !serviceAvailable;
statusText.textContent = serviceStatus.message;
statusDot.style.background = "#ef4444";
statusText.style.color = "#fca5a5";
this.modal.querySelector("#bugReportServiceStatus").style.setProperty(
"display",
statusVisible ? "flex" : "none",
"important"
);
sendButton.disabled = !serviceAvailable;
sendButton.style.setProperty("cursor", serviceAvailable ? "pointer" : "not-allowed", "important");
sendButton.style.setProperty("opacity", serviceAvailable ? "1" : "0.5", "important");
} catch (err) {
statusText.textContent = "Unable to check bug report service.";
statusDot.style.background = "#ef4444";
statusText.style.color = "#fca5a5";
this.modal.querySelector("#bugReportServiceStatus").style.setProperty("display", "flex", "important");
sendButton.disabled = true;
window.electronAPI.logError("Failed to retrieve bug report service status:", err.message);
}
}
}
window.bugModal = new BugReportModal();