209e01deb6
Adds a "Generate a new key" button to the checkout SSH key section that creates an Ed25519 keypair entirely in the browser using Web Crypto API. The public key auto-fills the form field, and the private key is presented for download/copy with a clear "save now" warning. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
431 lines
18 KiB
PHP
431 lines
18 KiB
PHP
<?php
|
|
|
|
use WHMCS\Module\Server\VirtFusionDirect\ConfigureService;
|
|
use WHMCS\Module\Server\VirtFusionDirect\Database;
|
|
use WHMCS\User\User;
|
|
|
|
if (!defined("WHMCS")) {
|
|
die("This file cannot be accessed directly");
|
|
}
|
|
|
|
/**
|
|
* Shopping Cart Validation Hook
|
|
*
|
|
* Validates that an operating system has been selected before checkout
|
|
* for all VirtFusion products in the cart.
|
|
*/
|
|
add_hook('ShoppingCartValidateCheckout', 1, function ($vars) {
|
|
$errors = [];
|
|
|
|
if (!isset($_SESSION['cart']['products']) || !is_array($_SESSION['cart']['products'])) {
|
|
return $errors;
|
|
}
|
|
|
|
foreach ($_SESSION['cart']['products'] as $key => $product) {
|
|
$pid = $product['pid'] ?? null;
|
|
if (!$pid) {
|
|
continue;
|
|
}
|
|
|
|
$dbProduct = \WHMCS\Database\Capsule::table('tblproducts')
|
|
->where('id', $pid)
|
|
->where('servertype', 'VirtFusionDirect')
|
|
->first();
|
|
|
|
if (!$dbProduct) {
|
|
continue;
|
|
}
|
|
|
|
// Check if Initial Operating System custom field has a value
|
|
if (isset($product['customfields']) && is_array($product['customfields'])) {
|
|
$osSelected = false;
|
|
$customFields = \WHMCS\Database\Capsule::table('tblcustomfields')
|
|
->where('relid', $pid)
|
|
->where('type', 'product')
|
|
->get();
|
|
|
|
foreach ($customFields as $field) {
|
|
if (strtolower(str_replace(' ', '', $field->fieldname)) === 'initialoperatingsystem') {
|
|
$fieldValue = $product['customfields'][$field->id] ?? '';
|
|
if (!empty($fieldValue) && is_numeric($fieldValue)) {
|
|
$osSelected = true;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!$osSelected) {
|
|
$errors[] = 'Please select an Operating System for your VPS order.';
|
|
}
|
|
}
|
|
}
|
|
|
|
return $errors;
|
|
});
|
|
|
|
/**
|
|
* Client Area Footer Output Hook
|
|
*
|
|
* Dynamically converts hidden text fields for OS templates and SSH keys
|
|
* into dropdown selects populated from the VirtFusion API.
|
|
* Works with all WHMCS themes by using vanilla JavaScript and standard form-control classes.
|
|
*/
|
|
add_hook('ClientAreaFooterOutput', 1, function ($vars) {
|
|
if (!isset($vars['productinfo']['module']) || $vars['productinfo']['module'] !== 'VirtFusionDirect') {
|
|
return null;
|
|
}
|
|
|
|
try {
|
|
$cs = new ConfigureService();
|
|
|
|
$templates_data = $cs->fetchTemplates(
|
|
$cs->fetchPackageByDbId($vars['productinfo']['pid']) ?? $cs->fetchPackageId($vars['productinfo']['name'])
|
|
);
|
|
|
|
if (empty($templates_data)) {
|
|
return null;
|
|
}
|
|
|
|
$dropdownOptions = [];
|
|
|
|
foreach ($templates_data['data'] as $osCategory) {
|
|
foreach ($osCategory['templates'] as $template) {
|
|
$optionValue = $template['id'];
|
|
$optionLabel = htmlspecialchars($template['name'] . " " . $template['version'] . " " . $template['variant'], ENT_QUOTES, 'UTF-8');
|
|
$dropdownOptions[] = ['id' => $optionValue, 'name' => $optionLabel];
|
|
}
|
|
}
|
|
|
|
usort($dropdownOptions, function ($a, $b) {
|
|
return strcmp($a['name'], $b['name']);
|
|
});
|
|
|
|
$sshKeys = [];
|
|
$sshKeysOptions = [];
|
|
if (isset($vars['loggedinuser']) && $vars['loggedinuser']) {
|
|
$sshKeysData = $cs->getUserSshKeys($vars['loggedinuser']);
|
|
if ($sshKeysData && isset($sshKeysData['data'])) {
|
|
$sshKeysOptions = array_values(array_filter(array_map(function ($sshKey) {
|
|
if ($sshKey['enabled'] === false) {
|
|
return null;
|
|
}
|
|
return [
|
|
'id' => $sshKey['id'],
|
|
'name' => htmlspecialchars($sshKey['name'], ENT_QUOTES, 'UTF-8')
|
|
];
|
|
}, $sshKeysData['data'])));
|
|
}
|
|
}
|
|
|
|
$osID = array_values(array_filter(array_map(function ($option) {
|
|
if ($option['textid'] === 'initialoperatingsystem') {
|
|
return $option['id'];
|
|
}
|
|
}, $vars['customfields'] ?? [])));
|
|
|
|
$sshID = array_values(array_filter(array_map(function ($option) {
|
|
if ($option['textid'] === 'initialsshkey') {
|
|
return $option['id'];
|
|
}
|
|
}, $vars['customfields'] ?? [])));
|
|
|
|
$osFieldId = $osID[0] ?? null;
|
|
$sshFieldId = $sshID[0] ?? null;
|
|
|
|
if ($osFieldId === null) {
|
|
return null;
|
|
}
|
|
|
|
$systemUrl = Database::getSystemUrl();
|
|
|
|
return "
|
|
<script src=\"" . htmlspecialchars($systemUrl, ENT_QUOTES, 'UTF-8') . "modules/servers/VirtFusionDirect/templates/js/keygen.js?v=0.0.20\"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var osTemplates = " . json_encode($dropdownOptions, JSON_THROW_ON_ERROR | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) . ";
|
|
var sshKeys = " . json_encode($sshKeysOptions, JSON_THROW_ON_ERROR | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) . ";
|
|
|
|
var osInputField = document.querySelector('[name=\"customfield[" . (int) $osFieldId . "]\"]');
|
|
var sshInputField = " . ($sshFieldId !== null ? "document.querySelector('[name=\"customfield[" . (int) $sshFieldId . "]\"]')" : "null") . ";
|
|
var sshInputLabel = " . ($sshFieldId !== null ? "document.querySelector('[for=\"customfield" . (int) $sshFieldId . "\"]')" : "null") . ";
|
|
|
|
if (!osInputField) return;
|
|
|
|
// Create OS dropdown
|
|
var osSelect = document.createElement('select');
|
|
osSelect.className = 'form-control';
|
|
osSelect.setAttribute('id', 'vf-os-select');
|
|
|
|
var defaultOption = document.createElement('option');
|
|
defaultOption.value = '';
|
|
defaultOption.text = '-- Select Operating System --';
|
|
osSelect.appendChild(defaultOption);
|
|
|
|
osTemplates.forEach(function(template) {
|
|
var option = document.createElement('option');
|
|
option.value = template.id;
|
|
option.text = template.name;
|
|
osSelect.appendChild(option);
|
|
});
|
|
|
|
osSelect.addEventListener('change', function() {
|
|
osInputField.value = this.value;
|
|
});
|
|
|
|
osInputField.parentNode.insertBefore(osSelect, osInputField.nextSibling);
|
|
osInputField.style.display = 'none';
|
|
|
|
// Handle SSH keys
|
|
if (sshInputField) {
|
|
// Create the paste-key textarea (hidden initially if keys exist)
|
|
var sshPasteContainer = document.createElement('div');
|
|
sshPasteContainer.setAttribute('id', 'vf-ssh-paste-container');
|
|
sshPasteContainer.style.display = 'none';
|
|
sshPasteContainer.style.marginTop = '8px';
|
|
|
|
var pasteLabel = document.createElement('label');
|
|
pasteLabel.textContent = 'Paste your SSH public key:';
|
|
pasteLabel.style.display = 'block';
|
|
pasteLabel.style.marginBottom = '4px';
|
|
|
|
var pasteArea = document.createElement('textarea');
|
|
pasteArea.className = 'form-control';
|
|
pasteArea.setAttribute('id', 'vf-ssh-paste');
|
|
pasteArea.setAttribute('rows', '3');
|
|
pasteArea.setAttribute('placeholder', 'ssh-rsa AAAA... or ssh-ed25519 AAAA...');
|
|
|
|
pasteArea.addEventListener('input', function() {
|
|
sshInputField.value = this.value.trim();
|
|
});
|
|
|
|
sshPasteContainer.appendChild(pasteLabel);
|
|
sshPasteContainer.appendChild(pasteArea);
|
|
|
|
// Generate key button
|
|
var generateBtn = document.createElement('button');
|
|
generateBtn.type = 'button';
|
|
generateBtn.className = 'btn btn-outline-secondary btn-sm';
|
|
generateBtn.textContent = 'Generate a new key';
|
|
generateBtn.style.marginTop = '8px';
|
|
|
|
// Private key panel (hidden initially)
|
|
var privKeyPanel = document.createElement('div');
|
|
privKeyPanel.setAttribute('id', 'vf-privkey-panel');
|
|
privKeyPanel.style.display = 'none';
|
|
privKeyPanel.style.marginTop = '12px';
|
|
privKeyPanel.style.border = '2px solid #dc3545';
|
|
privKeyPanel.style.borderRadius = '6px';
|
|
privKeyPanel.style.padding = '12px';
|
|
|
|
var privKeyWarning = document.createElement('div');
|
|
privKeyWarning.style.color = '#dc3545';
|
|
privKeyWarning.style.fontWeight = 'bold';
|
|
privKeyWarning.style.marginBottom = '8px';
|
|
privKeyWarning.textContent = 'Private Key — Save This Now! It will not be shown again.';
|
|
|
|
var privKeyArea = document.createElement('textarea');
|
|
privKeyArea.className = 'form-control';
|
|
privKeyArea.setAttribute('rows', '6');
|
|
privKeyArea.setAttribute('readonly', 'readonly');
|
|
privKeyArea.style.fontFamily = 'monospace';
|
|
privKeyArea.style.fontSize = '12px';
|
|
privKeyArea.style.marginBottom = '8px';
|
|
|
|
var privKeyBtnRow = document.createElement('div');
|
|
privKeyBtnRow.style.display = 'flex';
|
|
privKeyBtnRow.style.gap = '8px';
|
|
privKeyBtnRow.style.alignItems = 'center';
|
|
privKeyBtnRow.style.flexWrap = 'wrap';
|
|
|
|
var downloadBtn = document.createElement('button');
|
|
downloadBtn.type = 'button';
|
|
downloadBtn.className = 'btn btn-primary btn-sm';
|
|
downloadBtn.textContent = 'Download';
|
|
|
|
var copyBtn = document.createElement('button');
|
|
copyBtn.type = 'button';
|
|
copyBtn.className = 'btn btn-default btn-secondary btn-sm';
|
|
copyBtn.textContent = 'Copy to Clipboard';
|
|
|
|
var pubKeyConfirm = document.createElement('span');
|
|
pubKeyConfirm.style.color = '#28a745';
|
|
pubKeyConfirm.style.fontWeight = 'bold';
|
|
pubKeyConfirm.textContent = 'Public key set automatically.';
|
|
|
|
privKeyBtnRow.appendChild(downloadBtn);
|
|
privKeyBtnRow.appendChild(copyBtn);
|
|
privKeyBtnRow.appendChild(pubKeyConfirm);
|
|
privKeyPanel.appendChild(privKeyWarning);
|
|
privKeyPanel.appendChild(privKeyArea);
|
|
privKeyPanel.appendChild(privKeyBtnRow);
|
|
|
|
downloadBtn.addEventListener('click', function() {
|
|
vfDownloadFile('id_ed25519', privKeyArea.value);
|
|
});
|
|
|
|
copyBtn.addEventListener('click', function() {
|
|
navigator.clipboard.writeText(privKeyArea.value).then(function() {
|
|
copyBtn.textContent = 'Copied!';
|
|
setTimeout(function() { copyBtn.textContent = 'Copy to Clipboard'; }, 2000);
|
|
});
|
|
});
|
|
|
|
// Error message for unsupported browsers
|
|
var genErrorMsg = document.createElement('div');
|
|
genErrorMsg.style.display = 'none';
|
|
genErrorMsg.style.marginTop = '8px';
|
|
genErrorMsg.style.color = '#dc3545';
|
|
genErrorMsg.textContent = 'Your browser does not support Ed25519 key generation. Please paste your public key manually.';
|
|
|
|
generateBtn.addEventListener('click', async function() {
|
|
generateBtn.disabled = true;
|
|
generateBtn.textContent = 'Generating...';
|
|
try {
|
|
var keys = await vfGenerateSSHKey();
|
|
var sshSelect = document.getElementById('vf-ssh-select');
|
|
if (sshSelect) {
|
|
sshSelect.value = '__new__';
|
|
sshPasteContainer.style.display = 'block';
|
|
}
|
|
pasteArea.value = keys.publicKey;
|
|
sshInputField.value = keys.publicKey;
|
|
privKeyArea.value = keys.privateKey;
|
|
privKeyPanel.style.display = 'block';
|
|
genErrorMsg.style.display = 'none';
|
|
} catch (e) {
|
|
genErrorMsg.style.display = 'block';
|
|
privKeyPanel.style.display = 'none';
|
|
} finally {
|
|
generateBtn.disabled = false;
|
|
generateBtn.textContent = 'Generate a new key';
|
|
}
|
|
});
|
|
|
|
if (sshKeys.length > 0) {
|
|
var sshSelect = document.createElement('select');
|
|
sshSelect.className = 'form-control';
|
|
sshSelect.setAttribute('id', 'vf-ssh-select');
|
|
|
|
var sshDefaultOption = document.createElement('option');
|
|
sshDefaultOption.value = '';
|
|
sshDefaultOption.text = '-- No SSH Key (Optional) --';
|
|
sshSelect.appendChild(sshDefaultOption);
|
|
|
|
sshKeys.forEach(function(sshkey) {
|
|
var option = document.createElement('option');
|
|
option.value = sshkey.id;
|
|
option.text = sshkey.name;
|
|
sshSelect.appendChild(option);
|
|
});
|
|
|
|
// Add new key option
|
|
var addNewOption = document.createElement('option');
|
|
addNewOption.value = '__new__';
|
|
addNewOption.text = 'Add new key...';
|
|
sshSelect.appendChild(addNewOption);
|
|
|
|
sshSelect.addEventListener('change', function() {
|
|
if (this.value === '__new__') {
|
|
sshPasteContainer.style.display = 'block';
|
|
sshInputField.value = '';
|
|
} else {
|
|
sshPasteContainer.style.display = 'none';
|
|
document.getElementById('vf-ssh-paste').value = '';
|
|
sshInputField.value = this.value;
|
|
}
|
|
});
|
|
|
|
sshInputField.parentNode.insertBefore(sshSelect, sshInputField.nextSibling);
|
|
sshSelect.parentNode.insertBefore(sshPasteContainer, sshSelect.nextSibling);
|
|
sshPasteContainer.parentNode.insertBefore(generateBtn, sshPasteContainer.nextSibling);
|
|
generateBtn.parentNode.insertBefore(genErrorMsg, generateBtn.nextSibling);
|
|
genErrorMsg.parentNode.insertBefore(privKeyPanel, genErrorMsg.nextSibling);
|
|
sshInputField.style.display = 'none';
|
|
} else {
|
|
// No existing keys — show the paste textarea directly
|
|
sshPasteContainer.style.display = 'block';
|
|
sshInputField.parentNode.insertBefore(sshPasteContainer, sshInputField.nextSibling);
|
|
sshPasteContainer.parentNode.insertBefore(generateBtn, sshPasteContainer.nextSibling);
|
|
generateBtn.parentNode.insertBefore(genErrorMsg, generateBtn.nextSibling);
|
|
genErrorMsg.parentNode.insertBefore(privKeyPanel, genErrorMsg.nextSibling);
|
|
sshInputField.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
// Slider UI: enhance known configurable option selects with range sliders
|
|
var sliderResourceNames = ['Memory', 'CPU Cores', 'Storage', 'Bandwidth', 'Inbound Network Speed', 'Outbound Network Speed'];
|
|
var sliderUnits = {
|
|
'Memory': 'MB', 'CPU Cores': 'Core(s)', 'Storage': 'GB',
|
|
'Bandwidth': 'GB', 'Inbound Network Speed': 'Mbps', 'Outbound Network Speed': 'Mbps'
|
|
};
|
|
|
|
var configSelects = document.querySelectorAll('select[name^=\"configoption[\"]');
|
|
configSelects.forEach(function(sel) {
|
|
// Find the label for this select
|
|
var label = null;
|
|
var labelEl = sel.closest('.form-group, .row');
|
|
if (labelEl) {
|
|
label = labelEl.querySelector('label');
|
|
}
|
|
if (!label) return;
|
|
|
|
var labelText = label.textContent.trim();
|
|
var matchedResource = null;
|
|
sliderResourceNames.forEach(function(name) {
|
|
if (labelText.indexOf(name) !== -1) {
|
|
matchedResource = name;
|
|
}
|
|
});
|
|
if (!matchedResource) return;
|
|
|
|
var options = [];
|
|
for (var i = 0; i < sel.options.length; i++) {
|
|
options.push({
|
|
value: sel.options[i].value,
|
|
label: sel.options[i].text
|
|
});
|
|
}
|
|
if (options.length < 2) return;
|
|
|
|
var unit = sliderUnits[matchedResource] || '';
|
|
|
|
// Create slider container
|
|
var container = document.createElement('div');
|
|
container.className = 'vf-slider-container';
|
|
|
|
var valueDisplay = document.createElement('div');
|
|
valueDisplay.className = 'vf-slider-value';
|
|
valueDisplay.textContent = options[sel.selectedIndex || 0].label + (unit ? ' ' + unit : '');
|
|
|
|
var slider = document.createElement('input');
|
|
slider.type = 'range';
|
|
slider.className = 'vf-slider form-range';
|
|
slider.min = '0';
|
|
slider.max = String(options.length - 1);
|
|
slider.step = '1';
|
|
slider.value = String(sel.selectedIndex || 0);
|
|
|
|
slider.addEventListener('input', function() {
|
|
var idx = parseInt(this.value);
|
|
sel.selectedIndex = idx;
|
|
valueDisplay.textContent = options[idx].label + (unit ? ' ' + unit : '');
|
|
// Trigger change event on hidden select for WHMCS pricing
|
|
var evt = new Event('change', { bubbles: true });
|
|
sel.dispatchEvent(evt);
|
|
});
|
|
|
|
container.appendChild(valueDisplay);
|
|
container.appendChild(slider);
|
|
|
|
sel.parentNode.insertBefore(container, sel.nextSibling);
|
|
sel.style.display = 'none';
|
|
});
|
|
});
|
|
</script>
|
|
";
|
|
} catch (\Throwable $e) {
|
|
// Silently fail - don't break the checkout page
|
|
return null;
|
|
}
|
|
});
|