{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Node.js Applications" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Node.js Applications" %}</h1><div class="eenos-page-subtitle">{% translate "Manage runtimes, application settings, sandbox services, and packages." %}</div></div><a href="{% url 'sandbox_nodejs' %}" class="btn btn-outline-primary"><i data-lucide="rocket"></i>{% translate "Deploy Node.js App" %}</a></div>
<nav class="eenos-breadcrumb"><a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "Applications" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "Node.js" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "Node.js Applications" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="row g-3 mb-4" id="nodejsAppsSummary" aria-label="{% translate 'Node.js applications summary' %}"><div class="col-6 col-xl-3"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="braces"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="nodejsAppsCount">—</div><div class="eenos-summary-card-label">{% translate "Applications" %}</div></div></div></div><div class="col-6 col-xl-3"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="box"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="nodejsActiveCount">—</div><div class="eenos-summary-card-label">{% translate "Active Sandboxes" %}</div></div></div></div><div class="col-6 col-xl-3"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="gauge"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="nodejsProductionCount">—</div><div class="eenos-summary-card-label">{% translate "Production" %}</div></div></div></div><div class="col-6 col-xl-3"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="activity"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value"><span id="nodejsReadyCount">—</span><span aria-hidden="true">·</span><span id="nodejsDeployingCount">—</span></div><div class="eenos-summary-card-label">{% translate "Ready · Deploying" %}</div></div></div></div></div>
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Deployed Node.js Applications" %}</h2><p class="eenos-card-subtitle d-flex flex-wrap align-items-center gap-2">{% translate "Account default runtime:" %} <span class="badge eenos-badge-primary font-monospace">{{ default|default:"—" }}</span></p></div><div class="eenos-card-action-icon"><i data-lucide="hexagon"></i></div></div><div class="table-responsive"><table id="nodejsRuntimesTable" class="table align-middle w-100"><thead><tr><th>{% translate "Website" %}</th><th>{% translate "Runtime" %}</th><th>{% translate "Startup" %}</th><th>{% translate "Public Directory" %}</th><th>{% translate "Environment" %}</th><th>{% translate "Deployment" %}</th><th>{% translate "Sandbox" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div></div>
<form method="post" id="changeNodejsForm">{% csrf_token %}<input type="hidden" name="domain" id="changeNodejsDomain"><input type="hidden" name="nodejs" id="actionNodejs"><input type="hidden" name="do_reinstall" id="actionReinstall"><input type="hidden" name="change_nodejs" value="yes"></form>
<form method="post" id="changeStartupForm">{% csrf_token %}<input type="hidden" name="domain" id="changeStartupDomain"><input type="hidden" name="nodejsstartup" id="actionStartup"><input type="hidden" name="change_startup" value="yes"></form>
<form method="post" id="changePublicForm">{% csrf_token %}<input type="hidden" name="domain" id="changePublicDomain"><input type="hidden" name="public" id="actionPublic"><input type="hidden" name="change_public" value="yes"></form>
<form method="post" id="changeEnvironmentForm">{% csrf_token %}<input type="hidden" name="domain" id="changeEnvironmentDomain"><input type="hidden" name="environment" id="actionEnvironment"><input type="hidden" name="change_mode" value="yes"></form>
<form method="post" id="changeSandboxForm">{% csrf_token %}<input type="hidden" name="domain" id="changeSandboxDomain"><input type="hidden" name="sandboxnodejs" id="actionSandbox"><input type="hidden" name="change_sandbox_status" value="yes"></form>
<form method="post" id="reinstallSandboxForm">{% csrf_token %}<input type="hidden" name="domain" id="reinstallDomain"><input type="hidden" name="reinstall_sandbox" value="yes"></form>
<form method="post" id="deleteSandboxForm">{% csrf_token %}<input type="hidden" name="domain" id="deleteDomain"><input type="hidden" name="delete_sandbox" value="yes"></form>
<div class="modal fade" id="runtimeModal" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5 d-flex gap-2"><i data-lucide="triangle-alert"></i>{% translate "Change Node.js Runtime" %}</h2><div class="small text-muted modal-domain"></div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div class="eenos-amber-notice eenos-amber-notice-danger mb-4"><div class="eenos-amber-notice-icon"><i data-lucide="shield-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "This is a destructive operation" %}</div><div class="eenos-amber-notice-text">{% translate "Changing the runtime removes the current Node.js environment and its installed npm packages before installing the selected Node.js version. Back up the application files, configuration, and package list before continuing." %}</div></div></div><label for="nodejsVersion" class="form-label">{% translate "New Node.js Version" %}</label><select id="nodejsVersion" class="form-select eenos-select-search"><option value="default">{% translate "Account default" %} ({{ default }})</option>{% for nodejs in allnodejs %}<option value="{{ nodejs }}">{{ nodejs }}</option>{% endfor %}</select><div class="form-check mt-3"><input class="form-check-input" type="checkbox" id="reinstallPackages"><label class="form-check-label" for="reinstallPackages">{% translate "Reinstall packages from the saved package configuration when available" %}</label></div><div class="form-check mt-3"><input class="form-check-input" type="checkbox" id="runtimeBackupConfirmed"><label class="form-check-label fw-semibold" for="runtimeBackupConfirmed">{% translate "I have backed up this application and understand that the current runtime and npm packages will be removed." %}</label></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Cancel" %}</button><button type="button" class="btn btn-danger" id="saveRuntime" disabled><i data-lucide="refresh-cw"></i>{% translate "Replace Runtime" %}</button></div></div></div></div>
<div class="modal fade" id="valueModal" tabindex="-1" aria-labelledby="valueTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2"><i data-lucide="file-cog" id="valueTitleIcon"></i><span id="valueTitle"></span></h2><div class="small text-muted mt-1" id="valueSubtitle"></div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div class="eenos-modal-info mb-4"><div class="eenos-modal-info-icon"><i data-lucide="globe-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Website" %}</div><div class="eenos-modal-info-value text-break modal-domain"></div></div></div><div id="textValueField"><label for="newValue" class="form-label" id="valueLabel"></label><div class="input-group"><span class="input-group-text" id="valuePrefix"><i data-lucide="file-code-2"></i></span><input id="newValue" class="form-control" required></div><div class="form-text" id="valueHelp"></div></div><fieldset id="environmentField" class="d-none"><legend class="form-label fs-6">{% translate "Application Environment" %}</legend><div class="d-grid gap-3"><label class="border rounded-3 p-3 d-flex align-items-start gap-3"><input class="form-check-input mt-1" type="radio" name="environmentChoice" id="environmentProduction" value="production"><span><strong>{% translate "Production" %}</strong><span class="d-block small text-muted">{% translate "Optimized for a live website with debugging disabled." %}</span></span></label><label class="border rounded-3 p-3 d-flex align-items-start gap-3"><input class="form-check-input mt-1" type="radio" name="environmentChoice" id="environmentDevelopment" value="development"><span><strong>{% translate "Development" %}</strong><span class="d-block small text-muted">{% translate "Suitable for development and troubleshooting." %}</span></span></label></div></fieldset><div class="eenos-amber-notice eenos-amber-notice-warning mt-4 mb-0" id="valueNotice"><div class="eenos-amber-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title" id="valueNoticeTitle"></div><div class="eenos-amber-notice-text" id="valueNoticeText"></div></div></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Cancel" %}</button><button type="button" class="btn btn-primary" id="saveValue"><i data-lucide="save"></i>{% translate "Save Changes" %}</button></div></div></div></div>
<div class="modal fade" id="confirmModal" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5" id="confirmTitle"></h2><div class="small text-muted modal-domain"></div></div><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><div class="eenos-amber-notice eenos-amber-notice-warning mb-0"><div class="eenos-amber-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Confirm configuration change" %}</div><div class="eenos-amber-notice-text" id="confirmText"></div></div></div></div><div class="modal-footer"><button class="btn btn-outline-secondary" data-bs-dismiss="modal">{% translate "Cancel" %}</button><button class="btn btn-primary" id="confirmAction"></button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){const esc=v=>$("<div>").text(v==null?"":v).html(),runtimeModal=bootstrap.Modal.getOrCreateInstance("#runtimeModal"),valueModal=bootstrap.Modal.getOrCreateInstance("#valueModal"),confirmModal=bootstrap.Modal.getOrCreateInstance("#confirmModal");$("#runtimeModal .eenos-amber-notice-danger").removeClass("eenos-amber-notice-danger").addClass("eenos-amber-notice-warning");const environmentSummary=$("#nodejsProductionCount").closest(".eenos-summary-card-content"),statusSummary=$("#nodejsReadyCount").closest(".eenos-summary-card-content");environmentSummary.attr("class","eenos-summary-card-content flex-column align-items-start gap-2").html('<div class="eenos-summary-card-label">{% translate "Environment" %}</div><div class="d-flex flex-wrap gap-2"><span class="badge eenos-badge-success"><strong id="nodejsProductionCount">—</strong>&nbsp;{% translate "Production" %}</span><span class="badge eenos-badge-warning"><strong id="nodejsDevelopmentCount">—</strong>&nbsp;{% translate "Development" %}</span></div>');statusSummary.attr("class","eenos-summary-card-content flex-column align-items-start gap-2").html('<div class="eenos-summary-card-label">{% translate "Deployment Status" %}</div><div class="d-flex flex-wrap gap-2"><span class="badge eenos-badge-success"><strong id="nodejsReadyCount">—</strong>&nbsp;{% translate "Ready" %}</span><span class="badge eenos-badge-warning"><strong id="nodejsDeployingCount">—</strong>&nbsp;{% translate "Deploying" %}</span></div>');let valueType="",confirmType="",currentDomain="";
const table=$("#nodejsRuntimesTable").DataTable({processing:true,autoWidth:false,ajax:{url:"{% url 'nodejs_runtimes_data' %}",dataSrc:json=>{const rows=Array.isArray(json.data)?json.data:[],deploying=rows.filter(row=>row.deployment_in_progress).length;$("#nodejsAppsCount").text(rows.length);$("#nodejsActiveCount").text(rows.filter(row=>row.sandbox_enabled).length);$("#nodejsProductionCount").text(rows.filter(row=>row.environment==="production").length);$("#nodejsDevelopmentCount").text(rows.filter(row=>row.environment==="development").length);$("#nodejsReadyCount").text(rows.length-deploying);$("#nodejsDeployingCount").text(deploying);return rows}},pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],order:[[0,"asc"]],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No Node.js applications have been deployed.' %}",zeroRecords:"{% translate 'No matching applications found.' %}"},responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},columns:[
{data:"domain",width:"24%",responsivePriority:1,className:"text-nowrap",render:(v,t,r)=>t==="display"?'<a class="d-inline-flex align-items-center align-middle gap-1 text-decoration-none" href="'+esc(r.site_url)+'" target="_blank" rel="noopener noreferrer"><i data-lucide="external-link"></i><span>'+esc(v)+'</span></a>':v},{data:"nodejs_version",render:(v,t,r)=>{if(t!=="display")return r.nodejs_version_number||v;const version=esc(r.nodejs_version_number||v);if(r.nodejs_inherited)return'<div class="d-inline-flex align-items-center gap-2"><span class="badge eenos-badge-neutral font-monospace">'+version+'</span><span class="small text-muted">{% translate "System default" %}</span></div>';return'<div class="d-inline-flex align-items-center gap-2"><span class="badge eenos-badge-primary font-monospace">'+version+'</span><span class="badge eenos-badge-neutral">'+esc(r.nodejs_provider||"{% translate 'Eenos' %}")+'</span></div>'}},
{data:"startup_script",render:(v,t)=>t==="display"?'<div class="d-flex gap-2 align-items-center"><span class="font-monospace">'+esc(v||"—")+'</span><button type="button" class="btn btn-sm btn-outline-secondary edit-value" data-type="startup" title="{% translate 'Change startup script' %}" aria-label="{% translate 'Change startup script' %}"><i data-lucide="pencil"></i></button></div>':v},{data:"public_path",render:(v,t,r)=>t==="display"?'<div class="d-flex gap-2 align-items-center"><span class="text-break"><i data-lucide="home"></i> /'+esc(v||r.public_directory)+'</span><button type="button" class="btn btn-sm btn-outline-secondary edit-value" data-type="public" title="{% translate 'Change public directory' %}" aria-label="{% translate 'Change public directory' %}"><i data-lucide="folder-pen"></i></button></div>':v},
{data:"environment",render:(v,t)=>t==="display"?'<div class="d-inline-flex align-items-center gap-2"><span class="badge '+(v==="production"?"eenos-badge-success":"eenos-badge-warning")+'">'+esc(v)+'</span><button type="button" class="btn btn-sm btn-outline-secondary edit-value" data-type="environment" title="{% translate 'Change environment' %}" aria-label="{% translate 'Change environment' %}"><i data-lucide="arrow-left-right"></i></button></div>':v},{data:"deployment_status",render:(v,t)=>t==="display"?'<span class="badge '+(v==="completed"?"eenos-badge-success":"eenos-badge-warning")+'">'+esc(v==="completed"?"{% translate 'Ready' %}":"{% translate 'Deploying' %}")+'</span>':v},
{data:"sandbox_enabled",className:"text-center",render:(v,t,r)=>{if(t!=="display")return v;const label=v?"{% translate 'Disable Node.js sandbox' %}":"{% translate 'Enable Node.js sandbox' %}";return '<div class="form-check form-switch d-inline-flex"><input class="form-check-input eenos-switch-success sandbox-switch" type="checkbox" title="'+label+'" aria-label="'+label+'" '+(v?"checked":"")+' '+(r.deployment_in_progress?"disabled":"")+'></div>'}},
{data:null,orderable:false,searchable:false,responsivePriority:1,className:"text-end text-nowrap",render:(d,t,r)=>t!=="display"?"":r.deployment_in_progress?'<span class="text-muted small">{% translate "In progress" %}</span>':'<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-primary edit-runtime" title="{% translate 'Change Node.js runtime' %}" aria-label="{% translate 'Change Node.js runtime' %}"><i data-lucide="file-pen-line"></i></button><a class="btn btn-sm btn-outline-secondary" href="'+esc(r.manage_npms_url)+'" title="{% translate 'Manage Node.js packages' %}" aria-label="{% translate 'Manage Node.js packages' %}"><i data-lucide="package"></i></a><button type="button" class="btn btn-sm btn-outline-secondary confirm-action" data-type="reinstall" title="{% translate 'Reinstall Node.js sandbox' %}" aria-label="{% translate 'Reinstall Node.js sandbox' %}"><i data-lucide="refresh-cw"></i></button><button type="button" class="btn btn-sm btn-outline-danger confirm-action" data-type="delete" title="{% translate 'Delete Node.js sandbox' %}" aria-label="{% translate 'Delete Node.js sandbox' %}"><i data-lucide="trash-2"></i></button></div>'}],drawCallback:()=>lucide.createIcons()});table.on("responsive-display",()=>lucide.createIcons());
function row(el){let tr=$(el).closest("tr");if(tr.hasClass("child"))tr=tr.prev();return table.row(tr).data()}function setDomain(r){currentDomain=r.domain;$(".modal-domain").text(r.domain)}
$(document).on("click",".edit-runtime",function(){const r=row(this);setDomain(r);if(!$("#runtimeCurrentDetails").length){$("#runtimeModal .eenos-amber-notice").after('<div class="eenos-modal-info my-4" id="runtimeCurrentDetails"><div class="eenos-modal-info-icon"><i data-lucide="box"></i></div><div class="eenos-modal-info-content w-100"><div class="row g-3"><div class="col-sm-6"><div class="eenos-modal-info-label">{% translate "Website" %}</div><div class="eenos-modal-info-value text-break" id="runtimeWebsite"></div></div><div class="col-sm-6"><div class="eenos-modal-info-label">{% translate "Current Runtime" %}</div><div class="eenos-modal-info-value d-flex flex-wrap gap-1"><span class="badge eenos-badge-primary font-monospace" id="runtimeCurrentVersion"></span><span class="badge eenos-badge-neutral" id="runtimeCurrentProvider"></span></div></div></div></div></div>');lucide.createIcons()}$("#runtimeWebsite").text(r.domain||"—");$("#runtimeCurrentVersion").text(r.nodejs_version_number||r.nodejs_version||"—");$("#runtimeCurrentProvider").text(r.nodejs_inherited?"{% translate 'System default' %}":(r.nodejs_provider||"{% translate 'Eenos' %}"));$("#nodejsVersion").val(r.nodejs_version).trigger("change");$("#runtimeBackupConfirmed").prop("checked",false);$("#saveRuntime").prop("disabled",true);runtimeModal.show()});$("#runtimeBackupConfirmed").on("change",function(){$("#saveRuntime").prop("disabled",!this.checked)});$("#saveRuntime").on("click",function(){if(!$("#runtimeBackupConfirmed").is(":checked"))return;$("#changeNodejsDomain").val(currentDomain);$("#actionNodejs").val($("#nodejsVersion").val());$("#actionReinstall").val($("#reinstallPackages").is(":checked")?"yes":"no");document.getElementById("changeNodejsForm").submit()});
$(document).on("click",".edit-value",function(){const r=row(this);setDomain(r);valueType=this.dataset.type;const env=valueType==="environment",startup=valueType==="startup";$("#valueTitle").text(env?"{% translate 'Change Environment' %}":startup?"{% translate 'Change Startup Script' %}":"{% translate 'Change Public Directory' %}");$("#valueSubtitle").text(env?"{% translate 'Choose how the application runs.' %}":startup?"{% translate 'Set the Node.js application entry-point file.' %}":"{% translate 'Set the web-accessible folder inside the document root.' %}");$("#textValueField").toggleClass("d-none",env);$("#environmentField").toggleClass("d-none",!env);$("input[name='environmentChoice'][value='"+r.environment+"']").prop("checked",true);$("#newValue").val(startup?r.startup_script:r.public_directory);$("#valueLabel").text(startup?"{% translate 'Startup script' %}":"{% translate 'Public directory' %}");$("#valuePrefix").html(startup?'<i data-lucide="file-code-2"></i>':'<i data-lucide="home"></i>&nbsp;/'+esc(r.document_root)+'/');$("#valueHelp").text(startup?"{% translate 'Enter the Node.js entry-point file, for example app.js.' %}":"{% translate 'This folder must be located under the website document root.' %}");$("#valueNoticeTitle").text(env?"{% translate 'Application service will restart' %}":startup?"{% translate 'Entry point must exist' %}":"{% translate 'Document root remains unchanged' %}");$("#valueNoticeText").text(env?"{% translate 'Changing the environment rebuilds the application service configuration.' %}":startup?"{% translate 'The startup file must exist in the application project.' %}":"{% translate 'Only the public subdirectory changes; the website document root is not moved.' %}");lucide.createIcons();valueModal.show()});$("#saveValue").on("click",function(){if(valueType==="startup"){$("#changeStartupDomain").val(currentDomain);$("#actionStartup").val($("#newValue").val());document.getElementById("changeStartupForm").submit()}else if(valueType==="public"){$("#changePublicDomain").val(currentDomain);$("#actionPublic").val($("#newValue").val());document.getElementById("changePublicForm").submit()}else{$("#changeEnvironmentDomain").val(currentDomain);$("#actionEnvironment").val($("input[name='environmentChoice']:checked").val());document.getElementById("changeEnvironmentForm").submit()}});
function confirm(r,type){setDomain(r);confirmType=type;const title=type==="delete"?"{% translate 'Delete Node.js Sandbox' %}":type==="reinstall"?"{% translate 'Reinstall Node.js Sandbox' %}":r.sandbox_enabled?"{% translate 'Disable Node.js Sandbox' %}":"{% translate 'Enable Node.js Sandbox' %}";const currentRuntime=r.nodejs_version_number||r.nodejs_version||"—";const noticeTitle=type==="delete"?"{% translate 'This application will stop running' %}":type==="reinstall"?"{% translate 'The current Node.js runtime will be reused' %}":"{% translate 'Application service will be rebuilt' %}";const noticeText=type==="delete"?"{% translate 'Deleting the sandbox permanently removes its runtime, installed npm packages, and service configuration. The website files are preserved, but the Node.js application will no longer run.' %}":type==="reinstall"?"{% translate 'This rebuilds the sandbox with the same Node.js version currently in use. Installed npm packages may be removed, so back up the package list before continuing.' %} "+"("+currentRuntime+")":"{% translate 'The application service configuration will be rebuilt.' %}";if(!$("#reinstallBackupConfirmation").length)$("#confirmModal .eenos-amber-notice").after('<div class="form-check mt-4 d-none" id="reinstallBackupConfirmation"><input class="form-check-input" type="checkbox" id="reinstallBackupConfirmed"><label class="form-check-label fw-semibold" for="reinstallBackupConfirmed">{% translate "I have backed up the application and package list, and understand that installed npm packages may be removed." %}</label></div><div class="form-check mt-4 d-none" id="deleteSandboxConfirmation"><input class="form-check-input" type="checkbox" id="deleteSandboxConfirmed"><label class="form-check-label fw-semibold" for="deleteSandboxConfirmed">{% translate "I understand that the Node.js environment, npm packages, and service configuration will be permanently removed." %}</label></div>');const isReinstall=type==="reinstall",isDelete=type==="delete";$("#reinstallBackupConfirmation").toggleClass("d-none",!isReinstall);$("#deleteSandboxConfirmation").toggleClass("d-none",!isDelete);$("#reinstallBackupConfirmed,#deleteSandboxConfirmed").prop("checked",false);$("#confirmTitle").text(title);$("#confirmModal .eenos-amber-notice-title").text(noticeTitle);$("#confirmText").text(noticeText);$("#confirmAction").attr("class","btn "+(isDelete?"btn-danger":isReinstall?"btn-warning":"btn-primary")).prop("disabled",isReinstall||isDelete).text(title);if(type==="status")$("#actionSandbox").val(r.sandbox_enabled?"off":"on");confirmModal.show()}
$(document).on("change",".sandbox-switch",function(){const r=row(this);this.checked=r.sandbox_enabled;confirm(r,"status")});$(document).on("click",".confirm-action",function(){confirm(row(this),this.dataset.type)});$(document).on("change","#reinstallBackupConfirmed,#deleteSandboxConfirmed",function(){$("#confirmAction").prop("disabled",!this.checked)});$("#confirmAction").on("click",function(){if(confirmType==="reinstall"&&!$("#reinstallBackupConfirmed").is(":checked"))return;if(confirmType==="delete"&&!$("#deleteSandboxConfirmed").is(":checked"))return;if(confirmType==="status"){$("#changeSandboxDomain").val(currentDomain);document.getElementById("changeSandboxForm").submit()}else if(confirmType==="reinstall"){$("#reinstallDomain").val(currentDomain);document.getElementById("reinstallSandboxForm").submit()}else{$("#deleteDomain").val(currentDomain);document.getElementById("deleteSandboxForm").submit()}});
})})(jQuery);</script>{% endblock %}