|
|
|
@@ -90,44 +90,44 @@
|
|
|
|
|
<button id="logo-save" class="btn-accent">Save</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("logo-modal"),B=document.getElementById("logo-preview-dark"),j=document.getElementById("logo-preview-light"),b=document.getElementById("logo-status"),D=document.getElementById("logo-same-both"),A=document.getElementById("logo-dual-uploads"),P=document.getElementById("logo-single-upload"),R=document.getElementById("logo-upload-dark"),k=document.getElementById("logo-upload-light"),M=document.getElementById("logo-upload-single"),E=document.querySelector("#brand .brand-logo-dark"),z=document.querySelector("#brand .brand-logo-light"),C=document.querySelector(".top-row"),N=document.getElementById("dashboard-title"),x=DC.NAME;let I=null,H=null,m=null,L="left",T=x;D?.addEventListener("change",()=>{D.checked?(A.style.display="none",P.style.display="",I=null,H=null):(A.style.display="flex",P.style.display="none",m=null)});function O(t,e){if(!t||!t.type.startsWith("image/")){showNotification("Please select an image file","warning");return}const a=new FileReader;a.onload=o=>e(o.target.result),a.readAsDataURL(t)}R?.addEventListener("change",t=>{O(t.target.files[0],e=>{I=e,B.src=e,b.textContent="New dark logo ready to save"})}),k?.addEventListener("change",t=>{O(t.target.files[0],e=>{H=e,j.src=e,b.textContent="New light logo ready to save"})}),M?.addEventListener("change",t=>{O(t.target.files[0],e=>{m=e,B.src=e,j.src=e,b.textContent="New logo ready to save (both themes)"})});function u(t){C.setAttribute("data-logo-pos",t),document.querySelectorAll(".logo-pos-btn").forEach(e=>{e.style.background=e.dataset.pos===t?"var(--accent)":"var(--card-bg)",e.style.color=e.dataset.pos===t?"white":"var(--fg)"})}function g(t){T=t||x,document.title=T;const e=document.querySelector(".dashboard-title");e&&(e.textContent=T)}async function S(){try{const t=await fetch("/api/v1/logo");if(t.ok){const e=await t.json();e.customLogoDark&&(E.src=e.customLogoDark,B.src=e.customLogoDark),e.customLogoLight&&(z.src=e.customLogoLight,j.src=e.customLogoLight),!e.customLogoDark&&!e.customLogoLight&&e.customLogo&&(E.src=e.customLogo,z.src=e.customLogo,B.src=e.customLogo,j.src=e.customLogo),e.isDefault||(b.textContent="Using custom logo"),e.position&&(L=e.position,u(e.position)),e.dashboardTitle&&g(e.dashboardTitle)}}catch(t){console.warn("Could not load custom logo:",t.message)}}document.querySelectorAll(".logo-pos-btn").forEach(t=>{t.addEventListener("click",()=>{L=t.dataset.pos,u(L)})}),document.getElementById("brand")?.addEventListener("click",()=>{I=null,H=null,m=null,R&&(R.value=""),k&&(k.value=""),M&&(M.value=""),D&&(D.checked=!1),A.style.display="flex",P.style.display="none",B.src=E.src,j.src=z.src;const t=E.src.includes("custom-logo")||z.src.includes("custom-logo");b.textContent=t?"Using custom logo":"Using default logos",u(L),N.value=T,f.classList.add("show")}),document.getElementById("logo-save")?.addEventListener("click",async()=>{try{const t=N.value.trim()||x,e={position:L,dashboardTitle:t};D?.checked&&m?(e.dataDark=m,e.dataLight=m):(I&&(e.dataDark=I),H&&(e.dataLight=H));const a=await secureFetch("/api/v1/logo",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(a.ok){const o=await a.json(),i="?t="+Date.now();o.pathDark&&(E.src=o.pathDark+i,B.src=o.pathDark+i),o.pathLight&&(z.src=o.pathLight+i,j.src=o.pathLight+i),u(L),g(t),f.classList.remove("show")}else{const o=await a.json();showNotification("Failed to save: "+o.error,"error")}}catch(t){showNotification("Error saving: "+t.message,"error")}}),document.getElementById("logo-reset")?.addEventListener("click",async()=>{if(confirm(`Reset all branding to DashCaddy defaults?
|
|
|
|
|
</div>`);const x=document.getElementById("logo-modal"),E=document.getElementById("logo-preview-dark"),j=document.getElementById("logo-preview-light"),h=document.getElementById("logo-status"),P=document.getElementById("logo-same-both"),A=document.getElementById("logo-dual-uploads"),D=document.getElementById("logo-single-upload"),R=document.getElementById("logo-upload-dark"),y=document.getElementById("logo-upload-light"),$=document.getElementById("logo-upload-single"),k=document.querySelector("#brand .brand-logo-dark"),H=document.querySelector("#brand .brand-logo-light"),T=document.querySelector(".top-row"),z=document.getElementById("dashboard-title"),C=DC.NAME;let M=null,b=null,d=null,v="left",S=C;P?.addEventListener("change",()=>{P.checked?(A.style.display="none",D.style.display="",M=null,b=null):(A.style.display="flex",D.style.display="none",d=null)});function O(t,e){if(!t||!t.type.startsWith("image/")){showNotification("Please select an image file","warning");return}const s=new FileReader;s.onload=n=>e(n.target.result),s.readAsDataURL(t)}R?.addEventListener("change",t=>{O(t.target.files[0],e=>{M=e,E.src=e,h.textContent="New dark logo ready to save"})}),y?.addEventListener("change",t=>{O(t.target.files[0],e=>{b=e,j.src=e,h.textContent="New light logo ready to save"})}),$?.addEventListener("change",t=>{O(t.target.files[0],e=>{d=e,E.src=e,j.src=e,h.textContent="New logo ready to save (both themes)"})});function m(t){T.setAttribute("data-logo-pos",t),document.querySelectorAll(".logo-pos-btn").forEach(e=>{e.style.background=e.dataset.pos===t?"var(--accent)":"var(--card-bg)",e.style.color=e.dataset.pos===t?"white":"var(--fg)"})}function f(t){S=t||C,document.title=S;const e=document.querySelector(".dashboard-title");e&&(e.textContent=S)}async function B(){try{const t=await fetch("/api/v1/logo");if(t.ok){const e=await t.json();e.customLogoDark&&(k.src=e.customLogoDark,E.src=e.customLogoDark),e.customLogoLight&&(H.src=e.customLogoLight,j.src=e.customLogoLight),!e.customLogoDark&&!e.customLogoLight&&e.customLogo&&(k.src=e.customLogo,H.src=e.customLogo,E.src=e.customLogo,j.src=e.customLogo),e.isDefault||(h.textContent="Using custom logo"),e.position&&(v=e.position,m(e.position)),e.dashboardTitle&&f(e.dashboardTitle)}}catch(t){console.warn("Could not load custom logo:",t.message)}}document.querySelectorAll(".logo-pos-btn").forEach(t=>{t.addEventListener("click",()=>{v=t.dataset.pos,m(v)})}),document.getElementById("brand")?.addEventListener("click",()=>{M=null,b=null,d=null,R&&(R.value=""),y&&(y.value=""),$&&($.value=""),P&&(P.checked=!1),A.style.display="flex",D.style.display="none",E.src=k.src,j.src=H.src;const t=k.src.includes("custom-logo")||H.src.includes("custom-logo");h.textContent=t?"Using custom logo":"Using default logos",m(v),z.value=S,x.classList.add("show")}),document.getElementById("logo-save")?.addEventListener("click",async()=>{try{const t=z.value.trim()||C,e={position:v,dashboardTitle:t};P?.checked&&d?(e.dataDark=d,e.dataLight=d):(M&&(e.dataDark=M),b&&(e.dataLight=b));const s=await secureFetch("/api/v1/logo",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(s.ok){const n=await s.json(),r="?t="+Date.now();n.pathDark&&(k.src=n.pathDark+r,E.src=n.pathDark+r),n.pathLight&&(H.src=n.pathLight+r,j.src=n.pathLight+r),m(v),f(t),x.classList.remove("show")}else{const n=await s.json();showNotification("Failed to save: "+n.error,"error")}}catch(t){showNotification("Error saving: "+t.message,"error")}}),document.getElementById("logo-reset")?.addEventListener("click",async()=>{if(confirm(`Reset all branding to DashCaddy defaults?
|
|
|
|
|
|
|
|
|
|
This will reset the logo, favicon, title, and position.`))try{if((await secureFetch("/api/v1/logo",{method:"DELETE"})).ok&&(E.src="/assets/dashcaddy-logo-dark.png",z.src="/assets/dashcaddy-logo-light.png",B.src="/assets/dashcaddy-logo-dark.png",j.src="/assets/dashcaddy-logo-light.png",b.textContent="Using default logos",I=null,H=null,m=null,N.value=x,g(x),L="left",u("left")),(await secureFetch("/api/v1/favicon",{method:"DELETE"})).ok){const a=document.querySelector('link[rel="icon"]'),o=document.getElementById("favicon-preview"),i=document.getElementById("favicon-status");a&&(a.href="/assets/dashcaddy-favicon.ico?t="+Date.now()),o&&(o.src="/assets/dashcaddy-favicon.ico?t="+Date.now()),i&&(i.textContent="Using DashCaddy favicon"),l=null}}catch(t){showNotification("Error resetting branding: "+t.message,"error")}}),wireModal(f,document.getElementById("logo-cancel"));const y=document.getElementById("favicon-preview"),w=document.getElementById("favicon-status"),s=document.getElementById("favicon-upload"),p=document.querySelector('link[rel="icon"]')||document.createElement("link");let l=null;document.querySelector('link[rel="icon"]')||(p.rel="icon",p.href="/assets/dashcaddy-favicon.ico",document.head.appendChild(p));async function v(){try{const t=await fetch("/api/v1/favicon");if(t.ok){const e=await t.json();e.customFavicon&&(p.href=e.customFavicon+"?t="+Date.now(),y.src=e.customFavicon+"?t="+Date.now(),w.textContent="Using custom favicon")}}catch(t){console.warn("Could not load custom favicon:",t.message)}}s?.addEventListener("change",t=>{const e=t.target.files[0];if(!e)return;if(!e.type.match(/^image\/(png|svg\+xml)$/)){showNotification("Please select a PNG or SVG file","warning"),s.value="";return}const a=new FileReader;a.onload=o=>{l=o.target.result,y.src=l,w.textContent="New favicon ready to save"},a.readAsDataURL(e)}),document.getElementById("logo-save")?.addEventListener("click",async()=>{if(l)try{const t=await secureFetch("/api/v1/favicon",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({data:l})});if(t.ok){const e=await t.json();p.href=e.path+"?t="+Date.now(),y.src=e.path+"?t="+Date.now(),w.textContent="Using custom favicon",l=null}else{const e=await t.json();showNotification("Failed to save favicon: "+e.error,"error")}}catch(t){showNotification("Error saving favicon: "+t.message,"error")}}),v(),S();const c=document.getElementById("settings-timezone");c&&(new MutationObserver(()=>{f.classList.contains("show")&&c.options.length===0&&(async()=>{let e;try{const a=await fetch("/api/v1/config");a.ok&&(e=(await a.json()).timezone)}catch{}window.populateTimezoneSelect(c,e)})()}).observe(f,{attributes:!0,attributeFilter:["class"]}),document.getElementById("logo-save")?.addEventListener("click",async()=>{const e=c.value;if(e)try{const a=await fetch("/api/v1/config");if(!a.ok)return;const o=await a.json();o.timezone=e,o.updatedAt=new Date().toISOString(),await secureFetch("/api/v1/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)})}catch(a){console.warn("Failed to save timezone:",a.message)}}))})(),window.populateTimezoneSelect=function(f,B){const j=Intl.supportedValuesOf("timeZone"),b=B||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC";f.innerHTML="";for(const D of j){const A=document.createElement("option");A.value=D,A.textContent=D.replace(/_/g," "),D===b&&(A.selected=!0),f.appendChild(A)}},(function(){let f="homelab",B=null;async function j(){try{const g=await fetch("/api/v1/config");if(g.ok&&(B=await g.json(),B&&B.setupComplete))return document.getElementById("setup-wizard").style.display="none",!0}catch(g){console.warn("Could not fetch server config, checking localStorage fallback:",g.message)}return safeGet("dashcaddy-setup")?(document.getElementById("setup-wizard").style.display="none",!0):(document.getElementById("setup-wizard").style.display="flex",!1)}j();const b=document.getElementById("setup-timezone");b&&window.populateTimezoneSelect(b);function D(u){document.querySelectorAll(".setup-step").forEach(S=>{S.style.display="none"});const g=document.getElementById(u);g&&(g.style.display="block")}function A(){const u=document.getElementById("setup-summary-content");if(!u)return;let g='<div style="display: grid; gap: 20px;">';if(f==="homelab"){const y=document.getElementById("setup-tld")?.value?.trim()||".home",w=document.getElementById("setup-ca-name")?.value?.trim()||"",s=document.getElementById("setup-dns-ip")?.value?.trim()||"",p=document.getElementById("setup-dns-port")?.value?.trim()||DC.DEFAULTS.DNS_PORT;g+=`
|
|
|
|
|
This will reset the logo, favicon, title, and position.`))try{if((await secureFetch("/api/v1/logo",{method:"DELETE"})).ok&&(k.src="/assets/dashcaddy-logo-dark.png",H.src="/assets/dashcaddy-logo-light.png",E.src="/assets/dashcaddy-logo-dark.png",j.src="/assets/dashcaddy-logo-light.png",h.textContent="Using default logos",M=null,b=null,d=null,z.value=C,f(C),v="left",m("left")),(await secureFetch("/api/v1/favicon",{method:"DELETE"})).ok){const s=document.querySelector('link[rel="icon"]'),n=document.getElementById("favicon-preview"),r=document.getElementById("favicon-status");s&&(s.href="/assets/dashcaddy-favicon.ico?t="+Date.now()),n&&(n.src="/assets/dashcaddy-favicon.ico?t="+Date.now()),r&&(r.textContent="Using DashCaddy favicon"),l=null}}catch(t){showNotification("Error resetting branding: "+t.message,"error")}}),wireModal(x,document.getElementById("logo-cancel"));const w=document.getElementById("favicon-preview"),L=document.getElementById("favicon-status"),o=document.getElementById("favicon-upload"),u=document.querySelector('link[rel="icon"]')||document.createElement("link");let l=null;document.querySelector('link[rel="icon"]')||(u.rel="icon",u.href="/assets/dashcaddy-favicon.ico",document.head.appendChild(u));async function g(){try{const t=await fetch("/api/v1/favicon");if(t.ok){const e=await t.json();e.customFavicon&&(u.href=e.customFavicon+"?t="+Date.now(),w.src=e.customFavicon+"?t="+Date.now(),L.textContent="Using custom favicon")}}catch(t){console.warn("Could not load custom favicon:",t.message)}}o?.addEventListener("change",t=>{const e=t.target.files[0];if(!e)return;if(!e.type.match(/^image\/(png|svg\+xml)$/)){showNotification("Please select a PNG or SVG file","warning"),o.value="";return}const s=new FileReader;s.onload=n=>{l=n.target.result,w.src=l,L.textContent="New favicon ready to save"},s.readAsDataURL(e)}),document.getElementById("logo-save")?.addEventListener("click",async()=>{if(l)try{const t=await secureFetch("/api/v1/favicon",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({data:l})});if(t.ok){const e=await t.json();u.href=e.path+"?t="+Date.now(),w.src=e.path+"?t="+Date.now(),L.textContent="Using custom favicon",l=null}else{const e=await t.json();showNotification("Failed to save favicon: "+e.error,"error")}}catch(t){showNotification("Error saving favicon: "+t.message,"error")}}),g(),B();const p=document.getElementById("settings-timezone");p&&(new MutationObserver(()=>{x.classList.contains("show")&&p.options.length===0&&(async()=>{let e;try{const s=await fetch("/api/v1/config");s.ok&&(e=(await s.json()).timezone)}catch{}window.populateTimezoneSelect(p,e)})()}).observe(x,{attributes:!0,attributeFilter:["class"]}),document.getElementById("logo-save")?.addEventListener("click",async()=>{const e=p.value;if(e)try{const s=await fetch("/api/v1/config");if(!s.ok)return;const n=await s.json();n.timezone=e,n.updatedAt=new Date().toISOString(),await secureFetch("/api/v1/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})}catch(s){console.warn("Failed to save timezone:",s.message)}}))})(),window.populateTimezoneSelect=function(x,E){const j=Intl.supportedValuesOf("timeZone"),h=E||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC";x.innerHTML="";for(const P of j){const A=document.createElement("option");A.value=P,A.textContent=P.replace(/_/g," "),P===h&&(A.selected=!0),x.appendChild(A)}},(function(){let x="homelab",E=null;async function j(){try{const f=await fetch("/api/v1/config");if(f.ok&&(E=await f.json(),E&&E.setupComplete))return document.getElementById("setup-wizard").style.display="none",!0}catch(f){console.warn("Could not fetch server config, checking localStorage fallback:",f.message)}return safeGet("dashcaddy-setup")?(document.getElementById("setup-wizard").style.display="none",!0):(document.getElementById("setup-wizard").style.display="flex",!1)}j();const h=document.getElementById("setup-timezone");h&&window.populateTimezoneSelect(h);function P(m){document.querySelectorAll(".setup-step").forEach(B=>{B.style.display="none"});const f=document.getElementById(m);f&&(f.style.display="block")}function A(){const m=document.getElementById("setup-summary-content");if(!m)return;let f='<div style="display: grid; gap: 20px;">';if(x==="homelab"){const w=document.getElementById("setup-tld")?.value?.trim()||".home",L=document.getElementById("setup-ca-name")?.value?.trim()||"",o=document.getElementById("setup-dns-ip")?.value?.trim()||"",u=document.getElementById("setup-dns-port")?.value?.trim()||DC.DEFAULTS.DNS_PORT;f+=`
|
|
|
|
|
<div>
|
|
|
|
|
<h3 style="margin: 0 0 12px; color: var(--accent);">Home Lab Configuration</h3>
|
|
|
|
|
<div style="display: grid; gap: 12px; font-size: 0.95rem;">
|
|
|
|
|
<div><strong>TLD:</strong> ${y}</div>
|
|
|
|
|
<div><strong>Certificate Authority:</strong> ${w}</div>
|
|
|
|
|
<div><strong>DNS Server:</strong> ${s}:${p}</div>
|
|
|
|
|
<div><strong>Example URLs:</strong> https://uptime${y}, https://nextcloud${y}</div>
|
|
|
|
|
<div><strong>TLD:</strong> ${w}</div>
|
|
|
|
|
<div><strong>Certificate Authority:</strong> ${L}</div>
|
|
|
|
|
<div><strong>DNS Server:</strong> ${o}:${u}</div>
|
|
|
|
|
<div><strong>Example URLs:</strong> https://uptime${w}, https://nextcloud${w}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`}else if(f==="simple"){const y=document.getElementById("setup-simple-ip")?.value?.trim()||"localhost";g+=`
|
|
|
|
|
`}else if(x==="simple"){const w=document.getElementById("setup-simple-ip")?.value?.trim()||"localhost";f+=`
|
|
|
|
|
<div>
|
|
|
|
|
<h3 style="margin: 0 0 12px; color: var(--accent);">Simple Setup</h3>
|
|
|
|
|
<div style="display: grid; gap: 12px; font-size: 0.95rem;">
|
|
|
|
|
<div><strong>Access Method:</strong> IP:Port only</div>
|
|
|
|
|
<div><strong>Default IP:</strong> ${y}</div>
|
|
|
|
|
<div><strong>Default IP:</strong> ${w}</div>
|
|
|
|
|
<div><strong>SSL:</strong> None (HTTP only)</div>
|
|
|
|
|
<div><strong>Example URLs:</strong> http://${y}:8080, http://${y}:3000</div>
|
|
|
|
|
<div><strong>Example URLs:</strong> http://${w}:8080, http://${w}:3000</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`}else if(f==="public"){const y=document.getElementById("setup-public-domain")?.value?.trim()||"",w=document.getElementById("setup-public-email")?.value?.trim()||"",s=document.querySelector('input[name="routing-mode"]:checked')?.value||"subdirectory",p=s==="subdirectory"?`https://${y}/sonarr, https://${y}/grafana`:`https://sonarr.${y}, https://grafana.${y}`;g+=`
|
|
|
|
|
`}else if(x==="public"){const w=document.getElementById("setup-public-domain")?.value?.trim()||"",L=document.getElementById("setup-public-email")?.value?.trim()||"",o=document.querySelector('input[name="routing-mode"]:checked')?.value||"subdirectory",u=o==="subdirectory"?`https://${w}/sonarr, https://${w}/grafana`:`https://sonarr.${w}, https://grafana.${w}`;f+=`
|
|
|
|
|
<div>
|
|
|
|
|
<h3 style="margin: 0 0 12px; color: var(--accent);">Public Server</h3>
|
|
|
|
|
<div style="display: grid; gap: 12px; font-size: 0.95rem;">
|
|
|
|
|
<div><strong>Domain:</strong> ${y}</div>
|
|
|
|
|
<div><strong>Domain:</strong> ${w}</div>
|
|
|
|
|
<div><strong>SSL:</strong> Let's Encrypt</div>
|
|
|
|
|
<div><strong>Email:</strong> ${w}</div>
|
|
|
|
|
<div><strong>Routing:</strong> ${s==="subdirectory"?"Subdirectory (domain.com/app)":"Subdomain (app.domain.com)"}</div>
|
|
|
|
|
<div><strong>Example URLs:</strong> ${p}</div>
|
|
|
|
|
<div><strong>Email:</strong> ${L}</div>
|
|
|
|
|
<div><strong>Routing:</strong> ${o==="subdirectory"?"Subdirectory (domain.com/app)":"Subdomain (app.domain.com)"}</div>
|
|
|
|
|
<div><strong>Example URLs:</strong> ${u}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`}const S=document.getElementById("setup-timezone")?.value||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC";g+=`
|
|
|
|
|
`}const B=document.getElementById("setup-timezone")?.value||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC";f+=`
|
|
|
|
|
<div style="margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--border);">
|
|
|
|
|
<div style="font-size: 0.95rem;"><strong>Timezone:</strong> ${S.replace(/_/g," ")}</div>
|
|
|
|
|
<div style="font-size: 0.95rem;"><strong>Timezone:</strong> ${B.replace(/_/g," ")}</div>
|
|
|
|
|
</div>
|
|
|
|
|
`,g+="</div>",u.innerHTML=g,D("setup-step-summary")}async function P(u){try{const g=await secureFetch("/api/v1/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});return g.ok?(await g.json(),!0):(errorHandler.logError("[SetupWizard] Save Config",new Error(`Server returned ${g.status}`),{function:"saveConfigToServer"}),!1)}catch(g){return errorHandler.logError("[SetupWizard] Save Config",g,{function:"saveConfigToServer"}),!1}}async function R(){const u={setupComplete:!0,configurationType:f,timestamp:new Date().toISOString(),timezone:document.getElementById("setup-timezone")?.value||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"};if(f==="homelab"){u.tld=document.getElementById("setup-tld")?.value?.trim()||".home",u.caName=document.getElementById("setup-ca-name")?.value?.trim()||"";const w=document.getElementById("setup-dns-provider")?.value||"technitium";u.dns={provider:w,ip:document.getElementById("setup-dns-ip")?.value?.trim()||"",port:document.getElementById("setup-dns-port")?.value?.trim()||DC.DEFAULTS.DNS_PORT,token:document.getElementById("setup-dns-token")?.value?.trim()||""},u.defaults={dnsType:"private",sslType:"internal",targetIP:"localhost"}}else f==="simple"?(u.defaultIP=document.getElementById("setup-simple-ip")?.value?.trim()||"localhost",u.defaults={dnsType:"none",sslType:"none",targetIP:u.defaultIP}):f==="public"&&(u.domain=document.getElementById("setup-public-domain")?.value?.trim()||"",u.email=document.getElementById("setup-public-email")?.value?.trim()||"",u.routingMode=document.querySelector('input[name="routing-mode"]:checked')?.value||"subdirectory",u.defaults={dnsType:u.routingMode==="subdirectory"?"none":"public",sslType:"letsencrypt",targetIP:"localhost"});const g=await P(u);safeSet("dashcaddy-config",JSON.stringify(u)),safeSet("dashcaddy-setup","completed"),document.getElementById("setup-wizard").style.display="none";const S=f==="homelab"?"Professional Home Lab":f==="simple"?"Simple Setup":"Public Server",y=g?"server (shared across all devices)":"locally (this browser only)";showNotification(`Setup Complete! Configured for: ${S}. Settings saved to: ${y}`,"success",5e3),setTimeout(()=>location.reload(),500)}const k=document.getElementById("setup-step-1-next");k&&(k.onclick=function(u){u.preventDefault();const g=document.querySelector('input[name="config-type"]:checked');g&&(f=g.value),D(f==="homelab"?"setup-step-homelab":f==="simple"?"setup-step-simple":f==="public"?"setup-step-public":"setup-step-homelab")});const M=document.getElementById("setup-skip");M&&(M.onclick=async function(u){u.preventDefault(),confirm("Skip setup? You can run it later from Settings.")&&(await P({setupComplete:!0,skipped:!0,timestamp:new Date().toISOString()}),safeSet("dashcaddy-setup","skipped"),document.getElementById("setup-wizard").style.display="none")});const E=document.getElementById("setup-tld");E&&(E.oninput=function(u){const g=u.target.value||".home",S=document.getElementById("tld-preview"),y=document.getElementById("tld-preview-2");S&&(S.textContent=g),y&&(y.textContent=g)});const z=document.getElementById("setup-homelab-back");z&&(z.onclick=function(u){u.preventDefault(),D("setup-step-1")});const C=document.getElementById("setup-homelab-next");C&&(C.onclick=function(u){u.preventDefault();const g=document.getElementById("setup-tld")?.value?.trim()||"",S=document.getElementById("setup-ca-name")?.value?.trim()||"",y=document.getElementById("setup-dns-ip")?.value?.trim()||"";if(!g||!g.startsWith(".")){showNotification("Please enter a valid TLD starting with a dot (e.g., .home)","warning");return}if(!S){showNotification("Please enter a Certificate Authority name","warning");return}if(!y){showNotification("Please enter your DNS server IP address","warning");return}A()});const N=document.getElementById("setup-simple-back");N&&(N.onclick=function(u){u.preventDefault(),D("setup-step-1")});const x=document.getElementById("setup-simple-next");x&&(x.onclick=function(u){u.preventDefault(),A()}),document.querySelectorAll('input[name="routing-mode"]').forEach(function(u){u.onchange=function(){var g=document.getElementById("dns-requirement-note");g&&(g.textContent=this.value==="subdirectory"?"Only one DNS record needed (for the main domain)":"You'll need to configure DNS manually for each subdomain")}});const I=document.getElementById("setup-public-back");I&&(I.onclick=function(u){u.preventDefault(),D("setup-step-1")});const H=document.getElementById("setup-public-next");H&&(H.onclick=function(u){u.preventDefault();const g=document.getElementById("setup-public-domain")?.value?.trim()||"",S=document.getElementById("setup-public-email")?.value?.trim()||"";if(!g){showNotification("Please enter your domain name","warning");return}if(!S||!S.includes("@")){showNotification("Please enter a valid email address","warning");return}A()});const m=document.getElementById("setup-summary-back");m&&(m.onclick=function(u){u.preventDefault(),f==="homelab"?D("setup-step-homela
Line truncated
|
|
|
|
|
`,f+="</div>",m.innerHTML=f,P("setup-step-summary")}async function D(m){try{const f=await secureFetch("/api/v1/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});return f.ok?(await f.json(),!0):(errorHandler.logError("[SetupWizard] Save Config",new Error(`Server returned ${f.status}`),{function:"saveConfigToServer"}),!1)}catch(f){return errorHandler.logError("[SetupWizard] Save Config",f,{function:"saveConfigToServer"}),!1}}async function R(){const m={setupComplete:!0,configurationType:x,timestamp:new Date().toISOString(),timezone:document.getElementById("setup-timezone")?.value||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"};if(x==="homelab"){m.tld=document.getElementById("setup-tld")?.value?.trim()||".home",m.caName=document.getElementById("setup-ca-name")?.value?.trim()||"";const L=document.getElementById("setup-dns-provider")?.value||"technitium";m.dns={provider:L,ip:document.getElementById("setup-dns-ip")?.value?.trim()||"",port:document.getElementById("setup-dns-port")?.value?.trim()||DC.DEFAULTS.DNS_PORT,token:document.getElementById("setup-dns-token")?.value?.trim()||""},m.defaults={dnsType:"private",sslType:"internal",targetIP:"localhost"}}else x==="simple"?(m.defaultIP=document.getElementById("setup-simple-ip")?.value?.trim()||"localhost",m.defaults={dnsType:"none",sslType:"none",targetIP:m.defaultIP}):x==="public"&&(m.domain=document.getElementById("setup-public-domain")?.value?.trim()||"",m.email=document.getElementById("setup-public-email")?.value?.trim()||"",m.routingMode=document.querySelector('input[name="routing-mode"]:checked')?.value||"subdirectory",m.defaults={dnsType:m.routingMode==="subdirectory"?"none":"public",sslType:"letsencrypt",targetIP:"localhost"});const f=await D(m);safeSet("dashcaddy-config",JSON.stringify(m)),safeSet("dashcaddy-setup","completed"),document.getElementById("setup-wizard").style.display="none";const B=x==="homelab"?"Professional Home Lab":x==="simple"?"Simple Setup":"Public Server",w=f?"server (shared across all devices)":"locally (this browser only)";showNotification(`Setup Complete! Configured for: ${B}. Settings saved to: ${w}`,"success",5e3),setTimeout(()=>location.reload(),500)}const y=document.getElementById("setup-step-1-next");y&&(y.onclick=function(m){m.preventDefault();const f=document.querySelector('input[name="config-type"]:checked');f&&(x=f.value),P(x==="homelab"?"setup-step-homelab":x==="simple"?"setup-step-simple":x==="public"?"setup-step-public":"setup-step-homelab")});const $=document.getElementById("setup-skip");$&&($.onclick=async function(m){m.preventDefault(),confirm("Skip setup? You can run it later from Settings.")&&(await D({setupComplete:!0,skipped:!0,timestamp:new Date().toISOString()}),safeSet("dashcaddy-setup","skipped"),document.getElementById("setup-wizard").style.display="none")});const k=document.getElementById("setup-tld");k&&(k.oninput=function(m){const f=m.target.value||".home",B=document.getElementById("tld-preview"),w=document.getElementById("tld-preview-2");B&&(B.textContent=f),w&&(w.textContent=f)});const H=document.getElementById("setup-homelab-back");H&&(H.onclick=function(m){m.preventDefault(),P("setup-step-1")});const T=document.getElementById("setup-homelab-next");T&&(T.onclick=function(m){m.preventDefault();const f=document.getElementById("setup-tld")?.value?.trim()||"",B=document.getElementById("setup-ca-name")?.value?.trim()||"",w=document.getElementById("setup-dns-ip")?.value?.trim()||"";if(!f||!f.startsWith(".")){showNotification("Please enter a valid TLD starting with a dot (e.g., .home)","warning");return}if(!B){showNotification("Please enter a Certificate Authority name","warning");return}if(!w){showNotification("Please enter your DNS server IP address","warning");return}A()});const z=document.getElementById("setup-simple-back");z&&(z.onclick=function(m){m.preventDefault(),P("setup-step-1")});const C=document.getElementById("setup-simple-next");C&&(C.onclick=function(m){m.preventDefault(),A()}),document.querySelectorAll('input[name="routing-mode"]').forEach(function(m){m.onchange=function(){var f=document.getElementById("dns-requirement-note");f&&(f.textContent=this.value==="subdirectory"?"Only one DNS record needed (for the main domain)":"You'll need to configure DNS manually for each subdomain")}});const M=document.getElementById("setup-public-back");M&&(M.onclick=function(m){m.preventDefault(),P("setup-step-1")});const b=document.getElementById("setup-public-next");b&&(b.onclick=function(m){m.preventDefault();const f=document.getElementById("setup-public-domain")?.value?.trim()||"",B=document.getElementById("setup-public-email")?.value?.trim()||"";if(!f){showNotification("Please enter your domain name","warning");return}if(!B||!B.includes("@")){showNotification("Please enter a valid email address","warning");return}A()});const d=document.getElementById("setup-summary-back");d&&(d.onclick=function(m){m.preventDefault(),x==="homelab"?P("setup-step-homela
Line truncated
|
|
|
|
|
<div class="app-selector-content">
|
|
|
|
|
<h2 style="margin: 0 0 24px; color: var(--fg); text-align: center;">Choose an App</h2>
|
|
|
|
|
<div id="app-selector-grid" class="app-selector-grid"></div>
|
|
|
|
@@ -333,12 +333,12 @@ This will reset the logo, favicon, title, and position.`))try{if((await secureFe
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const B="custom-apps";let j=null,b=null;const D=document.getElementById("app-selector-modal"),A=document.getElementById("app-selector-grid");async function P(){try{const p=await(await fetch("/api/v1/apps/templates")).json();if(p.success)return j=p.templates,b=p.categories,!0}catch(s){f.logError("[AppSelector] Fetch Templates",s,{function:"fetchApiTemplates"})}return!1}async function R(s){try{return await(await fetch(`/api/v1/apps/ports/${s}/check`)).json()}catch(p){return f.logError("[AppSelector] Check Port",p,{function:"checkPortAvailability"}),{available:!0}}}async function k(s){try{const l=await(await fetch(`/api/v1/apps/ports/${s}/suggest`)).json();if(l.success)return l.suggestedPort}catch(p){f.logError("[AppSelector] Get Suggested Port",p,{function:"getSuggestedPort"})}return s}async function M(){if(A.innerHTML='<div style="text-align: center; padding: 40px; color: var(--muted);">Loading app templates...</div>',!j&&!await P()){A.innerHTML='<div style="text-align: center; padding: 40px; color: var(--error);">Failed to load app templates. Please try again.</div>';return}A.innerHTML="";const s={};for(const[l,v]of Object.entries(j)){const c=v.category||"Other";s[c]||(s[c]=[]),s[c].push({id:l,...v})}const p=b?Object.keys(b):Object.keys(s).sort();for(const l of p){const v=s[l];if(!v||v.length===0)continue;v.sort((e,a)=>(a.popularity||0)-(e.popularity||0));const c=document.createElement("div");c.className="app-category-header";const t=b?.[l]||{};c.innerHTML=`${escapeHtml(t.icon||"")} ${escapeHtml(l)}`,t.color&&(c.style.borderBottomColor=t.color),A.appendChild(c),v.forEach(e=>{const a=document.createElement("div");a.className="app-option";const o=e.isDashboardWidget,i=o&&safeGet("widget-"+e.id+"-enabled")!=="false",n=o?`<div style="font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; margin-top: 4px; background: ${i?"#2ecc7130":"#e74c3c30"}; color: ${i?"#2ecc71":"#e74c3c"}; font-weight: 600;">${i?"ON":"OFF"}</div>`:"",r=!o&&e.difficulty?`<div style="font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; margin-top: 4px; background: ${e.difficulty==="Easy"?"#2ecc71":e.difficulty==="Intermediate"?"#f39c12":"#e74c3c"}20; color: ${e.difficulty==="Easy"?"#2ecc71":e.difficulty==="Intermediate"?"#f39c12":"#e74c3c"};">${escapeHtml(e.difficulty)}</div>`:"";a.innerHTML=`
|
|
|
|
|
</div>`);const E="custom-apps";let j=null,h=null;const P=document.getElementById("app-selector-modal"),A=document.getElementById("app-selector-grid");async function D(){try{const u=await(await fetch("/api/v1/apps/templates")).json();if(u.success)return j=u.templates,h=u.categories,!0}catch(o){x.logError("[AppSelector] Fetch Templates",o,{function:"fetchApiTemplates"})}return!1}async function R(o){try{return await(await fetch(`/api/v1/apps/ports/${o}/check`)).json()}catch(u){return x.logError("[AppSelector] Check Port",u,{function:"checkPortAvailability"}),{available:!0}}}async function y(o){try{const l=await(await fetch(`/api/v1/apps/ports/${o}/suggest`)).json();if(l.success)return l.suggestedPort}catch(u){x.logError("[AppSelector] Get Suggested Port",u,{function:"getSuggestedPort"})}return o}async function $(){if(A.innerHTML='<div style="text-align: center; padding: 40px; color: var(--muted);">Loading app templates...</div>',!j&&!await D()){A.innerHTML='<div style="text-align: center; padding: 40px; color: var(--error);">Failed to load app templates. Please try again.</div>';return}A.innerHTML="";const o={};for(const[l,g]of Object.entries(j)){const p=g.category||"Other";o[p]||(o[p]=[]),o[p].push({id:l,...g})}const u=h?Object.keys(h):Object.keys(o).sort();for(const l of u){const g=o[l];if(!g||g.length===0)continue;g.sort((e,s)=>(s.popularity||0)-(e.popularity||0));const p=document.createElement("div");p.className="app-category-header";const t=h?.[l]||{};p.innerHTML=`${escapeHtml(t.icon||"")} ${escapeHtml(l)}`,t.color&&(p.style.borderBottomColor=t.color),A.appendChild(p),g.forEach(e=>{const s=document.createElement("div");s.className="app-option";const n=e.isDashboardWidget,r=n&&safeGet("widget-"+e.id+"-enabled")!=="false",a=n?`<div style="font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; margin-top: 4px; background: ${r?"#2ecc7130":"#e74c3c30"}; color: ${r?"#2ecc71":"#e74c3c"}; font-weight: 600;">${r?"ON":"OFF"}</div>`:"",i=!n&&e.difficulty?`<div style="font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; margin-top: 4px; background: ${e.difficulty==="Easy"?"#2ecc71":e.difficulty==="Intermediate"?"#f39c12":"#e74c3c"}20; color: ${e.difficulty==="Easy"?"#2ecc71":e.difficulty==="Intermediate"?"#f39c12":"#e74c3c"};">${escapeHtml(e.difficulty)}</div>`:"";s.innerHTML=`
|
|
|
|
|
<div class="app-option-icon">${escapeHtml(e.icon||"\u{1F4E6}")}</div>
|
|
|
|
|
<div class="app-option-name">${escapeHtml(e.name)}</div>
|
|
|
|
|
<div class="app-option-desc">${escapeHtml(e.description||"")}</div>
|
|
|
|
|
${n}${r}
|
|
|
|
|
`,o?a.onclick=()=>E(e,a):a.onclick=()=>z(e),A.appendChild(a)})}window.renderRecipeCards&&await window.renderRecipeCards(A)}function E(s,p){const l="widget-"+s.id+"-enabled",c=!(safeGet(l)!=="false");safeSet(l,String(c));const t=s.widgetSelector;if(t){const a=document.querySelector(t);a&&(a.style.display=c?"":"none")}const e=p.querySelector('div[style*="border-radius: 4px"]');e&&(e.textContent=c?"ON":"OFF",e.style.background=c?"#2ecc7130":"#e74c3c30",e.style.color=c?"#2ecc71":"#e74c3c"),showNotification(`${s.name} widget ${c?"enabled":"disabled"}`,"success",2e3)}async function z(s){const p=document.getElementById("app-deploy-modal"),l=document.getElementById("app-deploy-title"),v=document.getElementById("deploy-subdomain"),c=document.getElementById("deploy-url-preview"),t=document.getElementById("deploy-ip"),e=document.getElementById("deploy-port"),a=document.getElementById("deploy-tailscale-only"),o=document.getElementById("tailscale-status");try{const G=await(await secureFetch("/api/v1/apps/check-existing",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({appId:s.id})})).json();if(G.success&&G.exists){const V=G.container;confirm(`Found existing ${s.name} container:
|
|
|
|
|
${a}${i}
|
|
|
|
|
`,n?s.onclick=()=>k(e,s):s.onclick=()=>H(e),A.appendChild(s)})}window.renderRecipeCards&&await window.renderRecipeCards(A)}function k(o,u){const l="widget-"+o.id+"-enabled",p=!(safeGet(l)!=="false");safeSet(l,String(p));const t=o.widgetSelector;if(t){const s=document.querySelector(t);s&&(s.style.display=p?"":"none")}const e=u.querySelector('div[style*="border-radius: 4px"]');e&&(e.textContent=p?"ON":"OFF",e.style.background=p?"#2ecc7130":"#e74c3c30",e.style.color=p?"#2ecc71":"#e74c3c"),showNotification(`${o.name} widget ${p?"enabled":"disabled"}`,"success",2e3)}async function H(o){const u=document.getElementById("app-deploy-modal"),l=document.getElementById("app-deploy-title"),g=document.getElementById("deploy-subdomain"),p=document.getElementById("deploy-url-preview"),t=document.getElementById("deploy-ip"),e=document.getElementById("deploy-port"),s=document.getElementById("deploy-tailscale-only"),n=document.getElementById("tailscale-status");try{const G=await(await secureFetch("/api/v1/apps/check-existing",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({appId:o.id})})).json();if(G.success&&G.exists){const V=G.container;confirm(`Found existing ${o.name} container:
|
|
|
|
|
|
|
|
|
|
Container: ${V.name}
|
|
|
|
|
Status: ${V.status}
|
|
|
|
@@ -347,38 +347,38 @@ Port: ${V.primaryPort||"N/A"}
|
|
|
|
|
Would you like to use this existing container?
|
|
|
|
|
|
|
|
|
|
Click OK to configure DNS/Caddy for the existing container.
|
|
|
|
|
Click Cancel to deploy a new container.`)&&(s._useExisting=!0,s._existingContainer=V)}}catch{}l.textContent=`Deploy ${s.name}`;const i=s.subdomain||s.id.replace(/-/g,"");v.value=i;const n=document.getElementById("subpath-compat-warning");if(n)if(SITE.routingMode==="subdirectory"){const W=s.subpathSupport||"strip";W==="none"?(n.style.display="block",n.innerHTML='<span style="color: #ff9800;">⚠ <strong>'+s.name+"</strong> does not support subdirectory mode. It may not work correctly at a subpath.</span>"):W==="strip"?(n.style.display="block",n.innerHTML='<span style="color: var(--muted);">ⓘ '+s.name+" has unverified subdirectory support. It may require additional configuration.</span>"):n.style.display="none"}else n.style.display="none";const r=SITE.defaults.dnsType||(SITE.configurationType==="public"?"public":"private"),d=SITE.defaults.sslType||(SITE.configurationType==="public"?"letsencrypt":"internal"),h=document.querySelector(`input[name="dns-type"][value="${r}"]`),$=document.querySelector(`input[name="ssl-type"][value="${d}"]`);h?h.checked=!0:document.querySelector('input[name="dns-type"][value="private"]').checked=!0,$?$.checked=!0:document.querySelector('input[name="ssl-type"][value="internal"]').checked=!0,t.value=SITE.defaults.targetIP||"localhost",a.checked=!1;const U=document.querySelector("#app-deploy-modal .flex-col-gap")?.closest("div"),_=document.querySelector("#app-deploy-modal details"),F=_?.querySelector("div");if(_&&F&&(SITE.configurationType==="public"||SITE.configurationType==="homelab")){const W=document.querySelectorAll('#app-deploy-modal input[name="dns-type"]')[0]?.closest("div.flex-col-gap")?.parentElement,G=document.querySelectorAll('#app-deploy-modal input[name="ssl-type"]')[0]?.closest("div.flex-col-gap")?.parentElement;W&&!W.dataset.moved&&(F.appendChild(W),W.dataset.moved="1"),G&&!G.dataset.moved&&(F.appendChild(G),G.dataset.moved="1")}const q=document.getElementById("media-path-section"),J=document.getElementById("deploy-media-path"),X=document.getElementById("media-path-description");if(s.mediaMount){q.style.display="block",J.value="",J.placeholder="/media/Movies, /media/TVShows or click Browse";const W=document.getElementById("detected-mounts-container"),G=document.getElementById("detected-mounts-list");try{const K=await(await fetch("/api/v1/media/detected-mounts")).json();if(K.success&&K.mounts.length>0){W.style.display="block",G.innerHTML="";const te=[...new Set(K.mounts.map(ee=>ee.hostPath))];J.value=te.join(", "),K.mounts.forEach(ee=>{const Z=document.createElement("button");Z.type="button";const de=te.includes(ee.hostPath);Z.style.cssText=`padding: 8px 14px; font-size: 0.85rem; background: color-mix(in srgb, var(--success) ${de?"40%":"15%"}, var(--card-bg)); border: 1px solid var(--success); border-radius: 6px; cursor: pointer; color: var(--fg);`,Z.innerHTML=`<span style="font-weight: 500;">${escapeHtml(ee.folderName)}</span><br><span style="font-size: 0.7rem; color: var(--muted);">from ${escapeHtml(ee.sourceImage)}</span>`,Z.title=`${ee.hostPath} (from ${ee.sourceContainer})`,Z.onclick=()=>{const le=J.value.split(",").map(ce=>ce.trim()).filter(ce=>ce),pe=le.indexOf(ee.hostPath);pe>=0?(le.splice(pe,1),Z.style.background="color-mix(in srgb, var(--success) 15%, var(--card-bg))"):(le.push(ee.hostPath),Z.style.background="color-mix(in srgb, var(--success) 40%, var(--card-bg))"),J.value=le.join(", ")},G.appendChild(Z)})}else W.style.display="none"}catch{W.style.display="none"}document.getElementById("browse-media-btn").onclick=()=>{openFolderBrowser(J)}}else q.style.display="none",J.value="",document.getElementById("detected-mounts-container").style.display="none";const Q=document.getElementById("plex-claim-section");Q&&(s.id==="plex"||s.claimToken?(Q.style.display="block",document.getElementById("deploy-plex-claim").value=""):Q.style.display="none");const ne=document.getElementById("volume-mounts-section"),oe=document.getElementById("volume-mounts-list");if(oe.innerHTML="",s.docker?.volumes?.length){const W=s.mediaMount?.containerPath,G=s.docker.volumes.filter(V=>!V.includes("{{MEDIA_PATH}}")&&!(W&&V.endsWith(":"+W)));G.length>0?(ne.style.display="block",G.forEach((V,K)=>{const[te,ee]=V.split(":"),Z=document.createElement("div");Z.style.cssText="display: flex; gap: 6px; align-items: center;",Z.innerHTML=`
|
|
|
|
|
Click Cancel to deploy a new container.`)&&(o._useExisting=!0,o._existingContainer=V)}}catch{}l.textContent=`Deploy ${o.name}`;const r=o.subdomain||o.id.replace(/-/g,"");g.value=r;const a=document.getElementById("subpath-compat-warning");if(a)if(SITE.routingMode==="subdirectory"){const W=o.subpathSupport||"strip";W==="none"?(a.style.display="block",a.innerHTML='<span style="color: #ff9800;">⚠ <strong>'+o.name+"</strong> does not support subdirectory mode. It may not work correctly at a subpath.</span>"):W==="strip"?(a.style.display="block",a.innerHTML='<span style="color: var(--muted);">ⓘ '+o.name+" has unverified subdirectory support. It may require additional configuration.</span>"):a.style.display="none"}else a.style.display="none";const i=SITE.defaults.dnsType||(SITE.configurationType==="public"?"public":"private"),c=SITE.defaults.sslType||(SITE.configurationType==="public"?"letsencrypt":"internal"),I=document.querySelector(`input[name="dns-type"][value="${i}"]`),N=document.querySelector(`input[name="ssl-type"][value="${c}"]`);I?I.checked=!0:document.querySelector('input[name="dns-type"][value="private"]').checked=!0,N?N.checked=!0:document.querySelector('input[name="ssl-type"][value="internal"]').checked=!0,t.value=SITE.defaults.targetIP||"localhost",s.checked=!1;const U=document.querySelector("#app-deploy-modal .flex-col-gap")?.closest("div"),_=document.querySelector("#app-deploy-modal details"),F=_?.querySelector("div");if(_&&F&&(SITE.configurationType==="public"||SITE.configurationType==="homelab")){const W=document.querySelectorAll('#app-deploy-modal input[name="dns-type"]')[0]?.closest("div.flex-col-gap")?.parentElement,G=document.querySelectorAll('#app-deploy-modal input[name="ssl-type"]')[0]?.closest("div.flex-col-gap")?.parentElement;W&&!W.dataset.moved&&(F.appendChild(W),W.dataset.moved="1"),G&&!G.dataset.moved&&(F.appendChild(G),G.dataset.moved="1")}const q=document.getElementById("media-path-section"),J=document.getElementById("deploy-media-path"),X=document.getElementById("media-path-description");if(o.mediaMount){q.style.display="block",J.value="",J.placeholder="/media/Movies, /media/TVShows or click Browse";const W=document.getElementById("detected-mounts-container"),G=document.getElementById("detected-mounts-list");try{const K=await(await fetch("/api/v1/media/detected-mounts")).json();if(K.success&&K.mounts.length>0){W.style.display="block",G.innerHTML="";const te=[...new Set(K.mounts.map(ee=>ee.hostPath))];J.value=te.join(", "),K.mounts.forEach(ee=>{const Z=document.createElement("button");Z.type="button";const de=te.includes(ee.hostPath);Z.style.cssText=`padding: 8px 14px; font-size: 0.85rem; background: color-mix(in srgb, var(--success) ${de?"40%":"15%"}, var(--card-bg)); border: 1px solid var(--success); border-radius: 6px; cursor: pointer; color: var(--fg);`,Z.innerHTML=`<span style="font-weight: 500;">${escapeHtml(ee.folderName)}</span><br><span style="font-size: 0.7rem; color: var(--muted);">from ${escapeHtml(ee.sourceImage)}</span>`,Z.title=`${ee.hostPath} (from ${ee.sourceContainer})`,Z.onclick=()=>{const le=J.value.split(",").map(ce=>ce.trim()).filter(ce=>ce),pe=le.indexOf(ee.hostPath);pe>=0?(le.splice(pe,1),Z.style.background="color-mix(in srgb, var(--success) 15%, var(--card-bg))"):(le.push(ee.hostPath),Z.style.background="color-mix(in srgb, var(--success) 40%, var(--card-bg))"),J.value=le.join(", ")},G.appendChild(Z)})}else W.style.display="none"}catch{W.style.display="none"}document.getElementById("browse-media-btn").onclick=()=>{openFolderBrowser(J)}}else q.style.display="none",J.value="",document.getElementById("detected-mounts-container").style.display="none";const Q=document.getElementById("plex-claim-section");Q&&(o.id==="plex"||o.claimToken?(Q.style.display="block",document.getElementById("deploy-plex-claim").value=""):Q.style.display="none");const ne=document.getElementById("volume-mounts-section"),oe=document.getElementById("volume-mounts-list");if(oe.innerHTML="",o.docker?.volumes?.length){const W=o.mediaMount?.containerPath,G=o.docker.volumes.filter(V=>!V.includes("{{MEDIA_PATH}}")&&!(W&&V.endsWith(":"+W)));G.length>0?(ne.style.display="block",G.forEach((V,K)=>{const[te,ee]=V.split(":"),Z=document.createElement("div");Z.style.cssText="display: flex; gap: 6px; align-items: center;",Z.innerHTML=`
|
|
|
|
|
<input type="text" class="vol-host-path" data-container-path="${ee}" value="${te}"
|
|
|
|
|
style="flex: 1; padding: 8px; background: var(--card-bg); color: var(--fg); border: 1px solid var(--border); border-radius: 6px; font-size: 0.85rem;" />
|
|
|
|
|
<span style="color: var(--muted); font-size: 0.85rem; white-space: nowrap;">\u2192 ${ee}</span>
|
|
|
|
|
<button type="button" class="vol-browse-btn" style="padding: 8px 10px; background: var(--accent); color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 0.8rem;">\u{1F4C2}</button>
|
|
|
|
|
`,oe.appendChild(Z),Z.querySelector(".vol-browse-btn").onclick=()=>{const de=Z.querySelector(".vol-host-path");openFolderBrowser(de)}})):ne.style.display="none"}else ne.style.display="none";const se=s.defaultPort||8080;e.value="",e.placeholder=`Default: ${se}`;let Y=document.getElementById("deploy-port-status");Y||(Y=document.createElement("div"),Y.id="deploy-port-status",Y.style.cssText="font-size: 0.8rem; margin-top: 4px;",e.parentNode.appendChild(Y));async function ie(){const W=e.value||se;Y.innerHTML='<span style="color: var(--muted);">Checking port...</span>';const G=await R(W);if(G.available)Y.innerHTML=`<span style="color: #4caf50;">Port ${escapeHtml(String(W))} is available</span>`;else{const V=await k(se);Y.innerHTML=`
|
|
|
|
|
`,oe.appendChild(Z),Z.querySelector(".vol-browse-btn").onclick=()=>{const de=Z.querySelector(".vol-host-path");openFolderBrowser(de)}})):ne.style.display="none"}else ne.style.display="none";const se=o.defaultPort||8080;e.value="",e.placeholder=`Default: ${se}`;let Y=document.getElementById("deploy-port-status");Y||(Y=document.createElement("div"),Y.id="deploy-port-status",Y.style.cssText="font-size: 0.8rem; margin-top: 4px;",e.parentNode.appendChild(Y));async function ie(){const W=e.value||se;Y.innerHTML='<span style="color: var(--muted);">Checking port...</span>';const G=await R(W);if(G.available)Y.innerHTML=`<span style="color: #4caf50;">Port ${escapeHtml(String(W))} is available</span>`;else{const V=await y(se);Y.innerHTML=`
|
|
|
|
|
<span style="color: #e74c3c;">Port ${escapeHtml(W)} in use by ${escapeHtml(G.conflict?.usedBy||"unknown")}</span>
|
|
|
|
|
`;const K=document.createElement("button");K.type="button",K.textContent=`Use ${V}`,K.style.cssText="margin-left: 8px; padding: 2px 8px; font-size: 0.75rem; cursor: pointer;",K.onclick=()=>{document.getElementById("deploy-port").value=V,Y.innerHTML=`<span style="color: #4caf50;">Using suggested port ${escapeHtml(String(V))}</span>`},Y.appendChild(K)}}let re;e.oninput=function(){clearTimeout(re),re=setTimeout(ie,500)},ie();try{const G=await(await fetch("/api/v1/tailscale/status")).json();G.success&&G.installed&&G.connected?o.innerHTML=`
|
|
|
|
|
`;const K=document.createElement("button");K.type="button",K.textContent=`Use ${V}`,K.style.cssText="margin-left: 8px; padding: 2px 8px; font-size: 0.75rem; cursor: pointer;",K.onclick=()=>{document.getElementById("deploy-port").value=V,Y.innerHTML=`<span style="color: #4caf50;">Using suggested port ${escapeHtml(String(V))}</span>`},Y.appendChild(K)}}let re;e.oninput=function(){clearTimeout(re),re=setTimeout(ie,500)},ie();try{const G=await(await fetch("/api/v1/tailscale/status")).json();G.success&&G.installed&&G.connected?n.innerHTML=`
|
|
|
|
|
<span style="color: #4caf50;">Connected</span>
|
|
|
|
|
<span style="color: var(--muted); margin-left: 8px;">${G.self?.hostname} (${G.self?.ip})</span>
|
|
|
|
|
<span style="color: var(--muted); margin-left: 8px;">| ${G.deviceCount} devices</span>
|
|
|
|
|
`:G.installed?o.innerHTML='<span style="color: #ff9800;">Not connected</span>':(o.innerHTML='<span style="color: var(--muted);">Not available</span>',a.disabled=!0)}catch{o.innerHTML='<span style="color: var(--muted);">Could not check status</span>'}function ae(){const W=v.value||"subdomain",G=document.querySelector('input[name="dns-type"]:checked').value,V=document.querySelector('input[name="ssl-type"]:checked').value;let K="";if(SITE.routingMode==="subdirectory"&&SITE.domain)K=`https://${SITE.domain}/${W}`;else if(G==="private")K=`${V==="none"?"http":"https"}://${buildDomain(W)}`;else if(G==="public"){const te=V==="none"?"http":"https",ee=SITE.domain||W;K=SITE.domain?`${te}://${W}.${SITE.domain}`:`${te}://${W}`}else{const te=e.value||s.defaultPort||DC.DEFAULTS.SERVICE_PORT;K=`http://${t.value}:${te}`}c.textContent=K}v.oninput=ae,t.oninput=ae,e.oninput=ae,document.querySelectorAll('input[name="dns-type"]').forEach(W=>{W.onchange=ae}),document.querySelectorAll('input[name="ssl-type"]').forEach(W=>{W.onchange=ae}),ae(),D.classList.remove("show"),p.classList.add("show"),p.dataset.appTemplate=JSON.stringify(s)}async function C(s){const p=s.appTemplate,l=safeGetJSON(B,[]),v=p._useExisting&&p._existingContainer,c=l.find(t=>t.id===s.subdomain);if(!(c&&!v&&!confirm(`An app with subdomain "${s.subdomain}" already exists. Redeploy?`))){if(c){const t=l.indexOf(c);l.splice(t,1),safeSet(B,JSON.stringify(l))}if(v)s.port=p._existingContainer.primaryPort;else{const t=s.port||p.defaultPort||8080;showNotification(`Checking port ${t} availability...`,"info",0);const e=await R(t);if(!e.available){const a=await k(p.defaultPort||8080);if(confirm(`Port ${t} is already in use by ${e.conflict?.usedBy||"another container"}.
|
|
|
|
|
`:G.installed?n.innerHTML='<span style="color: #ff9800;">Not connected</span>':(n.innerHTML='<span style="color: var(--muted);">Not available</span>',s.disabled=!0)}catch{n.innerHTML='<span style="color: var(--muted);">Could not check status</span>'}function ae(){const W=g.value||"subdomain",G=document.querySelector('input[name="dns-type"]:checked').value,V=document.querySelector('input[name="ssl-type"]:checked').value;let K="";if(SITE.routingMode==="subdirectory"&&SITE.domain)K=`https://${SITE.domain}/${W}`;else if(G==="private")K=`${V==="none"?"http":"https"}://${buildDomain(W)}`;else if(G==="public"){const te=V==="none"?"http":"https",ee=SITE.domain||W;K=SITE.domain?`${te}://${W}.${SITE.domain}`:`${te}://${W}`}else{const te=e.value||o.defaultPort||DC.DEFAULTS.SERVICE_PORT;K=`http://${t.value}:${te}`}p.textContent=K}g.oninput=ae,t.oninput=ae,e.oninput=ae,document.querySelectorAll('input[name="dns-type"]').forEach(W=>{W.onchange=ae}),document.querySelectorAll('input[name="ssl-type"]').forEach(W=>{W.onchange=ae}),ae(),P.classList.remove("show"),u.classList.add("show"),u.dataset.appTemplate=JSON.stringify(o)}async function T(o){const u=o.appTemplate,l=safeGetJSON(E,[]),g=u._useExisting&&u._existingContainer,p=l.find(t=>t.id===o.subdomain);if(!(p&&!g&&!confirm(`An app with subdomain "${o.subdomain}" already exists. Redeploy?`))){if(p){const t=l.indexOf(p);l.splice(t,1),safeSet(E,JSON.stringify(l))}if(g)o.port=u._existingContainer.primaryPort;else{const t=o.port||u.defaultPort||8080;showNotification(`Checking port ${t} availability...`,"info",0);const e=await R(t);if(!e.available){const s=await y(u.defaultPort||8080);if(confirm(`Port ${t} is already in use by ${e.conflict?.usedBy||"another container"}.
|
|
|
|
|
|
|
|
|
|
Would you like to use port ${a} instead?`))s.port=a;else{showNotification("Deployment cancelled - port conflict","error",5e3);return}}}showNotification(v?`Configuring ${p.name} with existing container...`:`Deploying ${p.name}...`,"info",0);try{const t={appId:p.id,config:{subdomain:s.subdomain,ip:s.ip,createDns:s.dnsType==="private",port:s.port||p.defaultPort||null,sslType:s.sslType,dnsType:s.dnsType,tailscaleOnly:s.tailscaleOnly||!1,mediaPath:s.mediaPath||null,plexClaimToken:s.plexClaimToken||null,customVolumes:s.customVolumes||null}};v&&(t.config.useExisting=!0,t.config.existingContainerId=p._existingContainer.id,t.config.existingPort=p._existingContainer.primaryPort,!s.port&&p._existingContainer.primaryPort&&(t.config.port=p._existingContainer.primaryPort));const a=await(await secureFetch("/api/v1/apps/deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).json();if(a.success){const o={id:s.subdomain,name:p.name,logo:`/assets/${p.id}.png`,containerId:a.containerId,url:a.url,ip:s.ip,appTemplate:p.id,tailscaleOnly:s.tailscaleOnly||!1};l.push(o),safeSet(B,JSON.stringify(l)),window.APPS&&!window.APPS.some(n=>n.id===p.id)&&(window.APPS.push(o),typeof window.buildGrid=="function"&&window.buildGrid(),typeof window.refreshAll=="function"&&setTimeout(()=>window.refreshAll(),500));let i=a.usedExisting?`${p.name} configured with existing container!
|
|
|
|
|
URL: ${a.url}`:`${p.name} deployed successfully!
|
|
|
|
|
URL: ${a.url}`;a.warning&&(i+=`
|
|
|
|
|
Would you like to use port ${s} instead?`))o.port=s;else{showNotification("Deployment cancelled - port conflict","error",5e3);return}}}showNotification(g?`Configuring ${u.name} with existing container...`:`Deploying ${u.name}...`,"info",0);try{const t={appId:u.id,config:{subdomain:o.subdomain,ip:o.ip,createDns:o.dnsType==="private",port:o.port||u.defaultPort||null,sslType:o.sslType,dnsType:o.dnsType,tailscaleOnly:o.tailscaleOnly||!1,mediaPath:o.mediaPath||null,plexClaimToken:o.plexClaimToken||null,customVolumes:o.customVolumes||null}};g&&(t.config.useExisting=!0,t.config.existingContainerId=u._existingContainer.id,t.config.existingPort=u._existingContainer.primaryPort,!o.port&&u._existingContainer.primaryPort&&(t.config.port=u._existingContainer.primaryPort));const e={app:u.id,port:o.port||u.defaultPort||null,subdomain:o.subdomain||"",media_path:o.mediaPath||"",env:o.plexClaimToken?{PLEX_CLAIM:o.plexClaimToken}:{}},n=await(await secureFetch("/api/v1/deploys/catalog/deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).json();if(n.success){const r={id:o.subdomain,name:u.name,logo:`/assets/${u.id}.png`,containerId:null,url:n.url||`http://127.0.0.1:${e.port}`,ip:o.ip,appTemplate:u.id,tailscaleOnly:o.tailscaleOnly||!1};l.push(r),safeSet(E,JSON.stringify(l)),window.APPS&&!window.APPS.some(i=>i.id===u.id)&&(window.APPS.push(r),typeof window.buildGrid=="function"&&window.buildGrid(),typeof window.refreshAll=="function"&&setTimeout(()=>window.refreshAll(),500));let a=n.usedExisting?`${u.name} configured with existing container!
|
|
|
|
|
URL: ${n.url}`:`${u.name} deployed successfully!
|
|
|
|
|
URL: ${n.url}`;n.warning&&(a+=`
|
|
|
|
|
|
|
|
|
|
\u26A0 Warning: ${a.warning}`),showNotification(i,"success",8e3),delete p._useExisting,delete p._existingContainer,a.url&&a.url.startsWith("https://")&&N(a.url,p.name),a.setupInstructions&&a.setupInstructions.length>0&&setTimeout(()=>{const n=a.setupInstructions.join(`
|
|
|
|
|
`);showNotification(`Setup Instructions for ${p.name}: ${n}`,"info",1e4)},1e3)}else throw new Error(a.error||"Deployment failed")}catch(t){f.logError("[AppSelector] Deployment",t,{function:"deploy"}),showNotification(`Failed to deploy ${p.name}: ${t.message}`,"error",8e3)}}}async function N(s,p){showNotification(`\u23F3 Generating SSL certificate for ${p}...`,"warning",6e4);let l=0;const v=12,c=async()=>{l++;try{const t=await fetch(s,{method:"HEAD",mode:"no-cors"});return showNotification(`\u2705 ${p} is ready! SSL certificate generated.`,"success",5e3),!0}catch{return l<v?setTimeout(c,5e3):showNotification(`\u26A0\uFE0F ${p} deployed but SSL certificate may still be generating.
|
|
|
|
|
Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};setTimeout(c,3e3)}function x(){safeGetJSON(B,[]).forEach(p=>{window.APPS.some(l=>l.id===p.id)||window.APPS.push(p)})}document.getElementById("add-service-btn")?.addEventListener("click",()=>{M(),D.classList.add("show")}),wireModal(D,document.getElementById("app-selector-cancel"));const I=document.getElementById("app-deploy-modal");document.getElementById("app-deploy-cancel")?.addEventListener("click",()=>{I.classList.remove("show")}),document.getElementById("app-deploy-confirm")?.addEventListener("click",()=>{const s=JSON.parse(I.dataset.appTemplate),p=document.getElementById("deploy-media-path").value.trim(),l=[];document.querySelectorAll("#volume-mounts-list .vol-host-path").forEach(c=>{l.push({hostPath:c.value.trim(),containerPath:c.dataset.containerPath})});const v={appTemplate:s,subdomain:document.getElementById("deploy-subdomain").value.trim(),dnsType:document.querySelector('input[name="dns-type"]:checked').value,sslType:document.querySelector('input[name="ssl-type"]:checked').value,ip:document.getElementById("deploy-ip").value.trim(),port:document.getElementById("deploy-port").value.trim(),tailscaleOnly:document.getElementById("deploy-tailscale-only").checked,mediaPath:p||null,plexClaimToken:document.getElementById("deploy-plex-claim")?.value.trim()||null,customVolumes:l.length>0?l:null,resources:{cpus:parseFloat(document.getElementById("deploy-cpu-limit").value)||0,memory:parseFloat(document.getElementById("deploy-memory-limit").value)||0}};if(!v.subdomain){showNotification("Please enter a subdomain or domain name","warning");return}if(s.mediaMount?.required&&!p){showNotification("Please enter a media library path for this application","warning");return}I.classList.remove("show"),C(v)}),wireModal(I);const H=document.getElementById("folder-browser-modal"),m=document.getElementById("folder-browser-path"),L=document.getElementById("folder-browser-list"),T=document.getElementById("folder-browser-selected"),O=document.getElementById("folder-browser-selected-list");let u="",g=[],S=null;window.openFolderBrowser=function(s){S=s,g=s.value.split(",").map(p=>p.trim()).filter(p=>p),u="",w(),y(""),H.classList.add("show")};async function y(s){m.textContent=s||"Select a drive...",L.innerHTML='<div style="padding: 20px; text-align: center; color: var(--muted);">Loading...</div>';try{const l=await(await fetch(`/api/v1/browse/directories?path=${encodeURIComponent(s)}`)).json();if(!l.success){L.innerHTML=`<div style="padding: 20px; text-align: center; color: var(--error);">Error: ${escapeHtml(l.error)}</div>`;return}u=l.path||"",m.textContent=u||"Select a drive...";let v="";l.parent&&l.parent!==l.path&&(v+=`<div class="folder-item" data-path="${escapeHtml(l.parent)}" style="padding: 12px 16px; border-bottom: 1px solid var(--border); cursor: pointer; display: flex; align-items: center; gap: 10px;">
|
|
|
|
|
\u26A0 Warning: ${n.warning}`),showNotification(a,"success",8e3),delete u._useExisting,delete u._existingContainer,n.url&&n.url.startsWith("https://")&&z(n.url,u.name),n.setupInstructions&&n.setupInstructions.length>0&&setTimeout(()=>{const i=n.setupInstructions.join(`
|
|
|
|
|
`);showNotification(`Setup Instructions for ${u.name}: ${i}`,"info",1e4)},1e3)}else throw new Error(n.error||"Deployment failed")}catch(t){x.logError("[AppSelector] Deployment",t,{function:"deploy"}),showNotification(`Failed to deploy ${u.name}: ${t.message}`,"error",8e3)}}}async function z(o,u){showNotification(`\u23F3 Generating SSL certificate for ${u}...`,"warning",6e4);let l=0;const g=12,p=async()=>{l++;try{const t=await fetch(o,{method:"HEAD",mode:"no-cors"});return showNotification(`\u2705 ${u} is ready! SSL certificate generated.`,"success",5e3),!0}catch{return l<g?setTimeout(p,5e3):showNotification(`\u26A0\uFE0F ${u} deployed but SSL certificate may still be generating.
|
|
|
|
|
Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};setTimeout(p,3e3)}function C(){safeGetJSON(E,[]).forEach(u=>{window.APPS.some(l=>l.id===u.id)||window.APPS.push(u)})}document.getElementById("add-service-btn")?.addEventListener("click",()=>{$(),P.classList.add("show")}),window.openDeployConfigFor=async function(o){if(!j&&!await D())return!1;const u=String(o||"").toLowerCase(),l=Object.entries(j).find(([p])=>p.toLowerCase()===u);if(!l)return!1;const g={id:l[0],...l[1]};return g.isDashboardWidget?(await $(),P.classList.add("show"),"selector"):(await H(g),!0)},wireModal(P,document.getElementById("app-selector-cancel"));const M=document.getElementById("app-deploy-modal");document.getElementById("app-deploy-cancel")?.addEventListener("click",()=>{M.classList.remove("show")}),document.getElementById("app-deploy-confirm")?.addEventListener("click",()=>{const o=JSON.parse(M.dataset.appTemplate),u=document.getElementById("deploy-media-path").value.trim(),l=[];document.querySelectorAll("#volume-mounts-list .vol-host-path").forEach(p=>{l.push({hostPath:p.value.trim(),containerPath:p.dataset.containerPath})});const g={appTemplate:o,subdomain:document.getElementById("deploy-subdomain").value.trim(),dnsType:document.querySelector('input[name="dns-type"]:checked').value,sslType:document.querySelector('input[name="ssl-type"]:checked').value,ip:document.getElementById("deploy-ip").value.trim(),port:document.getElementById("deploy-port").value.trim(),tailscaleOnly:document.getElementById("deploy-tailscale-only").checked,mediaPath:u||null,plexClaimToken:document.getElementById("deploy-plex-claim")?.value.trim()||null,customVolumes:l.length>0?l:null,resources:{cpus:parseFloat(document.getElementById("deploy-cpu-limit").value)||0,memory:parseFloat(document.getElementById("deploy-memory-limit").value)||0}};if(!g.subdomain){showNotification("Please enter a subdomain or domain name","warning");return}if(o.mediaMount?.required&&!u){showNotification("Please enter a media library path for this application","warning");return}M.classList.remove("show"),T(g)}),wireModal(M);const b=document.getElementById("folder-browser-modal"),d=document.getElementById("folder-browser-path"),v=document.getElementById("folder-browser-list"),S=document.getElementById("folder-browser-selected"),O=document.getElementById("folder-browser-selected-list");let m="",f=[],B=null;window.openFolderBrowser=function(o){B=o,f=o.value.split(",").map(u=>u.trim()).filter(u=>u),m="",L(),w(""),b.classList.add("show")};async function w(o){d.textContent=o||"Select a drive...",v.innerHTML='<div style="padding: 20px; text-align: center; color: var(--muted);">Loading...</div>';try{const l=await(await fetch(`/api/v1/browse/directories?path=${encodeURIComponent(o)}`)).json();if(!l.success){v.innerHTML=`<div style="padding: 20px; text-align: center; color: var(--error);">Error: ${escapeHtml(l.error)}</div>`;return}m=l.path||"",d.textContent=m||"Select a drive...";let g="";l.parent&&l.parent!==l.path&&(g+=`<div class="folder-item" data-path="${escapeHtml(l.parent)}" style="padding: 12px 16px; border-bottom: 1px solid var(--border); cursor: pointer; display: flex; align-items: center; gap: 10px;">
|
|
|
|
|
<span style="font-size: 1.2rem;">\u2B06\uFE0F</span>
|
|
|
|
|
<span style="color: var(--muted);">.. Parent Directory</span>
|
|
|
|
|
</div>`),l.items.length===0&&!l.parent?v+='<div style="padding: 20px; text-align: center; color: var(--muted);">No browseable drives configured. Check your docker-compose.yml volume mounts.</div>':l.items.length===0?v+='<div style="padding: 20px; text-align: center; color: var(--muted);">No subfolders found</div>':l.items.forEach(c=>{const t=c.type==="drive"?"\u{1F4BE}":"\u{1F4C1}",e=g.includes(c.path),a=e?"background: color-mix(in srgb, var(--success) 20%, transparent);":"";v+=`<div class="folder-item" data-path="${escapeHtml(c.path)}" style="padding: 12px 16px; border-bottom: 1px solid var(--border); cursor: pointer; display: flex; align-items: center; gap: 10px; ${a}">
|
|
|
|
|
</div>`),l.items.length===0&&!l.parent?g+='<div style="padding: 20px; text-align: center; color: var(--muted);">No browseable drives configured. Check your docker-compose.yml volume mounts.</div>':l.items.length===0?g+='<div style="padding: 20px; text-align: center; color: var(--muted);">No subfolders found</div>':l.items.forEach(p=>{const t=p.type==="drive"?"\u{1F4BE}":"\u{1F4C1}",e=f.includes(p.path),s=e?"background: color-mix(in srgb, var(--success) 20%, transparent);":"";g+=`<div class="folder-item" data-path="${escapeHtml(p.path)}" style="padding: 12px 16px; border-bottom: 1px solid var(--border); cursor: pointer; display: flex; align-items: center; gap: 10px; ${s}">
|
|
|
|
|
<span style="font-size: 1.2rem;">${t}</span>
|
|
|
|
|
<span style="flex: 1;">${escapeHtml(c.name)}</span>
|
|
|
|
|
<span style="flex: 1;">${escapeHtml(p.name)}</span>
|
|
|
|
|
${e?'<span style="color: var(--success);">\u2713</span>':""}
|
|
|
|
|
</div>`}),L.innerHTML=v,L.querySelectorAll(".folder-item").forEach(c=>{c.addEventListener("click",()=>{y(c.dataset.path)}),c.addEventListener("mouseenter",()=>{c.style.background="var(--card-bg)"}),c.addEventListener("mouseleave",()=>{const t=g.includes(c.dataset.path);c.style.background=t?"color-mix(in srgb, var(--success) 20%, transparent)":""})})}catch(p){L.innerHTML=`<div style="padding: 20px; text-align: center; color: var(--error);">Failed to load: ${escapeHtml(p.message)}</div>`}}function w(){if(g.length===0){T.style.display="none";return}T.style.display="block",O.innerHTML=g.map(s=>`
|
|
|
|
|
</div>`}),v.innerHTML=g,v.querySelectorAll(".folder-item").forEach(p=>{p.addEventListener("click",()=>{w(p.dataset.path)}),p.addEventListener("mouseenter",()=>{p.style.background="var(--card-bg)"}),p.addEventListener("mouseleave",()=>{const t=f.includes(p.dataset.path);p.style.background=t?"color-mix(in srgb, var(--success) 20%, transparent)":""})})}catch(u){v.innerHTML=`<div style="padding: 20px; text-align: center; color: var(--error);">Failed to load: ${escapeHtml(u.message)}</div>`}}function L(){if(f.length===0){S.style.display="none";return}S.style.display="block",O.innerHTML=f.map(o=>`
|
|
|
|
|
<span style="padding: 6px 12px; background: var(--card-bg); border: 1px solid var(--success); border-radius: 4px; display: flex; align-items: center; gap: 6px;">
|
|
|
|
|
${escapeHtml(s)}
|
|
|
|
|
<button type="button" onclick="removeSelectedFolder('${escapeHtml(s)}')" style="background: none; border: none; cursor: pointer; color: var(--error); font-size: 1rem; padding: 0;">\xD7</button>
|
|
|
|
|
${escapeHtml(o)}
|
|
|
|
|
<button type="button" onclick="removeSelectedFolder('${escapeHtml(o)}')" style="background: none; border: none; cursor: pointer; color: var(--error); font-size: 1rem; padding: 0;">\xD7</button>
|
|
|
|
|
</span>
|
|
|
|
|
`).join("")}window.removeSelectedFolder=function(s){g=g.filter(p=>p!==s),w(),y(u)},document.getElementById("folder-browser-select-current").addEventListener("click",()=>{u&&!g.includes(u)&&(g.push(u),w(),y(u))}),wireModal(H,document.getElementById("folder-browser-cancel")),document.getElementById("folder-browser-done").addEventListener("click",()=>{S&&(S.value=g.join(", ")),H.classList.remove("show")}),x()})(),(function(){injectModal("recipe-deploy-modal",`<div id="recipe-deploy-modal" class="weather-modal">
|
|
|
|
|
`).join("")}window.removeSelectedFolder=function(o){f=f.filter(u=>u!==o),L(),w(m)},document.getElementById("folder-browser-select-current").addEventListener("click",()=>{m&&!f.includes(m)&&(f.push(m),L(),w(m))}),wireModal(b,document.getElementById("folder-browser-cancel")),document.getElementById("folder-browser-done").addEventListener("click",()=>{B&&(B.value=f.join(", ")),b.classList.remove("show")}),C()})(),(function(){injectModal("recipe-deploy-modal",`<div id="recipe-deploy-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 620px; max-width: 740px;">
|
|
|
|
|
<h3 id="recipe-deploy-title">Deploy Recipe</h3>
|
|
|
|
|
|
|
|
|
@@ -445,70 +445,70 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="recipe-next" class="btn-accent-solid">Next</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);let f=null,B=null,j=null,b=1,D=!1;const A=document.getElementById("recipe-deploy-modal"),P=document.getElementById("recipe-cancel"),R=document.getElementById("recipe-prev"),k=document.getElementById("recipe-next");wireModal(A,P);async function M(){try{const u=await fetch("/api/v1/recipes/templates"),g=await u.json();if(g.success)return f=g.templates,B=g.categories,!0;if(u.status===403)return D=!1,!1}catch(u){console.warn("Failed to fetch recipe templates:",u.message)}return!1}async function E(){try{D=(await(await fetch("/api/v1/license/feature/recipes")).json()).available}catch{D=!1}return D}window.renderRecipeCards=async function(u){await E();let g;if(D&&f?g=f:g=z(),!g||g.length===0)return;const S=document.createElement("div");S.className="app-category-header",S.innerHTML="\u{1F9EA} Recipes",S.style.borderBottomColor="#8e44ad",u.appendChild(S);const y=Array.isArray(g)?g:Object.values(g);y.sort((w,s)=>(s.popularity||0)-(w.popularity||0));for(const w of y){const s=document.createElement("div");s.className="app-option",s.style.position="relative";const p=`<div style="font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; margin-top: 4px; background: rgba(142,68,173,0.2); color: #a855f7;">${w.componentCount||w.components?.length||"?"} apps</div>`,l=D?"":'<div style="position: absolute; top: 6px; right: 6px; font-size: 0.65rem; padding: 2px 8px; border-radius: 10px; background: rgba(241,196,15,0.2); color: #f1c40f; font-weight: 600;">PREMIUM</div>';s.innerHTML=`
|
|
|
|
|
</div>`);let x=null,E=null,j=null,h=1,P=!1;const A=document.getElementById("recipe-deploy-modal"),D=document.getElementById("recipe-cancel"),R=document.getElementById("recipe-prev"),y=document.getElementById("recipe-next");wireModal(A,D);async function $(){try{const m=await fetch("/api/v1/recipes/templates"),f=await m.json();if(f.success)return x=f.templates,E=f.categories,!0;if(m.status===403)return P=!1,!1}catch(m){console.warn("Failed to fetch recipe templates:",m.message)}return!1}async function k(){try{P=(await(await fetch("/api/v1/license/feature/recipes")).json()).available}catch{P=!1}return P}window.renderRecipeCards=async function(m){await k();let f;if(P&&x?f=x:f=H(),!f||f.length===0)return;const B=document.createElement("div");B.className="app-category-header",B.innerHTML="\u{1F9EA} Recipes",B.style.borderBottomColor="#8e44ad",m.appendChild(B);const w=Array.isArray(f)?f:Object.values(f);w.sort((L,o)=>(o.popularity||0)-(L.popularity||0));for(const L of w){const o=document.createElement("div");o.className="app-option",o.style.position="relative";const u=`<div style="font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; margin-top: 4px; background: rgba(142,68,173,0.2); color: #a855f7;">${L.componentCount||L.components?.length||"?"} apps</div>`,l=P?"":'<div style="position: absolute; top: 6px; right: 6px; font-size: 0.65rem; padding: 2px 8px; border-radius: 10px; background: rgba(241,196,15,0.2); color: #f1c40f; font-weight: 600;">PREMIUM</div>';o.innerHTML=`
|
|
|
|
|
${l}
|
|
|
|
|
<div class="app-option-icon">${escapeHtml(w.icon||"\u{1F9EA}")}</div>
|
|
|
|
|
<div class="app-option-name">${escapeHtml(w.name)}</div>
|
|
|
|
|
<div class="app-option-desc">${escapeHtml(w.description||"")}</div>
|
|
|
|
|
${p}
|
|
|
|
|
`,s.onclick=()=>{if(!D){showNotification("Recipes require a DashCaddy Premium license. Click the License button to activate.","warning",5e3),window.openLicenseModal&&window.openLicenseModal();return}C(w)},u.appendChild(s)}};function z(){return[{id:"htpc-suite",name:"HTPC Suite",icon:"\u{1F3AC}",description:"Complete media automation: find, download, organize, and stream",componentCount:6,popularity:98},{id:"nextcloud-complete",name:"Nextcloud Complete",icon:"\u2601\uFE0F",description:"Full productivity suite: cloud storage, office editing, and collaboration",componentCount:4,popularity:90},{id:"smart-home",name:"Smart Home Hub",icon:"\u{1F3E0}",description:"Home automation: control, automate, and monitor IoT devices",componentCount:4,popularity:88},{id:"dev-environment",name:"Dev Environment",icon:"\u{1F4BB}",description:"Self-hosted development workflow: Git, CI/CD, IDE, and database",componentCount:4,popularity:82}]}function C(u){j=u,b=1;const g=document.getElementById("app-selector-modal");g&&g.classList.remove("show"),document.getElementById("recipe-deploy-title").textContent=`Deploy ${u.name}`,N(),x(),A.classList.add("show")}function N(){document.querySelectorAll("#recipe-steps .recipe-step").forEach(u=>{const g=parseInt(u.dataset.step);u.classList.toggle("active",g===b),u.classList.toggle("completed",g<b)});for(let u=1;u<=4;u++){const g=document.getElementById(`recipe-step-${u}`);g&&(g.style.display=u===b?"":"none")}R.style.display=b>1&&b<4?"":"none",b===4?(k.style.display="none",P.textContent="Close"):b===3?(k.textContent="\u{1F680} Deploy",k.style.display="",P.textContent="Cancel"):(k.textContent="Next",k.style.display="",P.textContent="Cancel")}function x(){const u=document.getElementById("recipe-component-list");u.innerHTML="";const g=j.components||[];for(const S of g){const y=document.createElement("div");y.style.cssText="display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; background: var(--card-bg); border: 1px solid var(--border);";const w=S.required,s=S.internal;y.innerHTML=`
|
|
|
|
|
<input type="checkbox" ${w?"checked disabled":"checked"} data-component-id="${S.id}"
|
|
|
|
|
<div class="app-option-icon">${escapeHtml(L.icon||"\u{1F9EA}")}</div>
|
|
|
|
|
<div class="app-option-name">${escapeHtml(L.name)}</div>
|
|
|
|
|
<div class="app-option-desc">${escapeHtml(L.description||"")}</div>
|
|
|
|
|
${u}
|
|
|
|
|
`,o.onclick=()=>{if(!P){showNotification("Recipes require a DashCaddy Premium license. Click the License button to activate.","warning",5e3),window.openLicenseModal&&window.openLicenseModal();return}T(L)},m.appendChild(o)}};function H(){return[{id:"htpc-suite",name:"HTPC Suite",icon:"\u{1F3AC}",description:"Complete media automation: find, download, organize, and stream",componentCount:6,popularity:98},{id:"nextcloud-complete",name:"Nextcloud Complete",icon:"\u2601\uFE0F",description:"Full productivity suite: cloud storage, office editing, and collaboration",componentCount:4,popularity:90},{id:"smart-home",name:"Smart Home Hub",icon:"\u{1F3E0}",description:"Home automation: control, automate, and monitor IoT devices",componentCount:4,popularity:88},{id:"dev-environment",name:"Dev Environment",icon:"\u{1F4BB}",description:"Self-hosted development workflow: Git, CI/CD, IDE, and database",componentCount:4,popularity:82}]}function T(m){j=m,h=1;const f=document.getElementById("app-selector-modal");f&&f.classList.remove("show"),document.getElementById("recipe-deploy-title").textContent=`Deploy ${m.name}`,z(),C(),A.classList.add("show")}function z(){document.querySelectorAll("#recipe-steps .recipe-step").forEach(m=>{const f=parseInt(m.dataset.step);m.classList.toggle("active",f===h),m.classList.toggle("completed",f<h)});for(let m=1;m<=4;m++){const f=document.getElementById(`recipe-step-${m}`);f&&(f.style.display=m===h?"":"none")}R.style.display=h>1&&h<4?"":"none",h===4?(y.style.display="none",D.textContent="Close"):h===3?(y.textContent="\u{1F680} Deploy",y.style.display="",D.textContent="Cancel"):(y.textContent="Next",y.style.display="",D.textContent="Cancel")}function C(){const m=document.getElementById("recipe-component-list");m.innerHTML="";const f=j.components||[];for(const B of f){const w=document.createElement("div");w.style.cssText="display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; background: var(--card-bg); border: 1px solid var(--border);";const L=B.required,o=B.internal;w.innerHTML=`
|
|
|
|
|
<input type="checkbox" ${L?"checked disabled":"checked"} data-component-id="${B.id}"
|
|
|
|
|
style="width: 18px; height: 18px; accent-color: var(--accent);" />
|
|
|
|
|
<div style="flex: 1;">
|
|
|
|
|
<div style="font-weight: 600; font-size: 0.9rem;">${escapeHtml(S.role||S.id)}</div>
|
|
|
|
|
<div style="font-weight: 600; font-size: 0.9rem;">${escapeHtml(B.role||B.id)}</div>
|
|
|
|
|
<div style="font-size: 0.78rem; color: var(--muted);">
|
|
|
|
|
${S.templateRef?escapeHtml(S.templateRef):"Built-in"}
|
|
|
|
|
${w?'<span style="color: var(--accent); margin-left: 6px;">Required</span>':'<span style="color: var(--muted); margin-left: 6px;">Optional</span>'}
|
|
|
|
|
${s?'<span style="color: var(--muted); margin-left: 6px;">(Internal)</span>':""}
|
|
|
|
|
${B.templateRef?escapeHtml(B.templateRef):"Built-in"}
|
|
|
|
|
${L?'<span style="color: var(--accent); margin-left: 6px;">Required</span>':'<span style="color: var(--muted); margin-left: 6px;">Optional</span>'}
|
|
|
|
|
${o?'<span style="color: var(--muted); margin-left: 6px;">(Internal)</span>':""}
|
|
|
|
|
</div>
|
|
|
|
|
${S.note?`<div style="font-size: 0.75rem; color: var(--warn-fg); margin-top: 4px;">\u26A0 ${escapeHtml(S.note)}</div>`:""}
|
|
|
|
|
${B.note?`<div style="font-size: 0.75rem; color: var(--warn-fg); margin-top: 4px;">\u26A0 ${escapeHtml(B.note)}</div>`:""}
|
|
|
|
|
</div>
|
|
|
|
|
`,u.appendChild(y)}}function I(){const u=document.getElementById("recipe-volumes-section"),g=document.getElementById("recipe-volume-list"),S=j.sharedVolumes;if(S&&Object.keys(S).length>0){u.style.display="",g.innerHTML="";for(const[y,w]of Object.entries(S)){const s=document.createElement("div");s.style.cssText="display: grid; gap: 4px;",s.innerHTML=`
|
|
|
|
|
<label style="font-weight: 500; font-size: 0.85rem;">${escapeHtml(w.label||y)}</label>
|
|
|
|
|
<input type="text" data-volume-key="${y}" value="${escapeHtml(w.defaultPath||"")}"
|
|
|
|
|
placeholder="${escapeHtml(w.defaultPath||"/path")}"
|
|
|
|
|
`,m.appendChild(w)}}function M(){const m=document.getElementById("recipe-volumes-section"),f=document.getElementById("recipe-volume-list"),B=j.sharedVolumes;if(B&&Object.keys(B).length>0){m.style.display="",f.innerHTML="";for(const[w,L]of Object.entries(B)){const o=document.createElement("div");o.style.cssText="display: grid; gap: 4px;",o.innerHTML=`
|
|
|
|
|
<label style="font-weight: 500; font-size: 0.85rem;">${escapeHtml(L.label||w)}</label>
|
|
|
|
|
<input type="text" data-volume-key="${w}" value="${escapeHtml(L.defaultPath||"")}"
|
|
|
|
|
placeholder="${escapeHtml(L.defaultPath||"/path")}"
|
|
|
|
|
style="width: 100%; padding: 8px 12px; background: var(--card-bg); color: var(--fg); border: 1px solid var(--border); border-radius: 6px; font-family: monospace; font-size: 0.85rem;" />
|
|
|
|
|
<div class="form-hint-sm">${escapeHtml(w.description||"")}</div>
|
|
|
|
|
`,g.appendChild(s)}}else u.style.display="none"}function H(){const u=document.getElementById("recipe-review-content"),g=m(),S=document.querySelectorAll("#recipe-volume-list input[data-volume-key]"),y={};S.forEach(l=>{y[l.dataset.volumeKey]=l.value});const w=document.getElementById("recipe-timezone").value||"UTC",s=document.getElementById("recipe-ip").value||"host.docker.internal",p=document.getElementById("recipe-tailscale").checked;u.innerHTML=`
|
|
|
|
|
<div class="form-hint-sm">${escapeHtml(L.description||"")}</div>
|
|
|
|
|
`,f.appendChild(o)}}else m.style.display="none"}function b(){const m=document.getElementById("recipe-review-content"),f=d(),B=document.querySelectorAll("#recipe-volume-list input[data-volume-key]"),w={};B.forEach(l=>{w[l.dataset.volumeKey]=l.value});const L=document.getElementById("recipe-timezone").value||"UTC",o=document.getElementById("recipe-ip").value||"host.docker.internal",u=document.getElementById("recipe-tailscale").checked;m.innerHTML=`
|
|
|
|
|
<div style="font-weight: 600; font-size: 1rem; margin-bottom: 12px;">${escapeHtml(j.name)}</div>
|
|
|
|
|
<div style="color: var(--muted); margin-bottom: 16px;">${escapeHtml(j.description||"")}</div>
|
|
|
|
|
|
|
|
|
|
<div style="margin-bottom: 12px;">
|
|
|
|
|
<strong>Components (${g.length}):</strong>
|
|
|
|
|
<strong>Components (${f.length}):</strong>
|
|
|
|
|
<div style="display: grid; gap: 4px; margin-top: 6px;">
|
|
|
|
|
${g.map(l=>`<div style="padding: 4px 0; font-size: 0.85rem;">
|
|
|
|
|
${f.map(l=>`<div style="padding: 4px 0; font-size: 0.85rem;">
|
|
|
|
|
\u2022 <strong>${escapeHtml(l.role||l.id)}</strong> ${l.internal?'<span style="color:var(--muted)">(internal)</span>':""}
|
|
|
|
|
</div>`).join("")}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
${Object.keys(y).length>0?`<div style="margin-bottom: 12px;">
|
|
|
|
|
${Object.keys(w).length>0?`<div style="margin-bottom: 12px;">
|
|
|
|
|
<strong>Volumes:</strong>
|
|
|
|
|
${Object.entries(y).map(([l,v])=>`<div style="font-size: 0.85rem; font-family: monospace; color: var(--muted);">${l}: ${escapeHtml(v)}</div>`).join("")}
|
|
|
|
|
${Object.entries(w).map(([l,g])=>`<div style="font-size: 0.85rem; font-family: monospace; color: var(--muted);">${l}: ${escapeHtml(g)}</div>`).join("")}
|
|
|
|
|
</div>`:""}
|
|
|
|
|
|
|
|
|
|
<div style="font-size: 0.85rem; color: var(--muted);">
|
|
|
|
|
Timezone: ${escapeHtml(w)} • IP: ${escapeHtml(s)} ${p?"• Tailscale only":""}
|
|
|
|
|
Timezone: ${escapeHtml(L)} • IP: ${escapeHtml(o)} ${u?"• Tailscale only":""}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
${j.network?`<div style="font-size: 0.85rem; color: var(--muted); margin-top: 4px;">Docker network: <code>${escapeHtml(j.network.name)}</code></div>`:""}
|
|
|
|
|
`}function m(){const u=document.querySelectorAll("#recipe-component-list input[data-component-id]"),g=new Set;u.forEach(y=>{y.checked&&g.add(y.dataset.componentId)});const S=j.components||[];return S.filter(y=>y.required).forEach(y=>g.add(y.id)),S.filter(y=>g.has(y.id))}async function L(){const u=document.getElementById("recipe-progress-list"),g=document.getElementById("recipe-deploy-result");g.style.display="none",u.innerHTML="";const S=m();for(const p of S){const l=document.createElement("div");l.id=`recipe-progress-${p.id}`,l.style.cssText="display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 6px; background: var(--card-bg); border: 1px solid var(--border); font-size: 0.85rem;",l.innerHTML=`
|
|
|
|
|
`}function d(){const m=document.querySelectorAll("#recipe-component-list input[data-component-id]"),f=new Set;m.forEach(w=>{w.checked&&f.add(w.dataset.componentId)});const B=j.components||[];return B.filter(w=>w.required).forEach(w=>f.add(w.id)),B.filter(w=>f.has(w.id))}async function v(){const m=document.getElementById("recipe-progress-list"),f=document.getElementById("recipe-deploy-result");f.style.display="none",m.innerHTML="";const B=d();for(const u of B){const l=document.createElement("div");l.id=`recipe-progress-${u.id}`,l.style.cssText="display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 6px; background: var(--card-bg); border: 1px solid var(--border); font-size: 0.85rem;",l.innerHTML=`
|
|
|
|
|
<span class="recipe-progress-icon" style="font-size: 1.1rem;">\u23F3</span>
|
|
|
|
|
<span style="flex:1; font-weight: 500;">${escapeHtml(p.role||p.id)}</span>
|
|
|
|
|
<span style="flex:1; font-weight: 500;">${escapeHtml(u.role||u.id)}</span>
|
|
|
|
|
<span class="recipe-progress-status" style="color: var(--muted);">Queued</span>
|
|
|
|
|
`,u.appendChild(l)}const y=document.querySelectorAll("#recipe-volume-list input[data-volume-key]"),w={};y.forEach(p=>{w[p.dataset.volumeKey]=p.value});const s={selectedComponents:S.map(p=>p.id),sharedConfig:{ip:document.getElementById("recipe-ip").value||"host.docker.internal",timezone:document.getElementById("recipe-timezone").value||"UTC",tailscaleOnly:document.getElementById("recipe-tailscale").checked,volumes:w},componentOverrides:{}};for(const p of S)T(p.id,"deploying","Deploying...");try{const l=await(await secureFetch("/api/v1/recipes/deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({recipeId:j.id,config:s})})).json();if(l.success){for(const v of l.deployed||[])T(v.id,"success",v.url?`Running \u2192 ${v.url}`:"Running");for(const v of l.errors||[])T(v.componentId,"error",v.error);g.style.display="",g.innerHTML=`
|
|
|
|
|
`,m.appendChild(l)}const w=document.querySelectorAll("#recipe-volume-list input[data-volume-key]"),L={};w.forEach(u=>{L[u.dataset.volumeKey]=u.value});const o={selectedComponents:B.map(u=>u.id),sharedConfig:{ip:document.getElementById("recipe-ip").value||"host.docker.internal",timezone:document.getElementById("recipe-timezone").value||"UTC",tailscaleOnly:document.getElementById("recipe-tailscale").checked,volumes:L},componentOverrides:{}};for(const u of B)S(u.id,"deploying","Deploying...");try{const l=await(await secureFetch("/api/v1/recipes/deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({recipeId:j.id,config:o})})).json();if(l.success){for(const g of l.deployed||[])S(g.id,"success",g.url?`Running \u2192 ${g.url}`:"Running");for(const g of l.errors||[])S(g.componentId,"error",g.error);f.style.display="",f.innerHTML=`
|
|
|
|
|
<div style="padding: 14px; border-radius: 8px; background: rgba(46,204,113,0.1); border: 1px solid rgba(46,204,113,0.3);">
|
|
|
|
|
<div style="font-weight: 600; color: var(--ok-fg); margin-bottom: 6px;">${escapeHtml(l.message||"Deployed!")}</div>
|
|
|
|
|
${l.setupInstructions?`<div style="font-size: 0.8rem; color: var(--muted); margin-top: 8px;">
|
|
|
|
|
<strong>Setup tips:</strong>
|
|
|
|
|
<ul style="margin: 4px 0 0 16px; padding: 0;">${l.setupInstructions.map(v=>`<li>${escapeHtml(v)}</li>`).join("")}</ul>
|
|
|
|
|
<ul style="margin: 4px 0 0 16px; padding: 0;">${l.setupInstructions.map(g=>`<li>${escapeHtml(g)}</li>`).join("")}</ul>
|
|
|
|
|
</div>`:""}
|
|
|
|
|
</div>
|
|
|
|
|
`,showNotification(`${j.name} recipe deployed successfully!`,"success",5e3),window.loadServices&&window.loadServices()}else g.style.display="",g.innerHTML=`<div style="padding: 14px; border-radius: 8px; background: rgba(231,76,60,0.1); border: 1px solid rgba(231,76,60,0.3); color: var(--bad-fg);">
|
|
|
|
|
`,showNotification(`${j.name} recipe deployed successfully!`,"success",5e3),window.loadServices&&window.loadServices()}else f.style.display="",f.innerHTML=`<div style="padding: 14px; border-radius: 8px; background: rgba(231,76,60,0.1); border: 1px solid rgba(231,76,60,0.3); color: var(--bad-fg);">
|
|
|
|
|
<strong>Deployment failed:</strong> ${escapeHtml(l.error||"Unknown error")}
|
|
|
|
|
</div>`,showNotification(`Recipe deployment failed: ${l.error}`,"error",5e3)}catch(p){g.style.display="",g.innerHTML=`<div style="padding: 14px; border-radius: 8px; background: rgba(231,76,60,0.1); border: 1px solid rgba(231,76,60,0.3); color: var(--bad-fg);">
|
|
|
|
|
<strong>Network error:</strong> ${escapeHtml(p.message)}
|
|
|
|
|
</div>`}}function T(u,g,S){const y=document.getElementById(`recipe-progress-${u}`);if(!y)return;const w=y.querySelector(".recipe-progress-icon"),s=y.querySelector(".recipe-progress-status");g==="deploying"?(w.textContent="\u23F3",s.style.color="var(--accent)"):g==="success"?(w.textContent="\u2705",s.style.color="var(--ok-fg)"):g==="error"&&(w.textContent="\u274C",s.style.color="var(--bad-fg)"),s.textContent=S}k.addEventListener("click",()=>{if(b===3){b=4,N(),L();return}b<3&&(b++,N(),b===2&&I(),b===3&&H())}),R.addEventListener("click",()=>{b>1&&b<4&&(b--,N())}),window.groupRecipeCards=function(){const u=document.querySelectorAll(".service-card[data-recipe-id]");if(u.length===0)return;const g={};u.forEach(S=>{const y=S.dataset.recipeId;g[y]||(g[y]=[]),g[y].push(S)});for(const[S,y]of Object.entries(g))y.length<2||y.forEach((w,s)=>{if(w.style.borderLeft="3px solid rgba(142,68,173,0.5)",s===0){let p=w.querySelector(".recipe-group-label");p||(p=document.createElement("div"),p.className="recipe-group-label",p.style.cssText="position: absolute; top: -8px; left: 12px; font-size: 0.6rem; padding: 1px 8px; border-radius: 8px; background: rgba(142,68,173,0.3); color: #d4a5ff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;",p.textContent=S.replace(/-/g," "),w.style.position="relative",w.appendChild(p))}})},window.manageRecipe=async function(u,g){const S=`/api/v1/recipes/${u}/${g}`,y=g==="remove"?"DELETE":"POST",w=g==="remove"?`/api/v1/recipes/${u}`:S;if(!(g==="remove"&&!confirm(`Remove the entire ${u} recipe? This will delete all containers and configuration.`)))try{const p=await(await secureFetch(w,{method:y})).json();p.success?(showNotification(`Recipe ${g}: ${p.results?.filter(l=>l.status!=="failed").length||0} components processed`,"success",4e3),window.loadServices&&window.loadServices()):showNotification(`Recipe ${g} failed: ${p.error}`,"error",5e3)}catch(s){showNotification(`Network error: ${s.message}`,"error",5e3)}};const O=document.createElement("style");O.textContent=`
|
|
|
|
|
</div>`,showNotification(`Recipe deployment failed: ${l.error}`,"error",5e3)}catch(u){f.style.display="",f.innerHTML=`<div style="padding: 14px; border-radius: 8px; background: rgba(231,76,60,0.1); border: 1px solid rgba(231,76,60,0.3); color: var(--bad-fg);">
|
|
|
|
|
<strong>Network error:</strong> ${escapeHtml(u.message)}
|
|
|
|
|
</div>`}}function S(m,f,B){const w=document.getElementById(`recipe-progress-${m}`);if(!w)return;const L=w.querySelector(".recipe-progress-icon"),o=w.querySelector(".recipe-progress-status");f==="deploying"?(L.textContent="\u23F3",o.style.color="var(--accent)"):f==="success"?(L.textContent="\u2705",o.style.color="var(--ok-fg)"):f==="error"&&(L.textContent="\u274C",o.style.color="var(--bad-fg)"),o.textContent=B}y.addEventListener("click",()=>{if(h===3){h=4,z(),v();return}h<3&&(h++,z(),h===2&&M(),h===3&&b())}),R.addEventListener("click",()=>{h>1&&h<4&&(h--,z())}),window.groupRecipeCards=function(){const m=document.querySelectorAll(".service-card[data-recipe-id]");if(m.length===0)return;const f={};m.forEach(B=>{const w=B.dataset.recipeId;f[w]||(f[w]=[]),f[w].push(B)});for(const[B,w]of Object.entries(f))w.length<2||w.forEach((L,o)=>{if(L.style.borderLeft="3px solid rgba(142,68,173,0.5)",o===0){let u=L.querySelector(".recipe-group-label");u||(u=document.createElement("div"),u.className="recipe-group-label",u.style.cssText="position: absolute; top: -8px; left: 12px; font-size: 0.6rem; padding: 1px 8px; border-radius: 8px; background: rgba(142,68,173,0.3); color: #d4a5ff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;",u.textContent=B.replace(/-/g," "),L.style.position="relative",L.appendChild(u))}})},window.manageRecipe=async function(m,f){const B=`/api/v1/recipes/${m}/${f}`,w=f==="remove"?"DELETE":"POST",L=f==="remove"?`/api/v1/recipes/${m}`:B;if(!(f==="remove"&&!confirm(`Remove the entire ${m} recipe? This will delete all containers and configuration.`)))try{const u=await(await secureFetch(L,{method:w})).json();u.success?(showNotification(`Recipe ${f}: ${u.results?.filter(l=>l.status!=="failed").length||0} components processed`,"success",4e3),window.loadServices&&window.loadServices()):showNotification(`Recipe ${f} failed: ${u.error}`,"error",5e3)}catch(o){showNotification(`Network error: ${o.message}`,"error",5e3)}};const O=document.createElement("style");O.textContent=`
|
|
|
|
|
.recipe-step {
|
|
|
|
|
flex: 1;
|
|
|
|
|
text-align: center;
|
|
|
|
@@ -550,7 +550,7 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
.recipe-step-panel {
|
|
|
|
|
min-height: 180px;
|
|
|
|
|
}
|
|
|
|
|
`,document.head.appendChild(O),E()})(),(function(){document.getElementById("reload-caddy-top")?.addEventListener("click",async()=>{const f=document.getElementById("reload-caddy-top"),B=f.textContent;try{f.textContent="\u23F3 Reloading...",f.disabled=!0;const j=await secureFetch("/api/v1/caddy/reload",{method:"POST",headers:{"Content-Type":"application/json"}}),b=await j.json();if(j.ok&&b.success)f.textContent="\u2705 Reloaded!",setTimeout(()=>{f.textContent=B,f.disabled=!1},2e3);else throw new Error(b.error||"Reload failed")}catch(j){f.textContent="\u274C Failed",showNotification(`Failed to reload Caddy: ${j.message}`,"error"),setTimeout(()=>{f.textContent=B,f.disabled=!1},2e3)}})})(),(function(){injectModal("error-log-modal",`<div id="error-log-modal" class="weather-modal">
|
|
|
|
|
`,document.head.appendChild(O),k()})(),(function(){document.getElementById("reload-caddy-top")?.addEventListener("click",async()=>{const x=document.getElementById("reload-caddy-top"),E=x.textContent;try{x.textContent="\u23F3 Reloading...",x.disabled=!0;const j=await secureFetch("/api/v1/caddy/reload",{method:"POST",headers:{"Content-Type":"application/json"}}),h=await j.json();if(j.ok&&h.success)x.textContent="\u2705 Reloaded!",setTimeout(()=>{x.textContent=E,x.disabled=!1},2e3);else throw new Error(h.error||"Reload failed")}catch(j){x.textContent="\u274C Failed",showNotification(`Failed to reload Caddy: ${j.message}`,"error"),setTimeout(()=>{x.textContent=E,x.disabled=!1},2e3)}})})(),(function(){injectModal("error-log-modal",`<div id="error-log-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 950px; max-width: 1150px;">
|
|
|
|
|
<h3>\u{1F4CB} Error Logs</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -597,8 +597,8 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="error-log-close">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("error-log-modal"),B=document.getElementById("view-error-logs"),j=document.getElementById("error-log-refresh"),b=document.getElementById("error-log-clear"),D=document.getElementById("error-log-close"),A=document.getElementById("error-log-level"),P=document.getElementById("error-log-context"),R=document.getElementById("error-log-search"),k=document.getElementById("error-log-since"),M=document.getElementById("error-log-until"),E=document.getElementById("error-log-container"),z=document.getElementById("error-log-load-more"),C=document.getElementById("error-log-total"),N=50;let x=0,I=null,H=0,m=[];function L(w){if(!w)return null;const s=new Date(w);return isNaN(s.getTime())?null:s.toISOString()}async function T(){try{const w=await fetch("/api/v1/error-logs/contexts");if(!w.ok)return;const s=await w.json();if(!s.success||!Array.isArray(s.contexts))return;m=s.contexts;const p=P.value;P.innerHTML='<option value="">All</option>';for(const l of s.contexts){const v=document.createElement("option");v.value=l.name,v.textContent=`${l.name} (${l.count})`,P.appendChild(v)}p&&s.contexts.some(l=>l.name===p)&&(P.value=p)}catch{}}function O(){const w=new URLSearchParams;w.set("limit",String(N)),w.set("offset",String(x)),A.value&&w.set("level",A.value),P.value&&w.set("context",P.value);const s=L(k.value),p=L(M.value);s&&w.set("since",s),p&&w.set("until",p);const l=(R.value||"").trim();return l&&w.set("search",l),w}async function u(w){try{w?(I&&I.abort(),I=new AbortController):(I&&I.abort(),I=new AbortController,x=0,H++,E.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading...</div>');const s=H,p=O(),l=await fetch("/api/v1/error-logs?"+p.toString(),{signal:I.signal});if(!l.ok){E.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: HTTP ${l.status}</div>`,z.style.display="none",C.textContent="";return}const v=await l.json();if(!v.success){E.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(v.error||"unknown")}</div>`,z.style.display="none",C.textContent="";return}if(!w&&s!==H)return;const c=Array.isArray(v.logs)?v.logs:[];if(c.length===0&&!w){const e=v.filters&&(v.filters.level||v.filters.context||v.filters.search||v.filters.since||v.filters.until)?"No error log entries match your filters.":"\u2705 No errors logged! Everything is working smoothly.";E.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u{1F4CB}</span>${escapeHtml(e)}</div>`,z.style.display="none",C.textContent=v.total?`${v.total} total`:"";return}let t="";w||(t='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">',t+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);">',t+='<th style="padding: 6px; text-align: left; width: 160px;">When</th>',t+='<th style="padding: 6px; text-align: left; width: 80px;">Level</th>',t+='<th style="padding: 6px; text-align: left; width: 140px;">Context</th>',t+='<th style="padding: 6px; text-align: left;">Message</th>',t+='<th style="padding: 6px; text-align: left; width: 110px;">IP</th>',t+="</tr>");for(const e of c){const a=(e.level||"?").toUpperCase(),o=a==="ERR"?"var(--bad-fg)":a==="WARN"?"var(--warn-fg, #f0c674)":"var(--muted)",i=e.timestamp?new Date(e.timestamp).toLocaleString():"\u2014",n=e.context||"\u2014",r=(e.error||"").split(`
|
|
|
|
|
`)[0],d=e.request&&e.request.ip||"";t+='<tr style="border-bottom: 1px solid var(--border); cursor: pointer;" class="error-log-row">',t+=`<td style="padding: 6px; color: var(--muted);" title="${escapeHtml(e.timestamp||"")}">${escapeHtml(i)}</td>`,t+=`<td style="padding: 6px;"><span style="color: ${o}; font-weight: 600;">${escapeHtml(a)}</span></td>`,t+=`<td style="padding: 6px; font-family: monospace; font-size: 0.78rem;">${escapeHtml(n)}</td>`,t+=`<td style="padding: 6px;">${escapeHtml(r)}</td>`,t+=`<td style="padding: 6px; font-family: monospace; font-size: 0.78rem;">${escapeHtml(d)}</td>`,t+="</tr>",e.detail&&(t+=`<tr class="error-log-detail" style="display: none;"><td colspan="5" style="padding: 6px 6px 10px; font-size: 0.78rem; color: var(--muted);"><pre style="margin: 0; white-space: pre-wrap; font-family: monospace; max-height: 320px; overflow: auto;">${escapeHtml(e.detail)}</pre></td></tr>`)}if(!w)t+="</table>",E.innerHTML=t;else{const e=E.querySelector("table");e&&e.insertAdjacentHTML("beforeend",t)}x+=c.length,z.style.display=v.hasMore?"":"none",C.textContent=`${v.total} total${v.hasMore?" (showing "+x+")":""}`,E.querySelectorAll(".error-log-row").forEach(e=>{e.dataset.wired||(e.dataset.wired="true",e.addEventListener("click",()=>{const a=e.nextElementSibling;a&&a.classList.contains("error-log-detail")&&(a.style.display=a.style.display==="none"?"":"none")}))})}catch(s){if(s&&s.name==="AbortError")return;E.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(s.message)}</div>`,C.textContent=""}}async function g(){if(confirm("Clear the entire error log? This cannot be undone."))try{const s=await(await secureFetch("/api/v1/error-logs",{method:"DELETE",headers:{"content-type":"application/json"},body:JSON.stringify({confirm:"CLEAR"})})).json();s.success?(await T(),u(!1),showNotification("\u2705 Error logs cleared","success",3e3)):showNotification("\u274C "+(s.error||"Clear failed"),"error",4e3)}catch(w){showNotification("\u274C "+w.message,"error",4e3)}}let S;function y(){A?.addEventListener("change",()=>u(!1)),P?.addEventListener("change",()=>u(!1)),R?.addEventListener("input",()=>{clearTimeout(S),S=setTimeout(()=>u(!1),250)});let w;[k,M].forEach(s=>{s?.addEventListener("change",()=>{clearTimeout(w),w=setTimeout(()=>u(!1),250)})}),j?.addEventListener("click",()=>u(!1)),z?.addEventListener("click",()=>u(!0)),b?.addEventListener("click",g),wireModal(f,D)}B?.addEventListener("click",async()=>{f?.classList.add("show"),await T(),u(!1)}),y()})(),(function(){injectModal("container-logs-modal",`<div id="container-logs-modal" class="weather-modal" style="z-index: 1001;">
|
|
|
|
|
</div>`);const x=document.getElementById("error-log-modal"),E=document.getElementById("view-error-logs"),j=document.getElementById("error-log-refresh"),h=document.getElementById("error-log-clear"),P=document.getElementById("error-log-close"),A=document.getElementById("error-log-level"),D=document.getElementById("error-log-context"),R=document.getElementById("error-log-search"),y=document.getElementById("error-log-since"),$=document.getElementById("error-log-until"),k=document.getElementById("error-log-container"),H=document.getElementById("error-log-load-more"),T=document.getElementById("error-log-total"),z=50;let C=0,M=null,b=0,d=[];function v(L){if(!L)return null;const o=new Date(L);return isNaN(o.getTime())?null:o.toISOString()}async function S(){try{const L=await fetch("/api/v1/error-logs/contexts");if(!L.ok)return;const o=await L.json();if(!o.success||!Array.isArray(o.contexts))return;d=o.contexts;const u=D.value;D.innerHTML='<option value="">All</option>';for(const l of o.contexts){const g=document.createElement("option");g.value=l.name,g.textContent=`${l.name} (${l.count})`,D.appendChild(g)}u&&o.contexts.some(l=>l.name===u)&&(D.value=u)}catch{}}function O(){const L=new URLSearchParams;L.set("limit",String(z)),L.set("offset",String(C)),A.value&&L.set("level",A.value),D.value&&L.set("context",D.value);const o=v(y.value),u=v($.value);o&&L.set("since",o),u&&L.set("until",u);const l=(R.value||"").trim();return l&&L.set("search",l),L}async function m(L){try{L?(M&&M.abort(),M=new AbortController):(M&&M.abort(),M=new AbortController,C=0,b++,k.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading...</div>');const o=b,u=O(),l=await fetch("/api/v1/error-logs?"+u.toString(),{signal:M.signal});if(!l.ok){k.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: HTTP ${l.status}</div>`,H.style.display="none",T.textContent="";return}const g=await l.json();if(!g.success){k.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(g.error||"unknown")}</div>`,H.style.display="none",T.textContent="";return}if(!L&&o!==b)return;const p=Array.isArray(g.logs)?g.logs:[];if(p.length===0&&!L){const e=g.filters&&(g.filters.level||g.filters.context||g.filters.search||g.filters.since||g.filters.until)?"No error log entries match your filters.":"\u2705 No errors logged! Everything is working smoothly.";k.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u{1F4CB}</span>${escapeHtml(e)}</div>`,H.style.display="none",T.textContent=g.total?`${g.total} total`:"";return}let t="";L||(t='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">',t+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);">',t+='<th style="padding: 6px; text-align: left; width: 160px;">When</th>',t+='<th style="padding: 6px; text-align: left; width: 80px;">Level</th>',t+='<th style="padding: 6px; text-align: left; width: 140px;">Context</th>',t+='<th style="padding: 6px; text-align: left;">Message</th>',t+='<th style="padding: 6px; text-align: left; width: 110px;">IP</th>',t+="</tr>");for(const e of p){const s=(e.level||"?").toUpperCase(),n=s==="ERR"?"var(--bad-fg)":s==="WARN"?"var(--warn-fg, #f0c674)":"var(--muted)",r=e.timestamp?new Date(e.timestamp).toLocaleString():"\u2014",a=e.context||"\u2014",i=(e.error||"").split(`
|
|
|
|
|
`)[0],c=e.request&&e.request.ip||"";t+='<tr style="border-bottom: 1px solid var(--border); cursor: pointer;" class="error-log-row">',t+=`<td style="padding: 6px; color: var(--muted);" title="${escapeHtml(e.timestamp||"")}">${escapeHtml(r)}</td>`,t+=`<td style="padding: 6px;"><span style="color: ${n}; font-weight: 600;">${escapeHtml(s)}</span></td>`,t+=`<td style="padding: 6px; font-family: monospace; font-size: 0.78rem;">${escapeHtml(a)}</td>`,t+=`<td style="padding: 6px;">${escapeHtml(i)}</td>`,t+=`<td style="padding: 6px; font-family: monospace; font-size: 0.78rem;">${escapeHtml(c)}</td>`,t+="</tr>",e.detail&&(t+=`<tr class="error-log-detail" style="display: none;"><td colspan="5" style="padding: 6px 6px 10px; font-size: 0.78rem; color: var(--muted);"><pre style="margin: 0; white-space: pre-wrap; font-family: monospace; max-height: 320px; overflow: auto;">${escapeHtml(e.detail)}</pre></td></tr>`)}if(!L)t+="</table>",k.innerHTML=t;else{const e=k.querySelector("table");e&&e.insertAdjacentHTML("beforeend",t)}C+=p.length,H.style.display=g.hasMore?"":"none",T.textContent=`${g.total} total${g.hasMore?" (showing "+C+")":""}`,k.querySelectorAll(".error-log-row").forEach(e=>{e.dataset.wired||(e.dataset.wired="true",e.addEventListener("click",()=>{const s=e.nextElementSibling;s&&s.classList.contains("error-log-detail")&&(s.style.display=s.style.display==="none"?"":"none")}))})}catch(o){if(o&&o.name==="AbortError")return;k.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(o.message)}</div>`,T.textContent=""}}async function f(){if(confirm("Clear the entire error log? This cannot be undone."))try{const o=await(await secureFetch("/api/v1/error-logs",{method:"DELETE",headers:{"content-type":"application/json"},body:JSON.stringify({confirm:"CLEAR"})})).json();o.success?(await S(),m(!1),showNotification("\u2705 Error logs cleared","success",3e3)):showNotification("\u274C "+(o.error||"Clear failed"),"error",4e3)}catch(L){showNotification("\u274C "+L.message,"error",4e3)}}let B;function w(){A?.addEventListener("change",()=>m(!1)),D?.addEventListener("change",()=>m(!1)),R?.addEventListener("input",()=>{clearTimeout(B),B=setTimeout(()=>m(!1),250)});let L;[y,$].forEach(o=>{o?.addEventListener("change",()=>{clearTimeout(L),L=setTimeout(()=>m(!1),250)})}),j?.addEventListener("click",()=>m(!1)),H?.addEventListener("click",()=>m(!0)),h?.addEventListener("click",f),wireModal(x,P)}E?.addEventListener("click",async()=>{x?.classList.add("show"),await S(),m(!1)}),w()})(),(function(){injectModal("container-logs-modal",`<div id="container-logs-modal" class="weather-modal" style="z-index: 1001;">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 900px; max-width: 95vw; height: 80vh; display: flex; flex-direction: column;">
|
|
|
|
|
<div class="logs-header" style="display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--border); margin-bottom: 12px;">
|
|
|
|
|
<div>
|
|
|
|
@@ -648,14 +648,14 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="cl-close-btn" class="btn-secondary">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("container-logs-modal"),B=document.getElementById("cl-container-select"),j=document.getElementById("cl-log-content"),b=document.getElementById("cl-log-search"),D=document.getElementById("cl-log-tail"),A=document.getElementById("cl-refresh"),P=document.getElementById("cl-stream"),R=document.getElementById("cl-download"),k=document.getElementById("cl-clear-search"),M=document.getElementById("cl-close"),E=document.getElementById("cl-close-btn"),z=document.getElementById("cl-stream-status"),C=document.getElementById("cl-stream-indicator"),N=document.getElementById("cl-stream-text"),x=document.getElementById("cl-line-count"),I=document.getElementById("cl-filter-count"),H=document.getElementById("cl-image"),m=document.getElementById("cl-status"),L=document.getElementById("cl-created");let T=null,O=[],u=[],g=null,S=!1,y=null;function w(r){if(!r)return"-";const d=new Date(r);return isNaN(d.getTime())?r:d.toLocaleString()}function s(r){if(!r)return"";const d=document.createElement("div");return d.textContent=r,d.innerHTML}function p(r,d){const h=r.stream==="stderr"?"log-stderr":"log-stdout",$=r.stream==="stderr"?"\u26A0\uFE0F":"\u{1F4E4}";return`
|
|
|
|
|
<div class="log-entry ${h}" data-index="${d}" style="padding: 4px 8px; border-bottom: 1px solid #333; display: flex; gap: 8px;">
|
|
|
|
|
<span class="log-line-num" style="color: #666; min-width: 40px; text-align: right; user-select: none;">${d+1}</span>
|
|
|
|
|
<span class="log-stream-icon" style="color: ${r.stream==="stderr"?"#f59e0b":"#22c55e"};">${$}</span>
|
|
|
|
|
<span class="log-text" style="flex: 1; white-space: pre-wrap; word-break: break-all; color: #e5e5e5;">${s(r.text)}</span>
|
|
|
|
|
</div>`);const x=document.getElementById("container-logs-modal"),E=document.getElementById("cl-container-select"),j=document.getElementById("cl-log-content"),h=document.getElementById("cl-log-search"),P=document.getElementById("cl-log-tail"),A=document.getElementById("cl-refresh"),D=document.getElementById("cl-stream"),R=document.getElementById("cl-download"),y=document.getElementById("cl-clear-search"),$=document.getElementById("cl-close"),k=document.getElementById("cl-close-btn"),H=document.getElementById("cl-stream-status"),T=document.getElementById("cl-stream-indicator"),z=document.getElementById("cl-stream-text"),C=document.getElementById("cl-line-count"),M=document.getElementById("cl-filter-count"),b=document.getElementById("cl-image"),d=document.getElementById("cl-status"),v=document.getElementById("cl-created");let S=null,O=[],m=[],f=null,B=!1,w=null;function L(i){if(!i)return"-";const c=new Date(i);return isNaN(c.getTime())?i:c.toLocaleString()}function o(i){if(!i)return"";const c=document.createElement("div");return c.textContent=i,c.innerHTML}function u(i,c){const I=i.stream==="stderr"?"log-stderr":"log-stdout",N=i.stream==="stderr"?"\u26A0\uFE0F":"\u{1F4E4}";return`
|
|
|
|
|
<div class="log-entry ${I}" data-index="${c}" style="padding: 4px 8px; border-bottom: 1px solid #333; display: flex; gap: 8px;">
|
|
|
|
|
<span class="log-line-num" style="color: #666; min-width: 40px; text-align: right; user-select: none;">${c+1}</span>
|
|
|
|
|
<span class="log-stream-icon" style="color: ${i.stream==="stderr"?"#f59e0b":"#22c55e"};">${N}</span>
|
|
|
|
|
<span class="log-text" style="flex: 1; white-space: pre-wrap; word-break: break-all; color: #e5e5e5;">${o(i.text)}</span>
|
|
|
|
|
</div>
|
|
|
|
|
`}function l(r,d=""){if(!r||r.length===0){j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No logs available</div>',x.textContent="0 lines",I.textContent="0 filtered";return}if(O=r,u=d?r.filter(h=>h.text&&h.text.toLowerCase().includes(d.toLowerCase())):r,x.textContent=`${r.length} lines`,I.textContent=d?`${u.length} of ${r.length} shown`:`${r.length} shown`,u.length===0){j.innerHTML=`<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No logs match "${s(d)}"</div>`;return}j.innerHTML=u.map((h,$)=>p(h,$)).join(""),j.scrollTop=j.scrollHeight}async function v(){try{const d=(await getJSON("/api/v1/logs/containers")).containers||[],h=B.value;B.innerHTML='<option value="">Select a container...</option>',d.forEach($=>{const U=document.createElement("option");U.value=$.id,U.textContent=`${$.name} (${$.image.split(":")[0]}) - ${$.status}`,U.dataset.name=$.name,U.dataset.image=$.image,U.dataset.status=$.status,U.dataset.created=$.created,B.appendChild(U)}),h&&B.querySelector(`option[value="${h}"]`)&&(B.value=h,c(h))}catch(r){console.error("Failed to load containers:",r)}}function c(r){const d=B.querySelector(`option[value="${r}"]`);d&&(H.textContent=d.dataset.image||"-",m.textContent=d.dataset.status||"-",m.style.color=d.dataset.status==="running"?"var(--ok-fg, #4ade80)":"var(--bad-fg, #ef4444)",L.textContent=w(d.dataset.created))}async function t(){const r=B.value;if(!r){j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Select a container to view logs</div>';return}a(),T=r,c(r);const d=D.value,h=b.value.trim();j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Loading logs...</div>';try{const $=`/api/v1/logs/container/${r}${d!=="all"?`?tail=${d}`:""}`,U=await getJSON($);U.logs&&U.logs.length>0?l(U.logs,h):(j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No logs found for this container</div>',x.textContent="0 lines",I.textContent="0 filtered")}catch($){j.innerHTML=`<div class="logs-loading" style="color: var(--bad-fg, #ef4444); text-align: center; padding: 40px;">Error loading logs: ${s($.message)}</div>`}}function e(){const r=B.value;if(!r)return;a(),S=!0,P.textContent="\u23F9 Stop",z.style.display="flex",C.textContent="\u{1F7E2}",N.textContent="Connecting...";const d=`/api/v1/logs/stream/${r}`;g=new EventSource(d),g.onopen=()=>{C.textContent="\u{1F7E2}",N.textContent="Connected - streaming logs"},g.onmessage=h=>{try{const $=JSON.parse(h.data);if($.error){C.textContent="\u{1F534}",N.textContent=`Error: ${$.error}`;return}O.push($),u.push($),x.textContent=`${O.length} lines`,I.textContent=`${u.length} shown`;const U=b.value.trim();if(!U||$.text&&$.text.toLowerCase().includes(U.toLowerCase())){const _=document.createElement("div");_.innerHTML=p($,u.length-1);const F=_.firstElementChild;F.style.background="#1a3a1a",j.appendChild(F),j.scrollTop=j.scrollHeight}}catch($){console.error("Error parsing log:",$)}},g.onerror=()=>{C.textContent="\u{1F534}",N.textContent="Disconnected",S=!1,P.textContent="\u25B6 Stream"},f._eventSource=g}function a(){g&&(g.close(),g=null),f._eventSource&&(f._eventSource.close(),f._eventSource=null),S=!1,P.textContent="\u25B6 Stream",z.style.display="none"}function o(){if(!O||O.length===0){showNotification("No logs to download","error");return}const r=B.querySelector(`option[value="${T}"]`)?.dataset.name||T,d=new Date().toISOString().replace(/[:.]/g,"-"),h=`${r}-logs-${d}.txt`,$=O.map(q=>{const J=q.timestamp||"",X=q.stream==="stderr"?"[ERR]":"[OUT]";return`${J?J+" ":""}${X} ${q.text}`}).join(`
|
|
|
|
|
`),U=new Blob([$],{type:"text/plain"}),_=URL.createObjectURL(U),F=document.createElement("a");F.href=_,F.download=h,document.body.appendChild(F),F.click(),document.body.removeChild(F),URL.revokeObjectURL(_),showNotification(`Downloaded ${O.length} log lines`,"success")}B?.addEventListener("change",()=>{t()}),D?.addEventListener("change",()=>{t()}),A?.addEventListener("click",()=>{t()}),P?.addEventListener("click",()=>{S?a():e()}),R?.addEventListener("click",()=>{o()}),k?.addEventListener("click",()=>{b.value="",l(O,"")}),b?.addEventListener("input",()=>{clearTimeout(y),y=setTimeout(()=>{l(O,b.value.trim())},300)}),b?.addEventListener("keydown",r=>{r.key==="Escape"&&(b.value="",l(O,""))}),document.getElementById("view-container-logs")?.addEventListener("click",()=>{f.classList.add("show"),v()});function n(){a(),f.classList.remove("show")}M?.addEventListener("click",n),E?.addEventListener("click",n),document.addEventListener("keydown",r=>{r.key==="Escape"&&f.classList.contains("show")&&n()}),f.addEventListener("click",r=>{r.target===f&&n()}),window.openContainerLogsModal=function(r,d){f.classList.add("show"),v().then(()=>{const h=Array.from(B.options).find($=>$.value===r||$.dataset.name===d);h?(B.value=h.value,c(h.value),t()):r?(T=r,H.textContent=d||r,m.textContent="-",L.textContent="-",t()):j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Select a container to view logs</div>'})}})(),(function(){"use strict";const f=[{unit:"caddy",label:"Caddy (reverse proxy)"},{unit:"dashcaddy-api",label:"DashCaddy API (host systemd unit, not this container)"},{unit:"docker",label:"Docker daemon"},{unit:"ssh",label:"SSH server"},{unit:"systemd-journald",label:"systemd-journald"},{unit:"tailscaled",label:"Tailscale"},{unit:"networkd-dispatcher",label:"Networkd dispatcher"}];injectModal("journald-modal",`
|
|
|
|
|
`}function l(i,c=""){if(!i||i.length===0){j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No logs available</div>',C.textContent="0 lines",M.textContent="0 filtered";return}if(O=i,m=c?i.filter(I=>I.text&&I.text.toLowerCase().includes(c.toLowerCase())):i,C.textContent=`${i.length} lines`,M.textContent=c?`${m.length} of ${i.length} shown`:`${i.length} shown`,m.length===0){j.innerHTML=`<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No logs match "${o(c)}"</div>`;return}j.innerHTML=m.map((I,N)=>u(I,N)).join(""),j.scrollTop=j.scrollHeight}async function g(){try{const c=(await getJSON("/api/v1/logs/containers")).containers||[],I=E.value;E.innerHTML='<option value="">Select a container...</option>',c.forEach(N=>{const U=document.createElement("option");U.value=N.id,U.textContent=`${N.name} (${N.image.split(":")[0]}) - ${N.status}`,U.dataset.name=N.name,U.dataset.image=N.image,U.dataset.status=N.status,U.dataset.created=N.created,E.appendChild(U)}),I&&E.querySelector(`option[value="${I}"]`)&&(E.value=I,p(I))}catch(i){console.error("Failed to load containers:",i)}}function p(i){const c=E.querySelector(`option[value="${i}"]`);c&&(b.textContent=c.dataset.image||"-",d.textContent=c.dataset.status||"-",d.style.color=c.dataset.status==="running"?"var(--ok-fg, #4ade80)":"var(--bad-fg, #ef4444)",v.textContent=L(c.dataset.created))}async function t(){const i=E.value;if(!i){j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Select a container to view logs</div>';return}s(),S=i,p(i);const c=P.value,I=h.value.trim();j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Loading logs...</div>';try{const N=`/api/v1/logs/container/${i}${c!=="all"?`?tail=${c}`:""}`,U=await getJSON(N);U.logs&&U.logs.length>0?l(U.logs,I):(j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No logs found for this container</div>',C.textContent="0 lines",M.textContent="0 filtered")}catch(N){j.innerHTML=`<div class="logs-loading" style="color: var(--bad-fg, #ef4444); text-align: center; padding: 40px;">Error loading logs: ${o(N.message)}</div>`}}function e(){const i=E.value;if(!i)return;s(),B=!0,D.textContent="\u23F9 Stop",H.style.display="flex",T.textContent="\u{1F7E2}",z.textContent="Connecting...";const c=`/api/v1/logs/stream/${i}`;f=new EventSource(c),f.onopen=()=>{T.textContent="\u{1F7E2}",z.textContent="Connected - streaming logs"},f.onmessage=I=>{try{const N=JSON.parse(I.data);if(N.error){T.textContent="\u{1F534}",z.textContent=`Error: ${N.error}`;return}O.push(N),m.push(N),C.textContent=`${O.length} lines`,M.textContent=`${m.length} shown`;const U=h.value.trim();if(!U||N.text&&N.text.toLowerCase().includes(U.toLowerCase())){const _=document.createElement("div");_.innerHTML=u(N,m.length-1);const F=_.firstElementChild;F.style.background="#1a3a1a",j.appendChild(F),j.scrollTop=j.scrollHeight}}catch(N){console.error("Error parsing log:",N)}},f.onerror=()=>{T.textContent="\u{1F534}",z.textContent="Disconnected",B=!1,D.textContent="\u25B6 Stream"},x._eventSource=f}function s(){f&&(f.close(),f=null),x._eventSource&&(x._eventSource.close(),x._eventSource=null),B=!1,D.textContent="\u25B6 Stream",H.style.display="none"}function n(){if(!O||O.length===0){showNotification("No logs to download","error");return}const i=E.querySelector(`option[value="${S}"]`)?.dataset.name||S,c=new Date().toISOString().replace(/[:.]/g,"-"),I=`${i}-logs-${c}.txt`,N=O.map(q=>{const J=q.timestamp||"",X=q.stream==="stderr"?"[ERR]":"[OUT]";return`${J?J+" ":""}${X} ${q.text}`}).join(`
|
|
|
|
|
`),U=new Blob([N],{type:"text/plain"}),_=URL.createObjectURL(U),F=document.createElement("a");F.href=_,F.download=I,document.body.appendChild(F),F.click(),document.body.removeChild(F),URL.revokeObjectURL(_),showNotification(`Downloaded ${O.length} log lines`,"success")}E?.addEventListener("change",()=>{t()}),P?.addEventListener("change",()=>{t()}),A?.addEventListener("click",()=>{t()}),D?.addEventListener("click",()=>{B?s():e()}),R?.addEventListener("click",()=>{n()}),y?.addEventListener("click",()=>{h.value="",l(O,"")}),h?.addEventListener("input",()=>{clearTimeout(w),w=setTimeout(()=>{l(O,h.value.trim())},300)}),h?.addEventListener("keydown",i=>{i.key==="Escape"&&(h.value="",l(O,""))}),document.getElementById("view-container-logs")?.addEventListener("click",()=>{x.classList.add("show"),g()});function a(){s(),x.classList.remove("show")}$?.addEventListener("click",a),k?.addEventListener("click",a),document.addEventListener("keydown",i=>{i.key==="Escape"&&x.classList.contains("show")&&a()}),x.addEventListener("click",i=>{i.target===x&&a()}),window.openContainerLogsModal=function(i,c){x.classList.add("show"),g().then(()=>{const I=Array.from(E.options).find(N=>N.value===i||N.dataset.name===c);I?(E.value=I.value,p(I.value),t()):i?(S=i,b.textContent=c||i,d.textContent="-",v.textContent="-",t()):j.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Select a container to view logs</div>'})}})(),(function(){"use strict";const x=[{unit:"caddy",label:"Caddy (reverse proxy)"},{unit:"dashcaddy-api",label:"DashCaddy API (host systemd unit, not this container)"},{unit:"docker",label:"Docker daemon"},{unit:"ssh",label:"SSH server"},{unit:"systemd-journald",label:"systemd-journald"},{unit:"tailscaled",label:"Tailscale"},{unit:"networkd-dispatcher",label:"Networkd dispatcher"}];injectModal("journald-modal",`
|
|
|
|
|
<div id="journald-modal" class="weather-modal" style="z-index: 1002;">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 900px; max-width: 95vw; height: 80vh; display: flex; flex-direction: column;">
|
|
|
|
|
<div class="logs-header" style="display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--border); margin-bottom: 12px;">
|
|
|
|
@@ -698,7 +698,7 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`);const B=document.getElementById("journald-modal"),j=document.getElementById("jd-unit-select"),b=document.getElementById("jd-search"),D=document.getElementById("jd-tail"),A=document.getElementById("jd-refresh"),P=document.getElementById("jd-stream"),R=document.getElementById("jd-clear-search"),k=document.getElementById("jd-close"),M=document.getElementById("jd-close-btn"),E=document.getElementById("jd-content"),z=document.getElementById("jd-line-count"),C=document.getElementById("jd-filter-count"),N=document.getElementById("jd-overflow"),x=document.getElementById("jd-unit-display"),I=document.getElementById("jd-stream-state");let H=!1,m=[],L=!1,T=null,O=null;function u(c){const t=document.createElement("div");return t.textContent=String(c),t.innerHTML}function g(c){H=c,j.innerHTML="",f.forEach(t=>{const e=document.createElement("option");e.value=t.unit,e.textContent=t.label+" ("+t.unit+")",j.appendChild(e)}),j.disabled=!c,c?(A.disabled=!1,P.disabled=!1):(E.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">journald bind-mount not available in this container.<br/><small>Requires <code>/var/log/journal</code> + <code>/usr/bin/journalctl</code> mounted (start.sh).</small></div>',A.disabled=!0,P.disabled=!0)}async function S(){try{const c=await fetch("/api/v1/logs/journal/units");if(!c.ok){g(!1);return}const t=await c.json();g(!!t.available)}catch{g(!1)}}function y(){const c=(b.value||"").trim().toLowerCase(),t=c?m.filter(e=>(e.textContent||"").toLowerCase().includes(c)):m;if(t.length===0)E.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No entries'+(c?` matching "${u(c)}"`:"")+"</div>";else{const e=t.map(o=>{const i=o.timestamp?u(o.timestamp):"\u2014",n=u(o.textContent);return`<div class="jd-line" style="padding: 1px 0; line-height: 1.4; color: #d4d4d4;"><span style="color: var(--muted); margin-right: 8px;">${i}</span>${n}</div>`}).join("");E.innerHTML=e,E.scrollHeight-E.scrollTop-E.clientHeight<80&&(E.scrollTop=E.scrollHeight)}z.textContent=`${m.length} entries`,C.textContent=c?`${t.length} of ${m.length} shown`:`${m.length} shown`}async function w(){if(!H)return;p();const c=j.value;if(!c)return;const t=Math.max(1,Math.min(5e3,Number(D.value)||200)),e=(b.value||"").trim();E.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Loading\u2026</div>';try{const a=new URL("/api/v1/logs/journal",window.location.origin);a.searchParams.set("unit",c),a.searchParams.set("tail",String(t)),e&&a.searchParams.set("search",e);const o=await fetch(a.toString()),i=await o.json();if(!o.ok||!i.success){E.innerHTML='<div class="logs-loading" style="color: var(--bad-fg, #ef4444); text-align: center; padding: 40px;">Failed: '+u(i&&i.error||"HTTP "+o.status)+"</div>";return}x.textContent=c,m=(i.entries||[]).map(n=>({timestamp:n.timestamp,unit:n.unit,textContent:n.text||""})),N.style.display="none",y()}catch(a){E.innerHTML='<div class="logs-loading" style="color: var(--bad-fg, #ef4444); text-align: center; padding: 40px;">Error: '+u(a.message)+"</div>"}}function s(){if(!H)return;p();const c=j.value;if(!c)return;const t=(b.value||"").trim();x.textContent=c,P.textContent="\u23F8 Stop",P.classList.add("streaming"),I.textContent="streaming",I.style.color="var(--ok-fg, #4ade80)",m=[],y(),N.style.display="none";const e=new URL("/api/v1/logs/journal/stream",window.location.origin);e.searchParams.set("unit",c),t&&e.searchParams.set("search",t),T=new EventSource(e.toString()),T.onmessage=a=>{try{const o=JSON.parse(a.data);if(o.error){/stream (exceeded|line cap)/.test(o.error)&&(N.style.display="",p()),E.innerHTML+='<div class="jd-line" style="color: var(--bad-fg, #ef4444); padding: 4px 0;">\u26A0 '+u(o.error)+"</div>",E.scrollTop=E.scrollHeight;return}m.push({timestamp:o.timestamp,unit:o.unit||c,textContent:o.text||""}),m.length>5e3&&(m=m.slice(m.length-5e3),N.style.display=""),y()}catch{}},T.onerror=()=>{},L=!0}function p(){if(L=!1,T){try{T.close()}catch{}T=null}P.textContent="\u25B6 Stream",P.classList.remove("streaming"),I.textContent="disconnected",I.style.color="var(--muted)"}function l(){p(),B.classList.remove("show")}A.addEventListener("click",w),P.addEventListener("click",()=>L?p():s()),R.addEventListener("click",()=>{b.value="",y()}),b.addEventListener("input",()=>{clearTimeout(O),O=setTimeout(y,200)}),b.addEventListener("keydown",c=>{c.key==="Escape"&&(b.value="",y())}),k.addEventListener("click",l),M.addEventListener("click",l),B.addEventListener("click",c=>{c.target===B&&l()}),document.addEventListener("keydown",c=>{c.key==="Escape"&&B.classList.contains("show")&&l()}),j.addEventListener("change",()=>{m.length>0&&w()});function v(){B.classList.add("show"),S()}window.openJournaldModal=v,document.getElementById("view-journald-logs")?.addEventListener("click",v)})(),(function(){injectModal("snapshot-modal",`<div id="snapshot-modal" class="weather-modal">
|
|
|
|
|
`);const E=document.getElementById("journald-modal"),j=document.getElementById("jd-unit-select"),h=document.getElementById("jd-search"),P=document.getElementById("jd-tail"),A=document.getElementById("jd-refresh"),D=document.getElementById("jd-stream"),R=document.getElementById("jd-clear-search"),y=document.getElementById("jd-close"),$=document.getElementById("jd-close-btn"),k=document.getElementById("jd-content"),H=document.getElementById("jd-line-count"),T=document.getElementById("jd-filter-count"),z=document.getElementById("jd-overflow"),C=document.getElementById("jd-unit-display"),M=document.getElementById("jd-stream-state");let b=!1,d=[],v=!1,S=null,O=null;function m(p){const t=document.createElement("div");return t.textContent=String(p),t.innerHTML}function f(p){b=p,j.innerHTML="",x.forEach(t=>{const e=document.createElement("option");e.value=t.unit,e.textContent=t.label+" ("+t.unit+")",j.appendChild(e)}),j.disabled=!p,p?(A.disabled=!1,D.disabled=!1):(k.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">journald bind-mount not available in this container.<br/><small>Requires <code>/var/log/journal</code> + <code>/usr/bin/journalctl</code> mounted (start.sh).</small></div>',A.disabled=!0,D.disabled=!0)}async function B(){try{const p=await fetch("/api/v1/logs/journal/units");if(!p.ok){f(!1);return}const t=await p.json();f(!!t.available)}catch{f(!1)}}function w(){const p=(h.value||"").trim().toLowerCase(),t=p?d.filter(e=>(e.textContent||"").toLowerCase().includes(p)):d;if(t.length===0)k.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">No entries'+(p?` matching "${m(p)}"`:"")+"</div>";else{const e=t.map(n=>{const r=n.timestamp?m(n.timestamp):"\u2014",a=m(n.textContent);return`<div class="jd-line" style="padding: 1px 0; line-height: 1.4; color: #d4d4d4;"><span style="color: var(--muted); margin-right: 8px;">${r}</span>${a}</div>`}).join("");k.innerHTML=e,k.scrollHeight-k.scrollTop-k.clientHeight<80&&(k.scrollTop=k.scrollHeight)}H.textContent=`${d.length} entries`,T.textContent=p?`${t.length} of ${d.length} shown`:`${d.length} shown`}async function L(){if(!b)return;u();const p=j.value;if(!p)return;const t=Math.max(1,Math.min(5e3,Number(P.value)||200)),e=(h.value||"").trim();k.innerHTML='<div class="logs-loading" style="color: var(--muted); text-align: center; padding: 40px;">Loading\u2026</div>';try{const s=new URL("/api/v1/logs/journal",window.location.origin);s.searchParams.set("unit",p),s.searchParams.set("tail",String(t)),e&&s.searchParams.set("search",e);const n=await fetch(s.toString()),r=await n.json();if(!n.ok||!r.success){k.innerHTML='<div class="logs-loading" style="color: var(--bad-fg, #ef4444); text-align: center; padding: 40px;">Failed: '+m(r&&r.error||"HTTP "+n.status)+"</div>";return}C.textContent=p,d=(r.entries||[]).map(a=>({timestamp:a.timestamp,unit:a.unit,textContent:a.text||""})),z.style.display="none",w()}catch(s){k.innerHTML='<div class="logs-loading" style="color: var(--bad-fg, #ef4444); text-align: center; padding: 40px;">Error: '+m(s.message)+"</div>"}}function o(){if(!b)return;u();const p=j.value;if(!p)return;const t=(h.value||"").trim();C.textContent=p,D.textContent="\u23F8 Stop",D.classList.add("streaming"),M.textContent="streaming",M.style.color="var(--ok-fg, #4ade80)",d=[],w(),z.style.display="none";const e=new URL("/api/v1/logs/journal/stream",window.location.origin);e.searchParams.set("unit",p),t&&e.searchParams.set("search",t),S=new EventSource(e.toString()),S.onmessage=s=>{try{const n=JSON.parse(s.data);if(n.error){/stream (exceeded|line cap)/.test(n.error)&&(z.style.display="",u()),k.innerHTML+='<div class="jd-line" style="color: var(--bad-fg, #ef4444); padding: 4px 0;">\u26A0 '+m(n.error)+"</div>",k.scrollTop=k.scrollHeight;return}d.push({timestamp:n.timestamp,unit:n.unit||p,textContent:n.text||""}),d.length>5e3&&(d=d.slice(d.length-5e3),z.style.display=""),w()}catch{}},S.onerror=()=>{},v=!0}function u(){if(v=!1,S){try{S.close()}catch{}S=null}D.textContent="\u25B6 Stream",D.classList.remove("streaming"),M.textContent="disconnected",M.style.color="var(--muted)"}function l(){u(),E.classList.remove("show")}A.addEventListener("click",L),D.addEventListener("click",()=>v?u():o()),R.addEventListener("click",()=>{h.value="",w()}),h.addEventListener("input",()=>{clearTimeout(O),O=setTimeout(w,200)}),h.addEventListener("keydown",p=>{p.key==="Escape"&&(h.value="",w())}),y.addEventListener("click",l),$.addEventListener("click",l),E.addEventListener("click",p=>{p.target===E&&l()}),document.addEventListener("keydown",p=>{p.key==="Escape"&&E.classList.contains("show")&&l()}),j.addEventListener("change",()=>{d.length>0&&L()});function g(){E.classList.add("show"),B()}window.openJournaldModal=g,document.getElementById("view-journald-logs")?.addEventListener("click",g)})(),(function(){injectModal("snapshot-modal",`<div id="snapshot-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 700px; max-width: 850px;">
|
|
|
|
|
<h3>\u{1F4BE} Container Snapshots</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -752,7 +752,7 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="snapshot-close">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("snapshot-modal"),B=document.getElementById("snapshot-btn"),j=document.getElementById("snapshot-close"),b=document.getElementById("snapshot-container-select"),D=document.getElementById("snapshot-details"),A=document.getElementById("snapshot-create-btn"),P=document.getElementById("snapshot-create-status");let R=null;async function k(){try{const x=await(await fetch("/api/v1/containers")).json();if(!x.success||!x.containers)return;b.innerHTML='<option value="">-- Select a container --</option>';for(const I of x.containers){const H=document.createElement("option");H.value=I.id,H.textContent=`${I.name||I.id} (${I.image||"unknown"})`,H.dataset.name=I.name,H.dataset.image=I.image,H.dataset.status=I.status,H.dataset.created=I.created,b.appendChild(H)}}catch(N){console.error("Failed to load containers:",N)}}function M(N){if(!N||!N.value){D.style.display="none",R=null;return}R=N.value,document.getElementById("snapshot-image").textContent=N.dataset.image||"-",document.getElementById("snapshot-status").textContent=N.dataset.status||"-",document.getElementById("snapshot-created").textContent=N.dataset.created?new Date(N.dataset.created*1e3).toLocaleString():"-",document.getElementById("snapshot-id").textContent=N.value.substring(0,12),D.style.display=""}async function E(){if(!R){P.textContent="Please select a container first",P.style.color="var(--bad-fg)";return}const N=document.getElementById("snapshot-name").value.trim();if(!N){P.textContent="Please enter a snapshot name",P.style.color="var(--bad-fg)";return}const x=document.getElementById("snapshot-leave-running").checked;A.disabled=!0,A.textContent="Creating...",P.textContent="";try{const H=await(await fetch(`/api/v1/containers/${encodeURIComponent(R)}/checkpoint`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:N,leaveRunning:x})})).json();H.success?(P.textContent=`\u2713 Snapshot "${N}" created successfully`,P.style.color="var(--ok-fg)",document.getElementById("snapshot-name").value=""):(P.textContent=`\u2717 Failed: ${H.error||"Unknown error"}`,P.style.color="var(--bad-fg)")}catch(I){P.textContent=`\u2717 Error: ${I.message}`,P.style.color="var(--bad-fg)"}finally{A.disabled=!1,A.textContent="\u{1F4BE} Create Snapshot"}}function z(){f.classList.add("show"),k()}function C(){f.classList.remove("show"),D.style.display="none",R=null,b.selectedIndex=0}B?.addEventListener("click",z),j?.addEventListener("click",C),wireModal(f,j),b?.addEventListener("change",N=>{const x=b.options[b.selectedIndex];M(x)}),A?.addEventListener("click",E),f?.querySelectorAll(".panel-tab").forEach(N=>{N.addEventListener("click",()=>{f.querySelectorAll(".panel-tab").forEach(x=>x.classList.remove("active")),f.querySelectorAll(".panel-section").forEach(x=>x.classList.remove("active")),N.classList.add("active"),f.querySelector(`#${N.dataset.panel}`).classList.add("active")})})})(),(function(){injectModal("arr-setup-modal",`<div id="arr-setup-modal" class="weather-modal">
|
|
|
|
|
</div>`);const x=document.getElementById("snapshot-modal"),E=document.getElementById("snapshot-btn"),j=document.getElementById("snapshot-close"),h=document.getElementById("snapshot-container-select"),P=document.getElementById("snapshot-details"),A=document.getElementById("snapshot-create-btn"),D=document.getElementById("snapshot-create-status");let R=null;async function y(){try{const C=await(await fetch("/api/v1/containers")).json();if(!C.success||!C.containers)return;h.innerHTML='<option value="">-- Select a container --</option>';for(const M of C.containers){const b=document.createElement("option");b.value=M.id,b.textContent=`${M.name||M.id} (${M.image||"unknown"})`,b.dataset.name=M.name,b.dataset.image=M.image,b.dataset.status=M.status,b.dataset.created=M.created,h.appendChild(b)}}catch(z){console.error("Failed to load containers:",z)}}function $(z){if(!z||!z.value){P.style.display="none",R=null;return}R=z.value,document.getElementById("snapshot-image").textContent=z.dataset.image||"-",document.getElementById("snapshot-status").textContent=z.dataset.status||"-",document.getElementById("snapshot-created").textContent=z.dataset.created?new Date(z.dataset.created*1e3).toLocaleString():"-",document.getElementById("snapshot-id").textContent=z.value.substring(0,12),P.style.display=""}async function k(){if(!R){D.textContent="Please select a container first",D.style.color="var(--bad-fg)";return}const z=document.getElementById("snapshot-name").value.trim();if(!z){D.textContent="Please enter a snapshot name",D.style.color="var(--bad-fg)";return}const C=document.getElementById("snapshot-leave-running").checked;A.disabled=!0,A.textContent="Creating...",D.textContent="";try{const b=await(await fetch(`/api/v1/containers/${encodeURIComponent(R)}/checkpoint`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:z,leaveRunning:C})})).json();b.success?(D.textContent=`\u2713 Snapshot "${z}" created successfully`,D.style.color="var(--ok-fg)",document.getElementById("snapshot-name").value=""):(D.textContent=`\u2717 Failed: ${b.error||"Unknown error"}`,D.style.color="var(--bad-fg)")}catch(M){D.textContent=`\u2717 Error: ${M.message}`,D.style.color="var(--bad-fg)"}finally{A.disabled=!1,A.textContent="\u{1F4BE} Create Snapshot"}}function H(){x.classList.add("show"),y()}function T(){x.classList.remove("show"),P.style.display="none",R=null,h.selectedIndex=0}E?.addEventListener("click",H),j?.addEventListener("click",T),wireModal(x,j),h?.addEventListener("change",z=>{const C=h.options[h.selectedIndex];$(C)}),A?.addEventListener("click",k),x?.querySelectorAll(".panel-tab").forEach(z=>{z.addEventListener("click",()=>{x.querySelectorAll(".panel-tab").forEach(C=>C.classList.remove("active")),x.querySelectorAll(".panel-section").forEach(C=>C.classList.remove("active")),z.classList.add("active"),x.querySelector(`#${z.dataset.panel}`).classList.add("active")})})})(),(function(){injectModal("arr-setup-modal",`<div id="arr-setup-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 600px; max-width: 720px;">
|
|
|
|
|
<h3>\u{1F3AC} Smart Arr Connect</h3>
|
|
|
|
|
<p style="color: var(--muted); margin: 0 0 16px; font-size: 0.9rem;">
|
|
|
|
@@ -831,73 +831,73 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="arr-setup-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("arr-setup-modal"),B=document.getElementById("arr-setup-btn"),j=document.getElementById("arr-setup-cancel"),b=document.getElementById("smart-connect-btn"),D=document.getElementById("smart-phase-detect"),A=document.getElementById("smart-phase-credentials"),P=document.getElementById("smart-phase-progress"),R=document.getElementById("smart-phase-results"),k=document.getElementById("smart-detect-results"),M=document.getElementById("smart-credential-inputs"),E=document.getElementById("smart-progress-steps"),z=document.getElementById("smart-results-content"),C=document.getElementById("smart-plex-libraries"),N=document.getElementById("smart-retry-btn");let x=null;const I={plex:"\u{1F3AC}",radarr:"\u{1F3AC}",sonarr:"\u{1F4FA}",prowlarr:"\u{1F50D}",seerr:"\u{1F4CB}"},H={plex:"Plex",radarr:"Radarr (Movies)",sonarr:"Sonarr (TV)",prowlarr:"Prowlarr (Indexers)",seerr:"Seerr"};function m(y){D.style.display=y==="detect"?"block":"none",A.style.display=y==="credentials"?"block":"none",P.style.display=y==="progress"?"block":"none",R.style.display=y==="results"?"block":"none"}function L(y){const w={connected:{bg:"var(--ok-fg)",icon:"✓",text:"Connected"},needs_key:{bg:"#f39c12",icon:"🔑",text:"Needs API Key"},not_found:{bg:"var(--muted)",icon:"—",text:"Not Found"},error:{bg:"var(--bad-fg)",icon:"✗",text:"Error"}},s=w[y]||w.not_found;return`<span style="display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; background: color-mix(in srgb, ${s.bg} 20%, transparent); color: ${s.bg};">${s.icon} ${s.text}</span>`}async function T(){m("detect"),k.style.display="none";try{if(x=await(await fetch("/api/v1/arr/smart-detect")).json(),!x.success){k.innerHTML=`<div style="padding: 12px; color: var(--bad-fg);">Detection failed: ${escapeHtml(x.error)}</div>`,k.style.display="block";return}let w='<div style="display: flex; flex-direction: column; gap: 8px;">';for(const[p,l]of Object.entries(x.services)){const v=I[p]||"\u{1F4E6}",c=H[p]||p,t=l.source?`<span style="font-size: 0.7rem; color: var(--muted); padding: 1px 6px; background: var(--card-bg); border-radius: 3px;">${escapeHtml(l.source)}</span>`:"",e=l.version?`<span style="font-size: 0.7rem; color: var(--muted);">v${escapeHtml(l.version)}</span>`:"",a=(l.hasApiKey||l.hasToken)&&l.status==="connected"?'<span style="font-size: 0.7rem; color: var(--ok-fg);">Key saved</span>':"";w+=`<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<span style="font-size: 1.1rem;">${v}</span>
|
|
|
|
|
</div>`);const x=document.getElementById("arr-setup-modal"),E=document.getElementById("arr-setup-btn"),j=document.getElementById("arr-setup-cancel"),h=document.getElementById("smart-connect-btn"),P=document.getElementById("smart-phase-detect"),A=document.getElementById("smart-phase-credentials"),D=document.getElementById("smart-phase-progress"),R=document.getElementById("smart-phase-results"),y=document.getElementById("smart-detect-results"),$=document.getElementById("smart-credential-inputs"),k=document.getElementById("smart-progress-steps"),H=document.getElementById("smart-results-content"),T=document.getElementById("smart-plex-libraries"),z=document.getElementById("smart-retry-btn");let C=null;const M={plex:"\u{1F3AC}",radarr:"\u{1F3AC}",sonarr:"\u{1F4FA}",prowlarr:"\u{1F50D}",seerr:"\u{1F4CB}"},b={plex:"Plex",radarr:"Radarr (Movies)",sonarr:"Sonarr (TV)",prowlarr:"Prowlarr (Indexers)",seerr:"Seerr"};function d(w){P.style.display=w==="detect"?"block":"none",A.style.display=w==="credentials"?"block":"none",D.style.display=w==="progress"?"block":"none",R.style.display=w==="results"?"block":"none"}function v(w){const L={connected:{bg:"var(--ok-fg)",icon:"✓",text:"Connected"},needs_key:{bg:"#f39c12",icon:"🔑",text:"Needs API Key"},not_found:{bg:"var(--muted)",icon:"—",text:"Not Found"},error:{bg:"var(--bad-fg)",icon:"✗",text:"Error"}},o=L[w]||L.not_found;return`<span style="display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; background: color-mix(in srgb, ${o.bg} 20%, transparent); color: ${o.bg};">${o.icon} ${o.text}</span>`}async function S(){d("detect"),y.style.display="none";try{if(C=await(await fetch("/api/v1/arr/smart-detect")).json(),!C.success){y.innerHTML=`<div style="padding: 12px; color: var(--bad-fg);">Detection failed: ${escapeHtml(C.error)}</div>`,y.style.display="block";return}let L='<div style="display: flex; flex-direction: column; gap: 8px;">';for(const[u,l]of Object.entries(C.services)){const g=M[u]||"\u{1F4E6}",p=b[u]||u,t=l.source?`<span style="font-size: 0.7rem; color: var(--muted); padding: 1px 6px; background: var(--card-bg); border-radius: 3px;">${escapeHtml(l.source)}</span>`:"",e=l.version?`<span style="font-size: 0.7rem; color: var(--muted);">v${escapeHtml(l.version)}</span>`:"",s=(l.hasApiKey||l.hasToken)&&l.status==="connected"?'<span style="font-size: 0.7rem; color: var(--ok-fg);">Key saved</span>':"";L+=`<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<span style="font-size: 1.1rem;">${g}</span>
|
|
|
|
|
<div style="flex: 1;">
|
|
|
|
|
<div style="font-weight: 500; font-size: 0.9rem;">${c}</div>
|
|
|
|
|
<div style="font-weight: 500; font-size: 0.9rem;">${p}</div>
|
|
|
|
|
<div style="display: flex; gap: 6px; align-items: center; flex-wrap: wrap;">
|
|
|
|
|
${t} ${e} ${a}
|
|
|
|
|
${t} ${e} ${s}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
${L(l.status)}
|
|
|
|
|
</div>`}w+="</div>";const s=x.summary;w+=`<div style="margin-top: 12px; padding: 10px; background: color-mix(in srgb, var(--accent) 8%, transparent); border-radius: 8px; font-size: 0.85rem;">
|
|
|
|
|
${escapeHtml(String(s.fullyConnected))}/${escapeHtml(String(s.totalDetected+(5-s.totalDetected)))} services detected ·
|
|
|
|
|
${escapeHtml(String(s.fullyConnected))} connected${s.needsApiKey>0?` · <strong>${escapeHtml(String(s.needsApiKey))} needs API key</strong>`:""}
|
|
|
|
|
</div>`,k.innerHTML=w,k.style.display="block",O(x),setTimeout(()=>{m("credentials")},800)}catch(y){k.innerHTML=`<div style="padding: 12px; color: var(--bad-fg);">Error: ${escapeHtml(y.message)}</div>`,k.style.display="block"}}function O(y){let w="";const s=y.services,p=["radarr","sonarr","prowlarr"];for(const c of p){const t=s[c];if(!t||t.status==="not_found"&&!t.url)continue;const e=I[c],a=H[c],o=t.status==="connected";w+=`<div style="margin-bottom: 10px; padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid ${o?"var(--ok-fg)":"var(--border)"};">
|
|
|
|
|
${v(l.status)}
|
|
|
|
|
</div>`}L+="</div>";const o=C.summary;L+=`<div style="margin-top: 12px; padding: 10px; background: color-mix(in srgb, var(--accent) 8%, transparent); border-radius: 8px; font-size: 0.85rem;">
|
|
|
|
|
${escapeHtml(String(o.fullyConnected))}/${escapeHtml(String(o.totalDetected+(5-o.totalDetected)))} services detected ·
|
|
|
|
|
${escapeHtml(String(o.fullyConnected))} connected${o.needsApiKey>0?` · <strong>${escapeHtml(String(o.needsApiKey))} needs API key</strong>`:""}
|
|
|
|
|
</div>`,y.innerHTML=L,y.style.display="block",O(C),setTimeout(()=>{d("credentials")},800)}catch(w){y.innerHTML=`<div style="padding: 12px; color: var(--bad-fg);">Error: ${escapeHtml(w.message)}</div>`,y.style.display="block"}}function O(w){let L="";const o=w.services,u=["radarr","sonarr","prowlarr"];for(const p of u){const t=o[p];if(!t||t.status==="not_found"&&!t.url)continue;const e=M[p],s=b[p],n=t.status==="connected";L+=`<div style="margin-bottom: 10px; padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid ${n?"var(--ok-fg)":"var(--border)"};">
|
|
|
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
|
|
|
|
|
<span style="font-size: 1.1rem;">${e}</span>
|
|
|
|
|
<span style="font-weight: 500;">${a}</span>
|
|
|
|
|
<span id="smart-${c}-status" style="margin-left: auto; font-size: 0.75rem;">
|
|
|
|
|
${o?'<span style="color: var(--ok-fg);">✓ Connected</span>':""}
|
|
|
|
|
<span style="font-weight: 500;">${s}</span>
|
|
|
|
|
<span id="smart-${p}-status" style="margin-left: auto; font-size: 0.75rem;">
|
|
|
|
|
${n?'<span style="color: var(--ok-fg);">✓ Connected</span>':""}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 8px;">
|
|
|
|
|
<div>
|
|
|
|
|
<label style="font-size: 0.75rem; color: var(--muted);">URL:</label>
|
|
|
|
|
<input type="text" id="smart-${c}-url" value="${escapeHtml(t.url||"")}" placeholder="https://seedbox.com/${c}/"
|
|
|
|
|
<input type="text" id="smart-${p}-url" value="${escapeHtml(t.url||"")}" placeholder="https://seedbox.com/${p}/"
|
|
|
|
|
style="width: 100%; font-size: 0.85rem; padding: 6px 8px; background: var(--card-bg); color: var(--fg); border: 1px solid var(--border); border-radius: 4px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label style="font-size: 0.75rem; color: var(--muted);">API Key:</label>
|
|
|
|
|
<input type="password" id="smart-${c}-key" placeholder="${o?"(saved)":"Paste API key"}"
|
|
|
|
|
<input type="password" id="smart-${p}-key" placeholder="${n?"(saved)":"Paste API key"}"
|
|
|
|
|
style="width: 100%; font-size: 0.85rem; padding: 6px 8px; background: var(--card-bg); color: var(--fg); border: 1px solid var(--border); border-radius: 4px;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button onclick="smartTestConnection('${c}')" style="margin-top: 8px; padding: 4px 12px; font-size: 0.75rem; cursor: pointer;">Test</button>
|
|
|
|
|
</div>`}const l=s.plex;if(l){const c=l.status==="connected";w+=`<div style="padding: 10px 12px; background: var(--card-base); border-radius: 8px; border: 1px solid ${c?"var(--ok-fg)":"var(--border)"}; margin-bottom: 10px;">
|
|
|
|
|
<button onclick="smartTestConnection('${p}')" style="margin-top: 8px; padding: 4px 12px; font-size: 0.75rem; cursor: pointer;">Test</button>
|
|
|
|
|
</div>`}const l=o.plex;if(l){const p=l.status==="connected";L+=`<div style="padding: 10px 12px; background: var(--card-base); border-radius: 8px; border: 1px solid ${p?"var(--ok-fg)":"var(--border)"}; margin-bottom: 10px;">
|
|
|
|
|
<div style="display: flex; align-items: center; gap: 8px;">
|
|
|
|
|
<span style="font-size: 1.1rem;">\u{1F3AC}</span>
|
|
|
|
|
<span style="font-weight: 500;">Plex</span>
|
|
|
|
|
${L(l.status)}
|
|
|
|
|
${v(l.status)}
|
|
|
|
|
<span style="margin-left: auto; font-size: 0.75rem; color: var(--muted);">${escapeHtml(l.source||"")}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`}const v=s.seerr;if(v){const c=v.status==="connected";let t="";if(v.configuredServices){const e=v.configuredServices;t=`<div style="font-size: 0.75rem; color: var(--muted); margin-top: 4px;">
|
|
|
|
|
</div>`}const g=o.seerr;if(g){const p=g.status==="connected";let t="";if(g.configuredServices){const e=g.configuredServices;t=`<div style="font-size: 0.75rem; color: var(--muted); margin-top: 4px;">
|
|
|
|
|
Configured: ${e.radarr?"✓ Radarr":"✗ Radarr"} ·
|
|
|
|
|
${e.sonarr?"✓ Sonarr":"✗ Sonarr"} ·
|
|
|
|
|
${e.plex?"✓ Plex":"✗ Plex"}
|
|
|
|
|
</div>`}w+=`<div style="padding: 10px 12px; background: var(--card-base); border-radius: 8px; border: 1px solid ${c?"var(--ok-fg)":"var(--border)"};">
|
|
|
|
|
</div>`}L+=`<div style="padding: 10px 12px; background: var(--card-base); border-radius: 8px; border: 1px solid ${p?"var(--ok-fg)":"var(--border)"};">
|
|
|
|
|
<div style="display: flex; align-items: center; gap: 8px;">
|
|
|
|
|
<span style="font-size: 1.1rem;">\u{1F4CB}</span>
|
|
|
|
|
<span style="font-weight: 500;">Seerr</span>
|
|
|
|
|
${L(v.status)}
|
|
|
|
|
${v(g.status)}
|
|
|
|
|
</div>
|
|
|
|
|
${t}
|
|
|
|
|
</div>`}M.innerHTML=w}window.smartTestConnection=async function(y){const w=document.getElementById(`smart-${y}-url`),s=document.getElementById(`smart-${y}-key`),p=document.getElementById(`smart-${y}-status`),l=w?.value.trim(),v=s?.value.trim();if(!l||!v){p.innerHTML='<span style="color: var(--bad-fg);">Enter URL and API key</span>';return}p.innerHTML='<span class="brand-spinner"></span>';try{const t=await(await secureFetch("/api/v1/arr/test-connection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service:y,url:l,apiKey:v})})).json();t.success?p.innerHTML=`<span style="color: var(--ok-fg);">✓ ${escapeHtml(t.appName||"Connected")} v${escapeHtml(t.version||"")}</span>`:p.innerHTML=`<span style="color: var(--bad-fg);">✗ ${escapeHtml(t.error)}</span>`}catch(c){p.innerHTML=`<span style="color: var(--bad-fg);">✗ ${escapeHtml(c.message)}</span>`}};async function u(){m("progress"),E.innerHTML='<div style="text-align: center; padding: 20px;"><span class="brand-spinner"></span><div style="color: var(--muted); margin-top: 8px;">Connecting services...</div></div>';const y={};for(const s of["radarr","sonarr","prowlarr"]){const p=document.getElementById(`smart-${s}-url`)?.value.trim(),l=document.getElementById(`smart-${s}-key`)?.value.trim();l&&p?y[s]={apiKey:l,url:p}:l&&(y[s]={apiKey:l})}const w={services:Object.keys(y).length>0?y:void 0,configurePlex:document.getElementById("smart-opt-plex")?.checked,configureProwlarr:document.getElementById("smart-opt-prowlarr")?.checked,configureSeerr:document.getElementById("smart-opt-seerr")?.checked,saveCredentials:document.getElementById("smart-opt-save")?.checked};try{const p=await(await secureFetch("/api/v1/arr/smart-connect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(w)})).json();let l="";for(const v of p.steps||[]){const c=v.status==="success"?'<span style="color: var(--ok-fg);">✓</span>':'<span style="color: var(--bad-fg);">✗</span>',t=v.status==="success"?"var(--muted)":"var(--bad-fg)";l+=`<div style="display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: var(--card-base); border-radius: 6px; font-size: 0.85rem;">
|
|
|
|
|
${c}
|
|
|
|
|
<span>${escapeHtml(v.step)}</span>
|
|
|
|
|
<span style="margin-left: auto; font-size: 0.75rem; color: ${t};">${escapeHtml(v.details||"")}</span>
|
|
|
|
|
</div>`}E.innerHTML=l,setTimeout(()=>g(p),500)}catch(s){E.innerHTML=`<div style="padding: 12px; color: var(--bad-fg);">Connection error: ${escapeHtml(s.message)}</div>`}}function g(y){m("results");const w=y.summary||{},s=w.failed===0&&w.succeeded>0,p=s?"var(--ok-fg)":"#f39c12",l=s?"✓":"⚠",v=s?"All Connected!":`${escapeHtml(String(w.succeeded))}/${escapeHtml(String(w.totalSteps))} Steps Succeeded`;let c=`<div style="text-align: center; padding: 16px; background: color-mix(in srgb, ${p} 12%, transparent); border-radius: 10px; border: 1px solid ${p}; margin-bottom: 12px;">
|
|
|
|
|
<div style="font-size: 1.5rem; color: ${p};">${l}</div>
|
|
|
|
|
<div style="font-size: 1.1rem; font-weight: 600; color: ${p};">${v}</div>
|
|
|
|
|
<div style="font-size: 0.85rem; color: var(--muted); margin-top: 4px;">${escapeHtml(String(w.succeeded))} succeeded, ${escapeHtml(String(w.failed))} failed</div>
|
|
|
|
|
</div>`;c+='<div style="display: flex; flex-direction: column; gap: 4px;">';for(const t of y.steps||[]){const e=t.status==="success"?'<span style="color: var(--ok-fg);">✓</span>':'<span style="color: var(--bad-fg);">✗</span>';c+=`<div style="display: flex; align-items: center; gap: 8px; padding: 4px 8px; font-size: 0.8rem;">
|
|
|
|
|
</div>`}$.innerHTML=L}window.smartTestConnection=async function(w){const L=document.getElementById(`smart-${w}-url`),o=document.getElementById(`smart-${w}-key`),u=document.getElementById(`smart-${w}-status`),l=L?.value.trim(),g=o?.value.trim();if(!l||!g){u.innerHTML='<span style="color: var(--bad-fg);">Enter URL and API key</span>';return}u.innerHTML='<span class="brand-spinner"></span>';try{const t=await(await secureFetch("/api/v1/arr/test-connection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service:w,url:l,apiKey:g})})).json();t.success?u.innerHTML=`<span style="color: var(--ok-fg);">✓ ${escapeHtml(t.appName||"Connected")} v${escapeHtml(t.version||"")}</span>`:u.innerHTML=`<span style="color: var(--bad-fg);">✗ ${escapeHtml(t.error)}</span>`}catch(p){u.innerHTML=`<span style="color: var(--bad-fg);">✗ ${escapeHtml(p.message)}</span>`}};async function m(){d("progress"),k.innerHTML='<div style="text-align: center; padding: 20px;"><span class="brand-spinner"></span><div style="color: var(--muted); margin-top: 8px;">Connecting services...</div></div>';const w={};for(const o of["radarr","sonarr","prowlarr"]){const u=document.getElementById(`smart-${o}-url`)?.value.trim(),l=document.getElementById(`smart-${o}-key`)?.value.trim();l&&u?w[o]={apiKey:l,url:u}:l&&(w[o]={apiKey:l})}const L={services:Object.keys(w).length>0?w:void 0,configurePlex:document.getElementById("smart-opt-plex")?.checked,configureProwlarr:document.getElementById("smart-opt-prowlarr")?.checked,configureSeerr:document.getElementById("smart-opt-seerr")?.checked,saveCredentials:document.getElementById("smart-opt-save")?.checked};try{const u=await(await secureFetch("/api/v1/arr/smart-connect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(L)})).json();let l="";for(const g of u.steps||[]){const p=g.status==="success"?'<span style="color: var(--ok-fg);">✓</span>':'<span style="color: var(--bad-fg);">✗</span>',t=g.status==="success"?"var(--muted)":"var(--bad-fg)";l+=`<div style="display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: var(--card-base); border-radius: 6px; font-size: 0.85rem;">
|
|
|
|
|
${p}
|
|
|
|
|
<span>${escapeHtml(g.step)}</span>
|
|
|
|
|
<span style="margin-left: auto; font-size: 0.75rem; color: ${t};">${escapeHtml(g.details||"")}</span>
|
|
|
|
|
</div>`}k.innerHTML=l,setTimeout(()=>f(u),500)}catch(o){k.innerHTML=`<div style="padding: 12px; color: var(--bad-fg);">Connection error: ${escapeHtml(o.message)}</div>`}}function f(w){d("results");const L=w.summary||{},o=L.failed===0&&L.succeeded>0,u=o?"var(--ok-fg)":"#f39c12",l=o?"✓":"⚠",g=o?"All Connected!":`${escapeHtml(String(L.succeeded))}/${escapeHtml(String(L.totalSteps))} Steps Succeeded`;let p=`<div style="text-align: center; padding: 16px; background: color-mix(in srgb, ${u} 12%, transparent); border-radius: 10px; border: 1px solid ${u}; margin-bottom: 12px;">
|
|
|
|
|
<div style="font-size: 1.5rem; color: ${u};">${l}</div>
|
|
|
|
|
<div style="font-size: 1.1rem; font-weight: 600; color: ${u};">${g}</div>
|
|
|
|
|
<div style="font-size: 0.85rem; color: var(--muted); margin-top: 4px;">${escapeHtml(String(L.succeeded))} succeeded, ${escapeHtml(String(L.failed))} failed</div>
|
|
|
|
|
</div>`;p+='<div style="display: flex; flex-direction: column; gap: 4px;">';for(const t of w.steps||[]){const e=t.status==="success"?'<span style="color: var(--ok-fg);">✓</span>':'<span style="color: var(--bad-fg);">✗</span>';p+=`<div style="display: flex; align-items: center; gap: 8px; padding: 4px 8px; font-size: 0.8rem;">
|
|
|
|
|
${e} ${escapeHtml(t.step)} <span style="margin-left: auto; color: var(--muted); font-size: 0.75rem;">${escapeHtml(t.details||"")}</span>
|
|
|
|
|
</div>`}c+="</div>",z.innerHTML=c,N.style.display=w.failed>0?"block":"none",y.steps?.some(t=>t.step.includes("Plex")&&t.status==="success")&&S()}async function S(){try{const w=await(await fetch("/api/v1/plex/libraries")).json();if(w.success&&w.libraries?.length>0){let s=`<div style="padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<h4 style="margin: 0 0 8px; font-size: 0.85rem; color: var(--accent);">\u{1F3AC} ${escapeHtml(w.serverName)} Libraries</h4>
|
|
|
|
|
<div style="display: flex; flex-wrap: wrap; gap: 8px;">`;for(const p of w.libraries){const l=p.type==="movie"?"\u{1F3AC}":p.type==="show"?"\u{1F4FA}":"\u{1F3B5}";s+=`<div style="padding: 8px 12px; background: var(--card-bg); border-radius: 6px; font-size: 0.85rem;">
|
|
|
|
|
${l} <strong>${escapeHtml(p.title)}</strong>
|
|
|
|
|
<span style="color: var(--muted); font-size: 0.75rem;">${escapeHtml(String(p.count))} items</span>
|
|
|
|
|
</div>`}s+="</div></div>",C.innerHTML=s,C.style.display="block"}}catch{}}B?.addEventListener("click",()=>{f.classList.add("show"),C.style.display="none",T()}),wireModal(f,j),b?.addEventListener("click",u),N?.addEventListener("click",u)})(),(function(){const f=new ErrorHandler;injectModal("notifications-modal",`<div id="notifications-modal" class="weather-modal">
|
|
|
|
|
</div>`}p+="</div>",H.innerHTML=p,z.style.display=L.failed>0?"block":"none",w.steps?.some(t=>t.step.includes("Plex")&&t.status==="success")&&B()}async function B(){try{const L=await(await fetch("/api/v1/plex/libraries")).json();if(L.success&&L.libraries?.length>0){let o=`<div style="padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<h4 style="margin: 0 0 8px; font-size: 0.85rem; color: var(--accent);">\u{1F3AC} ${escapeHtml(L.serverName)} Libraries</h4>
|
|
|
|
|
<div style="display: flex; flex-wrap: wrap; gap: 8px;">`;for(const u of L.libraries){const l=u.type==="movie"?"\u{1F3AC}":u.type==="show"?"\u{1F4FA}":"\u{1F3B5}";o+=`<div style="padding: 8px 12px; background: var(--card-bg); border-radius: 6px; font-size: 0.85rem;">
|
|
|
|
|
${l} <strong>${escapeHtml(u.title)}</strong>
|
|
|
|
|
<span style="color: var(--muted); font-size: 0.75rem;">${escapeHtml(String(u.count))} items</span>
|
|
|
|
|
</div>`}o+="</div></div>",T.innerHTML=o,T.style.display="block"}}catch{}}E?.addEventListener("click",()=>{x.classList.add("show"),T.style.display="none",S()}),wireModal(x,j),h?.addEventListener("click",m),z?.addEventListener("click",m)})(),(function(){const x=new ErrorHandler;injectModal("notifications-modal",`<div id="notifications-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 550px; max-width: 650px;">
|
|
|
|
|
<h3>\u{1F514} Notification Settings</h3>
|
|
|
|
|
|
|
|
|
@@ -1109,15 +1109,15 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="notifications-save" class="btn-accent">Save Settings</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const B=document.getElementById("notifications-modal"),j=document.getElementById("manage-notifications"),b=document.getElementById("notifications-save"),D=document.getElementById("notifications-cancel");["discord","telegram","ntfy","email"].forEach(C=>{const N=document.getElementById(`${C}-enabled`),x=document.getElementById(`${C}-config`);N?.addEventListener("change",()=>{x.style.display=N.checked?"block":"none"})});const A=document.getElementById("health-check-enabled"),P=document.getElementById("health-check-config");A?.addEventListener("change",()=>{P.style.opacity=A.checked?"1":"0.5"});async function R(){try{const N=await(await fetch("/api/v1/notifications/config")).json();if(N.success){const x=N.config;document.getElementById("notifications-enabled").checked=x.enabled,document.getElementById("discord-enabled").checked=x.providers?.discord?.enabled||!1,document.getElementById("telegram-enabled").checked=x.providers?.telegram?.enabled||!1,document.getElementById("ntfy-enabled").checked=x.providers?.ntfy?.enabled||!1,document.getElementById("email-enabled").checked=x.providers?.email?.enabled||!1,document.getElementById("discord-config").style.display=x.providers?.discord?.enabled?"block":"none",document.getElementById("telegram-config").style.display=x.providers?.telegram?.enabled?"block":"none",document.getElementById("ntfy-config").style.display=x.providers?.ntfy?.enabled?"block":"none",document.getElementById("email-config").style.display=x.providers?.email?.enabled?"block":"none",x.providers?.ntfy?.serverUrl&&(document.getElementById("ntfy-server").value=x.providers.ntfy.serverUrl),x.providers?.email?.host&&(document.getElementById("email-host").value=x.providers.email.host),x.providers?.email?.from&&(document.getElementById("email-from").value=x.providers.email.from),x.providers?.email?.to&&(document.getElementById("email-to").value=x.providers.email.to),x.providers?.email?.port&&(document.getElementById("email-port").value=x.providers.email.port),x.providers?.email?.secure!==void 0&&(document.getElementById("email-secure").checked=x.providers.email.secure===!0),x.providers?.email?.username&&(document.getElementById("email-user").value=x.providers.email.username);const I=document.getElementById("email-pass");x.providers?.email?.hasPassword?(I.value="",I.placeholder="saved \u2014 leave blank to keep"):I.placeholder="app password",document.getElementById("health-check-enabled").checked=x.healthCheck?.enabled||!1,x.healthCheck?.intervalMinutes&&(document.getElementById("health-check-interval").value=x.healthCheck.intervalMinutes),x.healthCheck?.lastCheck&&(document.getElementById("health-check-status").textContent=`Last check: ${new Date(x.healthCheck.lastCheck).toLocaleString()}`),document.getElementById("event-container-down").checked=x.events?.["container-down"]!==!1,document.getElementById("event-container-up").checked=x.events?.["container-up"]===!0,document.getElementById("event-deploy-success").checked=x.events?.["deploy-success"]!==!1,document.getElementById("event-deploy-failed").checked=x.events?.["deploy-failed"]!==!1,document.getElementById("event-ssl-cert-expiry").checked=x.events?.["ssl-cert-expiry"]!==!1,document.getElementById("event-dns-propagation").checked=x.events?.["dns-propagation"]!==!1,document.getElementById("event-drift-detected").checked=x.events?.["drift-detected"]!==!1,document.getElementById("event-dependency-restart").checked=x.events?.["dependency-restart"]!==!1,document.getElementById("event-recipe-removed").checked=x.events?.["recipe-removed"]!==!1,document.getElementById("event-workflow").checked=x.events?.workflow!==!1,document.getElementById("event-backup-complete").checked=x.events?.["backup-complete"]!==!1,document.getElementById("event-backup-failed").checked=x.events?.["backup-failed"]!==!1,document.getElementById("event-update-available").checked=x.events?.["update-available"]!==!1,document.getElementById("event-resource-alert").checked=x.events?.alert!==!1}}catch(C){f.logError("[Notifications] Load Config",C,{function:"loadConfig"})}}async function k(){try{const N=await(await fetch("/api/v1/notifications/history?limit=10")).json(),x=document.getElementById("notification-history");N.success&&N.history?.length>0?x.innerHTML=N.history.map(I=>{const H=new Date(I.timestamp).toLocaleString();return`
|
|
|
|
|
</div>`);const E=document.getElementById("notifications-modal"),j=document.getElementById("manage-notifications"),h=document.getElementById("notifications-save"),P=document.getElementById("notifications-cancel");["discord","telegram","ntfy","email"].forEach(T=>{const z=document.getElementById(`${T}-enabled`),C=document.getElementById(`${T}-config`);z?.addEventListener("change",()=>{C.style.display=z.checked?"block":"none"})});const A=document.getElementById("health-check-enabled"),D=document.getElementById("health-check-config");A?.addEventListener("change",()=>{D.style.opacity=A.checked?"1":"0.5"});async function R(){try{const z=await(await fetch("/api/v1/notifications/config")).json();if(z.success){const C=z.config;document.getElementById("notifications-enabled").checked=C.enabled,document.getElementById("discord-enabled").checked=C.providers?.discord?.enabled||!1,document.getElementById("telegram-enabled").checked=C.providers?.telegram?.enabled||!1,document.getElementById("ntfy-enabled").checked=C.providers?.ntfy?.enabled||!1,document.getElementById("email-enabled").checked=C.providers?.email?.enabled||!1,document.getElementById("discord-config").style.display=C.providers?.discord?.enabled?"block":"none",document.getElementById("telegram-config").style.display=C.providers?.telegram?.enabled?"block":"none",document.getElementById("ntfy-config").style.display=C.providers?.ntfy?.enabled?"block":"none",document.getElementById("email-config").style.display=C.providers?.email?.enabled?"block":"none",C.providers?.ntfy?.serverUrl&&(document.getElementById("ntfy-server").value=C.providers.ntfy.serverUrl),C.providers?.email?.host&&(document.getElementById("email-host").value=C.providers.email.host),C.providers?.email?.from&&(document.getElementById("email-from").value=C.providers.email.from),C.providers?.email?.to&&(document.getElementById("email-to").value=C.providers.email.to),C.providers?.email?.port&&(document.getElementById("email-port").value=C.providers.email.port),C.providers?.email?.secure!==void 0&&(document.getElementById("email-secure").checked=C.providers.email.secure===!0),C.providers?.email?.username&&(document.getElementById("email-user").value=C.providers.email.username);const M=document.getElementById("email-pass");C.providers?.email?.hasPassword?(M.value="",M.placeholder="saved \u2014 leave blank to keep"):M.placeholder="app password",document.getElementById("health-check-enabled").checked=C.healthCheck?.enabled||!1,C.healthCheck?.intervalMinutes&&(document.getElementById("health-check-interval").value=C.healthCheck.intervalMinutes),C.healthCheck?.lastCheck&&(document.getElementById("health-check-status").textContent=`Last check: ${new Date(C.healthCheck.lastCheck).toLocaleString()}`),document.getElementById("event-container-down").checked=C.events?.["container-down"]!==!1,document.getElementById("event-container-up").checked=C.events?.["container-up"]===!0,document.getElementById("event-deploy-success").checked=C.events?.["deploy-success"]!==!1,document.getElementById("event-deploy-failed").checked=C.events?.["deploy-failed"]!==!1,document.getElementById("event-ssl-cert-expiry").checked=C.events?.["ssl-cert-expiry"]!==!1,document.getElementById("event-dns-propagation").checked=C.events?.["dns-propagation"]!==!1,document.getElementById("event-drift-detected").checked=C.events?.["drift-detected"]!==!1,document.getElementById("event-dependency-restart").checked=C.events?.["dependency-restart"]!==!1,document.getElementById("event-recipe-removed").checked=C.events?.["recipe-removed"]!==!1,document.getElementById("event-workflow").checked=C.events?.workflow!==!1,document.getElementById("event-backup-complete").checked=C.events?.["backup-complete"]!==!1,document.getElementById("event-backup-failed").checked=C.events?.["backup-failed"]!==!1,document.getElementById("event-update-available").checked=C.events?.["update-available"]!==!1,document.getElementById("event-resource-alert").checked=C.events?.alert!==!1}}catch(T){x.logError("[Notifications] Load Config",T,{function:"loadConfig"})}}async function y(){try{const z=await(await fetch("/api/v1/notifications/history?limit=10")).json(),C=document.getElementById("notification-history");z.success&&z.history?.length>0?C.innerHTML=z.history.map(M=>{const b=new Date(M.timestamp).toLocaleString();return`
|
|
|
|
|
<div style="padding: 6px 8px; border-bottom: 1px solid var(--border); display: flex; gap: 8px; align-items: flex-start;">
|
|
|
|
|
<span style="color: ${{success:"var(--ok-fg)",error:"var(--bad-fg)",warning:"#f39c12",info:"var(--accent)"}[I.type]||"var(--muted)"}">${I.type==="success"?"\u2713":I.type==="error"?"\u2717":"\u2139"}</span>
|
|
|
|
|
<span style="color: ${{success:"var(--ok-fg)",error:"var(--bad-fg)",warning:"#f39c12",info:"var(--accent)"}[M.type]||"var(--muted)"}">${M.type==="success"?"\u2713":M.type==="error"?"\u2717":"\u2139"}</span>
|
|
|
|
|
<div style="flex: 1; min-width: 0;">
|
|
|
|
|
<div style="font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${escapeHtml(I.title)}</div>
|
|
|
|
|
<div style="font-size: 0.7rem; color: var(--muted);">${H}</div>
|
|
|
|
|
<div style="font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${escapeHtml(M.title)}</div>
|
|
|
|
|
<div style="font-size: 0.7rem; color: var(--muted);">${b}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`}).join(""):x.innerHTML='<div style="color: var(--muted); text-align: center; padding: 20px;">No notifications yet</div>'}catch(C){f.logError("[Notifications] Load History",C,{function:"loadHistory"})}}async function M(){try{const C={enabled:document.getElementById("notifications-enabled").checked,providers:{discord:{enabled:document.getElementById("discord-enabled").checked,webhookUrl:document.getElementById("discord-webhook").value.trim()},telegram:{enabled:document.getElementById("telegram-enabled").checked,botToken:document.getElementById("telegram-bot-token").value.trim(),chatId:document.getElementById("telegram-chat-id").value.trim()},ntfy:{enabled:document.getElementById("ntfy-enabled").checked,serverUrl:document.getElementById("ntfy-server").value.trim()||"https://ntfy.sh",topic:document.getElementById("ntfy-topic").value.trim()},email:{enabled:document.getElementById("email-enabled").checked,host:document.getElementById("email-host").value.trim(),port:parseInt(document.getElementById("email-port").value)||587,secure:document.getElementById("email-secure").checked,username:document.getElementById("email-user").value.trim(),password:document.getElementById("email-pass").value.trim(),from:document.getElementById("email-from").value.trim(),to:document.getElementById("email-to").value.trim()}},events:{"container-down":document.getElementById("event-container-down").checked,"container-up":document.getElementById("event-container-up").checked,"deploy-success":document.getElementById("event-deploy-success").checked,"deploy-failed":document.getElementById("event-deploy-failed").checked,"ssl-cert-expiry":document.getElementById("event-ssl-cert-expiry").checked,"dns-propagation":document.getElementById("event-dns-propagation").checked,"drift-detected":document.getElementById("event-drift-detected").checked,"dependency-restart":document.getElementById("event-dependency-restart").checked,"recipe-removed":document.getElementById("event-recipe-removed").checked,workflow:document.getElementById("event-workflow").checked,"backup-complete":document.getElementById("event-backup-complete").checked,"backup-failed":document.getElementById("event-backup-failed").checked,"update-available":document.getElementById("event-update-available").checked,alert:document.getElementById("event-resource-alert").checked},healthCheck:{enabled:document.getElementById("health-check-enabled").checked,intervalMinutes:parseInt(document.getElementById("health-check-interval").value)||5}},x=await(await secureFetch("/api/v1/notifications/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})).json();x.success?(showNotification("Notification settings saved","success",3e3),B.classList.remove("show")):showNotification(`Failed to save: ${x.error}`,"error",3e3)}catch(C){showNotification(`Error: ${C.message}`,"error",3e3)}}async function E(C){try{const x=await(await secureFetch("/api/v1/notifications/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:C})})).json();x.success?showNotification(`Test ${C} notification sent!`,"success",3e3):showNotification(`Test failed: ${x.error}`,"error",3e3)}catch(N){showNotification(`Error: ${N.message}`,"error",3e3)}}document.getElementById("discord-test")?.addEventListener("click",()=>E("discord")),document.getElementById("telegram-test")?.addEventListener("click",()=>E("telegram")),document.getElementById("ntfy-test")?.addEventListener("click",()=>E("ntfy")),document.getElementById("email-test")?.addEventListener("click",()=>E("email")),document.getElementById("health-check-now")?.addEventListener("click",async()=>{try{const N=await(await secureFetch("/api/v1/notifications/health-check",{method:"POST"})).json();N.success&&(document.getElementById("health-check-status").textContent=`Last check: ${new Date(N.lastCheck).toLocaleString()} (${N.containersMonitored} containers)`,showNotification("Health check completed","success",2e3))}catch(C){showNotification(`Error: ${C.message}`,"error",3e3)}}),j?.addEventListener("click",()=>{B.classList.add("show"),R(),k()}),b?.addEventListener("click",M),document.getElementById("notifications-send-test")?.addEventListener("click",async()=>{const C=document.getElementById("notifications-send-test"),N=C.textContent;C.textContent="Sending...",C.disabled=!0;try{const I=await(await secureFetch("/api/v1/notifications/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:"test",data:{message:"This is a test notification from DashCaddy."},type:"info"})})).json();I.success?(showNotification("Test notification sent!","success",3e3),z()):showNotification(`Test failed: ${I.results?.map(H=>`${H.provider}: ${H.error||"ok"}`).join(", ")}`,"error",5e3)}catch(x){showNotification(`Error: ${x.message}`,"error",3e3)}finally{C.textContent=N,C.disabled=!1}});async function z(){try{const N=await(await fetch("/api/v1/notifications/status")).json();if(N.success&&N.lastSent){
Line truncated
|
|
|
|
|
`}).join(""):C.innerHTML='<div style="color: var(--muted); text-align: center; padding: 20px;">No notifications yet</div>'}catch(T){x.logError("[Notifications] Load History",T,{function:"loadHistory"})}}async function $(){try{const T={enabled:document.getElementById("notifications-enabled").checked,providers:{discord:{enabled:document.getElementById("discord-enabled").checked,webhookUrl:document.getElementById("discord-webhook").value.trim()},telegram:{enabled:document.getElementById("telegram-enabled").checked,botToken:document.getElementById("telegram-bot-token").value.trim(),chatId:document.getElementById("telegram-chat-id").value.trim()},ntfy:{enabled:document.getElementById("ntfy-enabled").checked,serverUrl:document.getElementById("ntfy-server").value.trim()||"https://ntfy.sh",topic:document.getElementById("ntfy-topic").value.trim()},email:{enabled:document.getElementById("email-enabled").checked,host:document.getElementById("email-host").value.trim(),port:parseInt(document.getElementById("email-port").value)||587,secure:document.getElementById("email-secure").checked,username:document.getElementById("email-user").value.trim(),password:document.getElementById("email-pass").value.trim(),from:document.getElementById("email-from").value.trim(),to:document.getElementById("email-to").value.trim()}},events:{"container-down":document.getElementById("event-container-down").checked,"container-up":document.getElementById("event-container-up").checked,"deploy-success":document.getElementById("event-deploy-success").checked,"deploy-failed":document.getElementById("event-deploy-failed").checked,"ssl-cert-expiry":document.getElementById("event-ssl-cert-expiry").checked,"dns-propagation":document.getElementById("event-dns-propagation").checked,"drift-detected":document.getElementById("event-drift-detected").checked,"dependency-restart":document.getElementById("event-dependency-restart").checked,"recipe-removed":document.getElementById("event-recipe-removed").checked,workflow:document.getElementById("event-workflow").checked,"backup-complete":document.getElementById("event-backup-complete").checked,"backup-failed":document.getElementById("event-backup-failed").checked,"update-available":document.getElementById("event-update-available").checked,alert:document.getElementById("event-resource-alert").checked},healthCheck:{enabled:document.getElementById("health-check-enabled").checked,intervalMinutes:parseInt(document.getElementById("health-check-interval").value)||5}},C=await(await secureFetch("/api/v1/notifications/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(T)})).json();C.success?(showNotification("Notification settings saved","success",3e3),E.classList.remove("show")):showNotification(`Failed to save: ${C.error}`,"error",3e3)}catch(T){showNotification(`Error: ${T.message}`,"error",3e3)}}async function k(T){try{const C=await(await secureFetch("/api/v1/notifications/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:T})})).json();C.success?showNotification(`Test ${T} notification sent!`,"success",3e3):showNotification(`Test failed: ${C.error}`,"error",3e3)}catch(z){showNotification(`Error: ${z.message}`,"error",3e3)}}document.getElementById("discord-test")?.addEventListener("click",()=>k("discord")),document.getElementById("telegram-test")?.addEventListener("click",()=>k("telegram")),document.getElementById("ntfy-test")?.addEventListener("click",()=>k("ntfy")),document.getElementById("email-test")?.addEventListener("click",()=>k("email")),document.getElementById("health-check-now")?.addEventListener("click",async()=>{try{const z=await(await secureFetch("/api/v1/notifications/health-check",{method:"POST"})).json();z.success&&(document.getElementById("health-check-status").textContent=`Last check: ${new Date(z.lastCheck).toLocaleString()} (${z.containersMonitored} containers)`,showNotification("Health check completed","success",2e3))}catch(T){showNotification(`Error: ${T.message}`,"error",3e3)}}),j?.addEventListener("click",()=>{E.classList.add("show"),R(),y()}),h?.addEventListener("click",$),document.getElementById("notifications-send-test")?.addEventListener("click",async()=>{const T=document.getElementById("notifications-send-test"),z=T.textContent;T.textContent="Sending...",T.disabled=!0;try{const M=await(await secureFetch("/api/v1/notifications/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:"test",data:{message:"This is a test notification from DashCaddy."},type:"info"})})).json();M.success?(showNotification("Test notification sent!","success",3e3),H()):showNotification(`Test failed: ${M.results?.map(b=>`${b.provider}: ${b.error||"ok"}`).join(", ")}`,"error",5e3)}catch(C){showNotification(`Error: ${C.message}`,"error",3e3)}finally{T.textContent=z,T.disabled=!1}});async function H(){try{const z=await(await fetch("/api/v1/notifications/status")).json();if(z.success&&z.lastSent){
Line truncated
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 550px; max-width: 650px;">
|
|
|
|
|
<h3>\u{1F4BE} Backup & Restore</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -1223,9 +1223,9 @@ Try refreshing in a moment if you see a certificate error.`,"warning",1e4),!1}};
|
|
|
|
|
<button id="backup-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);var A=document.getElementById("backup-modal"),P=document.getElementById("backup-restore-btn"),R=document.getElementById("backup-cancel"),k=document.getElementById("backup-export-btn"),M=document.getElementById("backup-select-file"),E=document.getElementById("backup-file-input"),z=document.getElementById("backup-file-name"),C=document.getElementById("backup-preview"),N=document.getElementById("backup-preview-content"),x=document.getElementById("backup-do-restore-btn"),I=document.getElementById("backup-result"),H=document.getElementById("backup-schedules-container"),m=document.getElementById("backup-history-container"),L=document.getElementById("backup-disk-container"),T=document.getElementById("pointintime-container"),O=null;P?.addEventListener("click",function(){A.classList.add("show"),I&&(I.style.display="none"),C&&(C.style.display="none"),z&&(z.style.display="none"),O=null}),wireModal(A,R),k?.addEventListener("click",async function(){k.disabled=!0,k.innerHTML='<span class="brand-spinner"></span> Exporting...';try{var e=await fetch("/api/v1/backup/export"),a=await e.json();a.browserState=B();var o=new Blob([JSON.stringify(a,null,2)],{type:"application/json"}),i=URL.createObjectURL(o),n=document.createElement("a");n.href=i,n.download="dashcaddy-backup-"+new Date().toISOString().split("T")[0]+".json",document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(i);var r=Object.keys(a.browserState).length,d=a.themes?Object.keys(a.themes).length:0;I.innerHTML="\u2705 Full backup downloaded \u2014 server config + "+r+" browser settings"+(d?" + "+d+" themes":""),I.style.display="block",I.style.background="color-mix(in srgb, var(--ok-fg) 15%, transparent)",I.style.border="1px solid var(--ok-fg)"}catch(h){I.innerHTML="\u274C Export failed: "+escapeHtml(h.message),I.style.display="block",I.style.background="color-mix(in srgb, var(--bad-fg) 15%, transparent)",I.style.border="1px solid var(--bad-fg)"}k.disabled=!1,k.innerHTML="\u2B07\uFE0F Download Full Backup"}),M?.addEventListener("click",function(){E.click()}),E?.addEventListener("change",async function(e){var a=e.target.files[0];if(a){z.textContent="\u{1F4C4} "+a.name,z.style.display="block",I.style.display="none";try{var o=await a.text(),i=JSON.parse(o);if(b(i)){O=i;var n='<div style="margin-bottom: 8px; color: var(--muted); font-size: 0.8rem;">Legacy format (v'+escapeHtml(i.version)+")</div>";n+='<div style="display: flex; flex-wrap: wrap; gap: 6px;">',i.services?.length&&(n+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F4CB} '+i.services.length+" services</span>"),i.customApps?.length&&(n+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F4E6} '+i.customApps.length+" custom apps</span>"),i.theme&&(n+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F3A8} Theme: '+escapeHtml(i.theme)+"</span>"),i.userThemes&&(n+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F3A8} '+Object.keys(i.userThemes).length+" custom themes</span>"),n+="</div>",N.innerHTML=n,C.style.display="block";return}var r=await secureFetch("/api/v1/backup/preview",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}),d=await r.json();if(d.success){O=i;var n='<div style="margin-bottom: 8px; color: var(--muted); font-size: 0.8rem;">Exported: '+new Date(i.exportedAt).toLocaleString()+" (v"+escapeHtml(i.version)+")</div>";n+='<div style="margin-bottom: 6px; font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px;">Server Config</div>',n+='<div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px;">';for(var h in d.preview.files){var $=d.preview.files[h],U=$.action==="create"?"\u{1F195}":"\u{1F4DD}";n+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">'+U+" "+escapeHtml($.description)+"</span>"}n+="</div>",d.preview.serviceCount&&(n+='<div style="font-size: 0.8rem; color: var(--accent); margin-bottom: 6px;">'+d.preview.serviceCount+" services</div>"),d.preview.themeCount&&(n+='<div style="font-size: 0.8rem; color: var(--accent); margin-bottom: 6px;">\u{1F3A8} '+d.preview.themeCount+" custom themes</div>"),d.preview.browserStateCount&&(n+='<div style="margin-top: 6px; font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px;">Browser Preferences</div>',n+='<div style="font-size: 0.8rem; color: var(--accent);">\u{1F5A5}\uFE0F '+d.preview.browserStateCount+" saved settings (theme, weather, clock, widgets, etc.)</div>"),N.innerHTML=n,C.style.display="block"}else I.innerHTML="\u26A0\uFE0F Invalid backup file: "+escapeHtml(d.error),I.style.display="block",I.style.background="color-mix(in srgb, #f39c12 15%, transparent)",I.style.border="1px solid #f39c12",C.style.display="none"}catch(_){I.innerHTML="\u274CLine truncated
|
|
|
|
|
</div>`);var A=document.getElementById("backup-modal"),D=document.getElementById("backup-restore-btn"),R=document.getElementById("backup-cancel"),y=document.getElementById("backup-export-btn"),$=document.getElementById("backup-select-file"),k=document.getElementById("backup-file-input"),H=document.getElementById("backup-file-name"),T=document.getElementById("backup-preview"),z=document.getElementById("backup-preview-content"),C=document.getElementById("backup-do-restore-btn"),M=document.getElementById("backup-result"),b=document.getElementById("backup-schedules-container"),d=document.getElementById("backup-history-container"),v=document.getElementById("backup-disk-container"),S=document.getElementById("pointintime-container"),O=null;D?.addEventListener("click",function(){A.classList.add("show"),M&&(M.style.display="none"),T&&(T.style.display="none"),H&&(H.style.display="none"),O=null}),wireModal(A,R),y?.addEventListener("click",async function(){y.disabled=!0,y.innerHTML='<span class="brand-spinner"></span> Exporting...';try{var e=await fetch("/api/v1/backup/export"),s=await e.json();s.browserState=E();var n=new Blob([JSON.stringify(s,null,2)],{type:"application/json"}),r=URL.createObjectURL(n),a=document.createElement("a");a.href=r,a.download="dashcaddy-backup-"+new Date().toISOString().split("T")[0]+".json",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(r);var i=Object.keys(s.browserState).length,c=s.themes?Object.keys(s.themes).length:0;M.innerHTML="\u2705 Full backup downloaded \u2014 server config + "+i+" browser settings"+(c?" + "+c+" themes":""),M.style.display="block",M.style.background="color-mix(in srgb, var(--ok-fg) 15%, transparent)",M.style.border="1px solid var(--ok-fg)"}catch(I){M.innerHTML="\u274C Export failed: "+escapeHtml(I.message),M.style.display="block",M.style.background="color-mix(in srgb, var(--bad-fg) 15%, transparent)",M.style.border="1px solid var(--bad-fg)"}y.disabled=!1,y.innerHTML="\u2B07\uFE0F Download Full Backup"}),$?.addEventListener("click",function(){k.click()}),k?.addEventListener("change",async function(e){var s=e.target.files[0];if(s){H.textContent="\u{1F4C4} "+s.name,H.style.display="block",M.style.display="none";try{var n=await s.text(),r=JSON.parse(n);if(h(r)){O=r;var a='<div style="margin-bottom: 8px; color: var(--muted); font-size: 0.8rem;">Legacy format (v'+escapeHtml(r.version)+")</div>";a+='<div style="display: flex; flex-wrap: wrap; gap: 6px;">',r.services?.length&&(a+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F4CB} '+r.services.length+" services</span>"),r.customApps?.length&&(a+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F4E6} '+r.customApps.length+" custom apps</span>"),r.theme&&(a+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F3A8} Theme: '+escapeHtml(r.theme)+"</span>"),r.userThemes&&(a+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">\u{1F3A8} '+Object.keys(r.userThemes).length+" custom themes</span>"),a+="</div>",z.innerHTML=a,T.style.display="block";return}var i=await secureFetch("/api/v1/backup/preview",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)}),c=await i.json();if(c.success){O=r;var a='<div style="margin-bottom: 8px; color: var(--muted); font-size: 0.8rem;">Exported: '+new Date(r.exportedAt).toLocaleString()+" (v"+escapeHtml(r.version)+")</div>";a+='<div style="margin-bottom: 6px; font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px;">Server Config</div>',a+='<div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px;">';for(var I in c.preview.files){var N=c.preview.files[I],U=N.action==="create"?"\u{1F195}":"\u{1F4DD}";a+='<span style="padding: 4px 8px; background: var(--base); border-radius: 4px; font-size: 0.8rem;">'+U+" "+escapeHtml(N.description)+"</span>"}a+="</div>",c.preview.serviceCount&&(a+='<div style="font-size: 0.8rem; color: var(--accent); margin-bottom: 6px;">'+c.preview.serviceCount+" services</div>"),c.preview.themeCount&&(a+='<div style="font-size: 0.8rem; color: var(--accent); margin-bottom: 6px;">\u{1F3A8} '+c.preview.themeCount+" custom themes</div>"),c.preview.browserStateCount&&(a+='<div style="margin-top: 6px; font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px;">Browser Preferences</div>',a+='<div style="font-size: 0.8rem; color: var(--accent);">\u{1F5A5}\uFE0F '+c.preview.browserStateCount+" saved settings (theme, weather, clock, widgets, etc.)</div>"),z.innerHTML=a,T.style.display="block"}else M.innerHTML="\u26A0\uFE0F Invalid backup file: "+escapeHtml(c.error),M.style.display="block",M.style.background="color-mix(in srgb, #f39c12 15%, transparent)",M.style.border="1px solid #f39c12",T.style.display="none"}catch(_){M.innerHTML="\u274CLine truncated
|
|
|
|
|
|
|
|
|
|
This will replace current configuration, credentials, and data. Containers will be restarted.`))try{var o=await secureFetch("/api/v1/apps/"+encodeURIComponent(e)+"/revert/"+encodeURIComponent(a),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({restartContainers:!0})}),i=await o.json();i.success?(showNotification(e+" restored to "+a,"success"),setTimeout(function(){location.reload()},1500)):showNotification("Restore failed: "+(i.error||"Unknown"),"error")}catch(n){showNotification("Restore error: "+n.message,"error")}}})(),(function(){injectModal("stats-modal",`<div id="stats-modal" class="weather-modal">
|
|
|
|
|
This will replace current configuration, credentials, and data. Containers will be restarted.`))try{var n=await secureFetch("/api/v1/apps/"+encodeURIComponent(e)+"/revert/"+encodeURIComponent(s),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({restartContainers:!0})}),r=await n.json();r.success?(showNotification(e+" restored to "+s,"success"),setTimeout(function(){location.reload()},1500)):showNotification("Restore failed: "+(r.error||"Unknown"),"error")}catch(a){showNotification("Restore error: "+a.message,"error")}}})(),(function(){injectModal("stats-modal",`<div id="stats-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 750px; max-width: 950px;">
|
|
|
|
|
<h3>\u{1F4CA} Resource Monitor</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -1305,7 +1305,7 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<button id="stats-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("stats-modal"),B=document.getElementById("container-stats-btn"),j=document.getElementById("stats-cancel"),b=document.getElementById("stats-refresh-btn"),D=document.getElementById("stats-auto-refresh"),A=document.getElementById("stats-container"),P=document.getElementById("stats-aggregated-container"),R=document.getElementById("stats-alerts-container"),k=document.getElementById("stats-last-update");let M=null,E=null;function z(l){if(l===0||!l)return"0 B";const v=1024,c=["B","KB","MB","GB"],t=Math.floor(Math.log(l)/Math.log(v));return parseFloat((l/Math.pow(v,t)).toFixed(1))+" "+c[t]}function C(l){return l<30?"#2ecc71":l<70?"#f39c12":"#e74c3c"}function N(l){return l<50?"#2ecc71":l<80?"#f39c12":"#e74c3c"}async function x(){try{let l=null,v=!1;try{const e=await(await fetch("/api/v1/monitoring/stats")).json();e.success&&e.stats&&(l=e.stats,v=!0,E=e.stats)}catch{}if(!v){const e=await(await fetch("/api/v1/stats/containers")).json();if(e.success&&e.stats){l={};for(const a of e.stats)l[a.name]={name:a.name,current:{cpu:a.cpu,memory:{percent:a.memory.percent,usage:a.memory.used,limit:a.memory.limit,usageMB:Math.round(a.memory.used/1048576),limitMB:Math.round(a.memory.limit/1048576)},network:{rxBytes:a.network.rx,txBytes:a.network.tx,rxMB:(a.network.rx/1048576).toFixed(1),txMB:(a.network.tx/1048576).toFixed(1)},disk:{readMB:0,writeMB:0}},status:a.status};E=l}}if(!l||Object.keys(l).length===0){A.innerHTML='<div style="text-align: center; padding: 40px; color: var(--muted);">No running containers found</div>';return}let c='<div style="display: flex; flex-direction: column; gap: 8px;">';for(const[t,e]of Object.entries(l)){const a=e.current||e,o=a.cpu?.percent||0,i=a.memory?.percent||0,n=C(o),r=N(i),d=a.memory?.usage||a.memory?.used||0,h=a.memory?.limit||0,$=a.network?.rxBytes||a.network?.rx||0,U=a.network?.txBytes||a.network?.tx||0,_=e.aggregated;c+=`
|
|
|
|
|
</div>`);const x=document.getElementById("stats-modal"),E=document.getElementById("container-stats-btn"),j=document.getElementById("stats-cancel"),h=document.getElementById("stats-refresh-btn"),P=document.getElementById("stats-auto-refresh"),A=document.getElementById("stats-container"),D=document.getElementById("stats-aggregated-container"),R=document.getElementById("stats-alerts-container"),y=document.getElementById("stats-last-update");let $=null,k=null;function H(l){if(l===0||!l)return"0 B";const g=1024,p=["B","KB","MB","GB"],t=Math.floor(Math.log(l)/Math.log(g));return parseFloat((l/Math.pow(g,t)).toFixed(1))+" "+p[t]}function T(l){return l<30?"#2ecc71":l<70?"#f39c12":"#e74c3c"}function z(l){return l<50?"#2ecc71":l<80?"#f39c12":"#e74c3c"}async function C(){try{let l=null,g=!1;try{const e=await(await fetch("/api/v1/monitoring/stats")).json();e.success&&e.stats&&(l=e.stats,g=!0,k=e.stats)}catch{}if(!g){const e=await(await fetch("/api/v1/stats/containers")).json();if(e.success&&e.stats){l={};for(const s of e.stats)l[s.name]={name:s.name,current:{cpu:s.cpu,memory:{percent:s.memory.percent,usage:s.memory.used,limit:s.memory.limit,usageMB:Math.round(s.memory.used/1048576),limitMB:Math.round(s.memory.limit/1048576)},network:{rxBytes:s.network.rx,txBytes:s.network.tx,rxMB:(s.network.rx/1048576).toFixed(1),txMB:(s.network.tx/1048576).toFixed(1)},disk:{readMB:0,writeMB:0}},status:s.status};k=l}}if(!l||Object.keys(l).length===0){A.innerHTML='<div style="text-align: center; padding: 40px; color: var(--muted);">No running containers found</div>';return}let p='<div style="display: flex; flex-direction: column; gap: 8px;">';for(const[t,e]of Object.entries(l)){const s=e.current||e,n=s.cpu?.percent||0,r=s.memory?.percent||0,a=T(n),i=z(r),c=s.memory?.usage||s.memory?.used||0,I=s.memory?.limit||0,N=s.network?.rxBytes||s.network?.rx||0,U=s.network?.txBytes||s.network?.tx||0,_=e.aggregated;p+=`
|
|
|
|
|
<div style="padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 10px;">
|
|
|
|
|
<span style="font-weight: 600; flex: 1;">${e.name||t}</span>
|
|
|
|
@@ -1317,32 +1317,32 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<div style="font-size: 0.7rem; color: var(--muted); margin-bottom: 4px;">CPU</div>
|
|
|
|
|
<div style="display: flex; align-items: center; gap: 8px;">
|
|
|
|
|
<div style="flex: 1; height: 6px; background: var(--base); border-radius: 3px; overflow: hidden;">
|
|
|
|
|
<div style="height: 100%; width: ${Math.min(o,100)}%; background: ${n}; border-radius: 3px; transition: width 0.3s;"></div>
|
|
|
|
|
<div style="height: 100%; width: ${Math.min(n,100)}%; background: ${a}; border-radius: 3px; transition: width 0.3s;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<span style="font-size: 0.8rem; font-weight: 500; color: ${n}; min-width: 45px; text-align: right;">${o.toFixed(1)}%</span>
|
|
|
|
|
<span style="font-size: 0.8rem; font-weight: 500; color: ${a}; min-width: 45px; text-align: right;">${n.toFixed(1)}%</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div style="font-size: 0.7rem; color: var(--muted); margin-bottom: 4px;">Memory</div>
|
|
|
|
|
<div style="display: flex; align-items: center; gap: 8px;">
|
|
|
|
|
<div style="flex: 1; height: 6px; background: var(--base); border-radius: 3px; overflow: hidden;">
|
|
|
|
|
<div style="height: 100%; width: ${Math.min(i,100)}%; background: ${r}; border-radius: 3px; transition: width 0.3s;"></div>
|
|
|
|
|
<div style="height: 100%; width: ${Math.min(r,100)}%; background: ${i}; border-radius: 3px; transition: width 0.3s;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<span style="font-size: 0.8rem; font-weight: 500; color: ${r}; min-width: 45px; text-align: right;">${i.toFixed(1)}%</span>
|
|
|
|
|
<span style="font-size: 0.8rem; font-weight: 500; color: ${i}; min-width: 45px; text-align: right;">${r.toFixed(1)}%</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="font-size: 0.65rem; color: var(--muted); margin-top: 2px;">${z(d)} / ${z(h)}</div>
|
|
|
|
|
<div style="font-size: 0.65rem; color: var(--muted); margin-top: 2px;">${H(c)} / ${H(I)}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div style="font-size: 0.7rem; color: var(--muted); margin-bottom: 4px;">Network</div>
|
|
|
|
|
<div style="font-size: 0.8rem;">
|
|
|
|
|
<span style="color: #3498db;">\u2193 ${z($)}</span>
|
|
|
|
|
<span style="color: #3498db;">\u2193 ${H(N)}</span>
|
|
|
|
|
<span style="color: var(--muted); margin: 0 4px;">/</span>
|
|
|
|
|
<span style="color: #e74c3c;">\u2191 ${z(U)}</span>
|
|
|
|
|
<span style="color: #e74c3c;">\u2191 ${H(U)}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`}c+="</div>",A.innerHTML=c,k.textContent="Updated: "+new Date().toLocaleTimeString()}catch(l){A.innerHTML=`<div style="text-align: center; padding: 40px; color: var(--bad-fg);">\u274C Failed to load stats: ${escapeHtml(l.message)}</div>`}}async function I(){if(!P)return;const l=E;if(!l||Object.keys(l).length===0){P.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4C8}</span>No monitoring data available. Open the Live Stats tab first.</div>';return}let v='<div style="display: flex; flex-direction: column; gap: 12px;">';for(const[c,t]of Object.entries(l)){const e=t.aggregated;e&&(v+=`<div style="padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<div style="font-weight: 600; margin-bottom: 10px;">${t.name||c}</div>
|
|
|
|
|
</div>`}p+="</div>",A.innerHTML=p,y.textContent="Updated: "+new Date().toLocaleTimeString()}catch(l){A.innerHTML=`<div style="text-align: center; padding: 40px; color: var(--bad-fg);">\u274C Failed to load stats: ${escapeHtml(l.message)}</div>`}}async function M(){if(!D)return;const l=k;if(!l||Object.keys(l).length===0){D.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4C8}</span>No monitoring data available. Open the Live Stats tab first.</div>';return}let g='<div style="display: flex; flex-direction: column; gap: 12px;">';for(const[p,t]of Object.entries(l)){const e=t.aggregated;e&&(g+=`<div style="padding: 12px; background: var(--card-base); border-radius: 8px; border: 1px solid var(--border);">
|
|
|
|
|
<div style="font-weight: 600; margin-bottom: 10px;">${t.name||p}</div>
|
|
|
|
|
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;">
|
|
|
|
|
<div class="stat-mini-card"><span class="stat-val">${e.cpu?.avg?.toFixed(1)||0}%</span><span class="stat-lbl">Avg CPU</span></div>
|
|
|
|
|
<div class="stat-mini-card"><span class="stat-val">${e.cpu?.max?.toFixed(1)||0}%</span><span class="stat-lbl">Max CPU</span></div>
|
|
|
|
@@ -1350,27 +1350,27 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<div class="stat-mini-card"><span class="stat-val">${e.memory?.max?.toFixed(1)||0}%</span><span class="stat-lbl">Max Mem</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
${e.dataPoints?`<div style="font-size: 0.7rem; color: var(--muted); margin-top: 6px;">${e.dataPoints} data points over ${e.timeRange||24}h</div>`:""}
|
|
|
|
|
</div>`)}v+="</div>",P.innerHTML=v}async function H(){if(!R)return;R.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading alerts...</div>';const l=E;if(!l||Object.keys(l).length===0){R.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F514}</span>No containers found. Open the Live Stats tab first.</div>';return}let v=!1;try{v=(await(await fetch("/api/v1/license/feature/resource-alerts")).json()).available}catch{v=!1}let c=[];try{const r=await(await fetch("/api/v1/monitoring/alerts?limit=50")).json();r.success&&(c=r.history||[])}catch{}let t={};try{const r=await(await fetch("/api/v1/monitoring/alerts/config")).json();r.success&&(t=r.configs||{})}catch{}const a=Object.entries(l).map(([n,r])=>{const d=t[n]||{cpuThreshold:80,memoryThreshold:90,diskIOThreshold:50,autoRestart:!1,enabled:!1};return`
|
|
|
|
|
<tr data-container="${n}">
|
|
|
|
|
<td style="font-weight: 600; padding: 8px;">${r.name||n}</td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="number" class="alert-cpu" value="${d.cpuThreshold??80}" min="0" max="100" style="width: 60px; font-size: 0.8rem; padding: 2px 4px;" ${v?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="number" class="alert-mem" value="${d.memoryThreshold??90}" min="0" max="100" style="width: 60px; font-size: 0.8rem; padding: 2px 4px;" ${v?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="number" class="alert-disk" value="${d.diskIOThreshold??50}" min="0" max="1000" style="width: 70px; font-size: 0.8rem; padding: 2px 4px;" ${v?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="checkbox" class="alert-autorestart" ${d.autoRestart?"checked":""} ${v?"":"disabled"} /></td>
|
|
|
|
|
</div>`)}g+="</div>",D.innerHTML=g}async function b(){if(!R)return;R.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading alerts...</div>';const l=k;if(!l||Object.keys(l).length===0){R.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F514}</span>No containers found. Open the Live Stats tab first.</div>';return}let g=!1;try{g=(await(await fetch("/api/v1/license/feature/resource-alerts")).json()).available}catch{g=!1}let p=[];try{const i=await(await fetch("/api/v1/monitoring/alerts?limit=50")).json();i.success&&(p=i.history||[])}catch{}let t={};try{const i=await(await fetch("/api/v1/monitoring/alerts/config")).json();i.success&&(t=i.configs||{})}catch{}const s=Object.entries(l).map(([a,i])=>{const c=t[a]||{cpuThreshold:80,memoryThreshold:90,diskIOThreshold:50,autoRestart:!1,enabled:!1};return`
|
|
|
|
|
<tr data-container="${a}">
|
|
|
|
|
<td style="font-weight: 600; padding: 8px;">${i.name||a}</td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="number" class="alert-cpu" value="${c.cpuThreshold??80}" min="0" max="100" style="width: 60px; font-size: 0.8rem; padding: 2px 4px;" ${g?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="number" class="alert-mem" value="${c.memoryThreshold??90}" min="0" max="100" style="width: 60px; font-size: 0.8rem; padding: 2px 4px;" ${g?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="number" class="alert-disk" value="${c.diskIOThreshold??50}" min="0" max="1000" style="width: 70px; font-size: 0.8rem; padding: 2px 4px;" ${g?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;"><input type="checkbox" class="alert-autorestart" ${c.autoRestart?"checked":""} ${g?"":"disabled"} /></td>
|
|
|
|
|
<td style="padding: 4px 8px;">
|
|
|
|
|
<button class="alert-test-btn btn-xs" data-container="${n}" data-name="${r.name||n}" style="padding: 2px 8px; font-size: 0.75rem; background: var(--card-base); border: 1px solid var(--border); border-radius: 4px; cursor: pointer;">Test</button>
|
|
|
|
|
<button class="alert-test-btn btn-xs" data-container="${a}" data-name="${i.name||a}" style="padding: 2px 8px; font-size: 0.75rem; background: var(--card-base); border: 1px solid var(--border); border-radius: 4px; cursor: pointer;">Test</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
`}).join(""),o=c.map(n=>{const r=new Date(n.timestamp).toLocaleString(),d=n.notified?"\u2713":"\u2014";return`
|
|
|
|
|
`}).join(""),n=p.map(a=>{const i=new Date(a.timestamp).toLocaleString(),c=a.notified?"\u2713":"\u2014";return`
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="padding: 6px 8px; font-size: 0.8rem; color: var(--muted);">${r}</td>
|
|
|
|
|
<td style="padding: 6px 8px; font-weight: 500;">${n.containerName||n.containerId}</td>
|
|
|
|
|
<td style="padding: 6px 8px; text-transform: capitalize;">${n.metric||n.type}</td>
|
|
|
|
|
<td style="padding: 6px 8px;">${typeof n.value=="number"?n.value.toFixed(1):n.value}${n.metric==="disk"?" MB/s":"%"}</td>
|
|
|
|
|
<td style="padding: 6px 8px; text-align: center;">${d}</td>
|
|
|
|
|
<td style="padding: 6px 8px; font-size: 0.75rem; color: ${n.autoRestartTriggered?"#f39c12":"var(--muted)"};">${n.autoRestartTriggered?"\u21BB":""}</td>
|
|
|
|
|
<td style="padding: 6px 8px; font-size: 0.8rem; color: var(--muted);">${i}</td>
|
|
|
|
|
<td style="padding: 6px 8px; font-weight: 500;">${a.containerName||a.containerId}</td>
|
|
|
|
|
<td style="padding: 6px 8px; text-transform: capitalize;">${a.metric||a.type}</td>
|
|
|
|
|
<td style="padding: 6px 8px;">${typeof a.value=="number"?a.value.toFixed(1):a.value}${a.metric==="disk"?" MB/s":"%"}</td>
|
|
|
|
|
<td style="padding: 6px 8px; text-align: center;">${c}</td>
|
|
|
|
|
<td style="padding: 6px 8px; font-size: 0.75rem; color: ${a.autoRestartTriggered?"#f39c12":"var(--muted)"};">${a.autoRestartTriggered?"\u21BB":""}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
`}).join(""),i=v?`
|
|
|
|
|
`}).join(""),r=g?`
|
|
|
|
|
<div style="margin-bottom: 20px;">
|
|
|
|
|
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;">
|
|
|
|
|
<h4 style="margin: 0; font-size: 0.9rem;">\u2699\uFE0F Alert Configuration</h4>
|
|
|
|
@@ -1388,7 +1388,7 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<th style="padding: 6px 8px;"></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>${a}</tbody>
|
|
|
|
|
<tbody>${s}</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top: 12px; display: flex; justify-content: flex-end;">
|
|
|
|
@@ -1402,10 +1402,10 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<button id="upgrade-for-alerts" style="margin-top: 8px; padding: 4px 12px; font-size: 0.75rem; background: #f1c40f; color: #000; border: none; border-radius: 4px; cursor: pointer; font-weight: 600;">Upgrade Now</button>
|
|
|
|
|
</div>
|
|
|
|
|
`;R.innerHTML=`
|
|
|
|
|
${i}
|
|
|
|
|
${r}
|
|
|
|
|
<div>
|
|
|
|
|
<h4 style="margin: 0 0 10px; font-size: 0.9rem;">\u{1F4CB} Recent Alerts</h4>
|
|
|
|
|
${o?`
|
|
|
|
|
${n?`
|
|
|
|
|
<div style="overflow-x: auto;">
|
|
|
|
|
<table style="width: 100%; border-collapse: collapse; font-size: 0.8rem;">
|
|
|
|
|
<thead>
|
|
|
|
@@ -1418,26 +1418,26 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<th style="padding: 6px 8px;"></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>${o}</tbody>
|
|
|
|
|
<tbody>${n}</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
`:'<div style="color: var(--muted); text-align: center; padding: 20px;">No alerts recorded yet.</div>'}
|
|
|
|
|
</div>
|
|
|
|
|
`,document.getElementById("save-all-alerts")?.addEventListener("click",async()=>{const n={};document.querySelectorAll("#stats-alerts-container tr[data-container]").forEach(r=>{const d=r.dataset.container;n[d]={cpuThreshold:parseInt(r.querySelector(".alert-cpu")?.value)||80,memoryThreshold:parseInt(r.querySelector(".alert-mem")?.value)||90,diskIOThreshold:parseInt(r.querySelector(".alert-disk")?.value)||50,autoRestart:!!r.querySelector(".alert-autorestart")?.checked,enabled:!0}});try{const d=await(await secureFetch("/api/v1/monitoring/alerts/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configs:n})})).json(),h=document.getElementById("save-all-alerts");h.textContent=d.success?"\u2705 Saved":"\u274C Failed",setTimeout(()=>{h.textContent="Save All"},2e3)}catch{const d=document.getElementById("save-all-alerts");d.textContent="\u274C Error",setTimeout(()=>{d.textContent="Save All"},2e3)}}),document.getElementById("go-to-notifications")?.addEventListener("click",n=>{n.preventDefault(),f.classList.remove("show"),L(),document.getElementById("manage-notifications")?.click()}),document.querySelectorAll(".alert-test-btn").forEach(n=>{n.addEventListener("click",async()=>{const r=n.textContent;n.textContent="...";try{await secureFetch(`/api/v1/monitoring/alerts/${n.dataset.container}/test`,{method:"POST"}),n.textContent="\u2705",showNotification("Test alert sent for "+n.dataset.name,"success",3e3)}catch{n.textContent="\u274C"}setTimeout(()=>{n.textContent=r},2e3)})}),document.getElementById("upgrade-for-alerts")?.addEventListener("click",()=>{f.classList.remove("show"),L(),typeof openLicenseModal=="function"&&openLicenseModal()})}function m(){M&&clearInterval(M),D?.checked&&(M=setInterval(x,DC.POLL.STATS))}function L(){M&&(clearInterval(M),M=null)}B?.addEventListener("click",()=>{f.classList.add("show"),x(),m()}),j?.addEventListener("click",()=>{f.classList.remove("show"),L()}),f?.addEventListener("click",l=>{l.target===f&&(f.classList.remove("show"),L())}),b?.addEventListener("click",x),D?.addEventListener("change",()=>{D.checked?m():L()}),document.querySelector('[data-panel="stats-aggregated"]')?.addEventListener("click",I),document.querySelector('[data-panel="stats-alerts"]')?.addEventListener("click",H);const T=document.getElementById("stats-history-container"),O=document.getElementById("stats-history-container-area"),u=document.querySelectorAll(".stats-range-btn");let g="1h";function S(l){switch(l){case"1h":return 3600*1e3;case"24h":return 1440*60*1e3;case"7d":return 10080*60*1e3;case"30d":return 720*60*60*1e3;case"1y":return 365*24*60*60*1e3;default:return 3600*1e3}}function y(l){return l==="raw"?"live (10s samples)":l==="hourly"?"hourly average":l==="daily"?"daily average":l}function w(l,v,c,t,e){if(!l||l.length===0)return`<div style="text-align: center; color: var(--muted); padding: 20px;">No data for ${escapeHtml(t)}</div>`;const a=l.map(v).filter(q=>q!=null);if(a.length===0)return`<div style="text-align: center; color: var(--muted); padding: 20px;">No data for ${escapeHtml(t)}</div>`;const o=Math.max(...a,1),i=Math.min(...a,0),n=o-i||1,r=600,d=80,h=4,$=(r-h*2)/Math.max(a.length-1,1),U=a.map((q,J)=>{const X=h+J*$,Q=d-h-(q-i)/n*(d-h*2);return`${X.toFixed(1)},${Q.toFixed(1)}`}).join(" "),_=a[a.length-1],F=a.reduce((q,J)=>q+J,0)/a.length;return`
|
|
|
|
|
`,document.getElementById("save-all-alerts")?.addEventListener("click",async()=>{const a={};document.querySelectorAll("#stats-alerts-container tr[data-container]").forEach(i=>{const c=i.dataset.container;a[c]={cpuThreshold:parseInt(i.querySelector(".alert-cpu")?.value)||80,memoryThreshold:parseInt(i.querySelector(".alert-mem")?.value)||90,diskIOThreshold:parseInt(i.querySelector(".alert-disk")?.value)||50,autoRestart:!!i.querySelector(".alert-autorestart")?.checked,enabled:!0}});try{const c=await(await secureFetch("/api/v1/monitoring/alerts/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configs:a})})).json(),I=document.getElementById("save-all-alerts");I.textContent=c.success?"\u2705 Saved":"\u274C Failed",setTimeout(()=>{I.textContent="Save All"},2e3)}catch{const c=document.getElementById("save-all-alerts");c.textContent="\u274C Error",setTimeout(()=>{c.textContent="Save All"},2e3)}}),document.getElementById("go-to-notifications")?.addEventListener("click",a=>{a.preventDefault(),x.classList.remove("show"),v(),document.getElementById("manage-notifications")?.click()}),document.querySelectorAll(".alert-test-btn").forEach(a=>{a.addEventListener("click",async()=>{const i=a.textContent;a.textContent="...";try{await secureFetch(`/api/v1/monitoring/alerts/${a.dataset.container}/test`,{method:"POST"}),a.textContent="\u2705",showNotification("Test alert sent for "+a.dataset.name,"success",3e3)}catch{a.textContent="\u274C"}setTimeout(()=>{a.textContent=i},2e3)})}),document.getElementById("upgrade-for-alerts")?.addEventListener("click",()=>{x.classList.remove("show"),v(),typeof openLicenseModal=="function"&&openLicenseModal()})}function d(){$&&clearInterval($),P?.checked&&($=setInterval(C,DC.POLL.STATS))}function v(){$&&(clearInterval($),$=null)}E?.addEventListener("click",()=>{x.classList.add("show"),C(),d()}),j?.addEventListener("click",()=>{x.classList.remove("show"),v()}),x?.addEventListener("click",l=>{l.target===x&&(x.classList.remove("show"),v())}),h?.addEventListener("click",C),P?.addEventListener("change",()=>{P.checked?d():v()}),document.querySelector('[data-panel="stats-aggregated"]')?.addEventListener("click",M),document.querySelector('[data-panel="stats-alerts"]')?.addEventListener("click",b);const S=document.getElementById("stats-history-container"),O=document.getElementById("stats-history-container-area"),m=document.querySelectorAll(".stats-range-btn");let f="1h";function B(l){switch(l){case"1h":return 3600*1e3;case"24h":return 1440*60*1e3;case"7d":return 10080*60*1e3;case"30d":return 720*60*60*1e3;case"1y":return 365*24*60*60*1e3;default:return 3600*1e3}}function w(l){return l==="raw"?"live (10s samples)":l==="hourly"?"hourly average":l==="daily"?"daily average":l}function L(l,g,p,t,e){if(!l||l.length===0)return`<div style="text-align: center; color: var(--muted); padding: 20px;">No data for ${escapeHtml(t)}</div>`;const s=l.map(g).filter(q=>q!=null);if(s.length===0)return`<div style="text-align: center; color: var(--muted); padding: 20px;">No data for ${escapeHtml(t)}</div>`;const n=Math.max(...s,1),r=Math.min(...s,0),a=n-r||1,i=600,c=80,I=4,N=(i-I*2)/Math.max(s.length-1,1),U=s.map((q,J)=>{const X=I+J*N,Q=c-I-(q-r)/a*(c-I*2);return`${X.toFixed(1)},${Q.toFixed(1)}`}).join(" "),_=s[s.length-1],F=s.reduce((q,J)=>q+J,0)/s.length;return`
|
|
|
|
|
<div style="margin-bottom: 14px;">
|
|
|
|
|
<div style="display: flex; align-items: baseline; gap: 12px; margin-bottom: 4px;">
|
|
|
|
|
<span style="font-weight: 600; font-size: 0.9rem;">${escapeHtml(t)}</span>
|
|
|
|
|
<span style="font-size: 0.75rem; color: var(--muted);">last ${_.toFixed(1)}${e} \xB7 avg ${F.toFixed(1)}${e} \xB7 max ${o.toFixed(1)}${e}</span>
|
|
|
|
|
<span style="font-size: 0.75rem; color: var(--muted);">last ${_.toFixed(1)}${e} \xB7 avg ${F.toFixed(1)}${e} \xB7 max ${n.toFixed(1)}${e}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<svg viewBox="0 0 ${r} ${d}" preserveAspectRatio="none" style="width: 100%; height: ${d}px; background: var(--base); border-radius: 4px;">
|
|
|
|
|
<polyline fill="none" stroke="${c}" stroke-width="1.5" points="${U}" />
|
|
|
|
|
<svg viewBox="0 0 ${i} ${c}" preserveAspectRatio="none" style="width: 100%; height: ${c}px; background: var(--base); border-radius: 4px;">
|
|
|
|
|
<polyline fill="none" stroke="${p}" stroke-width="1.5" points="${U}" />
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
`}function s(){if(!T)return;const l=E||{},v=T.value,c=Object.entries(l);if(c.length===0){T.innerHTML='<option value="">No containers</option>';return}T.innerHTML=c.map(([t,e])=>`<option value="${escapeHtml(t)}">${escapeHtml(e.name||t)}</option>`).join(""),v&&l[v]&&(T.value=v)}async function p(){if(!O||!T)return;const l=T.value;if(!l){O.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4CA}</span>No container selected.</div>';return}const v=Date.now(),c=v-S(g);O.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading history...</div>';try{const e=await(await fetch(`/api/v1/monitoring/history/${encodeURIComponent(l)}?startTime=${c}&endTime=${v}`)).json();if(!e.success)throw new Error(e.error||"Failed to load history");const a=e.samples||[],o=e.tier||"raw";if(a.length===0){O.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u{1F4CA}</span>No data for the last ${g}. Tier: ${y(o)}.</div>`;return}const i=o==="raw",n=i?U=>U.cpu?.percent:U=>U.cpu?.avg,r=i?U=>U.memory?.percent:U=>U.memory?.avgPercent,d=i?U=>U.network?.rxMB||0:U=>U.network?.rxMB||0,h=i?U=>U.network?.txMB||0:U=>U.network?.txMB||0;let $=`
|
|
|
|
|
`}function o(){if(!S)return;const l=k||{},g=S.value,p=Object.entries(l);if(p.length===0){S.innerHTML='<option value="">No containers</option>';return}S.innerHTML=p.map(([t,e])=>`<option value="${escapeHtml(t)}">${escapeHtml(e.name||t)}</option>`).join(""),g&&l[g]&&(S.value=g)}async function u(){if(!O||!S)return;const l=S.value;if(!l){O.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4CA}</span>No container selected.</div>';return}const g=Date.now(),p=g-B(f);O.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading history...</div>';try{const e=await(await fetch(`/api/v1/monitoring/history/${encodeURIComponent(l)}?startTime=${p}&endTime=${g}`)).json();if(!e.success)throw new Error(e.error||"Failed to load history");const s=e.samples||[],n=e.tier||"raw";if(s.length===0){O.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u{1F4CA}</span>No data for the last ${f}. Tier: ${w(n)}.</div>`;return}const r=n==="raw",a=r?U=>U.cpu?.percent:U=>U.cpu?.avg,i=r?U=>U.memory?.percent:U=>U.memory?.avgPercent,c=r?U=>U.network?.rxMB||0:U=>U.network?.rxMB||0,I=r?U=>U.network?.txMB||0:U=>U.network?.txMB||0;let N=`
|
|
|
|
|
<div style="font-size: 0.75rem; color: var(--muted); margin-bottom: 8px;">
|
|
|
|
|
${a.length} samples \xB7 ${escapeHtml(y(o))} \xB7 ${new Date(c).toLocaleString()} \u2192 ${new Date(v).toLocaleString()}
|
|
|
|
|
${s.length} samples \xB7 ${escapeHtml(w(n))} \xB7 ${new Date(p).toLocaleString()} \u2192 ${new Date(g).toLocaleString()}
|
|
|
|
|
</div>
|
|
|
|
|
`;$+=w(a,n,"#2ecc71","CPU","%"),$+=w(a,r,"#3498db","Memory","%"),$+=w(a,d,"#9b59b6","Network RX"," MB"),$+=w(a,h,"#e67e22","Network TX"," MB"),O.innerHTML=$}catch(t){O.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u26A0\uFE0F</span>Failed to load history: ${escapeHtml(t.message)}</div>`}}u.forEach(l=>{l.addEventListener("click",()=>{u.forEach(v=>v.classList.remove("active")),l.classList.add("active"),g=l.dataset.range,p()})}),T?.addEventListener("change",p),document.querySelector('[data-panel="stats-history"]')?.addEventListener("click",()=>{s(),p()})})(),(function(){injectModal("health-modal",`<div id="health-modal" class="weather-modal">
|
|
|
|
|
`;N+=L(s,a,"#2ecc71","CPU","%"),N+=L(s,i,"#3498db","Memory","%"),N+=L(s,c,"#9b59b6","Network RX"," MB"),N+=L(s,I,"#e67e22","Network TX"," MB"),O.innerHTML=N}catch(t){O.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u26A0\uFE0F</span>Failed to load history: ${escapeHtml(t.message)}</div>`}}m.forEach(l=>{l.addEventListener("click",()=>{m.forEach(g=>g.classList.remove("active")),l.classList.add("active"),f=l.dataset.range,u()})}),S?.addEventListener("change",u),document.querySelector('[data-panel="stats-history"]')?.addEventListener("click",()=>{o(),u()})})(),(function(){injectModal("health-modal",`<div id="health-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 800px; max-width: 1000px;">
|
|
|
|
|
<h3>\u{1F3E5} Health Check Dashboard</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -1561,7 +1561,7 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<button id="health-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("health-modal"),B=document.getElementById("health-check-btn"),j=document.getElementById("health-cancel"),b=document.getElementById("health-refresh-btn"),D=document.getElementById("health-status-container"),A=document.getElementById("health-incidents-container"),P=document.getElementById("health-config-container"),R=document.getElementById("health-last-update"),k=document.getElementById("health-add-btn"),M=document.getElementById("health-config-form"),E=document.getElementById("health-form-title"),z=document.getElementById("health-form-cancel"),C=document.getElementById("health-form-save"),N="dashcaddy-health-settings",x={retentionDays:30,pollingInterval:60,statsPollingInterval:30,maxEntriesPerService:500,diskUsageThreshold:80},I=document.getElementById("health-global-save"),H=document.getElementById("health-global-reset"),m=document.getElementById("health-global-status"),L=document.getElementById("health-setting-retention"),T=document.getElementById("health-setting-interval"),O=document.getElementById("health-setting-stats-interval"),u=document.getElementById("health-setting-max-entries"),g=document.getElementById("health-setting-disk-threshold");function S(){try{const i=safeGet(N),n=i?JSON.parse(i):{};return Object.assign({},x,n)}catch{return Object.assign({},x)}}function y(){const i=S();L&&(L.value=i.retentionDays),T&&(T.value=i.pollingInterval),O&&(O.value=i.statsPollingInterval),u&&(u.value=i.maxEntriesPerService),g&&(g.value=i.diskUsageThreshold)}function w(){const i={retentionDays:Math.max(1,Math.min(3650,parseInt(L?.value)||x.retentionDays)),pollingInterval:Math.max(5,Math.min(3600,parseInt(T?.value)||x.pollingInterval)),statsPollingInterval:Math.max(5,Math.min(3600,parseInt(O?.value)||x.statsPollingInterval)),maxEntriesPerService:Math.max(10,Math.min(1e5,parseInt(u?.value)||x.maxEntriesPerService)),diskUsageThreshold:Math.max(50,Math.min(99,parseInt(g?.value)||x.diskUsageThreshold))};try{safeSet(N,JSON.stringify(i)),y(),m&&(m.textContent="Saved \u2713",m.style.color="var(--ok-fg)",setTimeout(()=>{m&&(m.textContent="")},2500)),typeof showNotification=="function"&&showNotification("Global health settings saved","success")}catch(n){m&&(m.textContent="Save failed",m.style.color="var(--bad-fg)"),typeof showNotification=="function"&&showNotification("Failed to save settings: "+n.message,"error")}}function s(){try{safeSet(N,JSON.stringify(x))}catch{}y(),m&&(m.textContent="Reset to defaults \u2713",m.style.color="var(--ok-fg)",setTimeout(()=>{m&&(m.textContent="")},2500))}y(),I?.addEventListener("click",w),H?.addEventListener("click",s);let p=null;function l(i){return i>=99.9?"var(--ok-fg)":i>=95?"#f39c12":"var(--bad-fg)"}function v(i){const n={critical:"var(--bad-fg)",high:"#ff6b6b",medium:"#f39c12",low:"var(--muted)"};return`<span style="padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; background: ${n[i]||"var(--muted)"}20; color: ${n[i]||"var(--muted)"};">${i}</span>`}async function c(){try{const n=await(await fetch("/api/v1/health-checks/status")).json();if(!n.success||!n.status||Object.keys(n.status).length===0){D.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F3E5}</span>No health checks configured. Go to the Configure tab to add services.</div>';return}const r=Object.values(n.status);let d='<table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">';d+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted); text-align: left;">',d+='<th style="padding: 8px;">Service</th><th style="padding: 8px;">Status</th>',d+='<th style="padding: 8px;">Uptime 24h</th><th style="padding: 8px;">Uptime 7d</th>',d+='<th style="padding: 8px;">Avg Response</th><th style="padding: 8px;">Last Check</th></tr>';for(const h of r){const $=h.status==="up",U=$?"var(--dot-ok)":"var(--dot-bad)",_=h.uptime?.["24h"]??"-",F=h.uptime?.["7d"]??"-",q=h.avgResponseTime!=null?Math.round(h.avgResponseTime)+"ms":"-",J=h.timestamp?timeAgo(h.timestamp):"-";d+=`<tr style="border-bottom: 1px solid var(--border); cursor: pointer;" data-health-id="${escapeHtml(h.serviceId)}">`,d+=`<td style="padding: 8px; font-weight: 500;">${escapeHtml(h.name||h.serviceId)}</td>`,d+=`<td style="padding: 8px;"><span style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: ${U}; margin-right: 6px;"></span>${$?"Up":"Down"}</td>`,d+=`<td style="padding: 8px; color: ${typeof _=="number"?l(_):"var(--muted)"};">${typeof _=="number"?_.toFixed(1)+"%":_}</td>`,d+=`<td style="padding: 8px; color: ${typeof F=="number"?l(F):"var(--muted)"};">${typeof F=="number"?F.toFixed(1)+"%":F}</td>`,d+=`<td style="padding: 8px;">${q}</td>`,d+=`<td style="padding: 8px; color: var(--muted);">${J}</td>`,d+="</tr>",d+=`<tr id="health-detail-${escapeHtml(h.serviceId)}" style="display: none;"><td colspan="6" style="padding: 12px; background: var(--bg); border-bottom: 1px solid var(--border);"><div class="panel-empty"><span class="brand-spinner"></span> Loading Line truncated
|
|
|
|
|
</div>`);const x=document.getElementById("health-modal"),E=document.getElementById("health-check-btn"),j=document.getElementById("health-cancel"),h=document.getElementById("health-refresh-btn"),P=document.getElementById("health-status-container"),A=document.getElementById("health-incidents-container"),D=document.getElementById("health-config-container"),R=document.getElementById("health-last-update"),y=document.getElementById("health-add-btn"),$=document.getElementById("health-config-form"),k=document.getElementById("health-form-title"),H=document.getElementById("health-form-cancel"),T=document.getElementById("health-form-save"),z="dashcaddy-health-settings",C={retentionDays:30,pollingInterval:60,statsPollingInterval:30,maxEntriesPerService:500,diskUsageThreshold:80},M=document.getElementById("health-global-save"),b=document.getElementById("health-global-reset"),d=document.getElementById("health-global-status"),v=document.getElementById("health-setting-retention"),S=document.getElementById("health-setting-interval"),O=document.getElementById("health-setting-stats-interval"),m=document.getElementById("health-setting-max-entries"),f=document.getElementById("health-setting-disk-threshold");function B(){try{const r=safeGet(z),a=r?JSON.parse(r):{};return Object.assign({},C,a)}catch{return Object.assign({},C)}}function w(){const r=B();v&&(v.value=r.retentionDays),S&&(S.value=r.pollingInterval),O&&(O.value=r.statsPollingInterval),m&&(m.value=r.maxEntriesPerService),f&&(f.value=r.diskUsageThreshold)}function L(){const r={retentionDays:Math.max(1,Math.min(3650,parseInt(v?.value)||C.retentionDays)),pollingInterval:Math.max(5,Math.min(3600,parseInt(S?.value)||C.pollingInterval)),statsPollingInterval:Math.max(5,Math.min(3600,parseInt(O?.value)||C.statsPollingInterval)),maxEntriesPerService:Math.max(10,Math.min(1e5,parseInt(m?.value)||C.maxEntriesPerService)),diskUsageThreshold:Math.max(50,Math.min(99,parseInt(f?.value)||C.diskUsageThreshold))};try{safeSet(z,JSON.stringify(r)),w(),d&&(d.textContent="Saved \u2713",d.style.color="var(--ok-fg)",setTimeout(()=>{d&&(d.textContent="")},2500)),typeof showNotification=="function"&&showNotification("Global health settings saved","success")}catch(a){d&&(d.textContent="Save failed",d.style.color="var(--bad-fg)"),typeof showNotification=="function"&&showNotification("Failed to save settings: "+a.message,"error")}}function o(){try{safeSet(z,JSON.stringify(C))}catch{}w(),d&&(d.textContent="Reset to defaults \u2713",d.style.color="var(--ok-fg)",setTimeout(()=>{d&&(d.textContent="")},2500))}w(),M?.addEventListener("click",L),b?.addEventListener("click",o);let u=null;function l(r){return r>=99.9?"var(--ok-fg)":r>=95?"#f39c12":"var(--bad-fg)"}function g(r){const a={critical:"var(--bad-fg)",high:"#ff6b6b",medium:"#f39c12",low:"var(--muted)"};return`<span style="padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; background: ${a[r]||"var(--muted)"}20; color: ${a[r]||"var(--muted)"};">${r}</span>`}async function p(){try{const a=await(await fetch("/api/v1/health-checks/status")).json();if(!a.success||!a.status||Object.keys(a.status).length===0){P.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F3E5}</span>No health checks configured. Go to the Configure tab to add services.</div>';return}const i=Object.values(a.status);let c='<table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">';c+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted); text-align: left;">',c+='<th style="padding: 8px;">Service</th><th style="padding: 8px;">Status</th>',c+='<th style="padding: 8px;">Uptime 24h</th><th style="padding: 8px;">Uptime 7d</th>',c+='<th style="padding: 8px;">Avg Response</th><th style="padding: 8px;">Last Check</th></tr>';for(const I of i){const N=I.status==="up",U=N?"var(--dot-ok)":"var(--dot-bad)",_=I.uptime?.["24h"]??"-",F=I.uptime?.["7d"]??"-",q=I.avgResponseTime!=null?Math.round(I.avgResponseTime)+"ms":"-",J=I.timestamp?timeAgo(I.timestamp):"-";c+=`<tr style="border-bottom: 1px solid var(--border); cursor: pointer;" data-health-id="${escapeHtml(I.serviceId)}">`,c+=`<td style="padding: 8px; font-weight: 500;">${escapeHtml(I.name||I.serviceId)}</td>`,c+=`<td style="padding: 8px;"><span style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: ${U}; margin-right: 6px;"></span>${N?"Up":"Down"}</td>`,c+=`<td style="padding: 8px; color: ${typeof _=="number"?l(_):"var(--muted)"};">${typeof _=="number"?_.toFixed(1)+"%":_}</td>`,c+=`<td style="padding: 8px; color: ${typeof F=="number"?l(F):"var(--muted)"};">${typeof F=="number"?F.toFixed(1)+"%":F}</td>`,c+=`<td style="padding: 8px;">${q}</td>`,c+=`<td style="padding: 8px; color: var(--muted);">${J}</td>`,c+="</tr>",c+=`<tr id="health-detail-${escapeHtml(I.serviceId)}" style="display: none;"><td colspan="6" style="padding: 12px; background: var(--bg); border-bottom: 1px solid var(--border);"><div class="panel-empty"><span class="brand-spinner"></span> Loading Line truncated
|
|
|
|
|
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; font-size: 0.82rem;">
|
|
|
|
|
<div><span style="color: var(--muted);">Total Checks</span><br><strong>${q.totalChecks||0}</strong></div>
|
|
|
|
|
<div><span style="color: var(--muted);">Uptime</span><br><strong style="color: ${l(q.uptime||0)};">${(q.uptime||0).toFixed(2)}%</strong></div>
|
|
|
|
@@ -1571,14 +1571,14 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<div><span style="color: var(--muted);">Max Response</span><br><strong>${Math.round(J.max||0)}ms</strong></div>
|
|
|
|
|
<div><span style="color: var(--muted);">Up Checks</span><br><strong style="color: var(--ok-fg);">${q.upChecks||0}</strong></div>
|
|
|
|
|
<div><span style="color: var(--muted);">Down Checks</span><br><strong style="color: var(--bad-fg);">${q.downChecks||0}</strong></div>
|
|
|
|
|
</div>`}else U.querySelector("td").innerHTML='<div class="panel-empty">No detailed stats available for this period.</div>'}catch(_){U.querySelector("td").innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(_.message)}</div>`}}})})}catch(i){D.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed to load health status: ${escapeHtml(i.message)}</div>`}}async function t(){try{const[i,n]=await Promise.all([fetch("/api/v1/health-checks/incidents"),fetch("/api/v1/health-checks/incidents/history?limit=50")]),r=await i.json(),d=await n.json();let h="";const $=r.success&&r.incidents?r.incidents:[];if($.length>0){h+='<div style="margin-bottom: 16px;"><h4 style="color: var(--bad-fg); margin: 0 0 8px;">Open Incidents ('+$.length+")</h4>";for(const _ of $)h+=`<div style="padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--bad-fg)30; border-radius: 8px; background: var(--bad-bg);">
|
|
|
|
|
</div>`}else U.querySelector("td").innerHTML='<div class="panel-empty">No detailed stats available for this period.</div>'}catch(_){U.querySelector("td").innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(_.message)}</div>`}}})})}catch(r){P.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed to load health status: ${escapeHtml(r.message)}</div>`}}async function t(){try{const[r,a]=await Promise.all([fetch("/api/v1/health-checks/incidents"),fetch("/api/v1/health-checks/incidents/history?limit=50")]),i=await r.json(),c=await a.json();let I="";const N=i.success&&i.incidents?i.incidents:[];if(N.length>0){I+='<div style="margin-bottom: 16px;"><h4 style="color: var(--bad-fg); margin: 0 0 8px;">Open Incidents ('+N.length+")</h4>";for(const _ of N)I+=`<div style="padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--bad-fg)30; border-radius: 8px; background: var(--bad-bg);">
|
|
|
|
|
<div style="display: flex; justify-content: space-between; align-items: center;">
|
|
|
|
|
<span style="font-weight: 500;">${escapeHtml(_.serviceId)}</span>
|
|
|
|
|
<span>${v(_.severity)}</span>
|
|
|
|
|
<span>${g(_.severity)}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="font-size: 0.82rem; color: var(--muted); margin-top: 4px;">${escapeHtml(_.message)}</div>
|
|
|
|
|
<div style="font-size: 0.75rem; color: var(--muted); margin-top: 4px;">Started ${timeAgo(_.createdAt)} \xB7 ${_.occurrences||1} occurrence(s)</div>
|
|
|
|
|
</div>`;h+="</div>"}else h+='<div style="padding: 12px; margin-bottom: 16px; border: 1px solid var(--ok-fg)30; border-radius: 8px; background: var(--ok-bg); text-align: center; color: var(--ok-fg); font-size: 0.9rem;">All services operational \u2014 no open incidents</div>';const U=d.success&&d.history?d.history:[];if(U.length>0){h+='<h4 style="margin: 0 0 8px; color: var(--muted);">Incident History</h4>',h+='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">',h+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 6px; text-align: left;">Service</th><th style="padding: 6px; text-align: left;">Type</th><th style="padding: 6px; text-align: left;">Severity</th><th style="padding: 6px; text-align: left;">Status</th><th style="padding: 6px; text-align: left;">Duration</th><th style="padding: 6px; text-align: left;">When</th></tr>';for(const _ of U){const F=_.status==="resolved",q=F&&_.duration?_.duration<6e4?Math.round(_.duration/1e3)+"s":Math.round(_.duration/6e4)+"m":"-";h+='<tr style="border-bottom: 1px solid var(--border);">',h+=`<td style="padding: 6px;">${escapeHtml(_.serviceId)}</td>`,h+=`<td style="padding: 6px;">${escapeHtml(_.type)}</td>`,h+=`<td style="padding: 6px;">${v(_.severity)}</td>`,h+=`<td style="padding: 6px;"><span style="color: ${F?"var(--ok-fg)":"var(--bad-fg)"};">${_.status}</span></td>`,h+=`<td style="padding: 6px;">${q}</td>`,h+=`<td style="padding: 6px; color: var(--muted);">${timeAgo(_.createdAt)}</td>`,h+="</tr>"}h+="</table>"}A.innerHTML=h||'<div class="panel-empty"><span class="empty-icon">\u{1F6A8}</span>No incidents recorded yet.</div>'}catch(i){A.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(i.message)}</div>`}}async function e(){try{const n=await(await fetch("/api/v1/health-checks/status")).json(),r=n.success&&n.status?Object.values(n.status):[];if(r.length===0){P.innerHTML='<div class="panel-empty"><span class="empty-icon">\u2699\uFE0F</span>No health checks configured yet. Click "Add Health Check" below.</div>';return}let d='<table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">';d+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 8px; text-align: left;">Service</th><th style="padding: 8px; text-align: left;">Status</th><th style="padding: 8px; text-align: left;">SLA Target</th><th style="padding: 8px; text-align: right;">Actions</th></tr>';for(const h of r){const $=h.status==="up";d+='<tr style="border-bottom: 1px solid var(--border);">',d+=`<td style="padding: 8px; font-weight: 500;">${escapeHtml(h.name||h.serviceId)}</td>`,d+=`<td style="padding: 8px; color: ${$?"var(--ok-fg)":"var(--bad-fg)"};">${$?"Up":"Down"}</td>`,d+=`<td style="padding: 8px;">${h.sla?.target?h.sla.target+"%":"-"}</td>`,d+='<td style="padding: 8px; text-align: right;">',d+=`<button onclick="document.dispatchEvent(new CustomEvent('health-edit', {detail:'${escapeHtml(h.serviceId)}'}))" style="padding: 4px 10px; font-size: 0.78rem; margin-right: 4px;">Edit</button>`,d+=`<button onclick="document.dispatchEvent(new CustomEvent('health-delete', {detail:'${escapeHtml(h.serviceId)}'}))" style="padding: 4px 10px; font-size: 0.78rem; color: var(--bad-fg); border-color: var(--bad-fg);">Delete</button>`,d+="</td></tr>"}d+="</table>",P.innerHTML=d}catch(i){P.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(i.message)}</div>`}}function a(i,n,r,d,h,$,U){p=i||null,E.textContent=i?"Edit Health Check":"Add Health Check",document.getElementById("health-form-id").value=i||"",document.getElementById("health-form-id").disabled=!!i,document.getElementById("health-form-name").value=n||"",document.getElementById("health-form-url").value=r||"",document.getElementById("health-form-timeout").value=d||1e4,document.getElementById("health-form-codes").value=h||"200",document.getElementById("health-form-sla").value=$||99.9,document.getElementById("health-form-slow").value=U||5e3,M.style.display="",k.style.display="none"}function o(){M.style.display="none",k.style.display="",p=null}k?.addEventListener("click",()=>a("","","",1e4,"200",99.9,5e3)),z?.addEventListener("click",o),C?.addEventListener("click",async()=>{const i=p||document.getElementById("health-form-id").value.trim();if(!i)return showNotification("Service ID is required","warning");const n=document.getElementById("health-form-url").value.trim();if(!n)return showNotification("URL is required","warning");const r=document.getElementById("health-form-codes").value.split(",").map(h=>parseInt(h.trim())).filter(Boolean),d={name:document.getElementById("health-form-name").value.trim()||i,url:n,timeout:parseInt(document.getElementById("health-form-timeout").value)||1e4,expectedStatusCodes:r.length?r:[200],sla:{target:parseFloat(document.getElementById("health-form-sla").value)||99.9},slowResponseThreshold:parseInt(document.getElementById("health-form-slow").value)|Line truncated
|
|
|
|
|
</div>`;I+="</div>"}else I+='<div style="padding: 12px; margin-bottom: 16px; border: 1px solid var(--ok-fg)30; border-radius: 8px; background: var(--ok-bg); text-align: center; color: var(--ok-fg); font-size: 0.9rem;">All services operational \u2014 no open incidents</div>';const U=c.success&&c.history?c.history:[];if(U.length>0){I+='<h4 style="margin: 0 0 8px; color: var(--muted);">Incident History</h4>',I+='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">',I+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 6px; text-align: left;">Service</th><th style="padding: 6px; text-align: left;">Type</th><th style="padding: 6px; text-align: left;">Severity</th><th style="padding: 6px; text-align: left;">Status</th><th style="padding: 6px; text-align: left;">Duration</th><th style="padding: 6px; text-align: left;">When</th></tr>';for(const _ of U){const F=_.status==="resolved",q=F&&_.duration?_.duration<6e4?Math.round(_.duration/1e3)+"s":Math.round(_.duration/6e4)+"m":"-";I+='<tr style="border-bottom: 1px solid var(--border);">',I+=`<td style="padding: 6px;">${escapeHtml(_.serviceId)}</td>`,I+=`<td style="padding: 6px;">${escapeHtml(_.type)}</td>`,I+=`<td style="padding: 6px;">${g(_.severity)}</td>`,I+=`<td style="padding: 6px;"><span style="color: ${F?"var(--ok-fg)":"var(--bad-fg)"};">${_.status}</span></td>`,I+=`<td style="padding: 6px;">${q}</td>`,I+=`<td style="padding: 6px; color: var(--muted);">${timeAgo(_.createdAt)}</td>`,I+="</tr>"}I+="</table>"}A.innerHTML=I||'<div class="panel-empty"><span class="empty-icon">\u{1F6A8}</span>No incidents recorded yet.</div>'}catch(r){A.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(r.message)}</div>`}}async function e(){try{const a=await(await fetch("/api/v1/health-checks/status")).json(),i=a.success&&a.status?Object.values(a.status):[];if(i.length===0){D.innerHTML='<div class="panel-empty"><span class="empty-icon">\u2699\uFE0F</span>No health checks configured yet. Click "Add Health Check" below.</div>';return}let c='<table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">';c+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 8px; text-align: left;">Service</th><th style="padding: 8px; text-align: left;">Status</th><th style="padding: 8px; text-align: left;">SLA Target</th><th style="padding: 8px; text-align: right;">Actions</th></tr>';for(const I of i){const N=I.status==="up";c+='<tr style="border-bottom: 1px solid var(--border);">',c+=`<td style="padding: 8px; font-weight: 500;">${escapeHtml(I.name||I.serviceId)}</td>`,c+=`<td style="padding: 8px; color: ${N?"var(--ok-fg)":"var(--bad-fg)"};">${N?"Up":"Down"}</td>`,c+=`<td style="padding: 8px;">${I.sla?.target?I.sla.target+"%":"-"}</td>`,c+='<td style="padding: 8px; text-align: right;">',c+=`<button onclick="document.dispatchEvent(new CustomEvent('health-edit', {detail:'${escapeHtml(I.serviceId)}'}))" style="padding: 4px 10px; font-size: 0.78rem; margin-right: 4px;">Edit</button>`,c+=`<button onclick="document.dispatchEvent(new CustomEvent('health-delete', {detail:'${escapeHtml(I.serviceId)}'}))" style="padding: 4px 10px; font-size: 0.78rem; color: var(--bad-fg); border-color: var(--bad-fg);">Delete</button>`,c+="</td></tr>"}c+="</table>",D.innerHTML=c}catch(r){D.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(r.message)}</div>`}}function s(r,a,i,c,I,N,U){u=r||null,k.textContent=r?"Edit Health Check":"Add Health Check",document.getElementById("health-form-id").value=r||"",document.getElementById("health-form-id").disabled=!!r,document.getElementById("health-form-name").value=a||"",document.getElementById("health-form-url").value=i||"",document.getElementById("health-form-timeout").value=c||1e4,document.getElementById("health-form-codes").value=I||"200",document.getElementById("health-form-sla").value=N||99.9,document.getElementById("health-form-slow").value=U||5e3,$.style.display="",y.style.display="none"}function n(){$.style.display="none",y.style.display="",u=null}y?.addEventListener("click",()=>s("","","",1e4,"200",99.9,5e3)),H?.addEventListener("click",n),T?.addEventListener("click",async()=>{const r=u||document.getElementById("health-form-id").value.trim();if(!r)return showNotification("Service ID is required","warning");const a=document.getElementById("health-form-url").value.trim();if(!a)return showNotification("URL is required","warning");const i=document.getElementById("health-form-codes").value.split(",").map(I=>parseInt(I.trim())).filter(Boolean),c={name:document.getElementById("health-form-name").value.trim()||r,url:a,timeout:parseInt(document.getElementById("health-form-timeout").value)||1e4,expectedStatusCodes:i.length?i:[200],sla:{target:parseFloat(document.getElementById("health-form-sla").value)||99.9},slowResponseThreshold:parseInt(document.getElementById("health-form-slow").value)|Line truncated
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 750px; max-width: 950px;">
|
|
|
|
|
<h3>\u2B06\uFE0F Update Management</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -1652,17 +1652,17 @@ This will replace current configuration, credentials, and data. Containers will
|
|
|
|
|
<button id="updates-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("updates-modal"),B=document.getElementById("updates-btn"),j=document.getElementById("updates-cancel"),b=document.getElementById("updates-check-btn"),D=document.getElementById("updates-available-container"),A=document.getElementById("updates-history-container"),P=document.getElementById("updates-auto-container"),R=document.getElementById("updates-last-check");async function k(){try{const t=await(await fetch("/api/v1/updates/available")).json();if(!t.success)throw new Error(t.error);const e=t.updates||[];if(e.length===0){D.innerHTML='<div class="panel-empty"><span class="empty-icon">\u2705</span>All containers are up to date.</div>',R.textContent="",document.getElementById("updates-update-all-btn").style.display="none",document.getElementById("updates-count-badge").style.display="none",window._pendingUpdates=[];return}let a='<table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">';a+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 8px; text-align: left;">Container</th><th style="padding: 8px; text-align: left;">Image</th><th style="padding: 8px; text-align: left;">Current</th><th style="padding: 8px; text-align: left;">Latest</th><th style="padding: 8px; text-align: right;">Actions</th></tr>';for(const n of e){const r=(()=>{const d=window.APPS||[];for(const h of d)if(h.containerId===n.containerId||h.name===n.containerName||h.id===n.containerName)return h.id;return n.containerName})();a+=`<tr data-app-id="${escapeHtml(r)}" style="border-bottom: 1px solid var(--border);">`,a+=`<td style="padding: 8px; font-weight: 500;">${escapeHtml(n.containerName)}</td>`,a+=`<td style="padding: 8px; color: var(--muted);">${escapeHtml(n.imageName)}</td>`,a+=`<td style="padding: 8px;"><code style="font-size: 0.78rem; background: var(--bg); padding: 2px 6px; border-radius: 4px;">${escapeHtml(n.currentDigest)}</code></td>`,a+=`<td style="padding: 8px;"><code style="font-size: 0.78rem; background: var(--ok-bg); color: var(--ok-fg); padding: 2px 6px; border-radius: 4px;">${escapeHtml(n.latestDigest)}</code></td>`,a+='<td style="padding: 8px; text-align: right;">',a+=`<button class="update-now-btn" data-id="${escapeHtml(n.containerId)}" data-name="${escapeHtml(n.containerName)}" style="padding: 4px 10px; font-size: 0.78rem; background: var(--accent); color: var(--bg); border-color: var(--accent); margin-right: 4px;">Update</button>`,a+=`<button class="rollback-btn" data-id="${escapeHtml(n.containerId)}" data-name="${escapeHtml(n.containerName)}" style="padding: 4px 10px; font-size: 0.78rem;">Rollback</button>`,a+="</td></tr>"}a+="</table>",D.innerHTML=a,R.textContent=e.length+" update(s) available";const o=document.getElementById("updates-count-badge"),i=document.getElementById("updates-update-all-btn");o&&(o.textContent=e.length+" pending",o.style.display=""),i&&e.length>0&&(i.style.display=""),window._pendingUpdates=e,D.querySelectorAll(".update-now-btn").forEach(n=>{n.addEventListener("click",async()=>{const r=n.dataset.id,d=n.dataset.name;if(confirm(`Update "${d}" to the latest version? The container will restart.`)){n.textContent="Updating...",n.disabled=!0;try{const $=await(await secureFetch(`/api/v1/updates/update/${encodeURIComponent(r)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({autoRollback:!0})})).json();if($.success)n.textContent="Done!",n.style.background="var(--ok-fg)",setTimeout(()=>k(),2e3);else throw new Error($.error||"Update failed")}catch(h){n.textContent="Failed",n.style.color="var(--bad-fg)",showNotification("Update error: "+h.message,"error"),setTimeout(()=>{n.textContent="Update",n.disabled=!1,n.style.color="",n.style.background=""},3e3)}}})}),D.querySelectorAll(".rollback-btn").forEach(n=>{n.addEventListener("click",async()=>{const r=n.dataset.id,d=n.dataset.name;if(confirm(`Rollback "${d}" to its previous version?`)){n.textContent="Rolling back...",n.disabled=!0;try{const $=await(await secureFetch(`/api/v1/updates/rollback/${encodeURIComponent(r)}`,{method:"POST"})).json();if($.success)n.textContent="Rolled back!",setTimeout(()=>k(),2e3);else throw new Error($.error||"Rollback failed")}catch(h){n.textContent="Failed",showNotification("Rollback error: "+h.message,"error"),setTimeout(()=>{n.textContent="Rollback",n.disabled=!1},3e3)}}})})}catch(c){D.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(c.message)}</div>`}}async function M(){const c=window._pendingUpdates||[];if(!c.length)return;const t=document.getElementById("updates-update-all-btn");if(!confirm(`Update all ${c.length} containers? Each will restart.`))return;t.textContent="\u23F3 Updating...",t.disabled=!0;let e=0,a=0;for(const o of c)try{(await(await secureFetch(`/api/v1/updates/update/${encodeURIComponent(o.containerId)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({autoRollback:!0})})).json()).success?e++:a++}catch{a++}t.textCLine truncated
|
|
|
|
|
<select class="auto-schedule" data-id="${escapeHtml(h)}" style="padding: 4px 8px; border-radius: 4px; border: 1px solid var(--border); background: var(--bg); color: var(--fg); font-size: 0.82rem;">
|
|
|
|
|
</div>`);const x=document.getElementById("updates-modal"),E=document.getElementById("updates-btn"),j=document.getElementById("updates-cancel"),h=document.getElementById("updates-check-btn"),P=document.getElementById("updates-available-container"),A=document.getElementById("updates-history-container"),D=document.getElementById("updates-auto-container"),R=document.getElementById("updates-last-check");async function y(){try{const t=await(await fetch("/api/v1/updates/available")).json();if(!t.success)throw new Error(t.error);const e=t.updates||[];if(e.length===0){P.innerHTML='<div class="panel-empty"><span class="empty-icon">\u2705</span>All containers are up to date.</div>',R.textContent="",document.getElementById("updates-update-all-btn").style.display="none",document.getElementById("updates-count-badge").style.display="none",window._pendingUpdates=[];return}let s='<table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">';s+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 8px; text-align: left;">Container</th><th style="padding: 8px; text-align: left;">Image</th><th style="padding: 8px; text-align: left;">Current</th><th style="padding: 8px; text-align: left;">Latest</th><th style="padding: 8px; text-align: right;">Actions</th></tr>';for(const a of e){const i=(()=>{const c=window.APPS||[];for(const I of c)if(I.containerId===a.containerId||I.name===a.containerName||I.id===a.containerName)return I.id;return a.containerName})();s+=`<tr data-app-id="${escapeHtml(i)}" style="border-bottom: 1px solid var(--border);">`,s+=`<td style="padding: 8px; font-weight: 500;">${escapeHtml(a.containerName)}</td>`,s+=`<td style="padding: 8px; color: var(--muted);">${escapeHtml(a.imageName)}</td>`,s+=`<td style="padding: 8px;"><code style="font-size: 0.78rem; background: var(--bg); padding: 2px 6px; border-radius: 4px;">${escapeHtml(a.currentDigest)}</code></td>`,s+=`<td style="padding: 8px;"><code style="font-size: 0.78rem; background: var(--ok-bg); color: var(--ok-fg); padding: 2px 6px; border-radius: 4px;">${escapeHtml(a.latestDigest)}</code></td>`,s+='<td style="padding: 8px; text-align: right;">',s+=`<button class="update-now-btn" data-id="${escapeHtml(a.containerId)}" data-name="${escapeHtml(a.containerName)}" style="padding: 4px 10px; font-size: 0.78rem; background: var(--accent); color: var(--bg); border-color: var(--accent); margin-right: 4px;">Update</button>`,s+=`<button class="rollback-btn" data-id="${escapeHtml(a.containerId)}" data-name="${escapeHtml(a.containerName)}" style="padding: 4px 10px; font-size: 0.78rem;">Rollback</button>`,s+="</td></tr>"}s+="</table>",P.innerHTML=s,R.textContent=e.length+" update(s) available";const n=document.getElementById("updates-count-badge"),r=document.getElementById("updates-update-all-btn");n&&(n.textContent=e.length+" pending",n.style.display=""),r&&e.length>0&&(r.style.display=""),window._pendingUpdates=e,P.querySelectorAll(".update-now-btn").forEach(a=>{a.addEventListener("click",async()=>{const i=a.dataset.id,c=a.dataset.name;if(confirm(`Update "${c}" to the latest version? The container will restart.`)){a.textContent="Updating...",a.disabled=!0;try{const N=await(await secureFetch(`/api/v1/updates/update/${encodeURIComponent(i)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({autoRollback:!0})})).json();if(N.success)a.textContent="Done!",a.style.background="var(--ok-fg)",setTimeout(()=>y(),2e3);else throw new Error(N.error||"Update failed")}catch(I){a.textContent="Failed",a.style.color="var(--bad-fg)",showNotification("Update error: "+I.message,"error"),setTimeout(()=>{a.textContent="Update",a.disabled=!1,a.style.color="",a.style.background=""},3e3)}}})}),P.querySelectorAll(".rollback-btn").forEach(a=>{a.addEventListener("click",async()=>{const i=a.dataset.id,c=a.dataset.name;if(confirm(`Rollback "${c}" to its previous version?`)){a.textContent="Rolling back...",a.disabled=!0;try{const N=await(await secureFetch(`/api/v1/updates/rollback/${encodeURIComponent(i)}`,{method:"POST"})).json();if(N.success)a.textContent="Rolled back!",setTimeout(()=>y(),2e3);else throw new Error(N.error||"Rollback failed")}catch(I){a.textContent="Failed",showNotification("Rollback error: "+I.message,"error"),setTimeout(()=>{a.textContent="Rollback",a.disabled=!1},3e3)}}})})}catch(p){P.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(p.message)}</div>`}}async function $(){const p=window._pendingUpdates||[];if(!p.length)return;const t=document.getElementById("updates-update-all-btn");if(!confirm(`Update all ${p.length} containers? Each will restart.`))return;t.textContent="\u23F3 Updating...",t.disabled=!0;let e=0,s=0;for(const n of p)try{(await(await secureFetch(`/api/v1/updates/update/${encodeURIComponent(n.containerId)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({autoRollback:!0})})).json()).success?e++:s++}catch{s++}t.textCLine truncated
|
|
|
|
|
<select class="auto-schedule" data-id="${escapeHtml(I)}" style="padding: 4px 8px; border-radius: 4px; border: 1px solid var(--border); background: var(--bg); color: var(--fg); font-size: 0.82rem;">
|
|
|
|
|
<option value=""${U?"":" selected"}>Disabled</option>
|
|
|
|
|
<option value="daily"${U==="daily"?" selected":""}>Daily</option>
|
|
|
|
|
<option value="weekly"${U==="weekly"?" selected":""}>Weekly</option>
|
|
|
|
|
<option value="monthly"${U==="monthly"?" selected":""}>Monthly</option>
|
|
|
|
|
</select></td>`,n+=`<td style="padding: 8px;"><input type="text" class="auto-window" data-id="${escapeHtml(h)}" value="${escapeHtml(F)}" placeholder="02:00-04:00" style="width: 90px; padding: 3px 6px; font-size: 0.78rem; border: 1px solid var(--border); border-radius: 4px; background: var(--bg); color: var(--fg);" /></td>`,n+=`<td style="padding: 8px;"><input type="checkbox" class="auto-rollback" data-id="${escapeHtml(h)}"${_?" checked":""} /></td>`,n+=`<td style="padding: 8px; font-size: 0.78rem; color: var(--muted);">${q}</td>`,n+=`<td style="padding: 8px; text-align: right;"><button class="save-auto-btn" data-id="${escapeHtml(h)}" data-name="${escapeHtml(d)}" style="padding: 4px 10px; font-size: 0.78rem;">Save</button></td>`,n+="</tr>"}n+="</table>",P.innerHTML=n,P.querySelectorAll(".save-auto-btn").forEach(r=>{r.addEventListener("click",async()=>{const d=r.dataset.id,h=r.closest("tr"),$=h.querySelector(".auto-schedule").value,U=h.querySelector(".auto-rollback").checked,_=h.querySelector(".auto-window").value.trim();r.textContent="Saving...",r.disabled=!0;try{const q=await(await secureFetch(`/api/v1/updates/auto-update/${encodeURIComponent(d)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({enabled:!!$,schedule:$||"weekly",autoRollback:U,maintenanceWindow:_||void 0})})).json();if(q.success)r.textContent="\u2713 Saved";else throw new Error(q.error)}catch(F){r.textContent="\u2717 Error",showNotification("Save error: "+F.message,"error")}setTimeout(()=>{r.textContent="Save",r.disabled=!1},2e3)})})}catch(c){P.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(c.message)}</div>`}}const N=document.getElementById("dashcaddy-current-version"),x=document.getElementById("dashcaddy-update-badge"),I=document.getElementById("dashcaddy-update-details"),H=document.getElementById("dashcaddy-new-version"),m=document.getElementById("dashcaddy-changelog"),L=document.getElementById("dashcaddy-apply-btn"),T=document.getElementById("dashcaddy-check-btn"),O=document.getElementById("dashcaddy-rollback-btn"),u=document.getElementById("dashcaddy-status-bar"),g=document.getElementById("dashcaddy-history-container");let S=null;function y(c,t){u&&(u.style.display="block",u.style.background=t==="error"?"var(--bad-bg)":t==="success"?"var(--ok-bg)":"var(--bg)",u.style.color=t==="error"?"var(--bad-fg)":t==="success"?"var(--ok-fg)":"var(--fg)",u.textContent=c)}async function w(){try{const t=await(await fetch("/api/v1/system/version")).json();if(t.success){const e=t.commit&&t.commit!=="unknown"?t.commit:null;N.textContent="v"+t.version+(e?" ("+e.substring(0,7)+")":"")}}catch{N.textContent="Unable to fetch version"}}async function s(c){c||(T.textContent="Checking...",T.disabled=!0);try{const e=await(await fetch("/api/v1/system/update-check")).json();if(S=e,e.success&&e.available&&e.remote){x.style.display="",I.style.display="",H.textContent="v"+e.remote.version,m.textContent=e.remote.changelog||"No changelog available.";const a=document.getElementById("updates-btn");if(a&&!a.querySelector(".update-dot")){const i=document.createElement("span");i.className="update-dot",i.style.cssText="position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--accent);",a.style.position="relative",a.appendChild(i)}const o=document.getElementById("updates-dashcaddy-tab");if(o&&!o.querySelector(".update-dot")){const i=document.createElement("span");i.className="update-dot",i.style.cssText="display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:4px;vertical-align:middle;",o.appendChild(i)}}else x.style.display="none",I.style.display="none",await w(),c||y("You are running the latest version.","success");c||(T.textContent="Check for Updates",T.disabled=!1)}catch(t){c||(y("Failed to check: "+t.message,"error"),T.textContent="Check for Updates",T.disabled=!1)}}async function p(){if(!confirm("Apply DashCaddy update? The API container will restart."))return!1;L.textContent="Updating...",L.disabled=!0,y("Downloading and applying update...","info");try{const t=await(await secureFetch("/api/v1/system/update-apply",{method:"POST"})).json();if(t.success)return y("Update initiated: v"+(t.fromVersion||"?")+" \u2192 v"+(t.toVersion||"?")+". The container will restart shortly.","success"),L.textContent="Applied!",document.querySelectorAll(".update-dot").forEach(e=>e.remove()),!0;throw new Error(t.error||"Update failed")}catch(c){throw y("Update failed: "+c.message,"error"),L.textContent="Update Now",L.disabled=!1,c}}async function l(){try{const t=await(await fetch("/api/v1/system/update-history")).json(),e=t.success&&t.history?t.history:[];if(e.length===0){g.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4E6}</span>No self-update history.</div>';return}let a='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">';a+='<tr style="border-bottom: 1px solid var(--border); color: var(--mutLine truncated
|
|
|
|
|
</select></td>`,a+=`<td style="padding: 8px;"><input type="text" class="auto-window" data-id="${escapeHtml(I)}" value="${escapeHtml(F)}" placeholder="02:00-04:00" style="width: 90px; padding: 3px 6px; font-size: 0.78rem; border: 1px solid var(--border); border-radius: 4px; background: var(--bg); color: var(--fg);" /></td>`,a+=`<td style="padding: 8px;"><input type="checkbox" class="auto-rollback" data-id="${escapeHtml(I)}"${_?" checked":""} /></td>`,a+=`<td style="padding: 8px; font-size: 0.78rem; color: var(--muted);">${q}</td>`,a+=`<td style="padding: 8px; text-align: right;"><button class="save-auto-btn" data-id="${escapeHtml(I)}" data-name="${escapeHtml(c)}" style="padding: 4px 10px; font-size: 0.78rem;">Save</button></td>`,a+="</tr>"}a+="</table>",D.innerHTML=a,D.querySelectorAll(".save-auto-btn").forEach(i=>{i.addEventListener("click",async()=>{const c=i.dataset.id,I=i.closest("tr"),N=I.querySelector(".auto-schedule").value,U=I.querySelector(".auto-rollback").checked,_=I.querySelector(".auto-window").value.trim();i.textContent="Saving...",i.disabled=!0;try{const q=await(await secureFetch(`/api/v1/updates/auto-update/${encodeURIComponent(c)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({enabled:!!N,schedule:N||"weekly",autoRollback:U,maintenanceWindow:_||void 0})})).json();if(q.success)i.textContent="\u2713 Saved";else throw new Error(q.error)}catch(F){i.textContent="\u2717 Error",showNotification("Save error: "+F.message,"error")}setTimeout(()=>{i.textContent="Save",i.disabled=!1},2e3)})})}catch(p){D.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(p.message)}</div>`}}const z=document.getElementById("dashcaddy-current-version"),C=document.getElementById("dashcaddy-update-badge"),M=document.getElementById("dashcaddy-update-details"),b=document.getElementById("dashcaddy-new-version"),d=document.getElementById("dashcaddy-changelog"),v=document.getElementById("dashcaddy-apply-btn"),S=document.getElementById("dashcaddy-check-btn"),O=document.getElementById("dashcaddy-rollback-btn"),m=document.getElementById("dashcaddy-status-bar"),f=document.getElementById("dashcaddy-history-container");let B=null;function w(p,t){m&&(m.style.display="block",m.style.background=t==="error"?"var(--bad-bg)":t==="success"?"var(--ok-bg)":"var(--bg)",m.style.color=t==="error"?"var(--bad-fg)":t==="success"?"var(--ok-fg)":"var(--fg)",m.textContent=p)}async function L(){try{const t=await(await fetch("/api/v1/system/version")).json();if(t.success){const e=t.commit&&t.commit!=="unknown"?t.commit:null;z.textContent="v"+t.version+(e?" ("+e.substring(0,7)+")":"")}}catch{z.textContent="Unable to fetch version"}}async function o(p){p||(S.textContent="Checking...",S.disabled=!0);try{const e=await(await fetch("/api/v1/system/update-check")).json();if(B=e,e.success&&e.available&&e.remote){C.style.display="",M.style.display="",b.textContent="v"+e.remote.version,d.textContent=e.remote.changelog||"No changelog available.";const s=document.getElementById("updates-btn");if(s&&!s.querySelector(".update-dot")){const r=document.createElement("span");r.className="update-dot",r.style.cssText="position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--accent);",s.style.position="relative",s.appendChild(r)}const n=document.getElementById("updates-dashcaddy-tab");if(n&&!n.querySelector(".update-dot")){const r=document.createElement("span");r.className="update-dot",r.style.cssText="display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:4px;vertical-align:middle;",n.appendChild(r)}}else C.style.display="none",M.style.display="none",await L(),p||w("You are running the latest version.","success");p||(S.textContent="Check for Updates",S.disabled=!1)}catch(t){p||(w("Failed to check: "+t.message,"error"),S.textContent="Check for Updates",S.disabled=!1)}}async function u(){if(!confirm("Apply DashCaddy update? The API container will restart."))return!1;v.textContent="Updating...",v.disabled=!0,w("Downloading and applying update...","info");try{const t=await(await secureFetch("/api/v1/system/update-apply",{method:"POST"})).json();if(t.success)return w("Update initiated: v"+(t.fromVersion||"?")+" \u2192 v"+(t.toVersion||"?")+". The container will restart shortly.","success"),v.textContent="Applied!",document.querySelectorAll(".update-dot").forEach(e=>e.remove()),!0;throw new Error(t.error||"Update failed")}catch(p){throw w("Update failed: "+p.message,"error"),v.textContent="Update Now",v.disabled=!1,p}}async function l(){try{const t=await(await fetch("/api/v1/system/update-history")).json(),e=t.success&&t.history?t.history:[];if(e.length===0){f.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4E6}</span>No self-update history.</div>';return}let s='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">';s+='<tr style="border-bottom: 1px solid var(--border); color: var(--mutLine truncated
|
|
|
|
|
`+e.join(`
|
|
|
|
|
`)+`
|
|
|
|
|
|
|
|
|
|
Enter version to rollback to:`);if(!a)return;if(!e.includes(a)){showNotification("Invalid version: "+a,"error");return}if(!confirm("Rollback DashCaddy to v"+a+"? The container will restart."))return;y("Rolling back to v"+a+"...","info");const i=await(await secureFetch("/api/v1/system/rollback",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({version:a})})).json();if(i.success)y("Rollback to v"+a+" initiated. Container will restart.","success");else throw new Error(i.error||"Rollback failed")}catch(c){y("Rollback failed: "+c.message,"error")}}T?.addEventListener("click",()=>s(!1)),L?.addEventListener("click",()=>p().catch(()=>{})),O?.addEventListener("click",v),b?.addEventListener("click",E),B?.addEventListener("click",()=>{f?.classList.add("show"),k()}),wireModal(f,j),window.openUpdateModal=function(c){f?.classList.add("show"),k().then(()=>{if(!c)return;const t=D.querySelector(`[data-app-id="${c}"]`);t&&(t.scrollIntoView({behavior:"smooth",block:"center"}),t.style.background="rgba(249,115,22,0.15)",setTimeout(()=>{t.style.background=""},3e3))})},document.querySelector('[data-panel="updates-history"]')?.addEventListener("click",z),document.querySelector('[data-panel="updates-auto"]')?.addEventListener("click",C),document.querySelector('[data-panel="updates-dashcaddy"]')?.addEventListener("click",()=>{w(),l(),S||s(!0)}),window.dcApplyUpdate=p,window.dcCheckForUpdate=s,setTimeout(()=>s(!0),5e3)})(),(function(){injectModal("docker-resources-modal",`<div id="docker-resources-modal" class="weather-modal">
|
|
|
|
|
Enter version to rollback to:`);if(!s)return;if(!e.includes(s)){showNotification("Invalid version: "+s,"error");return}if(!confirm("Rollback DashCaddy to v"+s+"? The container will restart."))return;w("Rolling back to v"+s+"...","info");const r=await(await secureFetch("/api/v1/system/rollback",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({version:s})})).json();if(r.success)w("Rollback to v"+s+" initiated. Container will restart.","success");else throw new Error(r.error||"Rollback failed")}catch(p){w("Rollback failed: "+p.message,"error")}}S?.addEventListener("click",()=>o(!1)),v?.addEventListener("click",()=>u().catch(()=>{})),O?.addEventListener("click",g),h?.addEventListener("click",k),E?.addEventListener("click",()=>{x?.classList.add("show"),y()}),wireModal(x,j),window.openUpdateModal=function(p){x?.classList.add("show"),y().then(()=>{if(!p)return;const t=P.querySelector(`[data-app-id="${p}"]`);t&&(t.scrollIntoView({behavior:"smooth",block:"center"}),t.style.background="rgba(249,115,22,0.15)",setTimeout(()=>{t.style.background=""},3e3))})},document.querySelector('[data-panel="updates-history"]')?.addEventListener("click",H),document.querySelector('[data-panel="updates-auto"]')?.addEventListener("click",T),document.querySelector('[data-panel="updates-dashcaddy"]')?.addEventListener("click",()=>{L(),l(),B||o(!0)}),window.dcApplyUpdate=u,window.dcCheckForUpdate=o,setTimeout(()=>o(!0),5e3)})(),(function(){injectModal("docker-resources-modal",`<div id="docker-resources-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 750px; max-width: 950px;">
|
|
|
|
|
<h3>\u{1F433} Docker Resources</h3>
|
|
|
|
|
<p class="modal-subtitle">Manage volumes, networks, and view disk usage.</p>
|
|
|
|
@@ -1711,7 +1711,7 @@ Enter version to rollback to:`);if(!a)return;if(!e.includes(a)){showNotification
|
|
|
|
|
<button id="dr-close">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("docker-resources-modal"),B=document.getElementById("docker-resources-btn"),j=document.getElementById("dr-close");function b(R){if(!R||R===0)return"0 B";const k=["B","KB","MB","GB","TB"],M=Math.floor(Math.log(Math.abs(R))/Math.log(1024));return(R/Math.pow(1024,M)).toFixed(1)+" "+k[M]}async function D(){const R=document.getElementById("dr-vol-list");try{const M=(await getJSON("/api/v1/docker/volumes")).volumes||[];if(M.length===0){R.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4E6}</span>No volumes found.</div>';return}let E='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">';E+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 6px; text-align: left;">Name</th><th style="padding: 6px;">Driver</th><th style="padding: 6px;">Scope</th><th style="padding: 6px; text-align: right;">Actions</th></tr>';for(const z of M){const C=z.name==="buildkit"||z.name.length===64;E+='<tr style="border-bottom: 1px solid var(--border);">',E+=`<td style="padding: 6px; font-weight: 500; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="${escapeHtml(z.name)}">${escapeHtml(z.name.length>40?z.name.substring(0,37)+"...":z.name)}</td>`,E+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(z.driver)}</td>`,E+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(z.scope)}</td>`,E+='<td style="padding: 6px; text-align: right;">',C||(E+=`<button class="dr-vol-del" data-name="${escapeHtml(z.name)}" style="padding: 3px 8px; font-size: 0.75rem; color: var(--bad-fg);">Delete</button>`),E+="</td></tr>"}E+="</table>",R.innerHTML=E,R.querySelectorAll(".dr-vol-del").forEach(z=>{z.addEventListener("click",async()=>{if(confirm(`Delete volume "${z.dataset.name}"? Data will be lost.`)){z.textContent="...",z.disabled=!0;try{await deleteAPI(`/api/v1/docker/volumes/${encodeURIComponent(z.dataset.name)}?force=true`),D()}catch(C){showNotification("Delete failed: "+C.message,"error"),z.textContent="Delete",z.disabled=!1}}})})}catch(k){R.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(k.message)}</div>`}}document.getElementById("dr-vol-create")?.addEventListener("click",async()=>{const R=document.getElementById("dr-vol-name"),k=R.value.trim();if(!k){showNotification("Enter a volume name","warning");return}try{await postJSON("/api/v1/docker/volumes",{name:k}),R.value="",showNotification(`Volume "${k}" created`,"success"),D()}catch(M){showNotification("Create failed: "+M.message,"error")}});async function A(){const R=document.getElementById("dr-net-list");try{const M=(await getJSON("/api/v1/docker/networks")).networks||[];if(M.length===0){R.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F310}</span>No networks found.</div>';return}let E='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">';E+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 6px; text-align: left;">Name</th><th style="padding: 6px;">Driver</th><th style="padding: 6px;">Scope</th><th style="padding: 6px;">Containers</th><th style="padding: 6px; text-align: right;">Actions</th></tr>';for(const z of M){const C=["bridge","host","none"].includes(z.name);E+='<tr style="border-bottom: 1px solid var(--border);">',E+=`<td style="padding: 6px; font-weight: 500;">${escapeHtml(z.name)}</td>`,E+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(z.driver)}</td>`,E+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(z.scope)}</td>`,E+=`<td style="padding: 6px; text-align: center;">${z.containers}</td>`,E+='<td style="padding: 6px; text-align: right;">',C||(E+=`<button class="dr-net-del" data-id="${escapeHtml(z.id)}" data-name="${escapeHtml(z.name)}" style="padding: 3px 8px; font-size: 0.75rem; color: var(--bad-fg);">Delete</button>`),E+="</td></tr>"}E+="</table>",R.innerHTML=E,R.querySelectorAll(".dr-net-del").forEach(z=>{z.addEventListener("click",async()=>{if(confirm(`Delete network "${z.dataset.name}"?`)){z.textContent="...",z.disabled=!0;try{await deleteAPI(`/api/v1/docker/networks/${encodeURIComponent(z.dataset.id)}`),A()}catch(C){showNotification("Delete failed: "+C.message,"error"),z.textContent="Delete",z.disabled=!1}}})})}catch(k){R.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(k.message)}</div>`}}document.getElementById("dr-net-create")?.addEventListener("click",async()=>{const R=document.getElementById("dr-net-name"),k=document.getElementById("dr-net-driver"),M=R.value.trim();if(!M){showNotification("Enter a network name","warning");return}try{await postJSON("/api/v1/docker/networks",{name:M,driver:k.value}),R.value="",showNotification(`Network "${M}" created`,"success"),A()}catch(E){showNotification("Create failed: "+E.message,"error")}});async fuLine truncated
|
|
|
|
|
</div>`);const x=document.getElementById("docker-resources-modal"),E=document.getElementById("docker-resources-btn"),j=document.getElementById("dr-close");function h(R){if(!R||R===0)return"0 B";const y=["B","KB","MB","GB","TB"],$=Math.floor(Math.log(Math.abs(R))/Math.log(1024));return(R/Math.pow(1024,$)).toFixed(1)+" "+y[$]}async function P(){const R=document.getElementById("dr-vol-list");try{const $=(await getJSON("/api/v1/docker/volumes")).volumes||[];if($.length===0){R.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F4E6}</span>No volumes found.</div>';return}let k='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">';k+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 6px; text-align: left;">Name</th><th style="padding: 6px;">Driver</th><th style="padding: 6px;">Scope</th><th style="padding: 6px; text-align: right;">Actions</th></tr>';for(const H of $){const T=H.name==="buildkit"||H.name.length===64;k+='<tr style="border-bottom: 1px solid var(--border);">',k+=`<td style="padding: 6px; font-weight: 500; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="${escapeHtml(H.name)}">${escapeHtml(H.name.length>40?H.name.substring(0,37)+"...":H.name)}</td>`,k+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(H.driver)}</td>`,k+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(H.scope)}</td>`,k+='<td style="padding: 6px; text-align: right;">',T||(k+=`<button class="dr-vol-del" data-name="${escapeHtml(H.name)}" style="padding: 3px 8px; font-size: 0.75rem; color: var(--bad-fg);">Delete</button>`),k+="</td></tr>"}k+="</table>",R.innerHTML=k,R.querySelectorAll(".dr-vol-del").forEach(H=>{H.addEventListener("click",async()=>{if(confirm(`Delete volume "${H.dataset.name}"? Data will be lost.`)){H.textContent="...",H.disabled=!0;try{await deleteAPI(`/api/v1/docker/volumes/${encodeURIComponent(H.dataset.name)}?force=true`),P()}catch(T){showNotification("Delete failed: "+T.message,"error"),H.textContent="Delete",H.disabled=!1}}})})}catch(y){R.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(y.message)}</div>`}}document.getElementById("dr-vol-create")?.addEventListener("click",async()=>{const R=document.getElementById("dr-vol-name"),y=R.value.trim();if(!y){showNotification("Enter a volume name","warning");return}try{await postJSON("/api/v1/docker/volumes",{name:y}),R.value="",showNotification(`Volume "${y}" created`,"success"),P()}catch($){showNotification("Create failed: "+$.message,"error")}});async function A(){const R=document.getElementById("dr-net-list");try{const $=(await getJSON("/api/v1/docker/networks")).networks||[];if($.length===0){R.innerHTML='<div class="panel-empty"><span class="empty-icon">\u{1F310}</span>No networks found.</div>';return}let k='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">';k+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);"><th style="padding: 6px; text-align: left;">Name</th><th style="padding: 6px;">Driver</th><th style="padding: 6px;">Scope</th><th style="padding: 6px;">Containers</th><th style="padding: 6px; text-align: right;">Actions</th></tr>';for(const H of $){const T=["bridge","host","none"].includes(H.name);k+='<tr style="border-bottom: 1px solid var(--border);">',k+=`<td style="padding: 6px; font-weight: 500;">${escapeHtml(H.name)}</td>`,k+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(H.driver)}</td>`,k+=`<td style="padding: 6px; text-align: center; color: var(--muted);">${escapeHtml(H.scope)}</td>`,k+=`<td style="padding: 6px; text-align: center;">${H.containers}</td>`,k+='<td style="padding: 6px; text-align: right;">',T||(k+=`<button class="dr-net-del" data-id="${escapeHtml(H.id)}" data-name="${escapeHtml(H.name)}" style="padding: 3px 8px; font-size: 0.75rem; color: var(--bad-fg);">Delete</button>`),k+="</td></tr>"}k+="</table>",R.innerHTML=k,R.querySelectorAll(".dr-net-del").forEach(H=>{H.addEventListener("click",async()=>{if(confirm(`Delete network "${H.dataset.name}"?`)){H.textContent="...",H.disabled=!0;try{await deleteAPI(`/api/v1/docker/networks/${encodeURIComponent(H.dataset.id)}`),A()}catch(T){showNotification("Delete failed: "+T.message,"error"),H.textContent="Delete",H.disabled=!1}}})})}catch(y){R.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(y.message)}</div>`}}document.getElementById("dr-net-create")?.addEventListener("click",async()=>{const R=document.getElementById("dr-net-name"),y=document.getElementById("dr-net-driver"),$=R.value.trim();if(!$){showNotification("Enter a network name","warning");return}try{await postJSON("/api/v1/docker/networks",{name:$,driver:y.value}),R.value="",showNotification(`Network "${$}" created`,"success"),A()}catch(k){showNotification("Create failed: "+k.message,"error")}});async fuLine truncated
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 650px; max-width: 800px;">
|
|
|
|
|
<h3>\u{1F4E6} Import Docker Compose</h3>
|
|
|
|
|
<p class="modal-subtitle">Paste a docker-compose.yml to import and deploy services.</p>
|
|
|
|
@@ -1752,8 +1752,8 @@ Enter version to rollback to:`);if(!a)return;if(!e.includes(a)){showNotification
|
|
|
|
|
<div id="compose-progress-content"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("compose-import-modal"),B=document.getElementById("compose-import-btn"),j=document.getElementById("compose-cancel");wireModal(f,j);let b=null;function D(P){document.getElementById("compose-step-paste").style.display=P==="paste"?"":"none",document.getElementById("compose-step-preview").style.display=P==="preview"?"":"none",document.getElementById("compose-step-progress").style.display=P==="progress"?"":"none"}B?.addEventListener("click",()=>{D("paste"),b=null,document.getElementById("compose-yaml").value="",document.getElementById("compose-stack-name").value="",f?.classList.add("show")}),document.getElementById("compose-file-upload")?.addEventListener("change",P=>{const R=P.target.files[0];if(!R)return;const k=new FileReader;k.onload=()=>{document.getElementById("compose-yaml").value=k.result},k.readAsText(R)}),document.getElementById("compose-parse-btn")?.addEventListener("click",async()=>{const P=document.getElementById("compose-yaml").value.trim(),R=document.getElementById("compose-stack-name").value.trim()||"stack";if(!P){showNotification("Paste a docker-compose.yml","warning");return}const k=document.getElementById("compose-parse-btn"),M=k.textContent;k.textContent="Parsing...",k.disabled=!0;try{const E=await postJSON("/api/v1/apps/import-compose",{yaml:P,stackName:R});b=E,b.stackName=R,A(E),D("preview")}catch(E){showNotification("Parse failed: "+E.message,"error")}finally{k.textContent=M,k.disabled=!1}});function A(P){const R=document.getElementById("compose-preview-content");let k="";P.networks&&P.networks.length>0&&(k+=`<div style="margin-bottom: 12px; font-size: 0.82rem; color: var(--muted);">Networks: ${P.networks.map(M=>`<code>${escapeHtml(M)}</code>`).join(", ")}</div>`),P.volumes&&P.volumes.length>0&&(k+=`<div style="margin-bottom: 12px; font-size: 0.82rem; color: var(--muted);">Volumes: ${P.volumes.map(M=>`<code>${escapeHtml(M)}</code>`).join(", ")}</div>`),k+=`<div style="font-weight: 600; margin-bottom: 8px;">${P.services.length} service(s)</div>`,k+='<div class="scroll-container" style="max-height: 350px;">';for(const M of P.services){const E=M.skip?"var(--bad-fg)":"var(--border)";if(k+=`<div style="padding: 10px 14px; border: 1px solid ${E}; border-radius: 8px; margin-bottom: 8px; background: var(--bg);">`,k+=`<div style="font-weight: 600; font-size: 0.9rem;">${escapeHtml(M.name)}`,M.skip&&(k+=` <span style="color: var(--bad-fg); font-weight: 400; font-size: 0.78rem;">\u2014 skipped: ${escapeHtml(M.reason)}</span>`),k+="</div>",!M.skip&&(k+=`<div style="font-size: 0.8rem; color: var(--muted); margin-top: 4px;">Image: <code>${escapeHtml(M.image)}</code></div>`,M.ports?.length&&(k+=`<div style="font-size: 0.8rem; color: var(--muted);">Ports: ${M.ports.map(z=>`${z.host}:${z.container}`).join(", ")}</div>`),M.volumes?.length&&(k+=`<div style="font-size: 0.8rem; color: var(--muted);">Volumes: ${M.volumes.length}</div>`),Object.keys(M.environment||{}).length&&(k+=`<div style="font-size: 0.8rem; color: var(--muted);">Env vars: ${Object.keys(M.environment).length}</div>`),M.envFileWarning&&(k+=`<div style="font-size: 0.78rem; color: var(--bad-fg);">\u26A0 ${escapeHtml(M.envFileWarning)}</div>`),M.resources?.cpus||M.resources?.memory)){const z=[];M.resources.cpus&&z.push(`CPU: ${M.resources.cpus}`),M.resources.memory&&z.push(`Mem: ${M.resources.memory}MB`),k+=`<div style="font-size: 0.8rem; color: var(--muted);">Limits: ${z.join(", ")}</div>`}k+="</div>"}k+="</div>",R.innerHTML=k}document.getElementById("compose-back-btn")?.addEventListener("click",()=>D("paste")),document.getElementById("compose-deploy-btn")?.addEventListener("click",async()=>{if(!b)return;const P=document.getElementById("compose-deploy-btn");P.textContent="Deploying...",P.disabled=!0,D("progress");const R=document.getElementById("compose-progress-content");R.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Deploying services...</div>';try{const k=await postJSON("/api/v1/apps/deploy-compose",{services:b.services,networks:b.networks,stackName:b.stackName});let M=`<div style="font-weight: 600; margin-bottom: 12px;">Stack "${escapeHtml(k.stackName)}" \u2014 Deployment Complete</div>`;M+='<div class="scroll-container" style="max-height: 350px;">';for(const E of k.results){const z=E.status==="deployed"||E.status==="created"?"\u2705":E.status==="exists"?"\u26A1":E.status==="skipped"?"\u23ED":"\u274C";M+='<div style="padding: 8px 12px; border-bottom: 1px solid var(--border); font-size: 0.85rem;">',M+=`${z} <strong>${escapeHtml(E.name)}</strong> (${E.type}) \u2014 ${escapeHtml(E.status)}`,E.error&&(M+=` <span style="color: var(--bad-fg);">${escapeHtml(E.error)}</span>`),E.subdomain&&(M+=` \u2192 <code>${escapeHtml(E.subdomain)}</code>`),E.reason&&(M+=` <span style="color: var(--muted);">(${escapeHtml(E.reason)})</span>`),M+="</div>"}M+="</div>",M+='<div class="weather-modal-buttons modal-footer-bar" style="margin-top: 16px;"><button id="compose-done-btn">Done</button></div>Line truncated
|
|
|
|
|
<div class="weather-modal-buttons modal-footer-bar" style="margin-top: 16px;"><button id="compose-retry-btn">Back</button></div>`,document.getElementById("compose-retry-btn")?.addEventListener("click",()=>D("paste"))}finally{P.textContent="Deploy All",P.disabled=!1}})})(),(function(){injectModal("exec-modal",`<div id="exec-modal" class="weather-modal">
|
|
|
|
|
</div>`);const x=document.getElementById("compose-import-modal"),E=document.getElementById("compose-import-btn"),j=document.getElementById("compose-cancel");wireModal(x,j);let h=null;function P(D){document.getElementById("compose-step-paste").style.display=D==="paste"?"":"none",document.getElementById("compose-step-preview").style.display=D==="preview"?"":"none",document.getElementById("compose-step-progress").style.display=D==="progress"?"":"none"}E?.addEventListener("click",()=>{P("paste"),h=null,document.getElementById("compose-yaml").value="",document.getElementById("compose-stack-name").value="",x?.classList.add("show")}),document.getElementById("compose-file-upload")?.addEventListener("change",D=>{const R=D.target.files[0];if(!R)return;const y=new FileReader;y.onload=()=>{document.getElementById("compose-yaml").value=y.result},y.readAsText(R)}),document.getElementById("compose-parse-btn")?.addEventListener("click",async()=>{const D=document.getElementById("compose-yaml").value.trim(),R=document.getElementById("compose-stack-name").value.trim()||"stack";if(!D){showNotification("Paste a docker-compose.yml","warning");return}const y=document.getElementById("compose-parse-btn"),$=y.textContent;y.textContent="Parsing...",y.disabled=!0;try{const k=await postJSON("/api/v1/apps/import-compose",{yaml:D,stackName:R});h=k,h.stackName=R,A(k),P("preview")}catch(k){showNotification("Parse failed: "+k.message,"error")}finally{y.textContent=$,y.disabled=!1}});function A(D){const R=document.getElementById("compose-preview-content");let y="";D.networks&&D.networks.length>0&&(y+=`<div style="margin-bottom: 12px; font-size: 0.82rem; color: var(--muted);">Networks: ${D.networks.map($=>`<code>${escapeHtml($)}</code>`).join(", ")}</div>`),D.volumes&&D.volumes.length>0&&(y+=`<div style="margin-bottom: 12px; font-size: 0.82rem; color: var(--muted);">Volumes: ${D.volumes.map($=>`<code>${escapeHtml($)}</code>`).join(", ")}</div>`),y+=`<div style="font-weight: 600; margin-bottom: 8px;">${D.services.length} service(s)</div>`,y+='<div class="scroll-container" style="max-height: 350px;">';for(const $ of D.services){const k=$.skip?"var(--bad-fg)":"var(--border)";if(y+=`<div style="padding: 10px 14px; border: 1px solid ${k}; border-radius: 8px; margin-bottom: 8px; background: var(--bg);">`,y+=`<div style="font-weight: 600; font-size: 0.9rem;">${escapeHtml($.name)}`,$.skip&&(y+=` <span style="color: var(--bad-fg); font-weight: 400; font-size: 0.78rem;">\u2014 skipped: ${escapeHtml($.reason)}</span>`),y+="</div>",!$.skip&&(y+=`<div style="font-size: 0.8rem; color: var(--muted); margin-top: 4px;">Image: <code>${escapeHtml($.image)}</code></div>`,$.ports?.length&&(y+=`<div style="font-size: 0.8rem; color: var(--muted);">Ports: ${$.ports.map(H=>`${H.host}:${H.container}`).join(", ")}</div>`),$.volumes?.length&&(y+=`<div style="font-size: 0.8rem; color: var(--muted);">Volumes: ${$.volumes.length}</div>`),Object.keys($.environment||{}).length&&(y+=`<div style="font-size: 0.8rem; color: var(--muted);">Env vars: ${Object.keys($.environment).length}</div>`),$.envFileWarning&&(y+=`<div style="font-size: 0.78rem; color: var(--bad-fg);">\u26A0 ${escapeHtml($.envFileWarning)}</div>`),$.resources?.cpus||$.resources?.memory)){const H=[];$.resources.cpus&&H.push(`CPU: ${$.resources.cpus}`),$.resources.memory&&H.push(`Mem: ${$.resources.memory}MB`),y+=`<div style="font-size: 0.8rem; color: var(--muted);">Limits: ${H.join(", ")}</div>`}y+="</div>"}y+="</div>",R.innerHTML=y}document.getElementById("compose-back-btn")?.addEventListener("click",()=>P("paste")),document.getElementById("compose-deploy-btn")?.addEventListener("click",async()=>{if(!h)return;const D=document.getElementById("compose-deploy-btn");D.textContent="Deploying...",D.disabled=!0,P("progress");const R=document.getElementById("compose-progress-content");R.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Deploying services...</div>';try{const y=await postJSON("/api/v1/apps/deploy-compose",{services:h.services,networks:h.networks,stackName:h.stackName});let $=`<div style="font-weight: 600; margin-bottom: 12px;">Stack "${escapeHtml(y.stackName)}" \u2014 Deployment Complete</div>`;$+='<div class="scroll-container" style="max-height: 350px;">';for(const k of y.results){const H=k.status==="deployed"||k.status==="created"?"\u2705":k.status==="exists"?"\u26A1":k.status==="skipped"?"\u23ED":"\u274C";$+='<div style="padding: 8px 12px; border-bottom: 1px solid var(--border); font-size: 0.85rem;">',$+=`${H} <strong>${escapeHtml(k.name)}</strong> (${k.type}) \u2014 ${escapeHtml(k.status)}`,k.error&&($+=` <span style="color: var(--bad-fg);">${escapeHtml(k.error)}</span>`),k.subdomain&&($+=` \u2192 <code>${escapeHtml(k.subdomain)}</code>`),k.reason&&($+=` <span style="color: var(--muted);">(${escapeHtml(k.reason)})</span>`),$+="</div>"}$+="</div>",$+='<div class="weather-modal-buttons modal-footer-bar" style="margin-top: 16px;"><button id="compose-done-btn">Done</button></div>Line truncated
|
|
|
|
|
<div class="weather-modal-buttons modal-footer-bar" style="margin-top: 16px;"><button id="compose-retry-btn">Back</button></div>`,document.getElementById("compose-retry-btn")?.addEventListener("click",()=>P("paste"))}finally{D.textContent="Deploy All",D.disabled=!1}})})(),(function(){injectModal("exec-modal",`<div id="exec-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 700px; max-width: 900px; padding-bottom: 0;">
|
|
|
|
|
<h3 id="exec-title">Terminal</h3>
|
|
|
|
|
<div id="exec-terminal" style="height: 420px; border-radius: 6px; overflow: hidden; background: #1e1e1e;"></div>
|
|
|
|
@@ -1761,11 +1761,11 @@ Enter version to rollback to:`);if(!a)return;if(!e.includes(a)){showNotification
|
|
|
|
|
<button id="exec-close">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("exec-modal"),B=document.getElementById("exec-terminal"),j=document.getElementById("exec-close");let b=null,D=null,A=null;function P(){if(D){try{D.close()}catch{}D=null}if(b){try{b.dispose()}catch{}b=null}A=null,B.innerHTML=""}function R(k,M){if(P(),document.getElementById("exec-title").textContent=`Terminal \u2014 ${M||k}`,f?.classList.add("show"),typeof Terminal>"u"){B.innerHTML='<div style="color: #f44; padding: 20px; font-family: monospace;">xterm.js not loaded</div>';return}b=new Terminal({cursorBlink:!0,fontSize:14,fontFamily:"'Cascadia Code', 'Fira Code', 'Consolas', monospace",theme:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#aeafad",selectionBackground:"#264f78"},scrollback:5e3}),typeof FitAddon<"u"&&(A=new FitAddon.FitAddon,b.loadAddon(A)),b.open(B),A&&setTimeout(()=>A.fit(),50);const E=location.protocol==="https:"?"wss:":"ws:";D=new WebSocket(`${E}//${location.host}/ws/exec/${encodeURIComponent(k)}`),D.binaryType="arraybuffer",D.onopen=()=>{if(b.writeln("\x1B[32mConnecting...\x1B[0m"),A){const C=A.proposeDimensions();C&&D.send(JSON.stringify({type:"resize",cols:C.cols,rows:C.rows}))}},D.onmessage=C=>{if(typeof C.data=="string"){try{const N=JSON.parse(C.data);if(N.type==="connected"){b.writeln(`\x1B[32mConnected (${N.shell})\x1B[0m\r
|
|
|
|
|
`);return}if(N.type==="error"){b.writeln(`\x1B[31mError: ${N.message}\x1B[0m`);return}if(N.type==="exit"){b.writeln(`\r
|
|
|
|
|
\x1B[33mSession ended.\x1B[0m`);return}}catch{}b.write(C.data)}else b.write(new Uint8Array(C.data))},D.onclose=()=>{b&&b.writeln(`\r
|
|
|
|
|
\x1B[33mDisconnected.\x1B[0m`)},D.onerror=()=>{b&&b.writeln(`\r
|
|
|
|
|
\x1B[31mConnection error.\x1B[0m`)},b.onData(C=>{D&&D.readyState===WebSocket.OPEN&&D.send(C)}),b.onResize(({cols:C,rows:N})=>{D&&D.readyState===WebSocket.OPEN&&D.send(JSON.stringify({type:"resize",cols:C,rows:N}))});const z=()=>{A&&A.fit()};window.addEventListener("resize",z),f._resizeHandler=z}j?.addEventListener("click",()=>{P(),f._resizeHandler&&window.removeEventListener("resize",f._resizeHandler),f?.classList.remove("show")}),f?.addEventListener("click",k=>{k.target===f&&(P(),f._resizeHandler&&window.removeEventListener("resize",f._resizeHandler),f?.classList.remove("show"))}),window.openExecModal=R})(),(function(){injectModal("audit-modal",`<div id="audit-modal" class="weather-modal">
|
|
|
|
|
</div>`);const x=document.getElementById("exec-modal"),E=document.getElementById("exec-terminal"),j=document.getElementById("exec-close");let h=null,P=null,A=null;function D(){if(P){try{P.close()}catch{}P=null}if(h){try{h.dispose()}catch{}h=null}A=null,E.innerHTML=""}function R(y,$){if(D(),document.getElementById("exec-title").textContent=`Terminal \u2014 ${$||y}`,x?.classList.add("show"),typeof Terminal>"u"){E.innerHTML='<div style="color: #f44; padding: 20px; font-family: monospace;">xterm.js not loaded</div>';return}h=new Terminal({cursorBlink:!0,fontSize:14,fontFamily:"'Cascadia Code', 'Fira Code', 'Consolas', monospace",theme:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#aeafad",selectionBackground:"#264f78"},scrollback:5e3}),typeof FitAddon<"u"&&(A=new FitAddon.FitAddon,h.loadAddon(A)),h.open(E),A&&setTimeout(()=>A.fit(),50);const k=location.protocol==="https:"?"wss:":"ws:";P=new WebSocket(`${k}//${location.host}/ws/exec/${encodeURIComponent(y)}`),P.binaryType="arraybuffer",P.onopen=()=>{if(h.writeln("\x1B[32mConnecting...\x1B[0m"),A){const T=A.proposeDimensions();T&&P.send(JSON.stringify({type:"resize",cols:T.cols,rows:T.rows}))}},P.onmessage=T=>{if(typeof T.data=="string"){try{const z=JSON.parse(T.data);if(z.type==="connected"){h.writeln(`\x1B[32mConnected (${z.shell})\x1B[0m\r
|
|
|
|
|
`);return}if(z.type==="error"){h.writeln(`\x1B[31mError: ${z.message}\x1B[0m`);return}if(z.type==="exit"){h.writeln(`\r
|
|
|
|
|
\x1B[33mSession ended.\x1B[0m`);return}}catch{}h.write(T.data)}else h.write(new Uint8Array(T.data))},P.onclose=()=>{h&&h.writeln(`\r
|
|
|
|
|
\x1B[33mDisconnected.\x1B[0m`)},P.onerror=()=>{h&&h.writeln(`\r
|
|
|
|
|
\x1B[31mConnection error.\x1B[0m`)},h.onData(T=>{P&&P.readyState===WebSocket.OPEN&&P.send(T)}),h.onResize(({cols:T,rows:z})=>{P&&P.readyState===WebSocket.OPEN&&P.send(JSON.stringify({type:"resize",cols:T,rows:z}))});const H=()=>{A&&A.fit()};window.addEventListener("resize",H),x._resizeHandler=H}j?.addEventListener("click",()=>{D(),x._resizeHandler&&window.removeEventListener("resize",x._resizeHandler),x?.classList.remove("show")}),x?.addEventListener("click",y=>{y.target===x&&(D(),x._resizeHandler&&window.removeEventListener("resize",x._resizeHandler),x?.classList.remove("show"))}),window.openExecModal=R})(),(function(){injectModal("audit-modal",`<div id="audit-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 950px; max-width: 1150px;">
|
|
|
|
|
<h3>\u{1F4DC} Audit Log</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -1811,7 +1811,7 @@ Enter version to rollback to:`);if(!a)return;if(!e.includes(a)){showNotification
|
|
|
|
|
<button id="audit-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("audit-modal"),B=document.getElementById("audit-log-btn"),j=document.getElementById("audit-cancel"),b=document.getElementById("audit-refresh-btn"),D=document.getElementById("audit-clear-btn"),A=document.getElementById("audit-filter"),P=document.getElementById("audit-outcome-filter"),R=document.getElementById("audit-since"),k=document.getElementById("audit-until"),M=document.getElementById("audit-log-container"),E=document.getElementById("audit-load-more");let z=0,C=null,N=0;const x=50;function I(T){if(!T)return null;const O=new Date(T);return isNaN(O.getTime())?null:O.toISOString()}async function H(T){try{T?(C&&C.abort(),C=new AbortController):(C&&C.abort(),C=new AbortController,z=0,N++,M.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading...</div>');const O=N,u=new URLSearchParams;u.set("limit",String(x)),u.set("offset",String(z));const g=A.value,S=P.value,y=I(R.value),w=I(k.value);g&&u.set("action",g),S&&u.set("outcome",S),y&&u.set("since",y),w&&u.set("until",w);const s=await fetch("/api/v1/audit-logs?"+u.toString(),{signal:C.signal});if(!s.ok){M.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: HTTP ${s.status}</div>`,E.style.display="none";return}const p=await s.json();if(!p.success){M.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(p.error||"unknown")}</div>`,E.style.display="none";return}if(!T&&O!==N)return;const l=Array.isArray(p.entries)?p.entries:[];if(l.length===0&&!T){const c=p.filters&&(p.filters.action||p.filters.outcome||p.filters.since||p.filters.until)?"No entries match your filters.":"No audit log entries yet. Actions will be logged automatically.";M.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u{1F4DC}</span>${escapeHtml(c)}</div>`,E.style.display="none";return}let v="";T||(v='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">',v+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);">',v+='<th style="padding: 6px; text-align: left;">When</th>',v+='<th style="padding: 6px; text-align: left;">Actor</th>',v+='<th style="padding: 6px; text-align: left;">IP</th>',v+='<th style="padding: 6px; text-align: left;">Action</th>',v+='<th style="padding: 6px; text-align: left;">Resource</th>',v+='<th style="padding: 6px; text-align: left;">Result</th>',v+="</tr>");for(const c of l){const t=c.outcome==="success",e=m(c);v+='<tr style="border-bottom: 1px solid var(--border); cursor: pointer;" class="audit-row">',v+=`<td style="padding: 6px; color: var(--muted);" title="${escapeHtml(c.timestamp||"")}">${timeAgo(c.timestamp)}</td>`,v+=`<td style="padding: 6px; font-size: 0.78rem;">${e}</td>`,v+=`<td style="padding: 6px; font-family: monospace; font-size: 0.78rem;">${escapeHtml(c.ip||"-")}</td>`,v+=`<td style="padding: 6px; font-weight: 500;">${escapeHtml(c.action||"-")}</td>`,v+=`<td style="padding: 6px;">${escapeHtml(c.resource||"-")}</td>`,v+=`<td style="padding: 6px;"><span style="color: ${t?"var(--ok-fg)":"var(--bad-fg)"};">${t?"\u2713":"\u2717"} ${escapeHtml(c.outcome||"")}</span></td>`,v+="</tr>",c.details&&Object.keys(c.details).length>0&&(v+=`<tr class="audit-detail" style="display: none;"><td colspan="6" style="padding: 6px 6px 10px; font-size: 0.78rem; color: var(--muted);"><pre style="margin: 0; white-space: pre-wrap; font-family: monospace;">${escapeHtml(JSON.stringify(c.details,null,2))}</pre></td></tr>`)}if(!T)v+="</table>",M.innerHTML=v;else{const c=M.querySelector("table");c&&c.insertAdjacentHTML("beforeend",v)}z+=l.length,E.style.display=p.hasMore?"":"none",M.querySelectorAll(".audit-row").forEach(c=>{c.dataset.wired||(c.dataset.wired="true",c.addEventListener("click",()=>{const t=c.nextElementSibling;t&&t.classList.contains("audit-detail")&&(t.style.display=t.style.display==="none"?"":"none")}))})}catch(O){if(O&&O.name==="AbortError")return;M.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(O.message)}</div>`}}function m(T){const O=T.details||{},u=O.userEmail,g=O.userId,S=O.userRole,y=O.viaProvider;if(u){const w=S?` <span style="color: var(--muted); font-size: 0.72rem;">[${escapeHtml(S)}${y?"/"+escapeHtml(y):""}]</span>`:"";return`${escapeHtml(u)}${w}`}return g?`<span style="font-family: monospace; color: var(--muted);">${escapeHtml(g)}</span>`:T.ip?'<span style="color: var(--muted);">anon</span>':'<span style="color: var(--muted);">system</span>'}B?.addEventListener("click",()=>{f?.classList.add("show"),H(!1)}),wireModal(f,j),b?.addEventListener("click",()=>H(!1)),A?.addEventListener("change",()=>H(!1)),P?.addEventListener("change",()=>H(!1));let L;[R,k].forEach(T=>{T?.addEventListener("change",()=>{clearTimeout(L),L=setTimeout(()=>H(!1),250)})}),E?.addEventListener("click",()=>H(!0)),D?.addEventListener("click",async()=>{if(confirm("Clear the entire audit log? This cannot be undone."))try{const O=await(await secureFetch("/api/v1/audit-logs",{method:"DELETE"Line truncated
|
|
|
|
|
</div>`);const x=document.getElementById("audit-modal"),E=document.getElementById("audit-log-btn"),j=document.getElementById("audit-cancel"),h=document.getElementById("audit-refresh-btn"),P=document.getElementById("audit-clear-btn"),A=document.getElementById("audit-filter"),D=document.getElementById("audit-outcome-filter"),R=document.getElementById("audit-since"),y=document.getElementById("audit-until"),$=document.getElementById("audit-log-container"),k=document.getElementById("audit-load-more");let H=0,T=null,z=0;const C=50;function M(S){if(!S)return null;const O=new Date(S);return isNaN(O.getTime())?null:O.toISOString()}async function b(S){try{S?(T&&T.abort(),T=new AbortController):(T&&T.abort(),T=new AbortController,H=0,z++,$.innerHTML='<div class="panel-empty"><span class="brand-spinner"></span> Loading...</div>');const O=z,m=new URLSearchParams;m.set("limit",String(C)),m.set("offset",String(H));const f=A.value,B=D.value,w=M(R.value),L=M(y.value);f&&m.set("action",f),B&&m.set("outcome",B),w&&m.set("since",w),L&&m.set("until",L);const o=await fetch("/api/v1/audit-logs?"+m.toString(),{signal:T.signal});if(!o.ok){$.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: HTTP ${o.status}</div>`,k.style.display="none";return}const u=await o.json();if(!u.success){$.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(u.error||"unknown")}</div>`,k.style.display="none";return}if(!S&&O!==z)return;const l=Array.isArray(u.entries)?u.entries:[];if(l.length===0&&!S){const p=u.filters&&(u.filters.action||u.filters.outcome||u.filters.since||u.filters.until)?"No entries match your filters.":"No audit log entries yet. Actions will be logged automatically.";$.innerHTML=`<div class="panel-empty"><span class="empty-icon">\u{1F4DC}</span>${escapeHtml(p)}</div>`,k.style.display="none";return}let g="";S||(g='<table style="width: 100%; border-collapse: collapse; font-size: 0.82rem;">',g+='<tr style="border-bottom: 1px solid var(--border); color: var(--muted);">',g+='<th style="padding: 6px; text-align: left;">When</th>',g+='<th style="padding: 6px; text-align: left;">Actor</th>',g+='<th style="padding: 6px; text-align: left;">IP</th>',g+='<th style="padding: 6px; text-align: left;">Action</th>',g+='<th style="padding: 6px; text-align: left;">Resource</th>',g+='<th style="padding: 6px; text-align: left;">Result</th>',g+="</tr>");for(const p of l){const t=p.outcome==="success",e=d(p);g+='<tr style="border-bottom: 1px solid var(--border); cursor: pointer;" class="audit-row">',g+=`<td style="padding: 6px; color: var(--muted);" title="${escapeHtml(p.timestamp||"")}">${timeAgo(p.timestamp)}</td>`,g+=`<td style="padding: 6px; font-size: 0.78rem;">${e}</td>`,g+=`<td style="padding: 6px; font-family: monospace; font-size: 0.78rem;">${escapeHtml(p.ip||"-")}</td>`,g+=`<td style="padding: 6px; font-weight: 500;">${escapeHtml(p.action||"-")}</td>`,g+=`<td style="padding: 6px;">${escapeHtml(p.resource||"-")}</td>`,g+=`<td style="padding: 6px;"><span style="color: ${t?"var(--ok-fg)":"var(--bad-fg)"};">${t?"\u2713":"\u2717"} ${escapeHtml(p.outcome||"")}</span></td>`,g+="</tr>",p.details&&Object.keys(p.details).length>0&&(g+=`<tr class="audit-detail" style="display: none;"><td colspan="6" style="padding: 6px 6px 10px; font-size: 0.78rem; color: var(--muted);"><pre style="margin: 0; white-space: pre-wrap; font-family: monospace;">${escapeHtml(JSON.stringify(p.details,null,2))}</pre></td></tr>`)}if(!S)g+="</table>",$.innerHTML=g;else{const p=$.querySelector("table");p&&p.insertAdjacentHTML("beforeend",g)}H+=l.length,k.style.display=u.hasMore?"":"none",$.querySelectorAll(".audit-row").forEach(p=>{p.dataset.wired||(p.dataset.wired="true",p.addEventListener("click",()=>{const t=p.nextElementSibling;t&&t.classList.contains("audit-detail")&&(t.style.display=t.style.display==="none"?"":"none")}))})}catch(O){if(O&&O.name==="AbortError")return;$.innerHTML=`<div class="panel-empty" style="color: var(--bad-fg);">Failed: ${escapeHtml(O.message)}</div>`}}function d(S){const O=S.details||{},m=O.userEmail,f=O.userId,B=O.userRole,w=O.viaProvider;if(m){const L=B?` <span style="color: var(--muted); font-size: 0.72rem;">[${escapeHtml(B)}${w?"/"+escapeHtml(w):""}]</span>`:"";return`${escapeHtml(m)}${L}`}return f?`<span style="font-family: monospace; color: var(--muted);">${escapeHtml(f)}</span>`:S.ip?'<span style="color: var(--muted);">anon</span>':'<span style="color: var(--muted);">system</span>'}E?.addEventListener("click",()=>{x?.classList.add("show"),b(!1)}),wireModal(x,j),h?.addEventListener("click",()=>b(!1)),A?.addEventListener("change",()=>b(!1)),D?.addEventListener("change",()=>b(!1));let v;[R,y].forEach(S=>{S?.addEventListener("change",()=>{clearTimeout(v),v=setTimeout(()=>b(!1),250)})}),k?.addEventListener("click",()=>b(!0)),P?.addEventListener("click",async()=>{if(confirm("Clear the entire audit log? This cannot be undone."))try{const O=await(await secureFetch("/api/v1/audit-logs",{method:"DELETE"Line truncated
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 980px; max-width: 1280px;">
|
|
|
|
|
<h3>\u{1F6E1}\uFE0F Security Center</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -1890,39 +1890,39 @@ Enter version to rollback to:`);if(!a)return;if(!e.includes(a)){showNotification
|
|
|
|
|
<button id="sec-cancel">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("security-modal"),B=document.getElementById("security-center-btn"),j=document.getElementById("sec-cancel"),b=f.querySelectorAll(".sec-tab"),D=f.querySelectorAll(".sec-panel");let A=[],P=[],R=null;b.forEach(s=>{s.addEventListener("click",()=>{b.forEach(p=>p.classList.toggle("active",p===s)),D.forEach(p=>p.style.display=p.dataset.panel===s.dataset.tab?"":"none"),s.dataset.tab==="overview"&&z(),s.dataset.tab==="events"&&L(),s.dataset.tab==="hosts"&&g()})}),B&&B.addEventListener("click",()=>{f.classList.add("show"),z(),M()}),j.addEventListener("click",k),f.addEventListener("click",s=>{s.target===f&&k()});function k(){f.classList.remove("show"),E()}function M(){if(E(),!!document.getElementById("sec-live-tail").checked&&!(typeof EventSource>"u"))try{R=new EventSource("/api/v1/security/events/stream"),R.addEventListener("init",s=>{try{A=JSON.parse(s.data).events||[],T()}catch{}}),R.addEventListener("security",s=>{try{const p=JSON.parse(s.data);A.unshift(p),A.length>500&&(A.length=500);const l=f.querySelector(".sec-tab.active")?.dataset?.tab;l==="events"?T():l==="overview"&&z()}catch{}}),R.onerror=()=>{}}catch(s){console.warn("[security] SSE failed:",s.message)}}function E(){if(R){try{R.close()}catch{}R=null}}document.getElementById("sec-live-tail").addEventListener("change",()=>{f.classList.contains("show")&&M()});async function z(){try{const s=new Date(Date.now()-864e5).toISOString(),[p,l,v]=await Promise.all([fetch(`/api/v1/security/events/stats?since=${encodeURIComponent(s)}`),fetch("/api/v1/security/hosts"),fetch(`/api/v1/security/events?limit=1&since=${encodeURIComponent(s)}`)]),c=(await p.json()).data||{},t=(await l.json()).data?.hosts||[],e=(await v.json()).data?.total||0;document.querySelector('#sec-stats [data-key="total"]').textContent=`${e} events (24h)`,document.querySelector('#sec-stats [data-key="warn"]').textContent=`${c.by_severity?.warn||0} warnings`,document.querySelector('#sec-stats [data-key="error"]').textContent=`${c.by_severity?.error||0} errors`,document.querySelector('#sec-stats [data-key="denied"]').textContent=`${c.by_outcome?.denied||0} denied`,document.querySelector('#sec-stats [data-key="hosts"]').textContent=`${t.length} hosts`,C("sec-top-actors",c.top_actors||[]),C("sec-top-targets",c.top_targets||[])}catch(s){console.warn("[security] refreshOverview failed:",s.message)}}function C(s,p){const l=document.getElementById(s);if(!p.length){l.innerHTML='<div class="panel-empty">No data</div>';return}l.innerHTML='<table style="width:100%;font-size:0.85rem;">'+p.map(v=>`<tr><td style="padding:3px 0;word-break:break-all;">${y(String(v.key))}</td><td style="text-align:right;color:var(--muted);">${v.count}</td></tr>`).join("")+"</table>"}const N=document.getElementById("sec-filter-source"),x=document.getElementById("sec-filter-severity"),I=document.getElementById("sec-filter-host"),H=document.getElementById("sec-filter-actor"),m=document.getElementById("sec-refresh-btn");[N,x,I].forEach(s=>s.addEventListener("change",L)),H.addEventListener("input",w(L,250)),m.addEventListener("click",L);async function L(){try{const s=new URLSearchParams;s.set("limit","200"),N.value&&s.set("source_type",N.value),x.value&&s.set("severity",x.value),I.value&&s.set("source_host",I.value),H.value&&s.set("actor_prefix",H.value),A=(await(await fetch(`/api/v1/security/events?${s}`)).json()).data.events||[],T(),(!I.options.length||I.options.length===1)&&await u()}catch(s){document.getElementById("sec-events-container").innerHTML='<div class="panel-empty">Load failed: '+y(s.message)+"</div>"}}function T(){const s=document.getElementById("sec-events-container");if(!A.length){s.innerHTML='<div class="panel-empty">No events</div>';return}s.innerHTML=A.slice(0,200).map(O).join("")}function O(s){const p=s.severity||"info",l={critical:"#c0392b",error:"#e74c3c",warn:"#f39c12",notice:"#3498db",info:"#7f8c8d"}[p]||"#7f8c8d",v=s.ts?new Date(s.ts).toLocaleTimeString():"",c=s.source_type||"",t=s.actor||"\u2014",e=s.target||"",a=s.action||"",o=s.outcome||"";return`<div class="sec-event-row" style="display:grid;grid-template-columns:84px 80px 1fr 1fr 100px 90px;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border);font-size:0.82rem;align-items:center;">
|
|
|
|
|
<span style="color:${l};font-weight:600;">${y(p)}</span>
|
|
|
|
|
<span style="color:var(--muted);font-size:0.75rem;">${y(c)}</span>
|
|
|
|
|
<span title="${y(t)}" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${y(t)}</span>
|
|
|
|
|
<span title="${y(e)}" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${y(a)} ${y(e)}</span>
|
|
|
|
|
<span style="color:var(--muted);font-size:0.75rem;">${y(o)}</span>
|
|
|
|
|
<span style="color:var(--muted);font-size:0.75rem;text-align:right;">${y(v)}</span>
|
|
|
|
|
</div>`}async function u(){try{const p=(await(await fetch("/api/v1/security/hosts")).json()).data?.hosts||[],l=I.value;I.innerHTML='<option value="">All hosts</option>'+p.map(v=>`<option value="${y(v.id)}">${y(v.label||v.id)}</option>`).join(""),l&&(I.value=l)}catch{}}document.getElementById("sec-host-register-btn").addEventListener("click",S),document.getElementById("sec-hosts-refresh").addEventListener("click",g);async function g(){try{const p=(await(await fetch("/api/v1/security/hosts")).json()).data?.hosts||[];P=p;const l=document.getElementById("sec-hosts-container");if(!p.length){l.innerHTML='<div class="panel-empty">No hosts registered. Click \u2795 Register Host to add one.</div>';return}l.innerHTML=p.map(v=>{const c=v.enabled?v.last_seen_at?Date.now()-Date.parse(v.last_seen_at)>18e5?"\u{1F7E1} stale":"\u{1F7E2} online":"\u26AA registered":"\u{1F534} disabled";return`<div style="padding:10px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;">
|
|
|
|
|
</div>`);const x=document.getElementById("security-modal"),E=document.getElementById("security-center-btn"),j=document.getElementById("sec-cancel"),h=x.querySelectorAll(".sec-tab"),P=x.querySelectorAll(".sec-panel");let A=[],D=[],R=null;h.forEach(o=>{o.addEventListener("click",()=>{h.forEach(u=>u.classList.toggle("active",u===o)),P.forEach(u=>u.style.display=u.dataset.panel===o.dataset.tab?"":"none"),o.dataset.tab==="overview"&&H(),o.dataset.tab==="events"&&v(),o.dataset.tab==="hosts"&&f()})}),E&&E.addEventListener("click",()=>{x.classList.add("show"),H(),$()}),j.addEventListener("click",y),x.addEventListener("click",o=>{o.target===x&&y()});function y(){x.classList.remove("show"),k()}function $(){if(k(),!!document.getElementById("sec-live-tail").checked&&!(typeof EventSource>"u"))try{R=new EventSource("/api/v1/security/events/stream"),R.addEventListener("init",o=>{try{A=JSON.parse(o.data).events||[],S()}catch{}}),R.addEventListener("security",o=>{try{const u=JSON.parse(o.data);A.unshift(u),A.length>500&&(A.length=500);const l=x.querySelector(".sec-tab.active")?.dataset?.tab;l==="events"?S():l==="overview"&&H()}catch{}}),R.onerror=()=>{}}catch(o){console.warn("[security] SSE failed:",o.message)}}function k(){if(R){try{R.close()}catch{}R=null}}document.getElementById("sec-live-tail").addEventListener("change",()=>{x.classList.contains("show")&&$()});async function H(){try{const o=new Date(Date.now()-864e5).toISOString(),[u,l,g]=await Promise.all([fetch(`/api/v1/security/events/stats?since=${encodeURIComponent(o)}`),fetch("/api/v1/security/hosts"),fetch(`/api/v1/security/events?limit=1&since=${encodeURIComponent(o)}`)]),p=(await u.json()).data||{},t=(await l.json()).data?.hosts||[],e=(await g.json()).data?.total||0;document.querySelector('#sec-stats [data-key="total"]').textContent=`${e} events (24h)`,document.querySelector('#sec-stats [data-key="warn"]').textContent=`${p.by_severity?.warn||0} warnings`,document.querySelector('#sec-stats [data-key="error"]').textContent=`${p.by_severity?.error||0} errors`,document.querySelector('#sec-stats [data-key="denied"]').textContent=`${p.by_outcome?.denied||0} denied`,document.querySelector('#sec-stats [data-key="hosts"]').textContent=`${t.length} hosts`,T("sec-top-actors",p.top_actors||[]),T("sec-top-targets",p.top_targets||[])}catch(o){console.warn("[security] refreshOverview failed:",o.message)}}function T(o,u){const l=document.getElementById(o);if(!u.length){l.innerHTML='<div class="panel-empty">No data</div>';return}l.innerHTML='<table style="width:100%;font-size:0.85rem;">'+u.map(g=>`<tr><td style="padding:3px 0;word-break:break-all;">${w(String(g.key))}</td><td style="text-align:right;color:var(--muted);">${g.count}</td></tr>`).join("")+"</table>"}const z=document.getElementById("sec-filter-source"),C=document.getElementById("sec-filter-severity"),M=document.getElementById("sec-filter-host"),b=document.getElementById("sec-filter-actor"),d=document.getElementById("sec-refresh-btn");[z,C,M].forEach(o=>o.addEventListener("change",v)),b.addEventListener("input",L(v,250)),d.addEventListener("click",v);async function v(){try{const o=new URLSearchParams;o.set("limit","200"),z.value&&o.set("source_type",z.value),C.value&&o.set("severity",C.value),M.value&&o.set("source_host",M.value),b.value&&o.set("actor_prefix",b.value),A=(await(await fetch(`/api/v1/security/events?${o}`)).json()).data.events||[],S(),(!M.options.length||M.options.length===1)&&await m()}catch(o){document.getElementById("sec-events-container").innerHTML='<div class="panel-empty">Load failed: '+w(o.message)+"</div>"}}function S(){const o=document.getElementById("sec-events-container");if(!A.length){o.innerHTML='<div class="panel-empty">No events</div>';return}o.innerHTML=A.slice(0,200).map(O).join("")}function O(o){const u=o.severity||"info",l={critical:"#c0392b",error:"#e74c3c",warn:"#f39c12",notice:"#3498db",info:"#7f8c8d"}[u]||"#7f8c8d",g=o.ts?new Date(o.ts).toLocaleTimeString():"",p=o.source_type||"",t=o.actor||"\u2014",e=o.target||"",s=o.action||"",n=o.outcome||"";return`<div class="sec-event-row" style="display:grid;grid-template-columns:84px 80px 1fr 1fr 100px 90px;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border);font-size:0.82rem;align-items:center;">
|
|
|
|
|
<span style="color:${l};font-weight:600;">${w(u)}</span>
|
|
|
|
|
<span style="color:var(--muted);font-size:0.75rem;">${w(p)}</span>
|
|
|
|
|
<span title="${w(t)}" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${w(t)}</span>
|
|
|
|
|
<span title="${w(e)}" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${w(s)} ${w(e)}</span>
|
|
|
|
|
<span style="color:var(--muted);font-size:0.75rem;">${w(n)}</span>
|
|
|
|
|
<span style="color:var(--muted);font-size:0.75rem;text-align:right;">${w(g)}</span>
|
|
|
|
|
</div>`}async function m(){try{const u=(await(await fetch("/api/v1/security/hosts")).json()).data?.hosts||[],l=M.value;M.innerHTML='<option value="">All hosts</option>'+u.map(g=>`<option value="${w(g.id)}">${w(g.label||g.id)}</option>`).join(""),l&&(M.value=l)}catch{}}document.getElementById("sec-host-register-btn").addEventListener("click",B),document.getElementById("sec-hosts-refresh").addEventListener("click",f);async function f(){try{const u=(await(await fetch("/api/v1/security/hosts")).json()).data?.hosts||[];D=u;const l=document.getElementById("sec-hosts-container");if(!u.length){l.innerHTML='<div class="panel-empty">No hosts registered. Click \u2795 Register Host to add one.</div>';return}l.innerHTML=u.map(g=>{const p=g.enabled?g.last_seen_at?Date.now()-Date.parse(g.last_seen_at)>18e5?"\u{1F7E1} stale":"\u{1F7E2} online":"\u26AA registered":"\u{1F534} disabled";return`<div style="padding:10px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;">
|
|
|
|
|
<div>
|
|
|
|
|
<strong>${y(v.label||v.id)}</strong>
|
|
|
|
|
<span style="color:var(--muted);margin-left:8px;font-size:0.8rem;">${y(v.type)}</span>
|
|
|
|
|
<strong>${w(g.label||g.id)}</strong>
|
|
|
|
|
<span style="color:var(--muted);margin-left:8px;font-size:0.8rem;">${w(g.type)}</span>
|
|
|
|
|
<div style="color:var(--muted);font-size:0.78rem;margin-top:2px;">
|
|
|
|
|
id: ${y(v.id)} \xB7
|
|
|
|
|
registered ${new Date(v.registered_at).toLocaleDateString()} \xB7
|
|
|
|
|
last seen ${v.last_seen_at?new Date(v.last_seen_at).toLocaleString():"never"}
|
|
|
|
|
id: ${w(g.id)} \xB7
|
|
|
|
|
registered ${new Date(g.registered_at).toLocaleDateString()} \xB7
|
|
|
|
|
last seen ${g.last_seen_at?new Date(g.last_seen_at).toLocaleString():"never"}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span style="font-size:0.85rem;margin-right:12px;">${c}</span>
|
|
|
|
|
${v.id==="self"?"":`<button class="btn-sm sec-host-del" data-id="${y(v.id)}" style="color:var(--bad-fg);">Remove</button>`}
|
|
|
|
|
<span style="font-size:0.85rem;margin-right:12px;">${p}</span>
|
|
|
|
|
${g.id==="self"?"":`<button class="btn-sm sec-host-del" data-id="${w(g.id)}" style="color:var(--bad-fg);">Remove</button>`}
|
|
|
|
|
</div>
|
|
|
|
|
</div>`}).join(""),l.querySelectorAll(".sec-host-del").forEach(v=>{v.addEventListener("click",async()=>{confirm(`Remove host ${v.dataset.id}? Events already received will remain in the store.`)&&(await fetch(`/api/v1/security/hosts/${encodeURIComponent(v.dataset.id)}`,{method:"DELETE"}),g())})})}catch(s){document.getElementById("sec-hosts-container").innerHTML='<div class="panel-empty">Load failed: '+y(s.message)+"</div>"}}async function S(){const s=prompt("Host id (lowercase, no spaces):");if(!s)return;const p=prompt("Display label:",s)||s,l=prompt('Type ("dashcaddy", "service", or "agent"):',"agent")||"agent";try{const v=await fetch("/api/v1/security/hosts",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:s,label:p,type:l})}),c=await v.json();if(!v.ok){alert("Failed: "+(c?.error?.message||v.statusText));return}alert(`\u2705 Host registered!
|
|
|
|
|
</div>`}).join(""),l.querySelectorAll(".sec-host-del").forEach(g=>{g.addEventListener("click",async()=>{confirm(`Remove host ${g.dataset.id}? Events already received will remain in the store.`)&&(await fetch(`/api/v1/security/hosts/${encodeURIComponent(g.dataset.id)}`,{method:"DELETE"}),f())})})}catch(o){document.getElementById("sec-hosts-container").innerHTML='<div class="panel-empty">Load failed: '+w(o.message)+"</div>"}}async function B(){const o=prompt("Host id (lowercase, no spaces):");if(!o)return;const u=prompt("Display label:",o)||o,l=prompt('Type ("dashcaddy", "service", or "agent"):',"agent")||"agent";try{const g=await fetch("/api/v1/security/hosts",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:o,label:u,type:l})}),p=await g.json();if(!g.ok){alert("Failed: "+(p?.error?.message||g.statusText));return}alert(`\u2705 Host registered!
|
|
|
|
|
|
|
|
|
|
id: ${c.data.host.id}
|
|
|
|
|
label: ${c.data.host.label}
|
|
|
|
|
type: ${c.data.host.type}
|
|
|
|
|
id: ${p.data.host.id}
|
|
|
|
|
label: ${p.data.host.label}
|
|
|
|
|
type: ${p.data.host.type}
|
|
|
|
|
|
|
|
|
|
\u{1F511} API KEY (save this NOW \u2014 won't be shown again):
|
|
|
|
|
|
|
|
|
|
${c.data.api_key}
|
|
|
|
|
${p.data.api_key}
|
|
|
|
|
|
|
|
|
|
Send this key as: Authorization: Bearer <api_key>
|
|
|
|
|
To endpoint: POST /api/v1/security/events/ingest or /events/batch`),g()}catch(v){alert("Failed: "+v.message)}}function y(s){return String(s).replace(/[&<>"']/g,p=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[p])}function w(s,p){let l;return function(){clearTimeout(l),l=setTimeout(()=>s.apply(this,arguments),p)}}})(),window.__dc133_buildRepoOptions=function(f,B){var j=B||function(b){return String(b).replace(/[&<>"']/g,function(D){return{"&":"&","<":"<",">":">",'"':""","'":"'"}[D]})};return'<option value="">\u2014 choose a repo \u2014</option>'+(f||[]).map(function(b){return'<option value="'+j(b.url)+'" data-id="'+j(b.id)+'">'+j(b.full_name)+(b.description?" \u2014 "+j(b.description):"")+"</option>"}).join("")},window.__dc133_requestToken=function(f,B){if(f)return"";var j=String(B||"").trim();return j||void 0},(function(){injectModal("deploys-modal",`<div id="deploys-modal" class="weather-modal">
|
|
|
|
|
To endpoint: POST /api/v1/security/events/ingest or /events/batch`),f()}catch(g){alert("Failed: "+g.message)}}function w(o){return String(o).replace(/[&<>"']/g,u=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[u])}function L(o,u){let l;return function(){clearTimeout(l),l=setTimeout(()=>o.apply(this,arguments),u)}}})(),window.__dc133_buildRepoOptions=function(x,E){var j=E||function(h){return String(h).replace(/[&<>"']/g,function(P){return{"&":"&","<":"<",">":">",'"':""","'":"'"}[P]})};return'<option value="">\u2014 choose a repo \u2014</option>'+(x||[]).map(function(h){return'<option value="'+j(h.url)+'" data-id="'+j(h.id)+'">'+j(h.full_name)+(h.description?" \u2014 "+j(h.description):"")+"</option>"}).join("")},window.__dc133_requestToken=function(x,E){if(x)return"";var j=String(E||"").trim();return j||void 0},(function(){injectModal("deploys-modal",`<div id="deploys-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 860px; max-width: 1200px;">
|
|
|
|
|
<h3>\u{1F69A} Deploys</h3>
|
|
|
|
|
<p class="modal-subtitle">
|
|
|
|
@@ -2006,16 +2006,16 @@ To endpoint: POST /api/v1/security/events/ingest or /events/batch`),g()}catch(v)
|
|
|
|
|
<button class="btn" id="dep-close">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=H=>document.getElementById(H);let B=null,j=!1;function b(H){return window.escapeHtml?window.escapeHtml(String(H)):String(H).replace(/[&<>"']/g,m=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[m])}async function D(H,m){const L=await fetch("/dashcaddy-api/api/v1/deploys"+H,Object.assign({credentials:"include"},m||{}));let T=null;try{T=await L.json()}catch{T={success:!1,error:"non-JSON response"}}return{status:L.status,body:T}}function A(H){const m=f("dep-output");m.style.display="block",m.textContent=H||"(no output)",m.scrollTop=m.scrollHeight}async function P(){const H=f("dep-services"),{body:m}=await D("/services");if(!m.success){H.innerHTML="<em>"+b(m.error||"unavailable")+"</em>";return}const L=m.services||[];if(!L.length){H.innerHTML="<em>No shipdeck deployments on record yet.</em>";return}H.innerHTML='<table class="table" style="width:100%;"><thead><tr><th>Service</th><th>Last action</th><th>When</th><th>Release</th><th></th></tr></thead><tbody>'+L.map(T=>"<tr><td><strong>"+b(T.name)+"</strong></td><td>"+b(T.last_action)+"</td><td>"+b(T.last_time)+"</td><td>"+b(T.last_epoch)+'</td><td><button class="btn btn-sm dep-rollback" data-service="'+b(T.name)+'">Rollback</button> <button class="btn btn-sm dep-status" data-service="'+b(T.name)+'">Status</button></td></tr>').join("")+"</tbody></table>"}async function R(){const H=f("dep-repo-select"),{body:m}=await D("/repos");if(!m.success){H.innerHTML="<option>"+b(m.error||"unavailable")+"</option>";return}const L=m.repos||[];H.innerHTML=L.length?L.map(T=>'<option value="'+b(T.dir)+'">'+b(T.name)+"</option>").join(""):'<option value="">(no repos with a Shipdeckfile found)</option>'}async function k(H){const m=f("dep-journal"),L=H?"?service="+encodeURIComponent(H):"",{body:T}=await D("/journal"+L),O=T.rows||[];if(!O.length){m.innerHTML="<em>No journal rows.</em>";return}m.innerHTML='<table class="table" style="width:100%;"><thead><tr><th>Time</th><th>Service</th><th>Action</th><th>Release</th><th>Duration</th></tr></thead><tbody>'+O.map(u=>"<tr><td>"+b(u.time)+"</td><td>"+b(u.service)+"</td><td>"+b(u.action)+"</td><td>"+b(u.epoch)+"</td><td>"+b(u.duration||"\u2014")+"</td></tr>").join("")+"</tbody></table>"}async function M(){const H=document.getElementById("dep-gh-gitea"),m=document.getElementById("dep-gh-gitea-host"),L=document.getElementById("dep-gh-gitea-token"),T=document.getElementById("dep-gh-anonymous"),O={};if(m&&m.value.trim()&&(O.gitea_url="https://"+m.value.trim().replace(/^https?:\/*/,"")),T&&T.checked)O.token="";else{const u=window.__dc133_requestToken(!1,L&&L.value);u!==void 0&&(O.token=u)}try{const{status:u,body:g}=await D("/gitea-repos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)});if(!g.success||!(g.repos||[]).length){H.innerHTML='<option value="">'+b(g.error||"no repos found")+"</option>";return}H.innerHTML=window.__dc133_buildRepoOptions(g.repos,b)}catch{H.innerHTML='<option value="">unavailable</option>'}}async function E(){const H=document.getElementById("dep-gh-btn"),m=document.getElementById("dep-gh-url").value.trim(),L=(document.getElementById("dep-gh-service").value.trim()||"").toLowerCase(),T=document.getElementById("dep-gh-args").value.trim();if(!m||!L){A("Repo URL and name are required.");return}const O=T?T.split(/\s+/):[];z(!0,H,"Install"),A("Installing "+m+`
|
|
|
|
|
Cloning, building, gating and DNS-ing... (~30-60s)`);try{const u=!!(document.getElementById("dep-gh-anonymous")||{}).checked,g=(document.getElementById("dep-gh-gitea-token")||{value:""}).value,S=window.__dc133_requestToken(u,g),{status:y,body:w}=await D("/install",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({repo_url:m,service:L,args:O,token:S})});if(!w.success){A((w.output?w.output+`
|
|
|
|
|
`:"")+"FAIL "+(w.error||"HTTP "+y)),z(!1,H,"Install");return}const s=w.service||{};if(!(window.APPS||[]).some(l=>l.id===s.id)){const l={id:s.id,name:s.name||s.id,url:s.url,logo:s.logo,tailscaleOnly:!0,isCustom:!0};try{await fetch("/dashcaddy-api/api/v1/services",{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),window.APPS.push(l),typeof window.renderApps=="function"&&window.renderApps(),typeof window.renderGrid=="function"&&window.renderGrid()}catch{}}A("INSTALLED "+(s.name||s.id)+" in "+(s.deploy_seconds||"?")+`s
|
|
|
|
|
Card: `+(s.url||"")+`
|
|
|
|
|
`+(w.output||"").slice(-800)),P()}catch(u){A("install error: "+u.message)}z(!1,H,"Install")}function z(H,m,L){m&&(m.disabled=H,L&&(m.textContent=H?"Working\u2026":L))}async function C(){const H=f("dep-deploy-btn"),m=f("dep-repo-select").value;if(m){z(!0,H,"Deploy"),A("Deploying "+m+`
|
|
|
|
|
This can take ~30-60s\u2026`);try{const{body:L}=await D("/deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dir:m})});A((L.output||L.error||"")+(L.success?`
|
|
|
|
|
</div>`);const x=b=>document.getElementById(b);let E=null,j=!1;function h(b){return window.escapeHtml?window.escapeHtml(String(b)):String(b).replace(/[&<>"']/g,d=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[d])}async function P(b,d){const v=await fetch("/dashcaddy-api/api/v1/deploys"+b,Object.assign({credentials:"include"},d||{}));let S=null;try{S=await v.json()}catch{S={success:!1,error:"non-JSON response"}}return{status:v.status,body:S}}function A(b){const d=x("dep-output");d.style.display="block",d.textContent=b||"(no output)",d.scrollTop=d.scrollHeight}async function D(){const b=x("dep-services"),{body:d}=await P("/services");if(!d.success){b.innerHTML="<em>"+h(d.error||"unavailable")+"</em>";return}const v=d.services||[];if(!v.length){b.innerHTML="<em>No shipdeck deployments on record yet.</em>";return}b.innerHTML='<table class="table" style="width:100%;"><thead><tr><th>Service</th><th>Last action</th><th>When</th><th>Release</th><th></th></tr></thead><tbody>'+v.map(S=>"<tr><td><strong>"+h(S.name)+"</strong></td><td>"+h(S.last_action)+"</td><td>"+h(S.last_time)+"</td><td>"+h(S.last_epoch)+'</td><td><button class="btn btn-sm dep-rollback" data-service="'+h(S.name)+'">Rollback</button> <button class="btn btn-sm dep-status" data-service="'+h(S.name)+'">Status</button></td></tr>').join("")+"</tbody></table>"}async function R(){const b=x("dep-repo-select"),{body:d}=await P("/repos");if(!d.success){b.innerHTML="<option>"+h(d.error||"unavailable")+"</option>";return}const v=d.repos||[];b.innerHTML=v.length?v.map(S=>'<option value="'+h(S.dir)+'">'+h(S.name)+"</option>").join(""):'<option value="">(no repos with a Shipdeckfile found)</option>'}async function y(b){const d=x("dep-journal"),v=b?"?service="+encodeURIComponent(b):"",{body:S}=await P("/journal"+v),O=S.rows||[];if(!O.length){d.innerHTML="<em>No journal rows.</em>";return}d.innerHTML='<table class="table" style="width:100%;"><thead><tr><th>Time</th><th>Service</th><th>Action</th><th>Release</th><th>Duration</th></tr></thead><tbody>'+O.map(m=>"<tr><td>"+h(m.time)+"</td><td>"+h(m.service)+"</td><td>"+h(m.action)+"</td><td>"+h(m.epoch)+"</td><td>"+h(m.duration||"\u2014")+"</td></tr>").join("")+"</tbody></table>"}async function $(){const b=document.getElementById("dep-gh-gitea"),d=document.getElementById("dep-gh-gitea-host"),v=document.getElementById("dep-gh-gitea-token"),S=document.getElementById("dep-gh-anonymous"),O={};if(d&&d.value.trim()&&(O.gitea_url="https://"+d.value.trim().replace(/^https?:\/*/,"")),S&&S.checked)O.token="";else{const m=window.__dc133_requestToken(!1,v&&v.value);m!==void 0&&(O.token=m)}try{const{status:m,body:f}=await P("/gitea-repos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)});if(!f.success||!(f.repos||[]).length){b.innerHTML='<option value="">'+h(f.error||"no repos found")+"</option>";return}b.innerHTML=window.__dc133_buildRepoOptions(f.repos,h)}catch{b.innerHTML='<option value="">unavailable</option>'}}async function k(){const b=document.getElementById("dep-gh-btn"),d=document.getElementById("dep-gh-url").value.trim(),v=(document.getElementById("dep-gh-service").value.trim()||"").toLowerCase(),S=document.getElementById("dep-gh-args").value.trim();if(!d||!v){A("Repo URL and name are required.");return}const O=S?S.split(/\s+/):[];H(!0,b,"Install"),A("Installing "+d+`
|
|
|
|
|
Cloning, building, gating and DNS-ing... (~30-60s)`);try{const m=!!(document.getElementById("dep-gh-anonymous")||{}).checked,f=(document.getElementById("dep-gh-gitea-token")||{value:""}).value,B=window.__dc133_requestToken(m,f),{status:w,body:L}=await P("/install",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({repo_url:d,service:v,args:O,token:B})});if(!L.success){A((L.output?L.output+`
|
|
|
|
|
`:"")+"FAIL "+(L.error||"HTTP "+w)),H(!1,b,"Install");return}const o=L.service||{};if(!(window.APPS||[]).some(l=>l.id===o.id)){const l={id:o.id,name:o.name||o.id,url:o.url,logo:o.logo,tailscaleOnly:!0,isCustom:!0};try{await fetch("/dashcaddy-api/api/v1/services",{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),window.APPS.push(l),typeof window.renderApps=="function"&&window.renderApps(),typeof window.renderGrid=="function"&&window.renderGrid()}catch{}}A("INSTALLED "+(o.name||o.id)+" in "+(o.deploy_seconds||"?")+`s
|
|
|
|
|
Card: `+(o.url||"")+`
|
|
|
|
|
`+(L.output||"").slice(-800)),D()}catch(m){A("install error: "+m.message)}H(!1,b,"Install")}function H(b,d,v){d&&(d.disabled=b,v&&(d.textContent=b?"Working\u2026":v))}async function T(){const b=x("dep-deploy-btn"),d=x("dep-repo-select").value;if(d){H(!0,b,"Deploy"),A("Deploying "+d+`
|
|
|
|
|
This can take ~30-60s\u2026`);try{const{body:v}=await P("/deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dir:d})});A((v.output||v.error||"")+(v.success?`
|
|
|
|
|
\u2705 SUCCESS`:`
|
|
|
|
|
\u274C FAILED`)),P()}catch(L){A("deploy error: "+L.message)}z(!1,H,"Deploy")}}async function N(H,m){if(confirm("Roll back "+H+" to the previous release?")){z(!0,m,"Rollback"),A("Rolling back "+H+"\u2026");try{const{body:L}=await D("/rollback",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service:H})});A((L.output||L.error||"")+(L.success?`
|
|
|
|
|
\u274C FAILED`)),D()}catch(v){A("deploy error: "+v.message)}H(!1,b,"Deploy")}}async function z(b,d){if(confirm("Roll back "+b+" to the previous release?")){H(!0,d,"Rollback"),A("Rolling back "+b+"\u2026");try{const{body:v}=await P("/rollback",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service:b})});A((v.output||v.error||"")+(v.success?`
|
|
|
|
|
\u2705 ROLLED BACK`:`
|
|
|
|
|
\u274C FAILED`)),P()}catch(L){A("rollback error: "+L.message)}z(!1,m,"Rollback")}}async function x(H,m){z(!0,m,"Status");try{const{body:L}=await D("/status?service="+encodeURIComponent(H));A(L.output||L.error||"(no output)")}catch(L){A("status error: "+L.message)}z(!1,m,"Status")}function I(){B=document.getElementById("deploys-btn"),B&&(B.addEventListener("click",async()=>{f("deploys-modal").classList.add("open"),j||(j=!0,P(),R(),k(""),M())}),f("dep-close").addEventListener("click",()=>{f("deploys-modal").classList.remove("open")}),document.querySelectorAll(".dep-tab").forEach(H=>{H.addEventListener("click",()=>{document.querySelectorAll(".dep-tab").forEach(m=>m.classList.remove("active")),H.classList.add("active"),document.querySelectorAll("#deploys-modal .dep-panel").forEach(m=>{m.style.display=m.dataset.panel===H.dataset.tab?"block":"none"})})}),f("dep-deploy-btn").addEventListener("click",C),f("dep-gh-btn").addEventListener("click",E),["dep-gh-gitea-host","dep-gh-gitea-token"].forEach(H=>{const m=document.getElementById(H);m&&m.addEventListener("change",()=>M())}),document.getElementById("dep-gh-gitea").addEventListener("change",H=>{const m=H.target.value;if(m){document.getElementById("dep-gh-url").value=m;const L=H.target.selectedOptions[0],T=L&&L.dataset?L.dataset.id:"",O=document.getElementById("dep-gh-service");T&&!O.value&&(O.value=T)}}),f("dep-journal-btn").addEventListener("click",()=>k(f("dep-journal-name").value.trim())),f("dep-status-btn").addEventListener("click",()=>{const H=f("dep-status-name").value.trim();H&&x(H)}),f("dep-services").addEventListener("click",H=>{const m=H.target.closest(".dep-rollback");if(m)return N(m.dataset.service,m);const L=H.target.closest(".dep-status");if(L)return x(L.dataset.service,L)}))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",I):I()})(),(function(){const f=new ErrorHandler;injectModal("weather-modal",`<div id="weather-modal" class="weather-modal"><div class="weather-modal-content"><h3>Weather Settings</h3>
|
|
|
|
|
\u274C FAILED`)),D()}catch(v){A("rollback error: "+v.message)}H(!1,d,"Rollback")}}async function C(b,d){H(!0,d,"Status");try{const{body:v}=await P("/status?service="+encodeURIComponent(b));A(v.output||v.error||"(no output)")}catch(v){A("status error: "+v.message)}H(!1,d,"Status")}function M(){E=document.getElementById("deploys-btn"),E&&(E.addEventListener("click",async()=>{x("deploys-modal").classList.add("open"),j||(j=!0,D(),R(),y(""),$())}),x("dep-close").addEventListener("click",()=>{x("deploys-modal").classList.remove("open")}),document.querySelectorAll(".dep-tab").forEach(b=>{b.addEventListener("click",()=>{document.querySelectorAll(".dep-tab").forEach(d=>d.classList.remove("active")),b.classList.add("active"),document.querySelectorAll("#deploys-modal .dep-panel").forEach(d=>{d.style.display=d.dataset.panel===b.dataset.tab?"block":"none"})})}),x("dep-deploy-btn").addEventListener("click",T),x("dep-gh-btn").addEventListener("click",k),["dep-gh-gitea-host","dep-gh-gitea-token"].forEach(b=>{const d=document.getElementById(b);d&&d.addEventListener("change",()=>$())}),document.getElementById("dep-gh-gitea").addEventListener("change",b=>{const d=b.target.value;if(d){document.getElementById("dep-gh-url").value=d;const v=b.target.selectedOptions[0],S=v&&v.dataset?v.dataset.id:"",O=document.getElementById("dep-gh-service");S&&!O.value&&(O.value=S)}}),x("dep-journal-btn").addEventListener("click",()=>y(x("dep-journal-name").value.trim())),x("dep-status-btn").addEventListener("click",()=>{const b=x("dep-status-name").value.trim();b&&C(b)}),x("dep-services").addEventListener("click",b=>{const d=b.target.closest(".dep-rollback");if(d)return z(d.dataset.service,d);const v=b.target.closest(".dep-status");if(v)return C(v.dataset.service,v)}))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",M):M()})(),(function(){const x=new ErrorHandler;injectModal("weather-modal",`<div id="weather-modal" class="weather-modal"><div class="weather-modal-content"><h3>Weather Settings</h3>
|
|
|
|
|
<label for="weather-location-input">Location:</label>
|
|
|
|
|
<input type="text" id="weather-location-input" placeholder="City name or ZIP (e.g., Hamburg, 90210)" maxlength="100">
|
|
|
|
|
<div style="font-size: 0.78rem; color: var(--muted); margin-top: 4px;">Enter a city name, postal code, or “City, Country”</div>
|
|
|
|
@@ -2026,23 +2026,23 @@ This can take ~30-60s\u2026`);try{const{body:L}=await D("/deploy",{method:"POST"
|
|
|
|
|
<label class="weather-unit-option"><input type="radio" name="weather-unit-radio" value="metric"><span class="weather-unit-card">°C / km/h</span></label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weather-modal-buttons"><button id="weather-cancel">Cancel</button><button id="weather-save">Save</button></div></div></div>`);const B="weather-location",j="weather-zip",b="weather-geo",D="weather-unit";!safeGet(B)&&safeGet(j)&&safeSet(B,safeGet(j));function A(){return safeGet(D)||"imperial"}function P(){return{icon:document.querySelector(".weather-icon"),temp:document.querySelector(".weather-temp"),condition:document.querySelector(".weather-condition"),location:document.querySelector(".weather-location"),wind:document.querySelector(".weather-wind")}}const R={0:"Clear sky",1:"Mainly clear",2:"Partly cloudy",3:"Overcast",45:"Fog",48:"Rime fog",51:"Light drizzle",53:"Drizzle",55:"Dense drizzle",56:"Freezing drizzle",57:"Dense freezing drizzle",61:"Light rain",63:"Moderate rain",65:"Heavy rain",66:"Light freezing rain",67:"Heavy freezing rain",71:"Light snow",73:"Moderate snow",75:"Heavy snow",77:"Snow grains",80:"Light showers",81:"Moderate showers",82:"Violent showers",85:"Light snow showers",86:"Heavy snow showers",95:"Thunderstorm",96:"Thunderstorm with hail",99:"Severe thunderstorm"},k={0:"\u2600\uFE0F",1:"\u{1F324}\uFE0F",2:"\u26C5",3:"\u2601\uFE0F",45:"\u{1F32B}\uFE0F",48:"\u{1F32B}\uFE0F",51:"\u{1F326}\uFE0F",53:"\u{1F326}\uFE0F",55:"\u{1F326}\uFE0F",56:"\u{1F328}\uFE0F",57:"\u{1F328}\uFE0F",61:"\u{1F326}\uFE0F",63:"\u{1F327}\uFE0F",65:"\u{1F327}\uFE0F",66:"\u{1F328}\uFE0F",67:"\u{1F328}\uFE0F",71:"\u{1F328}\uFE0F",73:"\u2744\uFE0F",75:"\u2744\uFE0F",77:"\u2744\uFE0F",80:"\u{1F326}\uFE0F",81:"\u{1F327}\uFE0F",82:"\u{1F327}\uFE0F",85:"\u{1F328}\uFE0F",86:"\u2744\uFE0F",95:"\u26C8\uFE0F",96:"\u26C8\uFE0F",99:"\u26C8\uFE0F"},M=["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW"];function E(m){return M[Math.round(m/22.5)%16]}async function z(m){const L=safeGet(b);if(L)try{const S=JSON.parse(L);if(S.query===m)return S}catch{}const T=await fetch(`https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(m)}&count=1&language=en&format=json`);if(!T.ok)throw new Error("Geocoding failed");const O=await T.json();if(!O.results||!O.results.length)throw new Error("Location not found");const u=O.results[0],g={query:m,lat:u.latitude,lon:u.longitude,city:u.name,state:u.admin1||"",country:u.country||"",countryCode:u.country_code||""};return safeSet(b,JSON.stringify(g)),g}function C(m){return m.countryCode==="US"&&m.state?`${m.city}, ${m.state}`:m.country?`${m.city}, ${m.country}`:m.city}async function N(m){try{const L=await z(m),T=A(),O=T==="metric"?"celsius":"fahrenheit",u=T==="metric"?"kmh":"mph",g=`https://api.open-meteo.com/v1/forecast?latitude=${L.lat}&longitude=${L.lon}¤t=temperature_2m,weather_code,wind_speed_10m,wind_direction_10m&temperature_unit=${O}&wind_speed_unit=${u}`,S=await fetch(g);if(!S.ok)throw new Error("Weather fetch failed");const w=(await S.json()).current,s=w.weather_code;return{temp:Math.round(w.temperature_2m),condition:R[s]||"Unknown",icon:k[s]||"\u{1F324}\uFE0F",locationStr:C(L),windSpeed:Math.round(w.wind_speed_10m),windDir:E(w.wind_direction_10m),unit:T}}catch(L){return console.warn("Weather fetch failed:",L),null}}async function x(){const m=P();if(!m.icon||!m.temp||!m.condition||!m.location||!m.wind){console.warn("Weather widget elements not found");return}const L=safeGet(B);if(!L){m.location.textContent="Set Location",m.temp.textContent="--\xB0",m.condition.textContent="Click \u2699\uFE0F to configure",m.wind.textContent="--",m.icon.innerHTML='<span class="weather-emoji">\u{1F324}\uFE0F</span>';return}try{const T=await N(L);if(T){const O=T.unit==="metric"?"\xB0C":"\xB0F",u=T.unit==="metric"?"km/h":"mph";m.location.textContent=T.locationStr,m.temp.textContent=`${T.temp}${O}`,m.condition.textContent=T.condition,m.wind.textContent=`Wind: ${T.windSpeed} ${u} ${T.windDir}`,m.icon.innerHTML=`<span class="weather-emoji">${escapeHtml(T.icon)}</span>`}}catch(T){f.logError("[Weather] Update Error",T,{function:"updateWeather"}),m.location.textContent="Weather Error",m.temp.textContent="Error",m.condition.textContent="Failed to load",m.wind.textContent="--"}}const I=document.getElementById("weather-modal"),H=document.getElementById("weather-location-input");document.getElementById("weather-settings")?.addEventListener("click",()=>{H.value=safeGet(B)||"";const m=A(),L=I.querySelector(`input[name="weather-unit-radio"][value="${m}"]`);L&&(L.checked=!0),I.classList.add("show"),H.focus()}),document.getElementById("weather-cancel")?.addEventListener("click",()=>{I.classList.remove("show")}),document.getElementById("weather-save")?.addEventListener("click",()=>{const m=H.value.trim();if(m){safeGet(B)!==m&&safeSet(b,""),safeSet(B,m);const T=I.querySelector('input[name="weather-unit-radio"]:checked'),O=T?T.value:"imperial",u=A();safeSet(D,O),u!==O&&safeSet(b,""),I.classList.remove("show"),x()}else showNotification("Please enter a location (e.g., Hamburg, London, 90210)","warning")}),wireModal(I),document.addEventListener("keydown",m=>{m.keyLine truncated
|
|
|
|
|
<circle cx="${r}" cy="${d}" r="58" fill="none" stroke="var(--border)" stroke-width="2"/>
|
|
|
|
|
<div class="weather-modal-buttons"><button id="weather-cancel">Cancel</button><button id="weather-save">Save</button></div></div></div>`);const E="weather-location",j="weather-zip",h="weather-geo",P="weather-unit";!safeGet(E)&&safeGet(j)&&safeSet(E,safeGet(j));function A(){return safeGet(P)||"imperial"}function D(){return{icon:document.querySelector(".weather-icon"),temp:document.querySelector(".weather-temp"),condition:document.querySelector(".weather-condition"),location:document.querySelector(".weather-location"),wind:document.querySelector(".weather-wind")}}const R={0:"Clear sky",1:"Mainly clear",2:"Partly cloudy",3:"Overcast",45:"Fog",48:"Rime fog",51:"Light drizzle",53:"Drizzle",55:"Dense drizzle",56:"Freezing drizzle",57:"Dense freezing drizzle",61:"Light rain",63:"Moderate rain",65:"Heavy rain",66:"Light freezing rain",67:"Heavy freezing rain",71:"Light snow",73:"Moderate snow",75:"Heavy snow",77:"Snow grains",80:"Light showers",81:"Moderate showers",82:"Violent showers",85:"Light snow showers",86:"Heavy snow showers",95:"Thunderstorm",96:"Thunderstorm with hail",99:"Severe thunderstorm"},y={0:"\u2600\uFE0F",1:"\u{1F324}\uFE0F",2:"\u26C5",3:"\u2601\uFE0F",45:"\u{1F32B}\uFE0F",48:"\u{1F32B}\uFE0F",51:"\u{1F326}\uFE0F",53:"\u{1F326}\uFE0F",55:"\u{1F326}\uFE0F",56:"\u{1F328}\uFE0F",57:"\u{1F328}\uFE0F",61:"\u{1F326}\uFE0F",63:"\u{1F327}\uFE0F",65:"\u{1F327}\uFE0F",66:"\u{1F328}\uFE0F",67:"\u{1F328}\uFE0F",71:"\u{1F328}\uFE0F",73:"\u2744\uFE0F",75:"\u2744\uFE0F",77:"\u2744\uFE0F",80:"\u{1F326}\uFE0F",81:"\u{1F327}\uFE0F",82:"\u{1F327}\uFE0F",85:"\u{1F328}\uFE0F",86:"\u2744\uFE0F",95:"\u26C8\uFE0F",96:"\u26C8\uFE0F",99:"\u26C8\uFE0F"},$=["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW"];function k(d){return $[Math.round(d/22.5)%16]}async function H(d){const v=safeGet(h);if(v)try{const B=JSON.parse(v);if(B.query===d)return B}catch{}const S=await fetch(`https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(d)}&count=1&language=en&format=json`);if(!S.ok)throw new Error("Geocoding failed");const O=await S.json();if(!O.results||!O.results.length)throw new Error("Location not found");const m=O.results[0],f={query:d,lat:m.latitude,lon:m.longitude,city:m.name,state:m.admin1||"",country:m.country||"",countryCode:m.country_code||""};return safeSet(h,JSON.stringify(f)),f}function T(d){return d.countryCode==="US"&&d.state?`${d.city}, ${d.state}`:d.country?`${d.city}, ${d.country}`:d.city}async function z(d){try{const v=await H(d),S=A(),O=S==="metric"?"celsius":"fahrenheit",m=S==="metric"?"kmh":"mph",f=`https://api.open-meteo.com/v1/forecast?latitude=${v.lat}&longitude=${v.lon}¤t=temperature_2m,weather_code,wind_speed_10m,wind_direction_10m&temperature_unit=${O}&wind_speed_unit=${m}`,B=await fetch(f);if(!B.ok)throw new Error("Weather fetch failed");const L=(await B.json()).current,o=L.weather_code;return{temp:Math.round(L.temperature_2m),condition:R[o]||"Unknown",icon:y[o]||"\u{1F324}\uFE0F",locationStr:T(v),windSpeed:Math.round(L.wind_speed_10m),windDir:k(L.wind_direction_10m),unit:S}}catch(v){return console.warn("Weather fetch failed:",v),null}}async function C(){const d=D();if(!d.icon||!d.temp||!d.condition||!d.location||!d.wind){console.warn("Weather widget elements not found");return}const v=safeGet(E);if(!v){d.location.textContent="Set Location",d.temp.textContent="--\xB0",d.condition.textContent="Click \u2699\uFE0F to configure",d.wind.textContent="--",d.icon.innerHTML='<span class="weather-emoji">\u{1F324}\uFE0F</span>';return}try{const S=await z(v);if(S){const O=S.unit==="metric"?"\xB0C":"\xB0F",m=S.unit==="metric"?"km/h":"mph";d.location.textContent=S.locationStr,d.temp.textContent=`${S.temp}${O}`,d.condition.textContent=S.condition,d.wind.textContent=`Wind: ${S.windSpeed} ${m} ${S.windDir}`,d.icon.innerHTML=`<span class="weather-emoji">${escapeHtml(S.icon)}</span>`}}catch(S){x.logError("[Weather] Update Error",S,{function:"updateWeather"}),d.location.textContent="Weather Error",d.temp.textContent="Error",d.condition.textContent="Failed to load",d.wind.textContent="--"}}const M=document.getElementById("weather-modal"),b=document.getElementById("weather-location-input");document.getElementById("weather-settings")?.addEventListener("click",()=>{b.value=safeGet(E)||"";const d=A(),v=M.querySelector(`input[name="weather-unit-radio"][value="${d}"]`);v&&(v.checked=!0),M.classList.add("show"),b.focus()}),document.getElementById("weather-cancel")?.addEventListener("click",()=>{M.classList.remove("show")}),document.getElementById("weather-save")?.addEventListener("click",()=>{const d=b.value.trim();if(d){safeGet(E)!==d&&safeSet(h,""),safeSet(E,d);const S=M.querySelector('input[name="weather-unit-radio"]:checked'),O=S?S.value:"imperial",m=A();safeSet(P,O),m!==O&&safeSet(h,""),M.classList.remove("show"),C()}else showNotification("Please enter a location (e.g., Hamburg, London, 90210)","warning")}),wireModal(M),document.addEventListener("keydown",d=>{d.keyLine truncated
|
|
|
|
|
<circle cx="${i}" cy="${c}" r="58" fill="none" stroke="var(--border)" stroke-width="2"/>
|
|
|
|
|
${F}
|
|
|
|
|
${_}
|
|
|
|
|
<line x1="${r}" y1="${d}" x2="${r+28*Math.cos(U*Math.PI/180)}" y2="${d+28*Math.sin(U*Math.PI/180)}" stroke="var(--fg)" stroke-width="3" stroke-linecap="round"/>
|
|
|
|
|
<line x1="${r}" y1="${d}" x2="${r+38*Math.cos($*Math.PI/180)}" y2="${d+38*Math.sin($*Math.PI/180)}" stroke="var(--fg)" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
|
<line x1="${r}" y1="${d}" x2="${r+42*Math.cos(h*Math.PI/180)}" y2="${d+42*Math.sin(h*Math.PI/180)}" stroke="#e74c3c" stroke-width="1" stroke-linecap="round"/>
|
|
|
|
|
<circle cx="${r}" cy="${d}" r="3" fill="var(--fg)"/>
|
|
|
|
|
</svg>`,J=t.getHours()>=12?"PM":"AM";B.innerHTML=`<div class="analog-clock-wrap">${q}<div class="analog-info"><span class="analog-digital">${t.getHours()%12||12}:${String(o).padStart(2,"0")} ${J}</span><span class="analog-date-sm">${N(t)}</span></div></div>`,M="analog"}function g(){const t=new Date,e=t.getHours()%12||12,a=t.getMinutes(),o=t.getSeconds(),i="clock-widget"+(A!=="default"?" "+A:"");switch(f.className!==i&&(f.className=i),A){case"lcd":m(t);break;case"lcd-blue":m(t);break;case"lcd-amber":m(t);break;case"lcd-retro":m(t);break;case"lcd-taxi":m(t);break;case"flip":L(t);break;case"binary":O(t);break;case"analog":u(t,!1);break;case"roman":u(t,!0);break;default:H(t)}a===0&&o===0&&e!==P&&(P=e,C(e)),a!==0&&(P=-1)}function S(){clearTimeout(z);const t=document.hidden?6e4:1e3,e=t-Date.now()%t+25;z=setTimeout(()=>{g(),S()},e)}document.addEventListener("visibilitychange",()=>{k="",x(),g(),S()}),g(),S();const y=[{id:"default",label:"Default",icon:"\u{1F550}"},{id:"lcd",label:"LCD Green",icon:"\u{1F49A}"},{id:"lcd-blue",label:"LCD Blue",icon:"\u{1F499}"},{id:"lcd-amber",label:"LCD Amber",icon:"\u{1F7E0}"},{id:"lcd-retro",label:"LCD Retro",icon:"\u{1F7E9}"},{id:"lcd-taxi",label:"LCD Taxi",icon:"\u{1F7E1}"},{id:"flip",label:"Flip Clock",icon:"\u{1F4DF}"},{id:"binary",label:"Binary",icon:"\u{1F4BB}"},{id:"analog",label:"Analog",icon:"\u23F0"},{id:"roman",label:"Roman",icon:"\u{1F3DB}\uFE0F"}];let w='<div class="clock-style-grid">';y.forEach(t=>{w+=`<label class="clock-style-option">
|
|
|
|
|
<line x1="${i}" y1="${c}" x2="${i+28*Math.cos(U*Math.PI/180)}" y2="${c+28*Math.sin(U*Math.PI/180)}" stroke="var(--fg)" stroke-width="3" stroke-linecap="round"/>
|
|
|
|
|
<line x1="${i}" y1="${c}" x2="${i+38*Math.cos(N*Math.PI/180)}" y2="${c+38*Math.sin(N*Math.PI/180)}" stroke="var(--fg)" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
|
<line x1="${i}" y1="${c}" x2="${i+42*Math.cos(I*Math.PI/180)}" y2="${c+42*Math.sin(I*Math.PI/180)}" stroke="#e74c3c" stroke-width="1" stroke-linecap="round"/>
|
|
|
|
|
<circle cx="${i}" cy="${c}" r="3" fill="var(--fg)"/>
|
|
|
|
|
</svg>`,J=t.getHours()>=12?"PM":"AM";E.innerHTML=`<div class="analog-clock-wrap">${q}<div class="analog-info"><span class="analog-digital">${t.getHours()%12||12}:${String(n).padStart(2,"0")} ${J}</span><span class="analog-date-sm">${z(t)}</span></div></div>`,$="analog"}function f(){const t=new Date,e=t.getHours()%12||12,s=t.getMinutes(),n=t.getSeconds(),r="clock-widget"+(A!=="default"?" "+A:"");switch(x.className!==r&&(x.className=r),A){case"lcd":d(t);break;case"lcd-blue":d(t);break;case"lcd-amber":d(t);break;case"lcd-retro":d(t);break;case"lcd-taxi":d(t);break;case"flip":v(t);break;case"binary":O(t);break;case"analog":m(t,!1);break;case"roman":m(t,!0);break;default:b(t)}s===0&&n===0&&e!==D&&(D=e,T(e)),s!==0&&(D=-1)}function B(){clearTimeout(H);const t=document.hidden?6e4:1e3,e=t-Date.now()%t+25;H=setTimeout(()=>{f(),B()},e)}document.addEventListener("visibilitychange",()=>{y="",C(),f(),B()}),f(),B();const w=[{id:"default",label:"Default",icon:"\u{1F550}"},{id:"lcd",label:"LCD Green",icon:"\u{1F49A}"},{id:"lcd-blue",label:"LCD Blue",icon:"\u{1F499}"},{id:"lcd-amber",label:"LCD Amber",icon:"\u{1F7E0}"},{id:"lcd-retro",label:"LCD Retro",icon:"\u{1F7E9}"},{id:"lcd-taxi",label:"LCD Taxi",icon:"\u{1F7E1}"},{id:"flip",label:"Flip Clock",icon:"\u{1F4DF}"},{id:"binary",label:"Binary",icon:"\u{1F4BB}"},{id:"analog",label:"Analog",icon:"\u23F0"},{id:"roman",label:"Roman",icon:"\u{1F3DB}\uFE0F"}];let L='<div class="clock-style-grid">';w.forEach(t=>{L+=`<label class="clock-style-option">
|
|
|
|
|
<input type="radio" name="clock-style-radio" value="${t.id}">
|
|
|
|
|
<span class="clock-style-card"><span class="clock-style-icon">${t.icon}</span><span class="clock-style-label">${t.label}</span></span>
|
|
|
|
|
</label>`}),w+="</div>",injectModal("clock-settings-modal",`<div id="clock-settings-modal" class="weather-modal">
|
|
|
|
|
</label>`}),L+="</div>",injectModal("clock-settings-modal",`<div id="clock-settings-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="max-width: 420px;">
|
|
|
|
|
<h3>Clock Settings</h3>
|
|
|
|
|
<div style="margin-bottom: 16px;">
|
|
|
|
|
<label style="display: block; margin-bottom: 8px; font-weight: 600; color: var(--fg);">Style</label>
|
|
|
|
|
${w}
|
|
|
|
|
${L}
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-bottom: 16px; padding-top: 12px; border-top: 1px solid var(--border);">
|
|
|
|
|
<label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: 600; color: var(--fg);">
|
|
|
|
@@ -2066,7 +2066,124 @@ This can take ~30-60s\u2026`);try{const{body:L}=await D("/deploy",{method:"POST"
|
|
|
|
|
<button id="clock-settings-save">Save</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const s=document.getElementById("clock-settings-modal"),p=document.getElementById("clock-chimes-toggle"),l=document.getElementById("clock-chime-volume"),v=document.getElementById("clock-volume-section");function c(){const t=safeGet("clock-style")||"default",e=s.querySelector(`input[value="${t}"]`);e&&(e.checked=!0),p.checked=safeGet("clock-chimes")==="true",l.value=safeGet("clock-chime-volume")||"50",v.style.opacity=p.checked?"1":"0.4"}p?.addEventListener("change",()=>{v.style.opacity=p.checked?"1":"0.4"}),document.getElementById("clock-settings")?.addEventListener("click",()=>{c(),s.classList.add("show")}),document.getElementById("clock-chime-test")?.addEventListener("click",()=>{const t=parseInt(l.value,10)/100,e=new Audio("/assets/sounds/church-bell.mp3");e.volume=t,e.play().catch(()=>{})}),document.getElementById("clock-settings-save")?.addEventListener("click",()=>{const t=s.querySelector('input[name="clock-style-radio"]:checked'),e=t?t.value:"default";safeSet("clock-style",e),safeSet("clock-chimes",String(p.checked)),safeSet("clock-chime-volume",l.value),A=e,k="",x(),g(),S(),s.classList.remove("show"),showNotification("Clock settings saved","success",2e3)}),document.getElementById("clock-settings-cancel")?.addEventListener("click",()=>{s.classList.remove("show")}),wireModal(s),s?.querySelectorAll('input[name="clock-style-radio"]').forEach(t=>{t.addEventListener("change",()=>{A=t.value,k="",x(),g()})})})(),(function(){async function f(){try{const R=await(await fetch("/api/v1/health-checks/status")).json();if(!R.success||!R.status)return;for(const[k,M]of Object.entries(R.status)){const E=document.getElementById("uptime-"+k),z=document.getElementById("uptime-bar-"+k);if(!E)continue;const C=M.uptime?.["24h"];if(C!=null){const N=C.toFixed(1);E.textContent=`${N}% uptime`,E.className="uptime-chip",C>=99.9?E.classList.add("excellent"):C>=99?E.classList.add("good"):C>=95?E.classList.add("degraded"):E.classList.add("poor"),z&&(z.style.width=N+"%")}}}catch{console.warn("[Card Badges] Health check API unavailable")}}let B;try{B=new Set(JSON.parse(safeSessionGet("dismissed-updates")||"[]"))}catch{B=new Set}let j=[];async function b(P){try{const k=await(await fetch("/api/v1/updates/available")).json();if(!k.success)return;document.querySelectorAll(".update-available-badge").forEach(E=>E.classList.remove("visible"));const M=k.updates||[];if(j=M,P&&M.length>0){const E=window._lastKnownUpdateCount||0;E>0&&M.length>E&&showNotification(`${M.length} container update(s) available \u2014 click Update Management to review.`,"info"),window._lastKnownUpdateCount=M.length}if(!M.length)return;for(const E of M){const z=window.APPS||[];for(const C of z)if(C.containerId===E.containerId||C.id===E.containerName||C.name===E.containerName){if(B.has(C.id))break;const N=document.getElementById("update-badge-"+C.id),x=document.getElementById("update-btn-"+C.id);N&&(N.classList.add("visible"),N.title="Update available \u2014 click to open Update Management.",N.style.cursor="pointer",N.onclick=I=>{I.stopPropagation(),window.openUpdateModal&&window.openUpdateModal(C.id)}),x&&(x.style.background="#f97316",x.style.borderColor="#f97316",x.style.boxShadow="0 0 6px #f9731688",x.title="Update available \u2014 click to open Update Management.");break}}}catch{console.warn("[Card Badges] Updates API unavailable")}}function D(){setTimeout(()=>{f(),b()},5e3),setInterval(()=>{f(),b(!0)},6e4)}const A=window.refreshAll;A&&(window.refreshAll=async function(){try{await A(),setTimeout(f,1e3)}catch(P){console.warn("[Card Badges] Error in refreshAll hook:",P.message)}}),D()})(),(function(){var f=null,B=null,j={},b={dark:"Dark",light:"Light",blue:"Blue",black:"Black",nord:"Nord",dracula:"Dracula","solarized-dark":"Solarized Dark","solarized-light":"Solarized Light",taxi:"Taxi",ocean:"Ocean"},D=[["bg","Background","base"],["card-base","Card","base"],["fg","Text","base"],["muted","Muted Text","base"],["border","Border","base"],["accent","Accent","accent"],["accent-strong","Accent Strong","accent"],["ok-bg","OK Background","status"],["ok-fg","OK Text","status"],["bad-bg","Error Bg","status"],["bad-fg","Error Text","status"],["dot-ok","Dot OK","status"],["dot-bad","Dot Error","status"],["uptime","Uptime Bar","status"],["hover","Hover","advanced"],["card-hover","Card Hover","advanced"],["base","Tags/Badges","advanced"],["fg-muted","Dim Text","advanced"],["success","Success","advanced"],["error","Error","advanced"],["warning","Warning","advanced"]],A=document.getElementById("theme");if(!A)return;var P=document.getElementById("theme-label");function R(o){if(b[o])return b[o];var i=safeGetJSON(window.USER_THEMES_KEY,{});return i[o]&&i[o].name||o}function k(){P&&(P.textContent=R(window.getActiveTheme()))}A.addEventListener("click",function(){var o=window.THEMES.slice(),i=window.getActiveTheme(),n=o.indexOf(i),r=o[(n+1)%o.length];window.applyTheme(r),k()}),k();function M(){var o={base:"Base Colors",accent:"Accent",status:"Status",advanced:"Advanced (auto-deriLine truncated
|
|
|
|
|
</div>`);const o=document.getElementById("clock-settings-modal"),u=document.getElementById("clock-chimes-toggle"),l=document.getElementById("clock-chime-volume"),g=document.getElementById("clock-volume-section");function p(){const t=safeGet("clock-style")||"default",e=o.querySelector(`input[value="${t}"]`);e&&(e.checked=!0),u.checked=safeGet("clock-chimes")==="true",l.value=safeGet("clock-chime-volume")||"50",g.style.opacity=u.checked?"1":"0.4"}u?.addEventListener("change",()=>{g.style.opacity=u.checked?"1":"0.4"}),document.getElementById("clock-settings")?.addEventListener("click",()=>{p(),o.classList.add("show")}),document.getElementById("clock-chime-test")?.addEventListener("click",()=>{const t=parseInt(l.value,10)/100,e=new Audio("/assets/sounds/church-bell.mp3");e.volume=t,e.play().catch(()=>{})}),document.getElementById("clock-settings-save")?.addEventListener("click",()=>{const t=o.querySelector('input[name="clock-style-radio"]:checked'),e=t?t.value:"default";safeSet("clock-style",e),safeSet("clock-chimes",String(u.checked)),safeSet("clock-chime-volume",l.value),A=e,y="",C(),f(),B(),o.classList.remove("show"),showNotification("Clock settings saved","success",2e3)}),document.getElementById("clock-settings-cancel")?.addEventListener("click",()=>{o.classList.remove("show")}),wireModal(o),o?.querySelectorAll('input[name="clock-style-radio"]').forEach(t=>{t.addEventListener("change",()=>{A=t.value,y="",C(),f()})})})(),(function(){const x=new ErrorHandler;injectModal("calendar-modal",`<div id="calendar-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width:560px;max-width:720px;">
|
|
|
|
|
<h3>\u{1F4C5} Calendar</h3>
|
|
|
|
|
<div id="calendar-upcoming" style="margin:0 0 14px;">
|
|
|
|
|
<div style="font-size:0.8rem;color:var(--muted);margin-bottom:6px;">Next 14 days</div>
|
|
|
|
|
<div id="calendar-upcoming-list" style="display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;">
|
|
|
|
|
<div style="color:var(--muted);font-size:0.85rem;">No upcoming appointments.</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top:14px;padding-top:12px;border-top:1px solid var(--border);">
|
|
|
|
|
<label style="display:block;font-weight:600;color:var(--fg);margin-bottom:8px;">Calendars</label>
|
|
|
|
|
<div id="calendar-sources-list" style="display:flex;flex-direction:column;gap:6px;margin-bottom:10px;"></div>
|
|
|
|
|
<details id="calendar-add-details">
|
|
|
|
|
<summary style="cursor:pointer;font-size:0.85rem;color:var(--accent);">+ Add a calendar (CalDAV URL or ICS feed)</summary>
|
|
|
|
|
<div style="margin-top:10px;display:flex;flex-direction:column;gap:8px;">
|
|
|
|
|
<div style="display:flex;gap:8px;">
|
|
|
|
|
<label style="font-size:0.82rem;">Type
|
|
|
|
|
<select id="cal-add-type" style="margin-left:6px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px;">
|
|
|
|
|
<option value="caldav">CalDAV</option>
|
|
|
|
|
<option value="ics">ICS feed (read-only)</option>
|
|
|
|
|
</select>
|
|
|
|
|
</label>
|
|
|
|
|
<label style="font-size:0.82rem;flex:1;">Name
|
|
|
|
|
<input type="text" id="cal-add-name" placeholder="Work calendar" maxlength="120" style="width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;">
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<label style="font-size:0.82rem;">URL
|
|
|
|
|
<input type="text" id="cal-add-url" placeholder="https://calendar.example.com/user/calendar/" style="width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;">
|
|
|
|
|
</label>
|
|
|
|
|
<div style="display:flex;gap:8px;">
|
|
|
|
|
<label style="font-size:0.82rem;flex:1;">User
|
|
|
|
|
<input type="text" id="cal-add-user" autocomplete="off" style="width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;">
|
|
|
|
|
</label>
|
|
|
|
|
<label style="font-size:0.82rem;flex:1;">Password
|
|
|
|
|
<input type="password" id="cal-add-pass" autocomplete="new-password" style="width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;">
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display:flex;gap:8px;justify-content:flex-end;">
|
|
|
|
|
<button id="cal-add-test">Test connection</button>
|
|
|
|
|
<button id="cal-add-save">Save</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="cal-add-status" style="font-size:0.8rem;color:var(--muted);min-height:1em;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weather-modal-buttons"><button id="calendar-close">Close</button></div>
|
|
|
|
|
</div></div>`);const E=()=>({icon:document.querySelector(".calendar-widget-icon"),text:document.querySelector(".calendar-widget-text")});function j(b,d){const v=new Date(b),S=new Date;S.setHours(0,0,0,0);const O=new Date(v);O.setHours(0,0,0,0);const m=Math.round((O-S)/864e5),f=m===0?"Today":m===1?"Tomorrow":v.toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"}),B=d?"all-day":v.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit"});return`${f} ${B}`}async function h(){const b=new Date(Date.now()-864e5),d=new Date(Date.now()+14*864e5),v=await fetch(`/api/v1/calendar/events?start=${b.toISOString()}&end=${d.toISOString()}`,{cache:"no-store"});if(v.status===404)return{notConfigured:!0};if(!v.ok)throw new Error(`Calendar API HTTP ${v.status}`);return v.json()}function P(b){const d=E();if(!d.icon||!d.text)return;const v=b&&Array.isArray(b.events)?b.events:[];if(!v.length){d.icon.textContent="\u{1F4C5}",d.text.textContent="No calendar";return}const S=v[0];d.icon.textContent=S.allDay?"\u{1F5D3}\uFE0F":"\u23F0",d.text.innerHTML=`${escapeHtml(S.title||"Untitled")}
|
|
|
|
|
<span style="color:var(--muted);font-size:0.78em;">\xB7 ${escapeHtml(j(S.start,S.allDay))}</span>`}function A(b){const d=document.getElementById("calendar-upcoming-list");if(!d)return;const v=b&&Array.isArray(b.events)?b.events:[];if(!v.length){d.innerHTML='<div style="color:var(--muted);font-size:0.85rem;">No upcoming appointments.</div>';return}d.innerHTML=v.slice(0,12).map(S=>`<div style="display:flex;gap:8px;align-items:baseline;">
|
|
|
|
|
<span style="font-size:0.78rem;color:var(--muted);white-space:nowrap;">${escapeHtml(j(S.start,S.allDay))}</span>
|
|
|
|
|
<span style="font-size:0.85rem;">${escapeHtml(S.title||"Untitled")}</span>
|
|
|
|
|
${S.location?`<span style="font-size:0.75rem;color:var(--muted);">${escapeHtml(S.location)}</span>`:""}
|
|
|
|
|
</div>`).join("")}async function D(){const b=document.getElementById("calendar-sources-list");if(!b)return;let d=[];try{const v=await fetch("/api/v1/calendar/sources",{cache:"no-store"});if(v.ok){const S=await v.json();d=S&&Array.isArray(S.sources)?S.sources:Array.isArray(S)?S:[]}}catch{}if(!d.length){b.innerHTML='<div style="font-size:0.82rem;color:var(--muted);">No calendars connected. Deploy Radicale from the App Selector to auto-connect one, or add a CalDAV/ICS URL below.</div>';return}b.innerHTML=d.map(v=>`
|
|
|
|
|
<div style="display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:6px;padding:6px 10px;">
|
|
|
|
|
<span style="font-size:0.85rem;flex:1;">${escapeHtml(v.name||v.id)}
|
|
|
|
|
<span style="color:var(--muted);font-size:0.72rem;">\xB7 ${escapeHtml(v.type)}${v.autoProvisioned?" \xB7 auto-wired":""}</span></span>
|
|
|
|
|
<button class="cal-src-toggle" data-id="${escapeHtml(v.id)}" data-enabled="${v.enabled!==!1?"1":"0"}"
|
|
|
|
|
style="font-size:0.75rem;padding:2px 8px;">${v.enabled!==!1?"\u2713 on":"off"}</button>
|
|
|
|
|
<button class="cal-src-del" data-id="${escapeHtml(v.id)}" style="font-size:0.75rem;padding:2px 8px;color:var(--err-fg);">remove</button>
|
|
|
|
|
</div>`).join(""),b.querySelectorAll(".cal-src-toggle").forEach(v=>v.addEventListener("click",async()=>{const S=v.dataset.id,O=v.dataset.enabled!=="1";await fetch(`/api/v1/calendar/sources/${encodeURIComponent(S)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({enabled:O})}),D(),R()})),b.querySelectorAll(".cal-src-del").forEach(v=>v.addEventListener("click",async()=>{const S=v.dataset.id;await fetch(`/api/v1/calendar/sources/${encodeURIComponent(S)}`,{method:"DELETE"}),D(),R()}))}async function R(){if(!R._inFlight){R._inFlight=!0;try{const b=await h();P(b),document.getElementById("calendar-modal").style.display==="flex"&&A(b)}catch(b){x.log(b,"calendar-widget");const d=E();d.text&&(d.text.textContent="Calendar offline")}finally{R._inFlight=!1}}}function y(){document.getElementById("calendar-modal").style.display="flex",D(),R()}function $(){document.getElementById("calendar-modal").style.display="none"}function k(){return{type:document.getElementById("cal-add-type").value,name:document.getElementById("cal-add-name").value.trim(),url:document.getElementById("cal-add-url").value.trim(),user:document.getElementById("cal-add-user").value.trim(),pass:document.getElementById("cal-add-pass").value}}function H(b){document.getElementById("cal-add-status").textContent=b}document.getElementById("cal-add-test").addEventListener("click",async()=>{const b=k();if(!b.url){H("Enter a URL first.");return}H("Testing\u2026");try{const v=await(await fetch("/api/v1/calendar/discover",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:b.url,user:b.user,pass:b.pass})})).json(),S=v&&v.probe;S&&S.ok?H(`\u2713 Reachable (${S.server||"server"})${S.looksLikeCalendar?" \u2014 looks like a calendar":""}`):H(`\u2717 ${S&&S.error?S.error:"Not reachable"}`)}catch(d){H(`\u2717 ${d.message}`)}}),document.getElementById("cal-add-save").addEventListener("click",async()=>{const b=k();if(!b.name||!b.url){H("Name and URL are required.");return}try{const d=await fetch("/api/v1/calendar/sources",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:b.name,type:b.type,url:b.url,user:b.user,pass:b.pass})});if(!d.ok){const v=await d.json().catch(()=>({}));H(`\u2717 ${v.error||v.message||`HTTP ${d.status}`}`);return}H("Saved."),document.getElementById("cal-add-details").open=!1,["cal-add-name","cal-add-url","cal-add-user","cal-add-pass"].forEach(v=>{document.getElementById(v).value=""}),D(),R()}catch(d){H(`\u2717 ${d.message}`)}});const T=document.getElementById("calendar-widget");T&&T.addEventListener("click",y);const z=document.getElementById("calendar-settings");z&&z.addEventListener("click",b=>{b.stopPropagation(),y()});const C=document.getElementById("calendar-close");C&&C.addEventListener("click",$),window.refreshCalendarWidget=R;const M=typeof DC<"u"&&DC.POLL&&DC.POLL.CALENDAR||3e5;setInterval(R,M),setTimeout(R,400)})(),(function(){const x=new ErrorHandler;injectModal("ai-connect-modal",`<div id="ai-connect-modal" class="weather-modal">
|
|
|
|
|
<div class="weather-modal-content" style="min-width:560px;max-width:720px;">
|
|
|
|
|
<h3>\u{1F916} Connect your AI assistant</h3>
|
|
|
|
|
<div id="aiconn-intro" style="font-size:0.85rem;color:var(--muted);margin-bottom:12px;">
|
|
|
|
|
DashCaddy speaks MCP \u2014 Claude, ChatGPT and other AI assistants can manage your
|
|
|
|
|
homelab (deploy apps, check health, edit DNS) through one endpoint.
|
|
|
|
|
Pick an assistant and DashCaddy generates the access key + config for it.
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="aiconn-endpoint" style="display:none;margin:0 0 12px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:0.8rem;">
|
|
|
|
|
<span style="color:var(--muted);">MCP endpoint:</span>
|
|
|
|
|
<code id="aiconn-endpoint-url" style="user-select:all;">\u2014</code>
|
|
|
|
|
<button id="aiconn-copy-endpoint" style="margin-left:8px;font-size:0.75rem;">Copy</button>
|
|
|
|
|
<div id="aiconn-tools" style="color:var(--muted);margin-top:2px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Step 1: pick client -->
|
|
|
|
|
<div id="aiconn-step-pick">
|
|
|
|
|
<div style="font-weight:600;margin:6px 0 8px;">Choose your assistant:</div>
|
|
|
|
|
<div style="display:flex;gap:8px;flex-wrap:wrap;">
|
|
|
|
|
<button class="aiconn-client-btn" data-client="claude">\u{1F7E0} Claude</button>
|
|
|
|
|
<button class="aiconn-client-btn" data-client="chatgpt">\u{1F7E2} ChatGPT</button>
|
|
|
|
|
<button class="aiconn-client-btn" data-client="generic">\u{1F50C} Other / generic</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Step 2: the generated connection -->
|
|
|
|
|
<div id="aiconn-step-config" style="display:none;margin-top:12px;">
|
|
|
|
|
<div style="font-weight:600;margin-bottom:6px;" id="aiconn-config-title">Your access key (shown once):</div>
|
|
|
|
|
<div style="display:flex;gap:6px;align-items:center;margin-bottom:10px;">
|
|
|
|
|
<code id="aiconn-key" style="flex:1;padding:6px 8px;border:1px solid var(--accent);border-radius:4px;background:color-mix(in srgb, var(--accent) 8%, transparent);user-select:all;word-break:break-all;">\u2014</code>
|
|
|
|
|
<button id="aiconn-copy-key">Copy</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="font-weight:600;margin-bottom:6px;">Paste into your client:</div>
|
|
|
|
|
<pre id="aiconn-snippet" style="white-space:pre-wrap;word-break:break-all;font-size:0.78rem;border:1px solid var(--border);border-radius:6px;padding:10px;max-height:220px;overflow:auto;margin:0 0 8px;"></pre>
|
|
|
|
|
<div style="display:flex;gap:6px;align-items:center;margin-bottom:8px;">
|
|
|
|
|
<button id="aiconn-copy-snippet">Copy config</button>
|
|
|
|
|
<button id="aiconn-back">\u2190 Choose a different assistant</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="aiconn-client-note" style="font-size:0.78rem;color:var(--muted);margin-bottom:10px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Existing connections -->
|
|
|
|
|
<div style="margin-top:14px;padding-top:12px;border-top:1px solid var(--border);">
|
|
|
|
|
<div style="font-weight:600;margin-bottom:6px;">Active AI connections</div>
|
|
|
|
|
<div id="aiconn-connections" style="display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto;">
|
|
|
|
|
<div style="font-size:0.8rem;color:var(--muted);">Loading\u2026</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="weather-modal-buttons modal-footer-bar">
|
|
|
|
|
<span id="aiconn-status" style="flex:1;font-size:0.78rem;color:var(--muted);align-self:center;"></span>
|
|
|
|
|
<button id="aiconn-close">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div></div>`);const E=y=>document.getElementById(y);let j=null;function h(y){E("aiconn-status").textContent=y}async function P(){try{const y=await secureFetch("/api/v1/mcp/info");if(!y.ok)throw new Error(`HTTP ${y.status}`);const $=await y.json();j=$,E("aiconn-endpoint").style.display="block",E("aiconn-endpoint-url").textContent=$.endpoint,E("aiconn-tools").textContent=`${$.toolCount} tools \xB7 MCP ${$.protocolVersion} \xB7 DashCaddy v${$.serverVersion}`}catch(y){x.log(y,"ai-connect-info"),h("MCP endpoint unavailable on this build.")}}async function A(){const y=E("aiconn-connections");try{const k=await(await secureFetch("/api/v1/mcp/connections")).json().catch(()=>({})),H=k&&Array.isArray(k.connections)?k.connections:[];if(!H.length){y.innerHTML='<div style="font-size:0.8rem;color:var(--muted);">No connections yet \u2014 choose an assistant above.</div>';return}y.innerHTML=H.map(T=>`
|
|
|
|
|
<div style="display:flex;gap:8px;align-items:center;font-size:0.8rem;">
|
|
|
|
|
<span style="flex:1;">${escapeHtml(T.name)}
|
|
|
|
|
<span style="color:var(--muted);">\xB7 ${(T.scopes||[]).join(",")} \xB7 since ${escapeHtml((T.createdAt||"").slice(0,10))}${T.lastUsed?" \xB7 last used "+escapeHtml(String(T.lastUsed).slice(0,10)):""}</span></span>
|
|
|
|
|
<button class="aiconn-revoke" data-id="${escapeHtml(T.id)}" style="font-size:0.75rem;color:var(--err-fg);">Revoke</button>
|
|
|
|
|
</div>`).join(""),y.querySelectorAll(".aiconn-revoke").forEach(T=>T.addEventListener("click",async()=>{T.disabled=!0;try{const z=await secureFetch(`/api/v1/auth/keys/${encodeURIComponent(T.dataset.id)}`,{method:"DELETE"});if(z.ok)h("Connection revoked."),A();else{const C=await z.json().catch(()=>({}));h(C.error||"Revoke failed."),T.disabled=!1}}catch(z){h("Revoke failed: "+z.message),T.disabled=!1}}))}catch{y.innerHTML='<div style="font-size:0.8rem;color:var(--muted);">Could not load connections.</div>'}}async function D(y){h(`Creating ${y} connection\u2026`);try{const $=await secureFetch("/api/v1/mcp/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({client:y})}),k=await $.json().catch(()=>({}));if(!$.ok||!k.key){h(k.error||`Failed (HTTP ${$.status})`);return}E("aiconn-key").textContent=k.key;const H=k.httpConfig?JSON.stringify(k.httpConfig,null,2):"";E("aiconn-snippet").textContent=H||"(see note below)",E("aiconn-client-note").textContent=k.note||"",E("aiconn-config-title").textContent=y==="chatgpt"?"Access key (ChatGPT note below):":"Your access key (shown once):",E("aiconn-step-pick").style.display="none",E("aiconn-step-config").style.display="block",h(""),A()}catch($){x.log($,"ai-connect-create"),h("Failed: "+$.message)}}function R(y,$){navigator.clipboard&&navigator.clipboard.writeText?navigator.clipboard.writeText(y).then(()=>h($)).catch(()=>h("Copy failed \u2014 select manually.")):h("Clipboard unavailable \u2014 select manually.")}E("ai-connect-btn").addEventListener("click",()=>{E("ai-connect-modal").style.display="flex",E("aiconn-step-pick").style.display="block",E("aiconn-step-config").style.display="none",h(""),P(),A()}),E("aiconn-close").addEventListener("click",()=>{E("ai-connect-modal").style.display="none"}),E("aiconn-back").addEventListener("click",()=>{E("aiconn-step-config").style.display="none",E("aiconn-step-pick").style.display="block"}),document.querySelectorAll(".aiconn-client-btn").forEach(y=>y.addEventListener("click",()=>D(y.dataset.client))),E("aiconn-copy-key").addEventListener("click",()=>R(E("aiconn-key").textContent,"Key copied \u2014 paste it into your client.")),E("aiconn-copy-snippet").addEventListener("click",()=>R(E("aiconn-snippet").textContent,"Config copied.")),E("aiconn-copy-endpoint").addEventListener("click",()=>R(j?j.endpoint:E("aiconn-endpoint-url").textContent,"Endpoint copied."))})(),(function(){async function x(){try{const R=await(await fetch("/api/v1/health-checks/status")).json();if(!R.success||!R.status)return;for(const[y,$]of Object.entries(R.status)){const k=document.getElementById("uptime-"+y),H=document.getElementById("uptime-bar-"+y);if(!k)continue;const T=$.uptime?.["24h"];if(T!=null){const z=T.toFixed(1);k.textContent=`${z}% uptime`,k.className="uptime-chip",T>=99.9?k.classList.add("excellent"):T>=99?k.classList.add("good"):T>=95?k.classList.add("degraded"):k.classList.add("poor"),H&&(H.style.width=z+"%")}}}catch{console.warn("[Card Badges] Health check API unavailable")}}let E;try{E=new Set(JSON.parse(safeSessionGet("dismissed-updates")||"[]"))}catch{E=new Set}let j=[];async function h(D){try{const y=await(await fetch("/api/v1/updates/available")).json();if(!y.success)return;document.querySelectorAll(".update-available-badge").forEach(k=>k.classList.remove("visible"));const $=y.updates||[];if(j=$,D&&$.length>0){const k=window._lastKnownUpdateCount||0;k>0&&$.length>k&&showNotification(`${$.length} container update(s) available \u2014 click Update Management to review.`,"info"),window._lastKnownUpdateCount=$.length}if(!$.length)return;for(const k of $){const H=window.APPS||[];for(const T of H)if(T.containerId===k.containerId||T.id===k.containerName||T.name===k.containerName){if(E.has(T.id))break;const z=document.getElementById("update-badge-"+T.id),C=document.getElementById("update-btn-"+T.id);z&&(z.classList.add("visible"),z.title="Update available \u2014 click to open Update Management.",z.style.cursor="pointer",z.onclick=M=>{M.stopPropagation(),window.openUpdateModal&&window.openUpdateModal(T.id)}),C&&(C.style.background="#f97316",C.style.borderColor="#f97316",C.style.boxShadow="0 0 6px #f9731688",C.title="Update available \u2014 click to open Update Management.");break}}}catch{console.warn("[Card Badges] Updates API unavailable")}}function P(){setTimeout(()=>{x(),h()},5e3),setInterval(()=>{x(),h(!0)},6e4)}const A=window.refreshAll;A&&(window.refreshAll=async function(){try{await A(),setTimeout(x,1e3)}catch(D){console.warn("[Card Badges] Error in refreshAll hook:",D.message)}}),P()})(),(function(){var x=null,E=null,j={},h={dark:"Dark",light:"Light",blue:"Blue",black:"Black",nord:"Nord",dracula:"Dracula","solarized-dark":"Solarized Dark","solarized-light":"Solarized Light",taxi:"Taxi",ocean:"Ocean"},P=[["bg","Background","base"],["card-base","Card","base"],["fg","Text","base"],["muted","Muted Text","base"],["border","Border","base"],["accent","Accent","accent"],["accent-strong","Accent Strong","accent"]Line truncated
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 420px; max-width: 520px;">
|
|
|
|
|
<h3>DashCaddy License</h3>
|
|
|
|
|
<p style="font-size: 0.85rem; color: var(--muted); margin: 0 0 16px;">
|
|
|
|
@@ -2103,16 +2220,16 @@ This can take ~30-60s\u2026`);try{const{body:L}=await D("/deploy",{method:"POST"
|
|
|
|
|
<button id="license-activate" class="btn-accent">Activate</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`);const f=document.getElementById("license-modal"),B=document.getElementById("license-code-input"),j=document.getElementById("license-activate"),b=document.getElementById("license-deactivate"),D=document.getElementById("license-error"),A=document.getElementById("license-success"),P=document.getElementById("license-badge-icon"),R=document.getElementById("license-badge-text"),k=document.getElementById("license-badge"),M=document.getElementById("license-details"),E=document.getElementById("license-feature-list"),z=document.getElementById("license-activate-section");let C=null;function N(){D.style.display="none",A.style.display="none"}function x(S){N(),D.textContent=S,D.style.display="block"}function I(S){N(),A.textContent=S,A.style.display="block"}function H(S){if(C=S,S.active){k.style.background="rgba(46,204,113,0.15)",k.style.color="var(--ok-fg)",P.textContent="\u2605",R.textContent="Premium Active";const s=S.lifetime?"<div>License: <strong>LIFETIME</strong></div>":`<div>Expires: <strong>${new Date(S.expiresAt).toLocaleDateString()}</strong> (${S.daysRemaining} days remaining)</div>`;M.innerHTML=`
|
|
|
|
|
<div>Code: <code style="font-family: monospace;">${S.code||"***"}</code></div>
|
|
|
|
|
${s}
|
|
|
|
|
`,z.style.display="none",j.style.display="none",b.style.display=""}else k.style.background="rgba(149,165,166,0.15)",k.style.color="var(--muted)",P.textContent="\u2606",R.textContent=S.expired?"License Expired":"Free Tier",M.innerHTML=S.expired?"<div>Your license has expired. Enter a new code to renew.</div>":"<div>Enter a license code to unlock premium features.</div>",z.style.display="",j.style.display="",b.style.display="none";const y=S.premiumFeatures||{},w=new Set(S.features||[]);E.innerHTML=Object.entries(y).map(([s,p])=>`<div style="display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 6px; background: var(--card-bg); border: 1px solid var(--border);">
|
|
|
|
|
<span style="font-size: 1.1rem;">${w.has(s)?"\u2705":"\u{1F512}"}</span>
|
|
|
|
|
</div>`);const x=document.getElementById("license-modal"),E=document.getElementById("license-code-input"),j=document.getElementById("license-activate"),h=document.getElementById("license-deactivate"),P=document.getElementById("license-error"),A=document.getElementById("license-success"),D=document.getElementById("license-badge-icon"),R=document.getElementById("license-badge-text"),y=document.getElementById("license-badge"),$=document.getElementById("license-details"),k=document.getElementById("license-feature-list"),H=document.getElementById("license-activate-section");let T=null;function z(){P.style.display="none",A.style.display="none"}function C(B){z(),P.textContent=B,P.style.display="block"}function M(B){z(),A.textContent=B,A.style.display="block"}function b(B){if(T=B,B.active){y.style.background="rgba(46,204,113,0.15)",y.style.color="var(--ok-fg)",D.textContent="\u2605",R.textContent="Premium Active";const o=B.lifetime?"<div>License: <strong>LIFETIME</strong></div>":`<div>Expires: <strong>${new Date(B.expiresAt).toLocaleDateString()}</strong> (${B.daysRemaining} days remaining)</div>`;$.innerHTML=`
|
|
|
|
|
<div>Code: <code style="font-family: monospace;">${B.code||"***"}</code></div>
|
|
|
|
|
${o}
|
|
|
|
|
`,H.style.display="none",j.style.display="none",h.style.display=""}else y.style.background="rgba(149,165,166,0.15)",y.style.color="var(--muted)",D.textContent="\u2606",R.textContent=B.expired?"License Expired":"Free Tier",$.innerHTML=B.expired?"<div>Your license has expired. Enter a new code to renew.</div>":"<div>Enter a license code to unlock premium features.</div>",H.style.display="",j.style.display="",h.style.display="none";const w=B.premiumFeatures||{},L=new Set(B.features||[]);k.innerHTML=Object.entries(w).map(([o,u])=>`<div style="display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 6px; background: var(--card-bg); border: 1px solid var(--border);">
|
|
|
|
|
<span style="font-size: 1.1rem;">${L.has(o)?"\u2705":"\u{1F512}"}</span>
|
|
|
|
|
<div>
|
|
|
|
|
<div style="font-weight: 600; font-size: 0.9rem;">${p.name}</div>
|
|
|
|
|
<div style="font-size: 0.78rem; color: var(--muted);">${p.description}</div>
|
|
|
|
|
<div style="font-weight: 600; font-size: 0.9rem;">${u.name}</div>
|
|
|
|
|
<div style="font-size: 0.78rem; color: var(--muted);">${u.description}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`).join("")}async function m(){try{const y=await(await fetch("/api/v1/license/status")).json();y.success&&(H(y.license),O(y.license))}catch(S){console.warn("Failed to load license status:",S.message)}}async function L(){const S=B.value.trim();if(!S){x("Please enter a license code.");return}N(),j.disabled=!0,j.textContent="Activating...";try{const w=await(await secureFetch("/api/v1/license/activate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({code:S})})).json();w.success?(I(w.message),B.value="",H(w.license),showNotification("License activated! Premium features unlocked.","success",5e3),O(w.license)):x(w.error||"Activation failed")}catch(y){x("Network error: "+y.message)}finally{j.disabled=!1,j.textContent="Activate"}}async function T(){if(confirm("Deactivate your license? You can reuse the code on another machine.")){b.disabled=!0,b.textContent="Deactivating...";try{const y=await(await secureFetch("/api/v1/license/deactivate",{method:"POST"})).json();y.success?(I(y.message),await m(),showNotification("License deactivated.","info",3e3),O({active:!1})):x(y.error||"Deactivation failed")}catch(S){x("Network error: "+S.message)}finally{b.disabled=!1,b.textContent="Deactivate"}}}function O(S){const y=document.getElementById("license-status-topbar"),w=document.getElementById("license-topbar-icon"),s=document.getElementById("license-topbar-text"),p=document.getElementById("license-topbar-time");if(y)if(y.className="license-status-topbar "+(S.active?"premium":"free"),S.active)if(w.textContent="\u2605",s.textContent="PREMIUM",S.lifetime)p.textContent="\xB7 LIFETIME";else{const l=S.daysRemaining;p.textContent=l!=null?"\xB7 "+l+"d remaining":""}else w.textContent="\u2606",s.textContent=S.expired?"EXPIRED":"FREE TIER",p.textContent=""}function u(){N(),m(),f.classList.add("show")}B.addEventListener("input",function(){let S=this.value.toUpperCase().replace(/[^A-Z0-9-]/g,"");if(S.length>this._prevLength&&(S=S.replace(/-/g,""),S.length>2&&!S.startsWith("DC")&&(S="DC"+S),S.startsWith("DC")&&S.length>2)){const y=["DC"],w=S.substring(2);for(let s=0;s<w.length;s+=5)y.push(w.substring(s,s+5));S=y.join("-")}this._prevLength=S.length,this.value=S}),j.addEventListener("click",L),b.addEventListener("click",T),B.addEventListener("keydown",S=>{S.key==="Enter"&&L()}),wireModal(f,document.getElementById("license-cancel"));const g=document.getElementById("license-status-topbar");g&&g.addEventListener("click",()=>window.openLicenseModal&&window.openLicenseModal()),window.openLicenseModal=u,window.checkPremiumFeature=async function(S){try{return(await(await fetch(`/api/v1/license/feature/${S}`)).json()).available}catch{return!1}},m().then(S=>{C&&O(C)})})(),(function(){"use strict";if(window.__dc_058_share_modal_loaded)return;window.__dc_058_share_modal_loaded=!0;const f=[{ms:3600*1e3,label:"1 hour"},{ms:1440*60*1e3,label:"24 hours"},{ms:10080*60*1e3,label:"7 days"}];injectModal("share-modal",`
|
|
|
|
|
</div>`).join("")}async function d(){try{const w=await(await fetch("/api/v1/license/status")).json();w.success&&(b(w.license),O(w.license))}catch(B){console.warn("Failed to load license status:",B.message)}}async function v(){const B=E.value.trim();if(!B){C("Please enter a license code.");return}z(),j.disabled=!0,j.textContent="Activating...";try{const L=await(await secureFetch("/api/v1/license/activate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({code:B})})).json();L.success?(M(L.message),E.value="",b(L.license),showNotification("License activated! Premium features unlocked.","success",5e3),O(L.license)):C(L.error||"Activation failed")}catch(w){C("Network error: "+w.message)}finally{j.disabled=!1,j.textContent="Activate"}}async function S(){if(confirm("Deactivate your license? You can reuse the code on another machine.")){h.disabled=!0,h.textContent="Deactivating...";try{const w=await(await secureFetch("/api/v1/license/deactivate",{method:"POST"})).json();w.success?(M(w.message),await d(),showNotification("License deactivated.","info",3e3),O({active:!1})):C(w.error||"Deactivation failed")}catch(B){C("Network error: "+B.message)}finally{h.disabled=!1,h.textContent="Deactivate"}}}function O(B){const w=document.getElementById("license-status-topbar"),L=document.getElementById("license-topbar-icon"),o=document.getElementById("license-topbar-text"),u=document.getElementById("license-topbar-time");if(w)if(w.className="license-status-topbar "+(B.active?"premium":"free"),B.active)if(L.textContent="\u2605",o.textContent="PREMIUM",B.lifetime)u.textContent="\xB7 LIFETIME";else{const l=B.daysRemaining;u.textContent=l!=null?"\xB7 "+l+"d remaining":""}else L.textContent="\u2606",o.textContent=B.expired?"EXPIRED":"FREE TIER",u.textContent=""}function m(){z(),d(),x.classList.add("show")}E.addEventListener("input",function(){let B=this.value.toUpperCase().replace(/[^A-Z0-9-]/g,"");if(B.length>this._prevLength&&(B=B.replace(/-/g,""),B.length>2&&!B.startsWith("DC")&&(B="DC"+B),B.startsWith("DC")&&B.length>2)){const w=["DC"],L=B.substring(2);for(let o=0;o<L.length;o+=5)w.push(L.substring(o,o+5));B=w.join("-")}this._prevLength=B.length,this.value=B}),j.addEventListener("click",v),h.addEventListener("click",S),E.addEventListener("keydown",B=>{B.key==="Enter"&&v()}),wireModal(x,document.getElementById("license-cancel"));const f=document.getElementById("license-status-topbar");f&&f.addEventListener("click",()=>window.openLicenseModal&&window.openLicenseModal()),window.openLicenseModal=m,window.checkPremiumFeature=async function(B){try{return(await(await fetch(`/api/v1/license/feature/${B}`)).json()).available}catch{return!1}},d().then(B=>{T&&O(T)})})(),(function(){"use strict";if(window.__dc_058_share_modal_loaded)return;window.__dc_058_share_modal_loaded=!0;const x=[{ms:3600*1e3,label:"1 hour"},{ms:1440*60*1e3,label:"24 hours"},{ms:10080*60*1e3,label:"7 days"}];injectModal("share-modal",`
|
|
|
|
|
<div id="share-modal" class="weather-modal" role="dialog" aria-labelledby="share-modal-title">
|
|
|
|
|
<div class="weather-modal-content" style="min-width: 460px; max-width: 580px;">
|
|
|
|
|
<h3 id="share-modal-title">Share <span id="share-modal-service-name">\u2026</span></h3>
|
|
|
|
@@ -2134,7 +2251,7 @@ This can take ~30-60s\u2026`);try{const{body:L}=await D("/deploy",{method:"POST"
|
|
|
|
|
<div class="share-tab-panel" data-panel="public">
|
|
|
|
|
<label class="form-label-bold" for="share-public-ttl">Link duration:</label>
|
|
|
|
|
<select id="share-public-ttl" style="width: 100%; padding: 8px 10px; margin: 6px 0 12px; background: var(--input-bg); color: var(--fg); border: 1px solid var(--border); border-radius: 4px;">
|
|
|
|
|
${f.map(t=>`<option value="${t.ms}">${t.label}</option>`).join("")}
|
|
|
|
|
${x.map(t=>`<option value="${t.ms}">${t.label}</option>`).join("")}
|
|
|
|
|
</select>
|
|
|
|
|
<button id="share-public-create" class="btn-accent" type="button"
|
|
|
|
|
style="width: 100%; padding: 10px; background: var(--accent); color: #04141f; border: 0; border-radius: 4px; font-weight: 600; cursor: pointer;">
|
|
|
|
@@ -2181,17 +2298,17 @@ This can take ~30-60s\u2026`);try{const{body:L}=await D("/deploy",{method:"POST"
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`);const B=document.getElementById("share-modal"),j=document.getElementById("share-modal-service-name"),b=document.getElementById("share-issued"),D=document.getElementById("share-issued-url"),A=document.getElementById("share-issued-copy"),P=document.getElementById("share-issued-meta"),R=document.getElementById("share-error"),k=document.getElementById("share-success"),M=document.getElementById("share-outstanding-list"),E=document.getElementById("share-cancel"),z=document.getElementById("share-public-create"),C=document.getElementById("share-ts-create"),N=document.getElementById("share-ts-email"),x=document.getElementById("share-public-ttl");let I=null,H="public";function m(){R.style.display="none",k.style.display="none",b.style.display="none"}function L(t){k.style.display="none",b.style.display="none",R.textContent=t,R.style.display="block"}function T(t){R.style.display="none",k.textContent=t,k.style.display="block"}function O(){return window.location.origin}function u(t){return t.startsWith("http")?t:O()+t}function g(t){if(!t)return"";const e=new Date(t);return Number.isNaN(e.getTime())?"":e.toLocaleString()}function S(t){if(t<=0)return"expired";const e=Math.floor(t/36e5);if(e>=24)return`${Math.floor(e/24)}d ${e%24}h left`;const a=Math.floor(t%36e5/6e4);return`${e}h ${a}m left`}function y(t){H=t,m(),B.querySelectorAll(".share-tab").forEach(e=>{const a=e.dataset.tab===t;e.classList.toggle("active",a),e.style.borderBottomColor=a?"var(--accent)":"transparent",e.style.color=a?"var(--fg)":"var(--muted)",e.style.fontWeight=a?"600":"400"}),B.querySelectorAll(".share-tab-panel").forEach(e=>{e.style.display=e.dataset.panel===t?"":"none"})}async function w(){M.innerHTML='<span style="color: var(--muted);">Loading\u2026</span>';try{const t=await fetch("/api/v1/share",{credentials:"same-origin"});if(!t.ok){M.innerHTML='<span style="color: var(--muted);">No shares listed.</span>';return}const e=await t.json(),o=(e&&e.data||[]).filter(i=>i.serviceId===I.id);if(o.length===0){M.innerHTML='<span style="color: var(--muted);">No outstanding shares for this service.</span>';return}M.innerHTML=o.map(i=>{const n=i.expiresAt?S(new Date(i.expiresAt).getTime()-Date.now()):"";return`
|
|
|
|
|
<div class="share-row" data-share-id="${escapeHtml(i.id)}"
|
|
|
|
|
`);const E=document.getElementById("share-modal"),j=document.getElementById("share-modal-service-name"),h=document.getElementById("share-issued"),P=document.getElementById("share-issued-url"),A=document.getElementById("share-issued-copy"),D=document.getElementById("share-issued-meta"),R=document.getElementById("share-error"),y=document.getElementById("share-success"),$=document.getElementById("share-outstanding-list"),k=document.getElementById("share-cancel"),H=document.getElementById("share-public-create"),T=document.getElementById("share-ts-create"),z=document.getElementById("share-ts-email"),C=document.getElementById("share-public-ttl");let M=null,b="public";function d(){R.style.display="none",y.style.display="none",h.style.display="none"}function v(t){y.style.display="none",h.style.display="none",R.textContent=t,R.style.display="block"}function S(t){R.style.display="none",y.textContent=t,y.style.display="block"}function O(){return window.location.origin}function m(t){return t.startsWith("http")?t:O()+t}function f(t){if(!t)return"";const e=new Date(t);return Number.isNaN(e.getTime())?"":e.toLocaleString()}function B(t){if(t<=0)return"expired";const e=Math.floor(t/36e5);if(e>=24)return`${Math.floor(e/24)}d ${e%24}h left`;const s=Math.floor(t%36e5/6e4);return`${e}h ${s}m left`}function w(t){b=t,d(),E.querySelectorAll(".share-tab").forEach(e=>{const s=e.dataset.tab===t;e.classList.toggle("active",s),e.style.borderBottomColor=s?"var(--accent)":"transparent",e.style.color=s?"var(--fg)":"var(--muted)",e.style.fontWeight=s?"600":"400"}),E.querySelectorAll(".share-tab-panel").forEach(e=>{e.style.display=e.dataset.panel===t?"":"none"})}async function L(){$.innerHTML='<span style="color: var(--muted);">Loading\u2026</span>';try{const t=await fetch("/api/v1/share",{credentials:"same-origin"});if(!t.ok){$.innerHTML='<span style="color: var(--muted);">No shares listed.</span>';return}const e=await t.json(),n=(e&&e.data||[]).filter(r=>r.serviceId===M.id);if(n.length===0){$.innerHTML='<span style="color: var(--muted);">No outstanding shares for this service.</span>';return}$.innerHTML=n.map(r=>{const a=r.expiresAt?B(new Date(r.expiresAt).getTime()-Date.now()):"";return`
|
|
|
|
|
<div class="share-row" data-share-id="${escapeHtml(r.id)}"
|
|
|
|
|
style="display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px dashed var(--border);">
|
|
|
|
|
<span style="flex: 1;">
|
|
|
|
|
<strong>${i.kind==="tailscale"?"Tailscale":"Public"}</strong>
|
|
|
|
|
<span style="color: var(--muted);"> \xB7 expires ${escapeHtml(g(i.expiresAt))} (${n})</span>
|
|
|
|
|
<strong>${r.kind==="tailscale"?"Tailscale":"Public"}</strong>
|
|
|
|
|
<span style="color: var(--muted);"> \xB7 expires ${escapeHtml(f(r.expiresAt))} (${a})</span>
|
|
|
|
|
</span>
|
|
|
|
|
<button class="share-revoke" data-share-id="${escapeHtml(i.id)}" type="button"
|
|
|
|
|
<button class="share-revoke" data-share-id="${escapeHtml(r.id)}" type="button"
|
|
|
|
|
style="padding: 4px 10px; background: transparent; color: var(--bad-fg); border: 1px solid var(--bad-fg); border-radius: 4px; cursor: pointer; font-size: 0.8rem;">
|
|
|
|
|
Revoke
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
`}).join(""),M.querySelectorAll(".share-revoke").forEach(i=>{i.addEventListener("click",()=>s(i.dataset.shareId))})}catch{M.innerHTML='<span style="color: var(--muted);">Could not load outstanding shares.</span>'}}async function s(t){try{const e=await fetch(`/api/v1/share/${encodeURIComponent(t)}`,{method:"DELETE",credentials:"same-origin"});if(!e.ok){const a=await e.json().catch(()=>({}));L(a&&a.error||`Revoke failed (HTTP ${e.status}).`);return}T("Share revoked."),w()}catch{L("Network error while revoking.")}}async function p(){if(!I)return;m(),z.disabled=!0;const t=z.textContent;z.textContent="Creating\u2026";try{const e=parseInt(x.value,10),a=await fetch("/api/v1/share",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({serviceId:I.id,ttlMs:e})}),o=await a.json().catch(()=>({}));if(!a.ok||!o.success){v(a.status,o);return}const i=o.data.urlPath;D.value=u(i),P.textContent=`Public link \xB7 expires ${g(o.data.expiresAt)}`,b.style.display="block",T("Share link created."),w()}catch{L("Network error while creating share.")}finally{z.disabled=!1,z.textContent=t}}async function l(){if(!I)return;const t=(N.value||"").trim();if(!t||!t.includes("@")){L("A valid recipient email is required.");return}m(),C.disabled=!0;const e=C.textContent;C.textContent="Creating\u2026";try{const a=await fetch("/api/v1/share/tailscale",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({serviceId:I.id,email:t})}),o=await a.json().catch(()=>({}));if(!a.ok||!o.success){v(a.status,o);return}const i=o.data&&o.data.urlPath;i?(D.value=u(i),P.textContent=`Tailscale invite \xB7 emailed to ${t} (or use this URL manually if delivery failed).`):(D.value="",P.textContent=`Tailscale invite sent to ${t}.`),b.style.display="block",T("Tailscale invite created."),N.value="",w()}catch{L("Network error while creating Tailscale invite.")}finally{C.disabled=!1,C.textContent=e}}function v(t,e){const a=e&&e.error||"";if(t===402){L("Share is a Pro feature. Activate a license to unlock.");return}if(t===400&&/tailscale/i.test(a)){L("Tailscale is not configured on this host. Set up Tailscale in the dashboard first.");return}if(t===403){L("You do not have permission to share services.");return}if(t===404){L("Service not found. It may have been deleted.");return}L(a||`Request failed (HTTP ${t}).`)}function c(t){!t||!t.id||(I={id:t.id,name:t.name||t.id},j.textContent=I.name,m(),y("public"),N.value="",x.value=String(f[1].ms),B.classList.add("show"),w())}B.querySelectorAll(".share-tab").forEach(t=>{t.addEventListener("click",()=>y(t.dataset.tab))}),z.addEventListener("click",p),C.addEventListener("click",l),E.addEventListener("click",()=>B.classList.remove("show")),wireModal(B,E),A.addEventListener("click",async()=>{const t=D.value;if(t)try{navigator.clipboard&&navigator.clipboard.writeText?await navigator.clipboard.writeText(t):(D.select(),document.execCommand("copy"));const e=A.textContent;A.textContent="Copied!",setTimeout(()=>{A.textContent=e},1200)}catch{L("Could not copy to clipboard. Select the URL manually.")}}),window.openShareModal=c})();
|
|
|
|
|
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiLy8gTG9nbyBDdXN0b21pemF0aW9uIFN5c3RlbVxuKGZ1bmN0aW9uKCkge1xuICAvLyBJbmplY3QgbW9kYWwgSFRNTFxuICBpbmplY3RNb2RhbCgnbG9nby1tb2RhbCcsIGA8ZGl2IGlkPVwibG9nby1tb2RhbFwiIGNsYXNzPVwid2VhdGhlci1tb2RhbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3ZWF0aGVyLW1vZGFsLWNvbnRlbnRcIiBzdHlsZT1cIm1pbi13aWR0aDogNDAwcHg7IG1heC13aWR0aDogNTIwcHg7XCI+XG4gICAgICA8aDM+RGFzaGJvYXJkIFNldHRpbmdzPC9oMz5cbiAgICAgIDxwIHN0eWxlPVwiZm9udC1zaXplOiAwLjg1cmVtOyBjb2xvcjogdmFyKC0tbXV0ZWQpOyBtYXJnaW46IDAgMCAxNnB4O1wiPlxuICAgICAgICBDdXN0b21pemUgeW91ciBkYXNoYm9hcmQncyBhcHBlYXJhbmNlIGFuZCBzeXN0ZW0gcHJlZmVyZW5jZXMuXG4gICAgICA8L3A+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYi0xNlwiPlxuICAgICAgICA8bGFiZWwgZm9yPVwiZGFzaGJvYXJkLXRpdGxlXCIgY2xhc3M9XCJmb3JtLWxhYmVsLWJvbGRcIj5EYXNoYm9hcmQgVGl0bGU6PC9sYWJlbD5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgaWQ9XCJkYXNoYm9hcmQtdGl0bGVcIiBwbGFjZWhvbGRlcj1cIkRhc2hDYWRkeVwiIG1heGxlbmd0aD1cIjUwXCIgc3R5bGU9XCJ3aWR0aDogMTAwJTsgcGFkZGluZzogMTBweCAxMnB4OyBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ib3JkZXIpOyBib3JkZXItcmFkaXVzOiA0cHg7IGJhY2tncm91bmQ6IHZhcigtLWNhcmQtYmcpOyBjb2xvcjogdmFyKC0tZmcpOyBmb250LXNpemU6IDFyZW07XCIgLz5cbiAgICAgICAgPHAgY2xhc3M9XCJ0aW55LWhpbnRcIj5TaG93biBpbiBicm93c2VyIHRhYiBhbmQgaGVhZGVyIChtYXggNTAgY2hhcmFjdGVycyk8L3A+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGhyIGNsYXNzPVwiaHItZGl2aWRlclwiIC8+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYi0xNlwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWxhYmVsLWJvbGRcIj5Mb2dvOjwvbGFiZWw+XG4gICAgICAgIDxwIGNsYXNzPVwidGlueS1oaW50XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAycHg7XCI+U2VwYXJhdGUgbG9nb3MgZm9yIGRhcmsgYW5kIGxpZ2h0IHRoZW1lcywgb3IgdXNlIHRoZSBzYW1lIGZvciBib3RoLjwvcD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAxMnB4OyBtYXJnaW4tYm90dG9tOiAxMnB4O1wiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMTsgdGV4dC1hbGlnbjogY2VudGVyOyBwYWRkaW5nOiAxNnB4IDEwcHg7IGJvcmRlci1yYWRpdXM6IDhweDsgYmFja2dyb3VuZDogIzFhMWEyZTsgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMSk7XCI+XG4gICAgICAgICAgPGltZyBpZD1cImxvZ28tcHJldmlldy1kYXJrXCIgc3JjPVwiL2Fzc2V0cy9kYXNoY2FkZHktbG9nby1kYXJrLnBuZ1wiIGFsdD1cIkRhcmsgdGhlbWUgbG9nb1wiIHN0eWxlPVwibWF4LWhlaWdodDogNjBweDsgbWF4LXdpZHRoOiAxMDAlO1wiIC8+XG4gICAgICAgICAgPHAgc3R5bGU9XCJmb250LXNpemU6IDAuNjVyZW07IGNvbG9yOiAjOWFhNmJmOyBtYXJnaW4tdG9wOiA2cHg7XCI+RGFyayB0aGVtZXM8L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMTsgdGV4dC1hbGlnbjogY2VudGVyOyBwYWRkaW5nOiAxNnB4IDEwcHg7IGJvcmRlci1yYWRpdXM6IDhweDsgYmFja2dyb3VuZDogI2YwZjBmMDsgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLDAsMCwuMSk7XCI+XG4gICAgICAgICAgPGltZyBpZD1cImxvZ28tcHJldmlldy1saWdodFwiIHNyYz1cIi9hc3NldHMvZGFzaGNhZGR5LWxvZ28tbGlnaHQucG5nXCIgYWx0PVwiTGlnaHQgdGhlbWUgbG9nb1wiIHN0eWxlPVwibWF4LWhlaWdodDogNjBweDsgbWF4LXdpZHRoOiAxMDAlO1wiIC8+XG4gICAgICAgICAgPHAgc3R5bGU9XCJmb250LXNpemU6IDAuNjVyZW07IGNvbG9yOiAjNWY2YjdhOyBtYXJnaW4tdG9wOiA2cHg7XCI+TGlnaHQgdGhlbWVzPC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHAgaWQ9XCJsb2dvLXN0YXR1c1wiIHN0eWxlPVwiZm9udC1zaXplOiAwLjc1cmVtOyBjb2xvcjogdmFyKC0tbXV0ZWQpOyBtYXJnaW4tYm90dG9tOiAxMnB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+VXNpbmcgZGVmYXVsdCBsb2dvczwvcD5cblxuICAgICAgPGRpdiBjbGFzcz1cIm1iLTE2XCI+XG4gICAgICAgIDxsYWJlbCBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGdhcDogOHB4OyBmb250LXNpemU6IDAuODJyZW07IGN1cnNvcjogcG9pbnRlcjsgdXNlci1zZWxlY3Q6IG5vbmU7XCI+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwibG9nby1zYW1lLWJvdGhcIiAvPiBVc2Ugc2FtZSBsb2dvIGZvciBib3RoXG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBpZD1cImxvZ28tZHVhbC11cGxvYWRzXCIgY2xhc3M9XCJtYi0xNlwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAxMnB4O1wiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMTtcIj5cbiAgICAgICAgICA8bGFiZWwgZm9yPVwibG9nby11cGxvYWQtZGFya1wiIHN0eWxlPVwiZGlzcGxheTogYmxvY2s7IG1hcmdpbi1ib3R0b206IDZweDsgZm9udC1zaXplOiAwLjhyZW07XCI+RGFyayB0aGVtZSBsb2dvOjwvbGFiZWw+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgaWQ9XCJsb2dvLXVwbG9hZC1kYXJrXCIgYWNjZXB0PVwiaW1hZ2UvKlwiIGNsYXNzPVwiaW5wdXQtY2FyZC1hbHRcIiBzdHlsZT1cImZvbnQtc2l6ZTogMC43NXJlbTtcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBzdHlsZT1cImZsZXg6IDE7XCI+XG4gICAgICAgICAgPGxhYmVsIGZvcj1cImxvZ28tdXBsb2FkLWxpZ2h0XCIgc3R5bGU9XCJkaXNwbGF5OiBibG9jazsgbWFyZ2luLWJvdHRvbTogNnB4OyBmb250LXNpemU6IDAuOHJlbTtcIj5MaWdodCB0aGVtZSBsb2dvOjwvbGFiZWw+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgaWQ9XCJsb2dvLXVwbG9hZC1saWdodFwiIGFjY2VwdD1cImltYWdlLypcIiBjbGFzcz1cImlucHV0LWNhcmQtYWx0XCIgc3R5bGU9XCJmb250LXNpemU6IDAuNzVyZW07XCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBpZD1cImxvZ28tc2luZ2xlLXVwbG9hZFwiIGNsYXNzPVwibWItMTZcIiBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCI+XG4gICAgICAgIDxsYWJlbCBmb3I9XCJsb2dvLXVwbG9hZC1zaW5nbGVcIiBzdHlsZT1cImRpc3BsYXk6IGJsb2NrOyBtYXJnaW4tYm90dG9tOiA2cHg7IGZvbnQtc2l6ZTogMC44cmVtO1wiPlVwbG9hZCBsb2dvOjwvbGFiZWw+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiIGlkPVwibG9nby11cGxvYWQtc2luZ2xlXCIgYWNjZXB0PVwiaW1hZ2UvKlwiIGNsYXNzPVwiaW5wdXQtY2FyZC1hbHRcIiAvPlxuICAgICAgICA8cCBjbGFzcz1cInRpbnktaGludFwiPlRoaXMgbG9nbyB3aWxsIGJlIHVzZWQgb24gYWxsIHRoZW1lc
Line truncated
|
|
|
|
|
`}).join(""),$.querySelectorAll(".share-revoke").forEach(r=>{r.addEventListener("click",()=>o(r.dataset.shareId))})}catch{$.innerHTML='<span style="color: var(--muted);">Could not load outstanding shares.</span>'}}async function o(t){try{const e=await fetch(`/api/v1/share/${encodeURIComponent(t)}`,{method:"DELETE",credentials:"same-origin"});if(!e.ok){const s=await e.json().catch(()=>({}));v(s&&s.error||`Revoke failed (HTTP ${e.status}).`);return}S("Share revoked."),L()}catch{v("Network error while revoking.")}}async function u(){if(!M)return;d(),H.disabled=!0;const t=H.textContent;H.textContent="Creating\u2026";try{const e=parseInt(C.value,10),s=await fetch("/api/v1/share",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({serviceId:M.id,ttlMs:e})}),n=await s.json().catch(()=>({}));if(!s.ok||!n.success){g(s.status,n);return}const r=n.data.urlPath;P.value=m(r),D.textContent=`Public link \xB7 expires ${f(n.data.expiresAt)}`,h.style.display="block",S("Share link created."),L()}catch{v("Network error while creating share.")}finally{H.disabled=!1,H.textContent=t}}async function l(){if(!M)return;const t=(z.value||"").trim();if(!t||!t.includes("@")){v("A valid recipient email is required.");return}d(),T.disabled=!0;const e=T.textContent;T.textContent="Creating\u2026";try{const s=await fetch("/api/v1/share/tailscale",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({serviceId:M.id,email:t})}),n=await s.json().catch(()=>({}));if(!s.ok||!n.success){g(s.status,n);return}const r=n.data&&n.data.urlPath;r?(P.value=m(r),D.textContent=`Tailscale invite \xB7 emailed to ${t} (or use this URL manually if delivery failed).`):(P.value="",D.textContent=`Tailscale invite sent to ${t}.`),h.style.display="block",S("Tailscale invite created."),z.value="",L()}catch{v("Network error while creating Tailscale invite.")}finally{T.disabled=!1,T.textContent=e}}function g(t,e){const s=e&&e.error||"";if(t===402){v("Share is a Pro feature. Activate a license to unlock.");return}if(t===400&&/tailscale/i.test(s)){v("Tailscale is not configured on this host. Set up Tailscale in the dashboard first.");return}if(t===403){v("You do not have permission to share services.");return}if(t===404){v("Service not found. It may have been deleted.");return}v(s||`Request failed (HTTP ${t}).`)}function p(t){!t||!t.id||(M={id:t.id,name:t.name||t.id},j.textContent=M.name,d(),w("public"),z.value="",C.value=String(x[1].ms),E.classList.add("show"),L())}E.querySelectorAll(".share-tab").forEach(t=>{t.addEventListener("click",()=>w(t.dataset.tab))}),H.addEventListener("click",u),T.addEventListener("click",l),k.addEventListener("click",()=>E.classList.remove("show")),wireModal(E,k),A.addEventListener("click",async()=>{const t=P.value;if(t)try{navigator.clipboard&&navigator.clipboard.writeText?await navigator.clipboard.writeText(t):(P.select(),document.execCommand("copy"));const e=A.textContent;A.textContent="Copied!",setTimeout(()=>{A.textContent=e},1200)}catch{v("Could not copy to clipboard. Select the URL manually.")}}),window.openShareModal=p})();
|
|
|
|
|
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiLy8gTG9nbyBDdXN0b21pemF0aW9uIFN5c3RlbVxuKGZ1bmN0aW9uKCkge1xuICAvLyBJbmplY3QgbW9kYWwgSFRNTFxuICBpbmplY3RNb2RhbCgnbG9nby1tb2RhbCcsIGA8ZGl2IGlkPVwibG9nby1tb2RhbFwiIGNsYXNzPVwid2VhdGhlci1tb2RhbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3ZWF0aGVyLW1vZGFsLWNvbnRlbnRcIiBzdHlsZT1cIm1pbi13aWR0aDogNDAwcHg7IG1heC13aWR0aDogNTIwcHg7XCI+XG4gICAgICA8aDM+RGFzaGJvYXJkIFNldHRpbmdzPC9oMz5cbiAgICAgIDxwIHN0eWxlPVwiZm9udC1zaXplOiAwLjg1cmVtOyBjb2xvcjogdmFyKC0tbXV0ZWQpOyBtYXJnaW46IDAgMCAxNnB4O1wiPlxuICAgICAgICBDdXN0b21pemUgeW91ciBkYXNoYm9hcmQncyBhcHBlYXJhbmNlIGFuZCBzeXN0ZW0gcHJlZmVyZW5jZXMuXG4gICAgICA8L3A+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYi0xNlwiPlxuICAgICAgICA8bGFiZWwgZm9yPVwiZGFzaGJvYXJkLXRpdGxlXCIgY2xhc3M9XCJmb3JtLWxhYmVsLWJvbGRcIj5EYXNoYm9hcmQgVGl0bGU6PC9sYWJlbD5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgaWQ9XCJkYXNoYm9hcmQtdGl0bGVcIiBwbGFjZWhvbGRlcj1cIkRhc2hDYWRkeVwiIG1heGxlbmd0aD1cIjUwXCIgc3R5bGU9XCJ3aWR0aDogMTAwJTsgcGFkZGluZzogMTBweCAxMnB4OyBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ib3JkZXIpOyBib3JkZXItcmFkaXVzOiA0cHg7IGJhY2tncm91bmQ6IHZhcigtLWNhcmQtYmcpOyBjb2xvcjogdmFyKC0tZmcpOyBmb250LXNpemU6IDFyZW07XCIgLz5cbiAgICAgICAgPHAgY2xhc3M9XCJ0aW55LWhpbnRcIj5TaG93biBpbiBicm93c2VyIHRhYiBhbmQgaGVhZGVyIChtYXggNTAgY2hhcmFjdGVycyk8L3A+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGhyIGNsYXNzPVwiaHItZGl2aWRlclwiIC8+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYi0xNlwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWxhYmVsLWJvbGRcIj5Mb2dvOjwvbGFiZWw+XG4gICAgICAgIDxwIGNsYXNzPVwidGlueS1oaW50XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAycHg7XCI+U2VwYXJhdGUgbG9nb3MgZm9yIGRhcmsgYW5kIGxpZ2h0IHRoZW1lcywgb3IgdXNlIHRoZSBzYW1lIGZvciBib3RoLjwvcD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAxMnB4OyBtYXJnaW4tYm90dG9tOiAxMnB4O1wiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMTsgdGV4dC1hbGlnbjogY2VudGVyOyBwYWRkaW5nOiAxNnB4IDEwcHg7IGJvcmRlci1yYWRpdXM6IDhweDsgYmFja2dyb3VuZDogIzFhMWEyZTsgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMSk7XCI+XG4gICAgICAgICAgPGltZyBpZD1cImxvZ28tcHJldmlldy1kYXJrXCIgc3JjPVwiL2Fzc2V0cy9kYXNoY2FkZHktbG9nby1kYXJrLnBuZ1wiIGFsdD1cIkRhcmsgdGhlbWUgbG9nb1wiIHN0eWxlPVwibWF4LWhlaWdodDogNjBweDsgbWF4LXdpZHRoOiAxMDAlO1wiIC8+XG4gICAgICAgICAgPHAgc3R5bGU9XCJmb250LXNpemU6IDAuNjVyZW07IGNvbG9yOiAjOWFhNmJmOyBtYXJnaW4tdG9wOiA2cHg7XCI+RGFyayB0aGVtZXM8L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMTsgdGV4dC1hbGlnbjogY2VudGVyOyBwYWRkaW5nOiAxNnB4IDEwcHg7IGJvcmRlci1yYWRpdXM6IDhweDsgYmFja2dyb3VuZDogI2YwZjBmMDsgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLDAsMCwuMSk7XCI+XG4gICAgICAgICAgPGltZyBpZD1cImxvZ28tcHJldmlldy1saWdodFwiIHNyYz1cIi9hc3NldHMvZGFzaGNhZGR5LWxvZ28tbGlnaHQucG5nXCIgYWx0PVwiTGlnaHQgdGhlbWUgbG9nb1wiIHN0eWxlPVwibWF4LWhlaWdodDogNjBweDsgbWF4LXdpZHRoOiAxMDAlO1wiIC8+XG4gICAgICAgICAgPHAgc3R5bGU9XCJmb250LXNpemU6IDAuNjVyZW07IGNvbG9yOiAjNWY2YjdhOyBtYXJnaW4tdG9wOiA2cHg7XCI+TGlnaHQgdGhlbWVzPC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHAgaWQ9XCJsb2dvLXN0YXR1c1wiIHN0eWxlPVwiZm9udC1zaXplOiAwLjc1cmVtOyBjb2xvcjogdmFyKC0tbXV0ZWQpOyBtYXJnaW4tYm90dG9tOiAxMnB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+VXNpbmcgZGVmYXVsdCBsb2dvczwvcD5cblxuICAgICAgPGRpdiBjbGFzcz1cIm1iLTE2XCI+XG4gICAgICAgIDxsYWJlbCBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGdhcDogOHB4OyBmb250LXNpemU6IDAuODJyZW07IGN1cnNvcjogcG9pbnRlcjsgdXNlci1zZWxlY3Q6IG5vbmU7XCI+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwibG9nby1zYW1lLWJvdGhcIiAvPiBVc2Ugc2FtZSBsb2dvIGZvciBib3RoXG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBpZD1cImxvZ28tZHVhbC11cGxvYWRzXCIgY2xhc3M9XCJtYi0xNlwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAxMnB4O1wiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleDogMTtcIj5cbiAgICAgICAgICA8bGFiZWwgZm9yPVwibG9nby11cGxvYWQtZGFya1wiIHN0eWxlPVwiZGlzcGxheTogYmxvY2s7IG1hcmdpbi1ib3R0b206IDZweDsgZm9udC1zaXplOiAwLjhyZW07XCI+RGFyayB0aGVtZSBsb2dvOjwvbGFiZWw+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgaWQ9XCJsb2dvLXVwbG9hZC1kYXJrXCIgYWNjZXB0PVwiaW1hZ2UvKlwiIGNsYXNzPVwiaW5wdXQtY2FyZC1hbHRcIiBzdHlsZT1cImZvbnQtc2l6ZTogMC43NXJlbTtcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBzdHlsZT1cImZsZXg6IDE7XCI+XG4gICAgICAgICAgPGxhYmVsIGZvcj1cImxvZ28tdXBsb2FkLWxpZ2h0XCIgc3R5bGU9XCJkaXNwbGF5OiBibG9jazsgbWFyZ2luLWJvdHRvbTogNnB4OyBmb250LXNpemU6IDAuOHJlbTtcIj5MaWdodCB0aGVtZSBsb2dvOjwvbGFiZWw+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgaWQ9XCJsb2dvLXVwbG9hZC1saWdodFwiIGFjY2VwdD1cImltYWdlLypcIiBjbGFzcz1cImlucHV0LWNhcmQtYWx0XCIgc3R5bGU9XCJmb250LXNpemU6IDAuNzVyZW07XCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBpZD1cImxvZ28tc2luZ2xlLXVwbG9hZFwiIGNsYXNzPVwibWItMTZcIiBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCI+XG4gICAgICAgIDxsYWJlbCBmb3I9XCJsb2dvLXVwbG9hZC1zaW5nbGVcIiBzdHlsZT1cImRpc3BsYXk6IGJsb2NrOyBtYXJnaW4tYm90dG9tOiA2cHg7IGZvbnQtc2l6ZTogMC44cmVtO1wiPlVwbG9hZCBsb2dvOjwvbGFiZWw+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiIGlkPVwibG9nby11cGxvYWQtc2luZ2xlXCIgYWNjZXB0PVwiaW1hZ2UvKlwiIGNsYXNzPVwiaW5wdXQtY2FyZC1hbHRcIiAvPlxuICAgICAgICA8cCBjbGFzcz1cInRpbnktaGludFwiPlRoaXMgbG9nbyB3aWxsIGJlIHVzZWQgb24gYWxsIHRoZW1lc
Line truncated
|