From 1f8cd62c0905dc1a92f11150abe57ead58a74628 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 6 May 2021 23:43:56 +0530
Subject: [PATCH] UX update

Added form validation
---
 index.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index c38b839..0d593c3 100644
--- a/index.html
+++ b/index.html
@@ -95,32 +95,32 @@
         <form id="add-bond-form" class="grid gap-1-5">
             <label class="grid gap-0-5">
                 FLO ID
-                <input type="text" name="floid" pattern="[0-9a-zA-Z]{34}">
+                <input type="text" name="floid" pattern="[0-9a-zA-Z]{34}" required>
             </label>
             <label class="grid gap-0-5">
                 Amount (₹)
-                <input type="text" name="amount" pattern="\d.+">
+                <input type="text" name="amount" pattern="\d.+" required>
             </label>
             <label class="grid gap-0-5">
                 Bond start date
-                <input type="date" name="start_date">
+                <input type="date" name="start_date" required>
             </label>
             <label class="grid gap-0-5">
                 Base BTC value ($)
-                <input type="text" name="base" pattern="^[\d,]+.?\d$">
+                <input type="text" name="base" pattern="^[\d,]+.?\d$" required>
             </label>
             <label class="grid gap-0-5">
                 Base USD rate (₹)
-                <input type="number" name="usd_rate" step="0.01">
+                <input type="number" name="usd_rate" step="0.01" required>
             </label>
             <label class="grid gap-0-5">
                 Guaranteed interest rate (%)
-                <input type="number" name="gi_r" min=0 max=100 step="0.01">
+                <input type="number" name="gi_r" min=0 max=100 step="0.01" required>
             </label>
             <div class="grid gap-0-5">
                 Guaranteed interest period
                 <div class="flex">
-                    <input type="number" name="gi_pv">
+                    <input type="number" name="gi_pv" required>
                     <sm-select id="gi_pt" align-select="right">
                         <sm-option value="year(s)" selected>year(s)</sm-option>
                         <sm-option value="month(s)">month(s)</sm-option>
@@ -131,12 +131,12 @@
             </div>
             <label class="grid gap-0-5">
                 Gain share (%)
-                <input type="number" name="cut" min=0 max=100>
+                <input type="number" name="cut" min=0 max=100 required>
             </label>
             <div class="grid gap-0-5">
                 Lock-in period
                 <div class="flex">
-                    <input type="number" name="lockin_v">
+                    <input type="number" name="lockin_v" required>
                     <sm-select id="lockin_t" align-select="right">
                         <sm-option value="year(s)" selected>year(s)</sm-option>
                         <sm-option value="month(s)">month(s)</sm-option>