From d230d42f6a48a2a53de33978512c54221deb9030 Mon Sep 17 00:00:00 2001
From: Dknight <smirnov.dmitri@gmail.com>
Date: Sun, 18 Feb 2018 10:25:36 +0200
Subject: [PATCH] Use jQuery 3.3.1 for generator.html

---
 generator.html | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 generator.html
diff --git a/generator.html b/generator.html
new file mode 100644
index 0000000..45ec592
--- /dev/null
+++ b/generator.html
@@ -0,0 +1,57 @@
+<!doctype html>
+
+<!--
+  Sample page to generate and validate isikukood.
+-->
+
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <style>
+    #result {
+      font-size: 1.6em;
+      color: green;
+    }
+
+    #result.invalid {
+      color: #d00;
+    }
+  </style>
+</head>
+<body>
+
+<h1>Estonian Personal ID</h1>
+
+<form id="form-personal-id">
+  <h4>Validate personal Estonian ID</h4>
+  <input type="text" name="personal-id" id="personal-id" placeholder="Your Estonian personal ID" maxlength="11">
+  <button type="submit" class="minimal">Validate</button> <button id="generate" class="minimal">Generate</button>
+  <br>
+  <span id="result" class="invalid"></span>
+</form>
+
+<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+<script src="isikukood.min.js"></script>
+<script>
+  $(function () {
+    $("#form-personal-id").on('submit', function (event) {
+      event.preventDefault();
+      var val = $("#personal-id").val();
+      var ik = new Isikukood(val);
+      if (ik.validate()) {
+        $("#result").removeClass("invalid").html("Personal ID is valid");
+      } else {
+        $("#result").addClass("invalid").html("Personal ID is invalid");
+      }
+    });
+
+    $("#generate").click( function (event) {
+      event.preventDefault();
+      $("#personal-id").val(Isikukood.generate());
+    });
+  });
+</script>
+
+</body>
+</html>
\ No newline at end of file
