Added Javascript needed warning.

This commit is contained in:
John Shaver 2018-07-26 14:12:33 -07:00
parent 8610baf0e0
commit b86074920a
3 changed files with 16 additions and 2 deletions

View File

@ -45,7 +45,9 @@
<h1>Get the green lock for your website</h1> <h1>Get the green lock for your website</h1>
</div> </div>
<div class="column-row"> <div class="column-row">
<!-- Step 1 Choose Domain(s) --> <div class="js-javascript-warning">
Greenlock will process the CSR in the browser and request the certificates directly from letsencrypt.org. Please enable Javascript before continuing.
</div>
<form id="js-acme-form" action="./app/" method=> <form id="js-acme-form" action="./app/" method=>
<div class="domain-psuedo-input"> <div class="domain-psuedo-input">
<span class="secure-green">Secure</span> | <span class="secure-green">https:</span>//<input aria-label="domains to secure" id="acme-domains" type="text" name="acme-domains" placeholder="Your domain name" required> <span class="secure-green">Secure</span> | <span class="secure-green">https:</span>//<input aria-label="domains to secure" id="acme-domains" type="text" name="acme-domains" placeholder="Your domain name" required>

View File

@ -4,6 +4,8 @@
var $qs = function (s) { return window.document.querySelector(s); }; var $qs = function (s) { return window.document.querySelector(s); };
var $qsa = function (s) { return window.document.querySelectorAll(s); }; var $qsa = function (s) { return window.document.querySelectorAll(s); };
$qs('.js-javascript-warning').hidden = true;
var apiUrl = 'https://acme-{{env}}.api.letsencrypt.org/directory'; var apiUrl = 'https://acme-{{env}}.api.letsencrypt.org/directory';
function updateApiType() { function updateApiType() {
var formData = new FormData($qs("#js-acme-form")); var formData = new FormData($qs("#js-acme-form"));

View File

@ -102,4 +102,14 @@ body.js-app-ready {
.acme-advanced-fields > * { .acme-advanced-fields > * {
margin: 0 0.5em; margin: 0 0.5em;
} }
.js-javascript-warning {
border: solid 1px red;
background-color: #ffc0cb40;
border-radius: 2px;
margin: 0.6em;
padding: 0.5em 1em;
width: 30em;
}