From 184d337f76ed0cdb0e33c2c1f779661ad02f178f Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sat, 2 May 2020 18:49:12 +0300
Subject: [PATCH] Read validate-forms.js from assets.

---
 site/content/docs/5.0/forms/validation.md     | 26 +++++--------------
 site/layouts/_default/docs.html               |  4 +++
 .../docs/5.0}/assets/js/validate-forms.js     |  4 ---
 3 files changed, 10 insertions(+), 24 deletions(-)
 rename site/{ => static/docs/5.0}/assets/js/validate-forms.js (95%)

diff --git a/site/content/docs/5.0/forms/validation.md b/site/content/docs/5.0/forms/validation.md
index c5051636249b..d70507037bc1 100644
--- a/site/content/docs/5.0/forms/validation.md
+++ b/site/content/docs/5.0/forms/validation.md
@@ -4,6 +4,9 @@ title: Validation
 description: Provide valuable, actionable feedback to your users with HTML5 form validation, via browser default behaviors or custom styles and JavaScript.
 group: forms
 toc: true
+extra_js:
+  - src: "/docs/5.0/assets/js/validate-forms.js"
+    async: true
 ---
 
 {{< callout warning >}}
@@ -99,26 +102,9 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun
 {{< /example >}}
 
 {{< example lang="js" show_preview="false" >}}
-// Example starter JavaScript for disabling form submissions if there are invalid fields
-(function () {
-  'use strict';
-
-  // Fetch all the forms we want to apply custom Bootstrap validation styles to
-  var forms = document.querySelectorAll('.needs-validation');
-
-  // Loop over them and prevent submission
-  Array.prototype.slice.call(forms)
-    .forEach(function (form) {
-      form.addEventListener('submit', function (event) {
-        if (!form.checkValidity()) {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-
-        form.classList.add('was-validated');
-      }, false);
-    });
-})();
+{{< js.inline >}}
+{{- readFile (printf "site/static/docs/%s/assets/js/validate-forms.js" .Site.Params.docs_version) -}}
+{{< /js.inline >}}
 {{< /example >}}
 
 ## Browser defaults
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
index 01890869afca..2e5bac7fcf01 100644
--- a/site/layouts/_default/docs.html
+++ b/site/layouts/_default/docs.html
@@ -47,5 +47,9 @@ <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
 
     {{ partial "footer" . }}
     {{ partial "scripts" . }}
+
+    {{ range .Page.Params.extra_js -}}
+      <script{{ with .async }} async{{ end }} src="{{ .src }}"></script>
+    {{- end -}}
   </body>
 </html>
diff --git a/site/assets/js/validate-forms.js b/site/static/docs/5.0/assets/js/validate-forms.js
similarity index 95%
rename from site/assets/js/validate-forms.js
rename to site/static/docs/5.0/assets/js/validate-forms.js
index b79f63f2dcb0..f8fd583de4b1 100644
--- a/site/assets/js/validate-forms.js
+++ b/site/static/docs/5.0/assets/js/validate-forms.js
@@ -5,10 +5,6 @@
   // Fetch all the forms we want to apply custom Bootstrap validation styles to
   var forms = document.querySelectorAll('.needs-validation')
 
-  if (!forms) {
-    return
-  }
-
   // Loop over them and prevent submission
   Array.prototype.slice.call(forms)
     .forEach(function (form) {