{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "LiteSpeed Websites" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header"><div><h1 class="eenos-page-title">{% translate "LiteSpeed Websites" %}</h1><div class="eenos-page-subtitle">{% translate "Monitor and configure caching, optimization, protection, and OpenLiteSpeed behavior for your websites." %}</div></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><span class="eenos-breadcrumb-current">{% translate "LiteSpeed Websites" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="row row-cols-2 row-cols-md-3 row-cols-xl-5 g-3 mb-4" aria-label="{% translate 'LiteSpeed websites summary' %}">
<div class="col"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="globe-2"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="olsTotalCount">—</div><div class="eenos-summary-card-label">{% translate "Websites" %}</div></div></div></div>
<div class="col"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="database-zap"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="olsCacheCount">—</div><div class="eenos-summary-card-label">LSCache</div></div></div></div>
<div class="col"><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="olsPageSpeedCount">—</div><div class="eenos-summary-card-label">PageSpeed</div></div></div></div>
<div class="col"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="shield-check"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="olsProtectedCount">—</div><div class="eenos-summary-card-label">{% translate "Protected" %}</div></div></div></div>
<div class="col"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="sliders-horizontal"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="olsCustomCount">—</div><div class="eenos-summary-card-label">{% translate "Customized" %}</div></div></div></div>
</div>
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "LiteSpeed Website Configuration" %}</h2></div><div class="eenos-card-action-icon"><i data-lucide="zap"></i></div></div>
<div class="d-flex flex-wrap align-items-center gap-2 mb-3" role="group" aria-label="{% translate 'Filter LiteSpeed websites' %}"><span class="small fw-semibold text-muted me-1">{% translate "Show" %}:</span><button type="button" class="btn btn-sm btn-secondary ols-filter active" data-filter="all">{% translate "All websites" %}</button><button type="button" class="btn btn-sm btn-outline-secondary ols-filter" data-filter="cached">LSCache</button><button type="button" class="btn btn-sm btn-outline-secondary ols-filter" data-filter="pagespeed">PageSpeed</button><button type="button" class="btn btn-sm btn-outline-secondary ols-filter" data-filter="protected">{% translate "Hotlink protected" %}</button><button type="button" class="btn btn-sm btn-outline-secondary ols-filter" data-filter="custom">{% translate "Custom settings" %}</button></div>
<div class="table-responsive"><table id="olsDomainsTable" class="table align-middle w-100"><thead><tr><th>{% translate "Website" %}</th><th>{% translate "Web Application" %}</th><th class="text-center">LSCache</th><th class="text-center">PageSpeed</th><th class="text-center">{% translate "Hotlink Protection" %}</th><th class="text-center">{% translate "Directory Listing" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div></div>
<form method="post" id="olsQuickForm">{% csrf_token %}<input type="hidden" name="domain" id="olsQuickDomain"><input type="hidden" name="action" id="olsQuickAction"><input type="hidden" id="olsQuickOperation"></form>
<form method="post" id="olsResetForm">{% csrf_token %}<input type="hidden" name="domain" id="olsResetDomain"><input type="hidden" name="reset" value="yes"></form>
<div class="modal fade" id="olsModifyModal" tabindex="-1" aria-labelledby="olsModifyTitle" 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="olsModifyTitle"><i data-lucide="shield-alert"></i>{% translate "Advanced LiteSpeed Settings" %}</h2><div class="small text-muted mt-1">{% translate "Continue only if you understand OpenLiteSpeed configuration." %}</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 to configure" %}</div><div class="eenos-modal-info-value text-break" id="olsModifyDomainLabel"></div></div></div><div class="eenos-amber-notice eenos-amber-notice-warning mb-4"><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 "Incorrect settings can disrupt this website" %}</div><div class="eenos-amber-notice-text">{% translate "Changing caching, optimization, or security options can affect performance and website compatibility. Leave the server defaults in place if you are unsure." %}</div></div></div><div class="form-check"><input class="form-check-input" type="checkbox" id="olsModifyAcknowledgement"><label class="form-check-label fw-semibold" for="olsModifyAcknowledgement">{% translate "I understand the risks and want to open the advanced settings." %}</label></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="shield-check"></i>{% translate "Keep Defaults" %}</button><button type="button" class="btn btn-secondary" id="confirmOlsModify" disabled><i data-lucide="settings-2"></i>{% translate "Open Advanced Settings" %}</button></div></div></div></div>
<div class="modal fade" id="olsChangeModal" tabindex="-1" aria-labelledby="olsChangeTitle" 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="olsChangeTitle"><i data-lucide="server-cog"></i><span id="olsChangeHeading"></span></h2><div class="small text-muted mt-1">{% translate "Confirm this LiteSpeed setting change." %}</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" id="olsChangeDomainLabel"></div></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" id="olsChangeNoticeTitle"></div><div class="eenos-notice-text">{% translate "The website's OpenLiteSpeed configuration will be rebuilt with the selected status." %}</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="confirmOlsChange"><i data-lucide="check"></i><span id="confirmOlsChangeText"></span></button></div></div></div></div>
<div class="modal fade" id="olsResetModal" tabindex="-1" aria-labelledby="olsResetTitle" 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="olsResetTitle"><i data-lucide="rotate-ccw"></i>{% translate "Reset LiteSpeed Settings" %}</h2><div class="small text-muted mt-1">{% translate "Restore the inherited 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" id="olsResetDomainLabel"></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 current server defaults." %}</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="confirmOlsReset"><i data-lucide="rotate-ccw"></i>{% translate "Reset Settings" %}</button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){
const esc=value=>$("<div>").text(value==null?"":value).html(),modifyModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("olsModifyModal")),changeModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("olsChangeModal")),resetModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("olsResetModal"));let activeFilter="all";
const switchColumn=(field,operation,label,priority)=>({data:field,responsivePriority:priority,width:"104px",className:"text-center text-nowrap",render:(enabled,type,row)=>type!=="display"?enabled:'<div class="form-check form-switch d-inline-flex m-0"><input type="checkbox" class="form-check-input eenos-switch-success ols-quick-switch" role="switch" data-row="'+encodeURIComponent(JSON.stringify(row))+'" data-field="'+field+'" data-operation="'+operation+'" data-label="'+encodeURIComponent(label)+'" aria-label="'+esc(label)+'" '+(enabled?'checked':'')+'></div>'});
$.fn.dataTable.ext.search.push(function(settings,data,index,rowData){const tableNode=settings.table||settings.nTable||null,tableId=tableNode?tableNode.id:(settings.sTableId||"");if(tableId!=="olsDomainsTable"||activeFilter==="all")return true;const row=rowData||(!Array.isArray(data)&&data?data:null)||(settings.aoData&&settings.aoData[index]?settings.aoData[index]._aData:null);if(!row)return true;if(activeFilter==="cached")return row.lscache_enabled;if(activeFilter==="pagespeed")return row.pagespeed_enabled;if(activeFilter==="protected")return row.hotlink_protection_enabled;if(activeFilter==="custom")return row.custom_settings;return true});
const table=$("#olsDomainsTable").DataTable({processing:true,autoWidth:false,ajax:{url:"{% url 'ols_domains_data' %}",dataSrc:json=>{const summary=json.summary||{};$("#olsTotalCount").text(summary.total??0);$("#olsCacheCount").text(summary.lscache??0);$("#olsPageSpeedCount").text(summary.pagespeed??0);$("#olsProtectedCount").text(summary.protected??0);$("#olsCustomCount").text(summary.custom??0);return Array.isArray(json.data)?json.data:[]}},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 websites are available.' %}",zeroRecords:"{% translate 'No websites match the selected filter.' %}"},responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},columns:[
{data:"domain",width:"24%",responsivePriority:1,className:"text-nowrap",render:(value,type,row)=>type!=="display"?value:'<a href="'+esc(row.site_url)+'" target="_blank" rel="noopener noreferrer" class="d-inline-flex align-items-center gap-1 text-decoration-none"><i data-lucide="external-link"></i><span>'+esc(value)+'</span></a>'},
{data:"app_info",responsivePriority:3,render:(value,type,row)=>{const description=value||row.app||"{% translate 'System Default' %}",profile=row.app==="default"?"{% translate 'System Default' %}":row.app;if(type!=="display")return description+" "+profile;return '<div class="d-flex flex-column align-items-start gap-1"><span class="fw-semibold">'+esc(description)+'</span><span class="badge eenos-badge-neutral font-monospace">'+esc(profile)+'</span></div>'}},
switchColumn("lscache_enabled","change_lscache","LSCache",10),switchColumn("pagespeed_enabled","change_pagespeed","PageSpeed",11),switchColumn("hotlink_protection_enabled","change_hotlink","{% translate 'Hotlink Protection' %}",12),switchColumn("directory_listing_enabled","change_dirlist","{% translate 'Directory Listing' %}",13),
{data:null,orderable:false,searchable:false,responsivePriority:2,className:"text-end text-nowrap",render:(data,type,row)=>{if(type!=="display")return "";const reset=row.custom_settings?'<button type="button" class="btn btn-sm btn-outline-danger ols-reset" data-domain="'+encodeURIComponent(row.domain)+'" title="{% translate 'Reset custom LiteSpeed settings to server defaults' %}" aria-label="{% translate 'Reset custom LiteSpeed settings to server defaults' %}"><i data-lucide="rotate-ccw"></i></button>':'<button type="button" class="btn btn-sm btn-outline-secondary" disabled title="{% translate 'This website already uses the server defaults' %}"><i data-lucide="rotate-ccw"></i></button>';return '<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-secondary ols-modify" data-domain="'+encodeURIComponent(row.domain)+'" data-url="'+encodeURIComponent(row.edit_url)+'" title="{% translate 'Open advanced LiteSpeed settings' %}" aria-label="{% translate 'Open advanced LiteSpeed settings' %}"><i data-lucide="settings-2"></i></button>'+reset+'</div>'}}
],drawCallback:()=>lucide.createIcons()});table.on("responsive-display",()=>lucide.createIcons());
$(document).on("click",".ols-filter",function(){activeFilter=this.dataset.filter;$(".ols-filter").removeClass("btn-secondary active").addClass("btn-outline-secondary");$(this).removeClass("btn-outline-secondary").addClass("btn-secondary active");table.draw()});
$(document).on("click",".ols-modify",function(){const domain=decodeURIComponent(this.dataset.domain),url=decodeURIComponent(this.dataset.url);$("#olsModifyDomainLabel").text(domain);$("#olsModifyAcknowledgement").prop("checked",false);$("#confirmOlsModify").prop("disabled",true).data("url",url);modifyModal.show()});$("#olsModifyAcknowledgement").on("change",function(){$("#confirmOlsModify").prop("disabled",!this.checked)});$("#confirmOlsModify").on("click",function(){const url=$(this).data("url");if(!this.disabled&&url)window.location.assign(url)});
$(document).on("change",".ols-quick-switch",function(){const row=JSON.parse(decodeURIComponent(this.dataset.row)),field=this.dataset.field,enable=!row[field],label=decodeURIComponent(this.dataset.label);this.checked=row[field];$("#olsQuickDomain").val(row.domain);$("#olsQuickAction").val(enable?"on":"off");$("#olsQuickOperation").attr("name",this.dataset.operation).val("yes");$("#olsChangeDomainLabel").text(row.domain);$("#olsChangeHeading,#confirmOlsChangeText").text((enable?"{% translate 'Enable' %}":"{% translate 'Disable' %}")+" "+label);$("#olsChangeNoticeTitle").text(label+" "+(enable?"{% translate 'will be enabled' %}":"{% translate 'will be disabled' %}"));changeModal.show()});$("#confirmOlsChange").on("click",function(){document.getElementById("olsQuickForm").submit()});
$(document).on("click",".ols-reset",function(){const domain=decodeURIComponent(this.dataset.domain);$("#olsResetDomain").val(domain);$("#olsResetDomainLabel").text(domain);resetModal.show()});$("#confirmOlsReset").on("click",function(){document.getElementById("olsResetForm").submit()});
})})(jQuery);
</script>{% endblock %}