songs2slides

commit 605c9d3ccf40769561910cd42e2049f31fba4caa
parent b72016334f3922c5177f74da729dd1c02c5c5602
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Thu, 11 Jun 2020 08:34:03 -0700

Improve number input validation in settings page.

Diffstat:
M
Songs2Slides/templates/settings.html
 | 
18
+++++++++---------

1 file changed, 9 insertions(+), 9 deletions(-)
diff --git a/Songs2Slides/templates/settings.html b/Songs2Slides/templates/settings.html
@@ -23,7 +23,7 @@
             </div>
             <div>
                 Default lines per slide:
-                <input type="number" id="lines-per-slide" onchange="saveSettings();"/>
+                <input type="number" min="1" step="1" id="lines-per-slide" onchange="saveSettings();"/>
             </div>
             <div>
                 Remove content in parentheses: 
@@ -33,11 +33,11 @@
             <h3>Slide settings</h3>
             <div>
                 Width (Inches):
-                <input type="number" id="slide-width" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="slide-width" onchange="saveSettings();"/>
             </div>
             <div>
                 Height (Inches):
-                <input type="number" id="slide-height" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="slide-height" onchange="saveSettings();"/>
             </div>
             <div>
                 Background color:
@@ -47,19 +47,19 @@
             <h3>Margin settings</h3>
             <div>
                 Left (Inches):
-                <input type="number" id="margin-left" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="margin-left" onchange="saveSettings();"/>
             </div>
             <div>
                 Right (Inches):
-                <input type="number" id="margin-right" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="margin-right" onchange="saveSettings();"/>
             </div>
             <div>
                 Top (Inches):
-                <input type="number" id="margin-top" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="margin-top" onchange="saveSettings();"/>
             </div>
             <div>
                 Bottom (Inches):
-                <input type="number" id="margin-bottom" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="margin-bottom" onchange="saveSettings();"/>
             </div>
 
             <h3>Font settings</h3>
@@ -85,7 +85,7 @@
             </div>
             <div>
                 Size:
-                <input type="number" id="font-size" onchange="saveSettings();"/>
+                <input type="number" min="0" step="1" id="font-size" onchange="saveSettings();"/>
             </div>
             <div>
                 Bold:
@@ -111,7 +111,7 @@
             </div>
             <div>
                 Line spacing:
-                <input type="number" id="line-spacing" onchange="saveSettings();"/>
+                <input type="number" min="0" step="any" id="line-spacing" onchange="saveSettings();"/>
             </div>
             <div>
                 Word wrap: