From eebf526657f19ac22f81eba9b16d39d2e58865f8 Mon Sep 17 00:00:00 2001
From: Vishnu Ks <yo@vishnuks.com>
Date: Mon, 24 Dec 2018 16:04:47 +0530
Subject: [PATCH] billing: Check for min license count in frontend.

---
 static/styles/billing.scss       |  9 +++++++++
 templates/corporate/upgrade.html | 11 +++--------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/static/styles/billing.scss b/static/styles/billing.scss
index 6a3f80d50a..8faeadf429 100644
--- a/static/styles/billing.scss
+++ b/static/styles/billing.scss
@@ -258,3 +258,12 @@
         display: none;
     }
 }
+
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+input[type="number"] {
+    -moz-appearance: textfield;
+}
diff --git a/templates/corporate/upgrade.html b/templates/corporate/upgrade.html
index a9a02c5d04..1647c21b04 100644
--- a/templates/corporate/upgrade.html
+++ b/templates/corporate/upgrade.html
@@ -116,9 +116,7 @@
                                     </p>
 
                                     <h4>Number of licenses (minimum {{ seat_count }})</h4>
-                                    <input pattern="\d*" oninvalid="this.setCustomValidity('Invalid input')"
-                                      oninput="this.setCustomValidity('')" type="text"
-                                    autocomplete="off" id="manual_license_count" required/><br>
+                                    <input type="number" min="{{ seat_count }}" autocomplete="off" id="manual_license_count" required/><br>
                                 </div>
 
                                 <div id="license-mix-section">
@@ -129,9 +127,7 @@
                                         period.
                                     </p>
                                     <h4>Number of licenses (minimum {{ seat_count }})</h4>
-                                    <input pattern="\d*" oninvalid="this.setCustomValidity('Invalid input')"
-                                      oninput="this.setCustomValidity('')" type="text"
-                                    autocomplete="off" id="mix_license_count" required/><br>
+                                    <input type="number" min="{{ seat_count }}"autocomplete="off" id="mix_license_count" required/><br>
                                 </div>
 
                                 <button id="add-card-button" class="stripe-button-el">
@@ -184,8 +180,7 @@
                                     ACH transfer or credit card.
                                 </p>
                                 <h4>Number of users (minimum {{ min_invoiced_licenses }})</h4>
-                                <input pattern="\d*" oninvalid="this.setCustomValidity('Invalid input')"
-                                  oninput="this.setCustomValidity('')" type="text" autocomplete="off"
+                                <input type="number" min="{{ min_invoiced_licenses }}" autocomplete="off"
                                 id="invoiced_seat_count" name="invoiced_seat_count" required/><br>
                                 <button type="submit" id="invoice-button" class="stripe-button-el invoice-button">Buy Standard</button>
                             </form>