{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "SSH Key Pairs" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "SSH Key Pairs" %}</h1><div class="eenos-page-subtitle">{% translate "Generate, import, inspect, download, and remove SSH key pairs for your hosting account." %}</div></div><div class="col-12 col-sm-auto d-grid d-sm-flex gap-2"><a href="{% url 'ssh_create_keys' %}" class="btn btn-outline-primary d-flex align-items-center justify-content-center gap-2"><i data-lucide="key-round"></i>{% translate "Generate Key" %}</a><a href="{% url 'ssh_import_keys' %}" class="btn btn-outline-secondary d-flex align-items-center justify-content-center gap-2"><i data-lucide="upload"></i>{% translate "Import Key" %}</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 "Security" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "SSH" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "SSH Key Pairs" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="row row-cols-2 row-cols-md-3 row-cols-xl-6 g-3 mb-4" aria-label="{% translate 'SSH key summary' %}"><div class="col"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="key-round"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="sshKeysTotal">—</div><div class="eenos-summary-card-label">{% translate "Key Pairs" %}</div></div></div></div>{% if has_shell_access %}<div class="col"><div class="eenos-card eenos-summary-card h-100"><div class="eenos-summary-card-icon"><i data-lucide="user-check"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="sshKeysAuthorized">—</div><div class="eenos-summary-card-label">{% translate "Authorized" %}</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="user-x"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="sshKeysNotAuthorized">—</div><div class="eenos-summary-card-label">{% translate "Not Authorized" %}</div></div></div></div>{% endif %}<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="sshKeysEd25519">—</div><div class="eenos-summary-card-label">Ed25519</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="binary"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="sshKeysRsa">—</div><div class="eenos-summary-card-label">RSA</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="fingerprint"></i></div><div class="eenos-summary-card-content"><div class="eenos-summary-card-value" id="sshKeysEcdsa">—</div><div class="eenos-summary-card-label">ECDSA</div></div></div></div></div>
{% if not has_shell_access %}<div class="eenos-notice eenos-notice-info mb-4"><div class="eenos-notice-icon"><i data-lucide="cloud-upload"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Backup SSH keys" %}</div><div class="eenos-notice-text">{% translate "These key pairs can authenticate this server to remote backup storage. They do not enable inbound shell access to your hosting account." %}</div></div></div>{% endif %}
<div class="eenos-amber-notice eenos-amber-notice-warning 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 "Protect your private keys" %}</div><div class="eenos-amber-notice-text">{% translate "Private keys grant access to remote systems. View or download them only on trusted devices and never disclose them." %}</div></div></div>
<div class="eenos-card"><div class="eenos-card-header flex-wrap gap-3"><div><h2 class="eenos-card-title">{% translate "Stored SSH Keys" %}</h2></div><div class="d-flex flex-wrap align-items-center gap-2 ms-lg-auto">{% if has_shell_access %}<button type="button" class="btn btn-sm btn-outline-primary d-inline-flex align-items-center gap-2 text-nowrap" id="openSshConnection" disabled><i data-lucide="terminal"></i>{% translate "Connection Details" %}</button><label for="sshAuthorizationFilter" class="visually-hidden">{% translate "Filter by authorization status" %}</label><select id="sshAuthorizationFilter" class="form-select form-select-sm w-auto" aria-label="{% translate 'Filter by authorization status' %}"><option value="all">{% translate "All authorization statuses" %}</option><option value="authorized">{% translate "Authorized" %}</option><option value="not-authorized">{% translate "Not Authorized" %}</option></select>{% endif %}<label for="sshAlgorithmFilter" class="visually-hidden">{% translate "Filter by key algorithm" %}</label><select id="sshAlgorithmFilter" class="form-select form-select-sm w-auto" aria-label="{% translate 'Filter by key algorithm' %}"><option value="all">{% translate "All key types" %}</option><option value="ed25519">Ed25519</option><option value="rsa">RSA</option><option value="ecdsa">ECDSA</option></select><div class="eenos-card-action-icon"><i data-lucide="key-round"></i></div></div></div><div class="table-responsive"><table id="sshKeyPairsTable" class="table align-middle w-100"><thead><tr><th>{% translate "Key Name" %}</th><th>{% translate "Metadata" %}</th><th>{% translate "Created" %}</th><th>{% translate "Authorization" %}</th><th>{% translate "Private Key" %}</th><th>{% translate "Public Key" %}</th><th class="text-end">{% translate "Action" %}</th></tr></thead></table></div></div>
<form method="post" id="deleteSshKeyForm" class="d-none">{% csrf_token %}<input type="hidden" name="key_delete" value="yes"><input type="hidden" name="key" id="deleteSshKeyName"></form>
<form method="post" id="authorizeSshKeyForm" class="d-none">{% csrf_token %}<input type="hidden" name="authorize_key" value="yes"><input type="hidden" name="key" id="authorizeSshKeyName"></form>
<form method="post" id="deauthorizeSshKeyForm" class="d-none">{% csrf_token %}<input type="hidden" name="deauthorize_key" value="yes"><input type="hidden" name="key" id="deauthorizeSshKeyName"></form>
<div class="modal fade" id="sshConnectionModal" tabindex="-1" aria-labelledby="sshConnectionTitle" 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="sshConnectionTitle"><i data-lucide="terminal"></i>{% translate "SSH Connection Details" %}</h2><div class="small text-muted mt-1">{% translate "Use these settings in your terminal or SSH client." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><dl class="row mb-4"><dt class="col-sm-4">{% translate "Host" %}</dt><dd class="col-sm-8 font-monospace user-select-all" id="sshConnectionHost">—</dd><dt class="col-sm-4">{% translate "Username" %}</dt><dd class="col-sm-8 font-monospace user-select-all" id="sshConnectionUsername">—</dd><dt class="col-sm-4">{% translate "Port" %}</dt><dd class="col-sm-8 font-monospace user-select-all" id="sshConnectionPort">—</dd></dl><div class="form-label">{% translate "SSH Command" %}</div><div class="eenos-code-view d-flex align-items-center justify-content-between gap-3"><code class="font-monospace text-break user-select-all" id="sshConnectionCommand"></code><button type="button" class="btn btn-sm btn-outline-secondary flex-shrink-0" id="copySshConnectionCommand" title="{% translate 'Copy SSH command' %}" aria-label="{% translate 'Copy SSH command' %}"><i data-lucide="copy"></i></button></div><div class="eenos-notice eenos-notice-info mt-4 mb-0"><div class="eenos-notice-icon"><i data-lucide="key-round"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Authentication" %}</div><div class="eenos-notice-text">{% translate "Use your account password or an authorized private key when connecting." %}</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 "Close" %}</button></div></div></div></div>
<div class="modal fade" id="sshAuthorizationModal" tabindex="-1" aria-labelledby="sshAuthorizationTitle" 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="sshAuthorizationTitle"></h2><div class="small text-muted mt-1" id="sshAuthorizationSubtitle"></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="key-round"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "SSH key" %}</div><div class="eenos-modal-info-value font-monospace" id="sshAuthorizationKeyName"></div><div class="d-flex flex-wrap gap-2 mt-2"><span class="badge eenos-badge-neutral" id="sshAuthorizationAlgorithm"></span><span class="small text-muted font-monospace text-break" id="sshAuthorizationFingerprint"></span></div></div></div><div class="eenos-notice mb-0" id="sshAuthorizationNotice"><div class="eenos-notice-icon"><i data-lucide="shield-check" id="sshAuthorizationNoticeIcon"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title" id="sshAuthorizationNoticeTitle"></div><div class="eenos-notice-text" id="sshAuthorizationNoticeText"></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" id="confirmSshAuthorization"></button></div></div></div></div>
<div class="modal fade" id="sshKeyViewModal" tabindex="-1" aria-labelledby="sshKeyViewTitle" 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" id="sshKeyViewTitle"></h2><div class="small text-muted font-monospace mt-1" id="sshKeyViewName"></div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div id="sshPrivateKeyWarning" class="eenos-notice eenos-notice-warning mb-3 d-none"><div class="eenos-notice-icon"><i data-lucide="shield-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Sensitive private key" %}</div><div class="eenos-notice-text">{% translate "Do not copy or disclose this private key unless absolutely necessary." %}</div></div></div><div id="sshKeyLoading" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2" aria-hidden="true"></span>{% translate "Loading key..." %}</div><pre class="eenos-code-view mb-0 d-none" id="sshKeyContent"></pre></div><div class="modal-footer"><button type="button" class="btn btn-outline-primary" id="copySshKeyContent" disabled><i data-lucide="copy"></i><span>{% translate "Copy to Clipboard" %}</span></button><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Close" %}</button></div></div></div></div>
<div class="modal fade" id="deleteSshKeyModal" tabindex="-1" aria-labelledby="deleteSshKeyTitle" 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="deleteSshKeyTitle">{% translate "Delete SSH Key Pair" %}</h2><div class="small text-muted mt-1">{% translate "Permanently remove both key files." %}</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="key-round"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Key name" %}</div><div class="eenos-modal-info-value font-monospace" id="deleteSshKeyDisplay"></div></div></div><div class="eenos-notice eenos-notice-danger 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 "Permanent deletion" %}</div><div class="eenos-notice-text">{% translate "Both the private and public key files will be removed. This operation 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="confirmDeleteSshKey"><i data-lucide="trash-2"></i>{% translate "Delete Key Pair" %}</button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
$(function(){let sshConnection={};const esc=v=>$("<div>").text(v==null?"":v).html(),actions=(file,type)=>'<div class="eenos-dt-actions"><button type="button" class="btn btn-sm btn-outline-primary view-ssh-key" data-file="'+encodeURIComponent(file)+'" data-type="'+type+'" title="{% translate 'View key' %}" aria-label="{% translate 'View key' %}"><i data-lucide="eye"></i></button><a class="btn btn-sm btn-outline-secondary" href="{% url 'keydownload' %}?key='+encodeURIComponent(file)+'" title="{% translate 'Download key' %}" aria-label="{% translate 'Download key' %}"><i data-lucide="download"></i></a></div>',algorithmLabel=value=>value==="ssh-ed25519"?"Ed25519":value==="ssh-rsa"?"RSA":value.startsWith("ecdsa-")?"ECDSA":value||"{% translate 'Unknown' %}",shortFingerprint=value=>value&&value.length>27?value.slice(0,20)+"…"+value.slice(-7):value,table=$("#sshKeyPairsTable").DataTable({responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},processing:true,autoWidth:false,pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],ajax:{url:"{% url 'ssh_key_pairs_data' %}",dataSrc:response=>{const summary=response.summary||{},server=response.server||{};sshConnection={host:String(server.host||""),username:String(server.username||""),port:Number(server.ssh_port||22)};$("#openSshConnection").prop("disabled",!(sshConnection.host&&sshConnection.username));$("#sshKeysTotal").text(summary.total||0);$("#sshKeysAuthorized").text(summary.authorized||0);$("#sshKeysNotAuthorized").text(summary.not_authorized||0);$("#sshKeysEd25519").text(summary.ed25519||0);$("#sshKeysRsa").text(summary.rsa||0);$("#sshKeysEcdsa").text(summary.ecdsa||0);return response.data||[]}},order:[[0,"asc"]],columns:[{data:"name",responsivePriority:1,render:(d,t)=>t==="display"?'<span class="fw-semibold font-monospace">'+esc(d)+"</span>":d},{data:null,render:(d,t,r)=>{const searchable=[r.algorithm,r.bits,r.fingerprint,r.comment].join(" ");if(t!=="display")return searchable;const typeClass=r.algorithm==="ssh-ed25519"?"eenos-badge-success":r.algorithm==="ssh-rsa"?"eenos-badge-info":r.algorithm&&r.algorithm.startsWith("ecdsa-")?"eenos-badge-primary":"eenos-badge-neutral",bits=r.bits?'<span class="badge eenos-badge-neutral">'+esc(r.bits)+' {% translate 'bits' %}</span>':"",fingerprint=r.fingerprint?'<div class="small font-monospace text-muted mt-1" title="'+esc(r.fingerprint)+'">'+esc(shortFingerprint(r.fingerprint))+"</div>":"",comment=r.comment?'<div class="small text-muted mt-1 text-break">'+esc(r.comment)+"</div>":"";return '<div class="d-flex flex-wrap gap-1"><span class="badge '+typeClass+'">'+esc(algorithmLabel(r.algorithm))+"</span>"+bits+"</div>"+fingerprint+comment}},{data:"created_at",render:(d,t)=>{if(!d)return "—";if(t!=="display")return d;const date=new Date(d);return Number.isNaN(date.getTime())?"—":'<span class="text-nowrap" title="'+esc(date.toISOString())+'">'+esc(date.toLocaleString([],{dateStyle:"medium",timeStyle:"short"}))+"</span>"}},{data:"authorized",orderable:false,visible:{% if has_shell_access %}true{% else %}false{% endif %},render:(d,t,r)=>{if(d===null)return t==="display"?'<span class="badge eenos-badge-neutral">{% translate "Shell access disabled" %}</span>':"";if(t!=="display")return d?"authorized":"not authorized";const badge=d?'<span class="badge eenos-badge-success">{% translate 'Authorized' %}</span>':'<span class="badge eenos-badge-neutral">{% translate 'Not Authorized' %}</span>',button=d?'<button type="button" class="btn btn-sm btn-outline-danger toggle-ssh-authorization" data-authorized="true" data-file="'+encodeURIComponent(r.public_key_file)+'" data-name="'+encodeURIComponent(r.name)+'" data-algorithm="'+encodeURIComponent(algorithmLabel(r.algorithm))+'" data-fingerprint="'+encodeURIComponent(r.fingerprint||"")+'" title="{% translate 'Deauthorize SSH key' %}" aria-label="{% translate 'Deauthorize SSH key' %}"><i data-lucide="user-x"></i></button>':'<button type="button" class="btn btn-sm btn-outline-success toggle-ssh-authorization" data-authorized="false" data-file="'+encodeURIComponent(r.public_key_file)+'" data-name="'+encodeURIComponent(r.name)+'" data-algorithm="'+encodeURIComponent(algorithmLabel(r.algorithm))+'" data-fingerprint="'+encodeURIComponent(r.fingerprint||"")+'" title="{% translate 'Authorize SSH key' %}" aria-label="{% translate 'Authorize SSH key' %}"><i data-lucide="user-check"></i></button>';return '<div class="d-inline-flex align-items-center gap-2 text-nowrap">'+badge+'<div class="eenos-dt-actions">'+button+"</div></div>"}},{data:null,orderable:false,searchable:false,width:"115px",render:(d,t,r)=>t!=="display"?"":r.has_private_key?actions(r.private_key_file,"private"):"—"},{data:null,orderable:false,searchable:false,width:"115px",render:(d,t,r)=>t!=="display"?"":r.has_public_key?actions(r.public_key_file,"public"):"—"},{data:null,orderable:false,searchable:false,width:"70px",className:"text-end",responsivePriority:1,render:(d,t,r)=>t!=="display"?"":'<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-danger delete-ssh-key" data-name="'+encodeURIComponent(r.name)+'" title="{% translate 'Delete key pair' %}" aria-label="{% translate 'Delete key pair' %}"><i data-lucide="trash-2"></i></button></div>'}],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No SSH key pairs are stored.' %}",zeroRecords:"{% translate 'No matching key pairs found.' %}"},drawCallback:()=>lucide.createIcons()});table.on("responsive-display",()=>lucide.createIcons());$("#sshAuthorizationFilter,#sshAlgorithmFilter").on("change",function(){const authorization=$("#sshAuthorizationFilter").val(),algorithm=$("#sshAlgorithmFilter").val(),authorizationPattern=authorization==="authorized"?"^authorized$":authorization==="not-authorized"?"^not authorized$":"",algorithmPattern=algorithm==="ed25519"?"^ssh-ed25519":algorithm==="rsa"?"^ssh-rsa":algorithm==="ecdsa"?"^ecdsa-":"";table.column(3).search(authorizationPattern,true,false);table.column(1).search(algorithmPattern,true,false);table.draw()});let currentSshKeyContent="";const copySshKeyContent=async()=>{if(!currentSshKeyContent)return false;if(navigator.clipboard&&window.isSecureContext){try{await navigator.clipboard.writeText(currentSshKeyContent);return true}catch(error){}}const keyNode=document.getElementById("sshKeyContent"),selection=window.getSelection(),range=document.createRange();range.selectNodeContents(keyNode);selection.removeAllRanges();selection.addRange(range);let copied=false;try{copied=document.execCommand("copy")}catch(error){copied=false}selection.removeAllRanges();return copied},viewModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("sshKeyViewModal")),connectionModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("sshConnectionModal")),authorizationModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("sshAuthorizationModal")),deleteModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("deleteSshKeyModal"));$("#openSshConnection").on("click",function(){if(!sshConnection.host||!sshConnection.username)return;const command="ssh -p "+sshConnection.port+" "+sshConnection.username+"@"+sshConnection.host;$("#sshConnectionHost").text(sshConnection.host);$("#sshConnectionUsername").text(sshConnection.username);$("#sshConnectionPort").text(sshConnection.port);$("#sshConnectionCommand").text(command);connectionModal.show()});$("#copySshConnectionCommand").on("click",async function(){const button=$(this),command=$("#sshConnectionCommand").text(),commandNode=document.getElementById("sshConnectionCommand");let copied=false;if(command&&navigator.clipboard&&window.isSecureContext){try{await navigator.clipboard.writeText(command);copied=true}catch(error){copied=false}}if(command&&!copied&&commandNode){const selection=window.getSelection(),range=document.createRange();range.selectNodeContents(commandNode);selection.removeAllRanges();selection.addRange(range);try{copied=document.execCommand("copy")}catch(error){copied=false}selection.removeAllRanges()}if(!copied){button.html('<i data-lucide="x"></i>').addClass("btn-outline-danger").removeClass("btn-outline-secondary");lucide.createIcons();setTimeout(function(){button.html('<i data-lucide="copy"></i>').addClass("btn-outline-secondary").removeClass("btn-outline-danger");lucide.createIcons()},1600);return}button.html('<i data-lucide="check"></i>').addClass("btn-outline-success").removeClass("btn-outline-secondary");lucide.createIcons();setTimeout(function(){button.html('<i data-lucide="copy"></i>').addClass("btn-outline-secondary").removeClass("btn-outline-success");lucide.createIcons()},1600)});$(document).on("click",".view-ssh-key",function(){const file=decodeURIComponent(this.dataset.file),isPrivate=this.dataset.type==="private";$("#sshKeyViewTitle").text(isPrivate?"{% translate 'Private Key' %}":"{% translate 'Public Key' %}");$("#sshKeyViewName").text(file);$("#sshPrivateKeyWarning").toggleClass("d-none",!isPrivate);$("#sshKeyContent").toggleClass("eenos-code-view-wrap",!isPrivate).addClass("d-none").text("");currentSshKeyContent="";$("#sshKeyLoading").removeClass("d-none");$("#copySshKeyContent").prop("disabled",true);viewModal.show();$.get("{% url 'keyview' %}",{key:file}).done(response=>{currentSshKeyContent=String(response);$("#sshKeyLoading").addClass("d-none");$("#sshKeyContent").text(currentSshKeyContent).removeClass("d-none");$("#copySshKeyContent").prop("disabled",false)}).fail(()=>{currentSshKeyContent="";$("#sshKeyLoading").addClass("d-none");$("#sshKeyContent").text("{% translate 'Unable to load this key.' %}").removeClass("d-none")})});let authorizationFormId="";$(document).on("click",".toggle-ssh-authorization",function(){const authorized=this.dataset.authorized==="true",file=decodeURIComponent(this.dataset.file),name=decodeURIComponent(this.dataset.name),algorithm=decodeURIComponent(this.dataset.algorithm),fingerprint=decodeURIComponent(this.dataset.fingerprint);authorizationFormId=authorized?"deauthorizeSshKeyForm":"authorizeSshKeyForm";$("#"+(authorized?"deauthorizeSshKeyName":"authorizeSshKeyName")).val(file);$("#sshAuthorizationTitle").text(authorized?"{% translate 'Deauthorize SSH Key' %}":"{% translate 'Authorize SSH Key' %}");$("#sshAuthorizationSubtitle").text(authorized?"{% translate 'Remove login access for this key.' %}":"{% translate 'Permit login access with this key.' %}");$("#sshAuthorizationKeyName").text(name);$("#sshAuthorizationAlgorithm").text(algorithm);$("#sshAuthorizationFingerprint").text(fingerprint);$("#sshAuthorizationNotice").attr("class","eenos-notice mb-0 "+(authorized?"eenos-notice-warning":"eenos-notice-info"));$("#sshAuthorizationNoticeIcon").attr("data-lucide",authorized?"user-x":"shield-check");$("#sshAuthorizationNoticeTitle").text(authorized?"{% translate 'Remove authorization' %}":"{% translate 'Grant SSH access' %}");$("#sshAuthorizationNoticeText").text(authorized?"{% translate 'This key will no longer be able to log in to the account. The stored key pair will not be deleted.' %}":"{% translate 'The matching private key will be permitted to log in to this account.' %}");$("#confirmSshAuthorization").attr("class","btn "+(authorized?"btn-danger":"btn-primary")).html('<i data-lucide="'+(authorized?"user-x":"user-check")+'"></i>'+(authorized?"{% translate 'Deauthorize Key' %}":"{% translate 'Authorize Key' %}"));lucide.createIcons();authorizationModal.show()});$("#confirmSshAuthorization").on("click",function(){if(authorizationFormId)document.getElementById(authorizationFormId).submit()});$(document).on("click",".delete-ssh-key",function(){const name=decodeURIComponent(this.dataset.name);$("#deleteSshKeyName").val(name);$("#deleteSshKeyDisplay").text(name);deleteModal.show()});$("#copySshKeyContent").on("click",async function(){const button=$(this),copied=await copySshKeyContent();if(!copied){button.addClass("btn-outline-danger").removeClass("btn-outline-primary");button.find("span").text("{% translate 'Copy failed' %}");setTimeout(function(){button.addClass("btn-outline-primary").removeClass("btn-outline-danger");button.find("span").text("{% translate 'Copy to Clipboard' %}")},1800);return;}button.addClass("btn-outline-success").removeClass("btn-outline-primary");button.find("i").attr("data-lucide","check");button.find("span").text("{% translate 'Copied' %}");lucide.createIcons();setTimeout(function(){button.addClass("btn-outline-primary").removeClass("btn-outline-success");button.find("i").attr("data-lucide","copy");button.find("span").text("{% translate 'Copy to Clipboard' %}");lucide.createIcons()},1800)});$("#confirmDeleteSshKey").on("click",function(){document.getElementById("deleteSshKeyForm").submit()})});
</script>{% endblock %}