{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Deploy Python App" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Deploy Python App" %}</h1><div class="eenos-page-subtitle">{% translate "Create an isolated Python application environment for a website." %}</div></div><a href="{% url 'selector_python' %}" class="btn btn-outline-secondary"><i data-lucide="list-checks"></i>{% translate "Python Applications" %}</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 "Python" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "Deploy Python App" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Application Configuration" %}</h2><p class="eenos-card-subtitle">{% translate "Choose the website, runtime, application type, and entry point." %}</p></div><div class="eenos-card-action-icon"><i data-lucide="rocket"></i></div></div>
{% if havedoamins %}<form method="post" id="deployPythonForm" class="eenos-form">{% csrf_token %}<div class="row g-3">
<div class="col-12 col-lg-6"><label for="deployDomain" class="form-label">{% translate "Website" %}</label><select id="deployDomain" name="domain" class="form-select eenos-select-search" required data-parsley-required-message="{% translate 'Please select a domain name.' %}"><option value="">{% translate "Select domain" %}</option>{% for domain in domains %}<option value="{{ domain }}">{{ domain }}</option>{% endfor %}</select></div>
<div class="col-12 col-lg-6"><label for="deployPython" class="form-label">{% translate "Python Version" %}</label><select id="deployPython" name="python" class="form-select eenos-select-search" required data-parsley-required-message="{% translate 'Please select a Python version.' %}"><option value="">{% translate "Select Python version" %}</option>{% for python in allpython %}<option value="{{ python }}" {% if python == default %}selected{% endif %}>{{ python }}</option>{% endfor %}</select></div>
<div class="col-12"><label class="form-label">{% translate "Application Type" %}</label><div class="row g-3"><div class="col-12 col-md-6"><label class="border rounded-3 p-3 d-flex gap-3 h-100"><input class="form-check-input mt-1 app-choice" type="radio" name="app" value="Django" required><span><strong>Django</strong><span class="d-block small text-muted">{% translate "Django web framework application." %}</span></span></label></div><div class="col-12 col-md-6"><label class="border rounded-3 p-3 d-flex gap-3 h-100"><input class="form-check-input mt-1 app-choice" type="radio" name="app" value="Wagtail" required><span><strong>Wagtail</strong><span class="d-block small text-muted">{% translate "Wagtail content management application." %}</span></span></label></div><div class="col-12 col-md-6"><label class="border rounded-3 p-3 d-flex gap-3 h-100"><input class="form-check-input mt-1 app-choice" type="radio" name="app" value="Flask" required><span><strong>Flask</strong><span class="d-block small text-muted">{% translate "Flask web framework application." %}</span></span></label></div><div class="col-12 col-md-6"><label class="border rounded-3 p-3 d-flex gap-3 h-100"><input class="form-check-input mt-1 app-choice" type="radio" name="app" value="PythonWSGI" required><span><strong>Python WSGI</strong><span class="d-block small text-muted">{% translate "Generic Python WSGI application." %}</span></span></label></div></div></div>
<div class="col-12 col-md-6"><label for="pythonStartup" class="form-label">{% translate "Startup Script" %}</label><input class="form-control" id="pythonStartup" name="pythonstartup" value="wsgi.py" required data-parsley-pattern="^([a-zA-Z0-9][\w-]*)\.py$" data-parsley-pattern-message="{% translate 'Enter a valid Python file name.' %}"></div>
<div class="col-12 col-md-6"><label for="pythonPublic" class="form-label">{% translate "Public Directory" %}</label><div class="input-group"><span class="input-group-text" id="publicDirectoryPrefix"><i data-lucide="home"></i>&nbsp;{% translate "Select website" %}&nbsp;/</span><input class="form-control" id="pythonPublic" name="public" value="public" required></div><div class="form-text">{% translate "This directory will be created inside the selected website's document root." %}</div></div>
<div class="col-12 col-md-6"><label for="pythonEnvironment" class="form-label">{% translate "Environment" %}</label><select class="form-select" id="pythonEnvironment" name="environment" required><option value="production">{% translate "Production" %}</option><option value="development">{% translate "Development" %}</option></select></div>
<div class="col-12 col-md-6"><label for="demoInstall" class="form-label">{% translate "Demo Application" %}</label><select class="form-select" id="demoInstall" name="demoinstall" required><option value="no">{% translate "No, I will upload the application" %}</option><option value="yes">{% translate "Install a demo application" %}</option></select></div>
</div><input type="hidden" name="deploy_app" value="yes"></form>
{% else %}<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 "No eligible websites" %}</div><div class="eenos-amber-notice-text">{% translate "Add another domain or remove an existing Python application before deploying a new one." %}</div></div></div>{% endif %}</div>
{% if havedoamins %}<div class="d-flex flex-column flex-sm-row gap-2 mt-3"><button type="button" class="btn btn-primary" id="reviewDeployment"><i data-lucide="rocket"></i>{% translate "Deploy Python App" %}</button><a href="{% url 'selector_python' %}" class="btn btn-outline-secondary"><i data-lucide="arrow-left"></i>{% translate "Go Back" %}</a></div>{% endif %}
<div class="modal fade" id="deployModal" tabindex="-1" aria-labelledby="deployModalTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2" id="deployModalTitle"><i data-lucide="rocket"></i>{% translate "Review Python Deployment" %}</h2><div class="small text-muted mt-1">{% translate "Confirm the application configuration before deployment." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div class="row g-3 mb-4"><div class="col-12 col-md-6"><div class="eenos-modal-info h-100"><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="deploymentDomain"></div></div></div></div><div class="col-12 col-md-6"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="braces"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Python Runtime" %}</div><div class="eenos-modal-info-value font-monospace" id="deploymentRuntime"></div></div></div></div><div class="col-12 col-md-6"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="boxes"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Application" %}</div><div class="eenos-modal-info-value" id="deploymentApp"></div></div></div></div><div class="col-12 col-md-6"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="settings-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Environment" %}</div><div class="eenos-modal-info-value text-capitalize" id="deploymentEnvironment"></div></div></div></div></div><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 "Deployment changes the website configuration" %}</div><div class="eenos-amber-notice-text">{% translate "Eenos will create the isolated environment, install the selected application, and rebuild the web-server configuration. The operation may take several minutes." %}</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="confirmDeployment"><i data-lucide="rocket"></i>{% translate "Start Deployment" %}</button></div></div></div></div>
{{ domain_docroots|json_script:"python-domain-docroots" }}
{% endblock %}
{% block extra_js %}<script>(function($){"use strict";$(function(){const form=$("#deployPythonForm");if(!form.length)return;const modal=bootstrap.Modal.getOrCreateInstance("#deployModal"),roots=JSON.parse(document.getElementById("python-domain-docroots").textContent);function updatePublicPrefix(){const domain=$("#deployDomain").val(),root=roots[domain]||"",prefix=domain?"/"+root+"/":"{% translate 'Select website' %} /";$("#publicDirectoryPrefix").html('<i data-lucide="home"></i>&nbsp;'+$("<div>").text(prefix).html());lucide.createIcons()}$("#deployDomain").on("change",updatePublicPrefix);updatePublicPrefix();$("#reviewDeployment").on("click",function(){const validation=form.parsley();validation.validate();if(!validation.isValid())return;$("#deploymentDomain").text($("#deployDomain").val());$("#deploymentRuntime").text($("#deployPython").val());$("#deploymentApp").text($("input[name='app']:checked").val());$("#deploymentEnvironment").text($("#pythonEnvironment").val());modal.show()});$("#confirmDeployment").on("click",function(){form[0].submit()});$(".app-choice").on("change",function(){$("#pythonStartup").val(this.value==="Flask"?"app.py":"wsgi.py")})})})(jQuery);</script>{% endblock %}