CINXE.COM
Manager Cloud
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text /html; charset=UTF-8" /><meta name="htmx-config" content='{"responseHandling": [{"code":".*", "swap": true}]}' /><title>Manager Cloud</title><link rel="shortcut icon" href="//www.manager.io/favicon.ico"><link rel="apple-touch-icon" href="//www.manager.io/apple-touch-icon.png"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"><script src="https://kit.fontawesome.com/0b64f5ae8f.js" crossorigin="anonymous"></script></head><body class="bg-light"><div class="m-4 text-center d-print-none"><a href="/"><img src="//www.manager.io/apple-touch-icon.png" style="width: 118px; height: 120px" /></a><br /><span style="font-size: 3rem">Cloud</span></div><div class="container"><div class="row justify-content-md-center"><div class="col-md-auto border bg-white p-4" id="content" style="min-width: 500px"><form><div class="mb-3"><label class="form-label fw-bold">Domain</label><div class="input-group"><div class="input-group-text text-black-50"><i class="fa fa-lock-alt me-2"></i>https://</div><input type="text" class="form-control" name="Key" maxlength="30" /><div class="input-group-append"><span class="input-group-text text-black-50">.manager.io</span></div></div></div><div class="mb-3"><button class="btn btn-success fw-bold d-block btn-lg">Next</button></div></form><p class="text-danger text-center d-none" id="invalid-feedback"></p></div></div></div><p class="text-black-50 text-center m-3 small d-print-none">Please contact us at <b>support@manager.io</b> if you require assistance.</p><script> let forms = document.getElementsByTagName('form'); for (i = 0; i < forms.length; i++) { forms[i].addEventListener('submit', function(e) { e.preventDefault(); }); } let buttons = document.getElementsByTagName('button'); for (i = 0; i < buttons.length; i++) { let button = buttons[i]; button.addEventListener('click', function() { let formElement = button.closest('form'); if (formElement != null) { document.getElementById('invalid-feedback').classList.add('d-none'); button.setAttribute('disabled', 'disabled'); button.innerHTML = '<i id="fa-spinner" class="fal fa-spinner fa-spin me-2"></i>'+button.innerHTML; let formData = new FormData(formElement); let httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState === XMLHttpRequest.DONE) { if (httpRequest.status === 200) { document.getElementById('content').innerHTML = httpRequest.responseText; } else { document.getElementById('fa-spinner').remove(); button.removeAttribute('disabled'); document.getElementById('invalid-feedback').classList.remove('d-none'); document.getElementById('invalid-feedback').innerHTML = httpRequest.responseText; } } } var actionUrl = formElement.getAttribute('action'); if (!actionUrl) actionUrl = window.location.href; httpRequest.open('POST', actionUrl); httpRequest.send(formData); } }); } </script></body></html>