{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Manage Python Packages" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Manage Python Packages" %}</h1><div class="eenos-page-subtitle">{% translate "Install, update, or remove packages for" %} <strong>{{ domain }}</strong>.</div></div><a href="{% url 'sandbox_python_pips' %}" class="btn btn-outline-secondary"><i data-lucide="arrow-left"></i>{% translate "Python Packages" %}</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><a href="{% url 'sandbox_python_pips' %}">{% translate "Python Packages" %}</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="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Install Packages" %}</h2><p class="eenos-card-subtitle">{% translate "Enter package names one per line or separated by commas." %}</p></div><div class="eenos-card-action-icon"><i data-lucide="package-plus"></i></div></div><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 "Package installation target" %}</div><div class="eenos-modal-info-value"><a href="https://{{ domain }}/" target="_blank" rel="noopener noreferrer" class="d-inline-flex align-items-center gap-2"><span class="font-monospace text-break">{{ domain }}</span><i data-lucide="external-link"></i></a></div><div class="small text-muted mt-1">{% translate "Packages will be installed only in this website's Python sandbox." %}</div></div></div><form method="post" id="installPipsForm" class="eenos-form">{% csrf_token %}<label for="packages" class="form-label">{% translate "Python Packages" %}</label><textarea name="packages" id="packages" required class="form-control font-monospace" rows="4" data-parsley-required-message="{% translate 'Please enter at least one package.' %}" placeholder="Django==5.2&#10;psycopg2&#10;pymongo==4.14"></textarea><div class="form-text">{% translate "Use standard requirements.txt package syntax." %}</div><input type="hidden" name="install_pips" value="yes"><button type="button" class="btn btn-primary mt-3" id="reviewInstall"><i data-lucide="package-plus"></i>{% translate "Install Packages" %}</button></form></div>
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Installed Packages" %}</h2><p class="eenos-card-subtitle">{% translate "Packages currently installed for this application." %}</p></div><div class="eenos-card-action-icon"><i data-lucide="package-open"></i></div></div><div class="d-flex flex-wrap align-items-center gap-2 mb-3"><button type="button" class="btn btn-sm btn-outline-secondary" id="bulkUpdate"><i data-lucide="refresh-cw"></i>{% translate "Update Selected" %}</button><button type="button" class="btn btn-sm btn-outline-danger" id="bulkRemove"><i data-lucide="trash-2"></i>{% translate "Remove Selected" %}</button><a class="btn btn-sm btn-outline-primary ms-sm-auto" href="{% url 'sandbox_python_requirements' domain=domain %}" title="{% translate 'Download installed packages as requirements.txt' %}"><i data-lucide="download"></i>{% translate "Download requirements.txt" %}</a></div><div class="table-responsive"><table id="pipsTable" class="table align-middle w-100"><thead><tr><th><input type="checkbox" class="form-check-input" id="selectAllPips" aria-label="{% translate 'Select all packages' %}"></th><th>{% translate "Package" %}</th><th>{% translate "Version" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div></div>
<form method="post" id="pipActionForm">{% csrf_token %}<input type="hidden" name="packages" id="actionPackages"><input type="hidden" name="update_pip" id="updatePipAction"><input type="hidden" name="delete_pip" id="deletePipAction"></form>
<div class="modal fade" id="pipModal" 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="pipTitle"></h2><div class="small text-muted">{{ 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 package operation" %}</div><div class="eenos-amber-notice-text" id="pipText"></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="confirmPip"></button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>(function($){"use strict";$(function(){const esc=v=>$("<div>").text(v==null?"":v).html(),modal=bootstrap.Modal.getOrCreateInstance("#pipModal");let operation="",chosen=[];
const table=$("#pipsTable").DataTable({processing:true,autoWidth:false,ajax:{url:"{% url 'python_pips_data' %}",data:{domain:"{{ domain|escapejs }}"},dataSrc:"data"},pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],order:[[1,"asc"]],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No Python packages are installed.' %}",zeroRecords:"{% translate 'No matching packages found.' %}"},responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},columns:[{data:"package",orderable:false,searchable:false,width:"34px",render:(v,t)=>t==="display"?'<input type="checkbox" class="form-check-input pip-select" name="member_check" value="'+esc(v)+'">':v},{data:"package",responsivePriority:1,className:"font-monospace"},{data:"version",render:(v,t)=>t==="display"?'<span class="badge eenos-badge-neutral">'+esc(v||"—")+'</span>':v},{data:null,orderable:false,searchable:false,responsivePriority:1,className:"text-end",render:(d,t,r)=>t!=="display"?"":'<div class="eenos-dt-actions justify-content-end"><button class="btn btn-sm btn-outline-secondary pip-action" data-action="update" data-package="'+encodeURIComponent(r.package)+'"><i data-lucide="refresh-cw"></i></button><button class="btn btn-sm btn-outline-danger pip-action" data-action="remove" data-package="'+encodeURIComponent(r.package)+'"><i data-lucide="trash-2"></i></button></div>'}],drawCallback:()=>lucide.createIcons()});table.on("responsive-display",()=>lucide.createIcons());
function selected(){return $(".pip-select:checked").map((i,e)=>e.value).get()}function open(type,items){operation=type;chosen=items;const remove=type==="remove",install=type==="install",packages=items.flatMap(item=>String(item).split(/[\n,]+/)).map(item=>item.trim()).filter(Boolean),title=install?"{% translate 'Install Packages' %}":remove?"{% translate 'Remove Packages' %}":"{% translate 'Update Packages' %}";if(!$("#pipOperationDetails").length)$("#pipModal .eenos-amber-notice").before('<div id="pipOperationDetails" class="mb-4"><div class="eenos-modal-info mb-3"><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 "Python sandbox" %}</div><div class="eenos-modal-info-value font-monospace text-break">{{ domain }}</div></div></div><div class="d-flex align-items-center justify-content-between gap-3 mb-2"><strong>{% translate "Selected packages" %}</strong><span class="badge eenos-badge-neutral" id="pipPackageCount"></span></div><div class="d-flex flex-wrap gap-2" id="pipPackageList"></div></div><div class="form-check mt-4 d-none" id="removePipConfirmation"><input class="form-check-input" type="checkbox" id="removePipConfirmed"><label class="form-check-label fw-semibold" for="removePipConfirmed">{% translate "I understand that removing these packages may stop this Python application from working." %}</label></div>');$("#pipTitle").text(title);$("#pipPackageCount").text(packages.length+" "+(packages.length===1?"{% translate 'package' %}":"{% translate 'packages' %}"));$("#pipPackageList").html(packages.map(item=>'<span class="badge eenos-badge-neutral font-monospace">'+esc(item)+'</span>').join(""));$("#pipModal .eenos-amber-notice-title").text(remove?"{% translate 'Packages will be uninstalled' %}":install?"{% translate 'Confirm package installation' %}":"{% translate 'Installed versions may change' %}");$("#pipText").text(remove?"{% translate 'Removing packages may stop the application if it still depends on them.' %}":install?"{% translate 'These packages will be installed only in this application environment.' %}":"{% translate 'The selected packages will be upgraded to versions allowed by their constraints.' %}");$("#removePipConfirmation").toggleClass("d-none",!remove);$("#removePipConfirmed").prop("checked",false);$("#confirmPip").attr("class","btn "+(remove?"btn-danger":install?"btn-primary":"btn-warning")).prop("disabled",remove).text(title);lucide.createIcons();modal.show()}
$("#reviewInstall").on("click",function(){const f=$("#installPipsForm"),p=f.parsley();p.validate();if(p.isValid())open("install",[$("#packages").val()])});$(document).on("click",".pip-action",function(){open(this.dataset.action,[decodeURIComponent(this.dataset.package)])});$("#bulkUpdate").on("click",function(){const a=selected();if(a.length)open("update",a)});$("#bulkRemove").on("click",function(){const a=selected();if(a.length)open("remove",a)});$("#selectAllPips").on("change",function(){$(".pip-select").prop("checked",this.checked)});$(document).on("change","#removePipConfirmed",function(){$("#confirmPip").prop("disabled",!this.checked)});$("#confirmPip").on("click",function(){if(operation==="remove"&&!$("#removePipConfirmed").is(":checked"))return;if(operation==="install"){document.getElementById("installPipsForm").submit();return}$("#actionPackages").val(chosen.join(","));if(operation==="remove")$("#deletePipAction").val("yes");else $("#updatePipAction").val("yes");document.getElementById("pipActionForm").submit()});
})})(jQuery);</script>{% endblock %}