{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Edit LiteSpeed Website" %} - Eenos{% endblock %}
{% block extra_css %}<style>.ols-sticky-actions{position:sticky;bottom:0;z-index:1020;background:var(--eenos-surface);border:1px solid var(--eenos-border);border-radius:var(--eenos-radius);box-shadow:0 -8px 24px rgba(15,23,42,.08);padding:1rem}.ols-setting-modified{border-color:var(--eenos-primary)!important;box-shadow:0 0 0 .15rem rgba(255,139,0,.14)!important}.ols-modified-badge{margin-inline-start:.4rem;vertical-align:middle}.ols-change-list{max-height:260px;overflow:auto}[data-bs-theme="dark"] .ols-sticky-actions{box-shadow:0 -8px 24px rgba(0,0,0,.28)}</style>{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Edit LiteSpeed Website" %}</h1><div class="eenos-page-subtitle">{% translate "Configure OpenLiteSpeed behavior for an individual website." %}</div></div><div class="col-12 col-sm-auto"><a href="{% url 'ols_domains' %}" class="btn btn-outline-primary d-flex align-items-center justify-content-center gap-2 w-100"><i data-lucide="arrow-left"></i><span>{% translate "LiteSpeed Websites" %}</span></a></div></div>
<nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}"><a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "Web Servers" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "LiteSpeed" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><a href="{% url 'ols_domains' %}">{% translate "LiteSpeed Websites" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{{ domain }}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-card mb-4"><div class="row g-3 align-items-center"><div class="col-12 col-lg"><div class="d-flex align-items-center gap-3"><div class="eenos-card-action-icon flex-shrink-0"><i data-lucide="globe-2"></i></div><div class="min-w-0"><div class="small text-muted">{% translate "Editing LiteSpeed settings for" %}</div><h2 class="h5 mb-0 text-break">{{ domain }}</h2></div></div></div><div class="col-12 col-md-7 col-lg-auto"><div class="d-flex align-items-center gap-3"><div class="eenos-card-action-icon flex-shrink-0"><i data-lucide="blocks"></i></div><div class="min-w-0"><div class="small text-muted">{% translate "Current application" %}</div><div class="d-flex flex-wrap align-items-center gap-2"><span class="fw-semibold text-break">{{ current_app_info }}</span><span class="badge eenos-badge-neutral">{{ current_app }}</span></div></div></div></div><div class="col-12 col-md-5 col-lg-auto"><div class="d-flex flex-column align-items-stretch align-items-lg-end gap-2"><span class="badge {% if custom_settings %}eenos-badge-warning{% else %}eenos-badge-neutral{% endif %}">{% if custom_settings %}{% translate "Custom configuration" %}{% else %}{% translate "Using server defaults" %}{% endif %}</span><button type="button" class="btn btn-outline-secondary d-inline-flex align-items-center justify-content-center gap-2" id="openChangeOlsApp"><i data-lucide="arrow-left-right"></i>{% translate "Change Application" %}</button></div></div></div></div>
<form method="post" id="olsDomainSettingsForm" class="eenos-form" data-parsley-validate>{% csrf_token %}<input type="hidden" name="savesettings" value="yes"><input type="hidden" name="domain" value="{{ domain }}">
<div class="row g-4 mb-4"><div class="col-12 col-xl-6"><div class="eenos-card h-100"><div class="mb-4"><div class="eenos-panel-title">{% translate "Core Features" %}</div><div class="eenos-panel-subtitle">{% translate "Control website access, caching, optimization, and content delivery." %}</div></div><div class="d-grid gap-4">
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="userdirSwitch">{% translate "User Directory Access" %}</label><div class="form-text">{% translate "Allow user-directory access for this website." %}</div></div><div><input type="hidden" name="userdir" id="userdirValue" value="{% if domdata.userdir == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="userdirSwitch" data-value-target="#userdirValue"{% if domdata.userdir != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="lscacheSwitch">LSCache</label><div class="form-text">{% translate "Enable LiteSpeed caching when available." %}</div></div><div><input type="hidden" name="lscache" id="lscacheValue" value="{% if settings.lscache == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="lscacheSwitch" data-value-target="#lscacheValue"{% if settings.lscache != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="pagespeedSwitch">Google PageSpeed</label><div class="form-text">{% translate "Enable PageSpeed optimization when installed." %}</div></div><div><input type="hidden" name="pagespeed" id="pagespeedValue" value="{% if settings.pagespeed == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="pagespeedSwitch" data-value-target="#pagespeedValue"{% if settings.pagespeed == 'on' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="dirlistSwitch">{% translate "Directory Listing" %}</label><div class="form-text">{% translate "Show directory contents when no index file exists." %}</div></div><div><input type="hidden" name="dirlist" id="dirlistValue" value="{% if settings.dirlist == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="dirlistSwitch" data-value-target="#dirlistValue"{% if settings.dirlist != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="hotlinkSwitch">{% translate "Hotlink Protection" %}</label><div class="form-text">{% translate "Prevent unauthorized linking to static files." %}</div></div><div><input type="hidden" name="hotlink" id="hotlinkValue" value="{% if settings.hotlink == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="hotlinkSwitch" data-value-target="#hotlinkValue"{% if settings.hotlink != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="hstsSwitch">{% translate "HTTP Strict Transport Security" %}</label><div class="form-text">{% translate "Require supported browsers to use HTTPS." %}</div></div><div><input type="hidden" name="hsts" id="hstsValue" value="{% if settings.hsts == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="hstsSwitch" data-value-target="#hstsValue"{% if settings.hsts != 'off' %} checked{% endif %}></div></div></div>
</div></div></div>
<div class="col-12 col-xl-6"><div class="eenos-card h-100"><div class="mb-4"><div class="eenos-panel-title">{% translate "Security Headers" %}</div><div class="eenos-panel-subtitle">{% translate "Apply browser security policies to this website." %}</div></div><div class="d-grid gap-4">
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="cspSwitch">{% translate "Content Security Policy" %}</label><div class="form-text">{% translate "Restrict permitted content sources; verify website compatibility first." %}</div></div><div><input type="hidden" name="csp" id="cspValue" value="{% if settings.csp == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="cspSwitch" data-value-target="#cspValue"{% if settings.csp == 'on' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="xxpSwitch">{% translate "XSS Protection" %}</label><div class="form-text">{% translate "Send the legacy X-XSS-Protection response header." %}</div></div><div><input type="hidden" name="xxp" id="xxpValue" value="{% if settings.xxp == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="xxpSwitch" data-value-target="#xxpValue"{% if settings.xxp != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="xfoSwitch">{% translate "Clickjacking Protection" %}</label><div class="form-text">{% translate "Control framing through the X-Frame-Options header." %}</div></div><div><input type="hidden" name="xfo" id="xfoValue" value="{% if settings.xfo == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="xfoSwitch" data-value-target="#xfoValue"{% if settings.xfo != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="xctoSwitch">{% translate "Content-Type Protection" %}</label><div class="form-text">{% translate "Prevent browsers from MIME-sniffing responses." %}</div></div><div><input type="hidden" name="xcto" id="xctoValue" value="{% if settings.xcto == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="xctoSwitch" data-value-target="#xctoValue"{% if settings.xcto != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="rpsSwitch">{% translate "Referrer Policy" %}</label><div class="form-text">{% translate "Control referrer information sent by browsers." %}</div></div><div><input type="hidden" name="rps" id="rpsValue" value="{% if settings.rps == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="rpsSwitch" data-value-target="#rpsValue"{% if settings.rps != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="ectSwitch">Expect-CT</label><div class="form-text">{% translate "Enable certificate transparency enforcement headers." %}</div></div><div><input type="hidden" name="ect" id="ectValue" value="{% if settings.ect == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="ectSwitch" data-value-target="#ectValue"{% if settings.ect != 'off' %} checked{% endif %}></div></div></div>
<div class="d-flex justify-content-between gap-4"><div><label class="fw-semibold" for="fpgSwitch">{% translate "Feature Policy" %}</label><div class="form-text">{% translate "Control access to selected browser features." %}</div></div><div><input type="hidden" name="fpg" id="fpgValue" value="{% if settings.fpg == 'off' %}off{% else %}on{% endif %}"><div class="form-check form-switch"><input class="form-check-input eenos-switch-success ols-setting-switch" type="checkbox" role="switch" id="fpgSwitch" data-value-target="#fpgValue"{% if settings.fpg != 'off' %} checked{% endif %}></div></div></div>
</div></div></div></div>
<div class="ols-sticky-actions d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-3 mb-4"><div class="small text-muted"><span id="olsChangedCount">0</span> {% translate "unsaved changes" %}</div><div class="d-flex flex-column flex-sm-row gap-2"><button type="button" class="btn btn-primary" id="reviewOlsSettings"><i data-lucide="save"></i>{% translate "Save LiteSpeed Settings" %}</button><a href="{% url 'ols_domains' %}" class="btn btn-outline-secondary" id="discardOlsSettings"><i data-lucide="undo-2"></i>{% translate "Discard Changes" %}</a><button type="button" class="btn btn-outline-danger" id="resetOlsSettings"><i data-lucide="rotate-ccw"></i>{% translate "Reset to Defaults" %}</button></div></div></form>
<form method="post" id="olsDomainResetForm" class="d-none">{% csrf_token %}<input type="hidden" name="reset" value="yes"><input type="hidden" name="domain" value="{{ domain }}"></form>
<form method="post" id="changeOlsAppForm" class="eenos-form" data-parsley-validate>{% csrf_token %}<input type="hidden" name="set_domain_app" value="yes"><input type="hidden" name="domain" value="{{ domain }}"><div class="modal fade" id="changeOlsAppModal" tabindex="-1" aria-labelledby="changeOlsAppTitle" 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" id="changeOlsAppTitle"><i data-lucide="blocks"></i>{% translate "Change Website Application" %}</h2><div class="small text-muted mt-1">{% translate "Choose the application profile used by this website." %}</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">{{ domain }}</div></div></div><div class="eenos-notice eenos-notice-info mb-4"><div class="eenos-notice-icon"><i data-lucide="blocks"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Current application" %}</div><div class="eenos-notice-text d-flex flex-wrap align-items-center gap-2"><span>{{ current_app_info }}</span><span class="badge eenos-badge-neutral">{{ current_app }}</span></div></div></div><label class="form-label" for="olsDomainApp">{% translate "New Application" %}</label><select id="olsDomainApp" class="form-select eenos-select-search" name="app" required data-parsley-required-message="{% translate 'Please select an application.' %}"><option value="">{% translate "Select an application" %}</option><option value="default"{% if current_app == 'default' %} selected{% endif %}>{% translate "Default Application" %}</option>{% for app, info in apps.items %}<option value="{{ app }}"{% if current_app == app %} selected{% endif %}>{{ info.info }}</option>{% endfor %}</select><div class="form-text">{% translate "Changing the profile rebuilds this website's virtual host configuration." %}</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="submit" class="btn btn-primary"><i data-lucide="save"></i>{% translate "Change Application" %}</button></div></div></div></div></form>
<div class="modal fade" id="saveOlsModal" tabindex="-1" aria-labelledby="saveOlsTitle" 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" id="saveOlsTitle"><i data-lucide="save"></i>{% translate "Save LiteSpeed Settings" %}</h2><div class="small text-muted mt-1">{% translate "Confirm the configuration update for this website." %}</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">{{ domain }}</div></div></div><div class="border rounded-3 p-3 mb-4"><div class="d-flex align-items-center justify-content-between gap-3 mb-2"><div class="fw-semibold">{% translate "Settings to update" %}</div><span class="badge eenos-badge-warning" id="olsSaveChangeCount">0</span></div><div class="list-group list-group-flush ols-change-list" id="olsSaveChangeList"></div></div><div class="eenos-notice eenos-notice-info mb-0"><div class="eenos-notice-icon"><i data-lucide="info"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "OpenLiteSpeed configuration will be rebuilt" %}</div><div class="eenos-notice-text">{% translate "The submitted settings will replace the current domain-specific LiteSpeed configuration." %}</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="confirmSaveOls"><i data-lucide="save"></i>{% translate "Save Settings" %}</button></div></div></div></div>
<div class="modal fade" id="resetOlsDomainModal" tabindex="-1" aria-labelledby="resetOlsDomainTitle" 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" id="resetOlsDomainTitle"><i data-lucide="rotate-ccw"></i>{% translate "Reset LiteSpeed Settings" %}</h2><div class="small text-muted mt-1">{% translate "Restore the current server defaults for this website." %}</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">{{ domain }}</div></div></div><div class="eenos-notice eenos-notice-warning mb-0"><div class="eenos-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Custom settings will be removed" %}</div><div class="eenos-notice-text">{% translate "All domain-specific OpenLiteSpeed settings will be replaced by the server defaults. This cannot be undone." %}</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-danger" id="confirmResetOls"><i data-lucide="rotate-ccw"></i>{% translate "Reset Settings" %}</button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){
const form=$("#olsDomainSettingsForm"),saveModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("saveOlsModal")),resetModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("resetOlsDomainModal")),appModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("changeOlsAppModal"));let submitting=false;
$(".ols-setting-switch").on("change",function(){$(this.dataset.valueTarget).val(this.checked?"on":"off")});
const tracked=form.find("input[name]").not("[name='csrfmiddlewaretoken'],[name='savesettings'],[name='domain']"),initial=new Map();tracked.each(function(){initial.set(this.name,$(this).val())});const html=value=>$("<div>").text(value==null?"":value).html();function labelFor(field){const control=form.find('[data-value-target="#'+field.attr("id")+'"]').first(),label=form.find('label[for="'+control.attr("id")+'"]').first();return {control:control,label:label,text:String(label.text()||field.attr("name")).trim()}}function changes(){const result=[];tracked.each(function(){const field=$(this),oldValue=String(initial.get(this.name)),newValue=String(field.val());if(oldValue!==newValue){const details=labelFor(field);result.push({control:details.control,label:details.label,name:details.text,oldValue:oldValue,newValue:newValue})}});return result}function updateCount(){form.find(".ols-setting-modified").removeClass("ols-setting-modified");form.find(".ols-modified-badge").remove();const items=changes();items.forEach(function(item){item.control.addClass("ols-setting-modified");item.label.append('<span class="badge eenos-badge-warning ols-modified-badge">{% translate "Modified" %}</span>')});$("#olsChangedCount").text(items.length);$("#reviewOlsSettings").prop("disabled",items.length===0);return items.length}form.on("change",updateCount);updateCount();window.addEventListener("beforeunload",function(event){if(!submitting&&updateCount()>0){event.preventDefault();event.returnValue=""}});
$("#reviewOlsSettings").on("click",function(){const validation=form.parsley();validation.validate();if(!validation.isValid())return;const items=changes(),list=$("#olsSaveChangeList").empty();$("#olsSaveChangeCount").text(items.length);items.forEach(function(item){list.append('<div class="list-group-item px-0"><div class="small fw-semibold mb-1">'+html(item.name)+'</div><div class="d-flex align-items-center gap-2 small"><code>'+html(item.oldValue)+'</code><i data-lucide="arrow-right"></i><code class="fw-semibold">'+html(item.newValue)+'</code></div></div>')});lucide.createIcons();saveModal.show()});
$("#confirmSaveOls").on("click",function(){submitting=true;document.getElementById("olsDomainSettingsForm").submit()});$("#resetOlsSettings").on("click",function(){resetModal.show()});$("#confirmResetOls").on("click",function(){submitting=true;document.getElementById("olsDomainResetForm").submit()});$("#openChangeOlsApp").on("click",function(){appModal.show()});$("#discardOlsSettings").on("click",function(){submitting=true});
})})(jQuery);
</script>{% endblock %}