Added asset bundle

src/assets/ErrorAsset.php

@@ -0,0 +1,30 @@
+<?php
+/**
+ * @copyright Copyright (c) PutYourLightsOn
+ */
+
+namespace putyourlightson\snaptcha\assets;
+
+use craft\web\AssetBundle;
+
+class ErrorAsset extends AssetBundle
+{
+    /**
+     * @inheritdoc
+     */
+    public function init()
+    {
+        $this->sourcePath = '@putyourlightson/snaptcha/resources';
+
+        // define the relative path to CSS/JS files that should be registered with the page when this asset bundle is registered
+        $this->css = [
+            'css/error.css',
+        ];
+
+        $this->js = [
+            'js/error.js',
+        ];
+
+        parent::init();
+    }
+}

src/resources/css/error.css

@@ -0,0 +1,4 @@
+.btn.submit {
+    font-weight: bold !important;
+    text-transform: uppercase;
+}

src/resources/js/error.js

@@ -0,0 +1,8 @@
+document.getElementById('warning').remove();
+document.getElementById('error').classList.remove('hidden');
+document.getElementById('graphic').classList.remove('hidden');
+
+setTimeout(function() {
+    document.getElementById('graphic').remove();
+    document.getElementById('resubmit').classList.remove('disabled');
+}, document.getElementById('resubmit').dataset.timeout);

src/templates/_error.html

@@ -1,15 +1,9 @@
 {% extends '_layouts/message' %}
 
+{% do view.registerAssetBundle('putyourlightson\\snaptcha\\assets\\ErrorAsset') %}
+
 {% set title = settings.errorTitle %}
 
-{% js %}
-    document.getElementById('warning').remove();
-    document.getElementById('error').classList.remove('hidden');
-    setTimeout(function() {
-        document.getElementById('graphic').remove();
-        document.getElementById('resubmit').classList.remove('disabled');
-    }, {{ (settings.minimumSubmitTime * 1000) + random(1, 100) }});
-{% endjs %}
 
 {% block message %}
 
@@ -30,10 +24,10 @@ <h2>{{ settings.errorTitle }}</h2>
 
         {{ craft.snaptcha.field }}
 
-        <button id="resubmit" type="submit" class="btn submit disabled" style="font-weight: bold; text-transform: uppercase;">
+        <button id="resubmit" type="submit" class="btn submit disabled" data-timeout="{{ settings.minimumSubmitTime * 1000 }}">
             {{ settings.errorButtonText }}
         </button>
-        <div id="graphic" class="spinner"></div>
+        <div id="graphic" class="spinner hidden"></div>
     </form>
 
 {% endblock %}