From 522bdc7d2950543b30d494e4b60ca980dfed95a8 Mon Sep 17 00:00:00 2001
From: Misode <Misoloo64@gmail.com>
Date: Mon, 17 Jun 2019 06:46:37 +0200
Subject: [PATCH] Add indentation dropdown and credits

---
 index.html | 13 +++++++++++--
 script.js  | 14 ++++++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 0cb506e0..925fa3ac 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
 <body>
   <nav class="navbar navbar-dark bg-dark">
     <span class="navbar-brand mb-0 h1">Loot Table Generator for Minecraft 1.14</span>
+    <span class="float-right"><a href="https://github.com/misode" style="color: #ddd;">by Misode</a></span>
   </nav>
   <div class="container">
     <div class="row my-4">
@@ -20,8 +21,16 @@
         </div>
       </div>
       <div class="col-12 col-md-5">
-        <div class="btn-group pb-3 float-right">
-          <button type="button" class="btn btn-light" onclick="copySource(this)">Copy</button>
+        <div class="input-group pb-3 float-right">
+          <div class="input-group-prepend">
+            <span class="input-group-text">Indentation</span>
+          </div>
+          <select id="indentationSelect" class="form-control" style="max-width: 7em;" onchange="updateIndentation(this)">
+            <option value="2">2 Spaces</option>
+            <option value="4">4 Spaces</option>
+            <option value="tab">Tabs</option>
+          </select>
+          <button type="button" class="btn ml-3 btn-secondary" onclick="copySource(this)">Copy</button>
         </div>
         <textarea id="source" class="form-control"></textarea>
       </div>
diff --git a/script.js b/script.js
index c48aec81..848c0478 100644
--- a/script.js
+++ b/script.js
@@ -1,6 +1,7 @@
 
 $("#source").val('');
-
+$('#indentationSelect').val("2");
+let indentation = 2;
 let table = {
   pools: []
 };
@@ -29,6 +30,15 @@ function removePool(el) {
   invalidated();
 }
 
+function updateIndentation(el) {
+  if (el.value === 'tab') {
+    indentation = '\t';
+  } else {
+    indentation = parseInt(el.value);
+  }
+  invalidated();
+}
+
 function updateRollsField(el) {
   let $pool = $(el).parent().parent().parent();
   let value = parseInt($(el).val());
@@ -37,7 +47,7 @@ function updateRollsField(el) {
 }
 
 function invalidated() {
-  $('#source').val(JSON.stringify(table, null, 2));
+  $('#source').val(JSON.stringify(table, null, indentation));
   $('#source').autogrow();
 }
 
