diff options
Diffstat (limited to 'interface/views')
| -rw-r--r-- | interface/views/adduser.ejs | 165 | ||||
| -rw-r--r-- | interface/views/citizens.ejs | 1 | ||||
| -rw-r--r-- | interface/views/partials/navbar.ejs | 5 |
3 files changed, 170 insertions, 1 deletions
diff --git a/interface/views/adduser.ejs b/interface/views/adduser.ejs new file mode 100644 index 0000000..1a96601 --- /dev/null +++ b/interface/views/adduser.ejs @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <%- include('partials/head') %> + </head> + + <body> + + <%- include('partials/navbar') %> + + <div class="ui container segment" > + <form class="ui form" method="post" onsubmit="editCitizen(event)" > + <div class="field"> + <label>Citizen ID</label> + <input + placeholder="Citizen ID" + name="citizen_id" + type="text" + autocomplete="off" + id="citizen_id" + /> + </div> + <div class="field"> + <label>First Name</label> + <input + placeholder="First Name" + name="first_name" + type="text" + autocomplete="off" + id="first_name"> + </div> + <div class="field"> + <label>Last Name</label> + <input + placeholder="Last Name" + name="last_name" + type="text" + autocomplete="off" + id="last_name"> + <div> + <div class="field"> + <label>Address</label> + <input + placeholder="Address" + name="address" + type="text" + autocomplete="off" + id="address" + /> + </div> + <div class="field"> + <label>Mobile Number</label> + <input + type="text" + name="mobile_number" + placeholder="Mobile Number" + id="mobile_number" + /> + </div> + <div class="field"> + <label>Date of Birth</label> + <input type="date" name="dob" placeholder="DOB" id="dob" /> + </div> + <div class="field"> + <label>Marital Status</label> + <select class="ui dropdown" id="marital_status"> + <option value="M">Married</option> + <option value="UM">Unmarried</option> + </select> + </div> + <div class = "field"> + <label>disabled</label> + <select class="ui dropdown" id="disabled"> + <option value="Yes">Yes</option> + <option value="No">No</option> + </select> + </div> + <div class="field"> + <label>Disabled Percentage</label> + <input + type="text" + name="disabled_percentage" + placeholder="Disabled Percentage" + id="disabled_percentage" + /> + </div> + <div class="field"> + <label>Caste</label> + <input + type="text" + name="caste" + placeholder="Caste" + id="caste" + /> + </div> + + <div class="field"> + <label>State</label> + <select class="ui dropdown" id="state"> + </select> + </div> + <div class="field"> + <label>District</label> + <select class="ui dropdown" id="district"> + </select> + </div> + <div class="field"> + <lable>Mandal</lable> + <select class="ui dropdown" id="mandal"> + </select> + </div> + <div class="field"> + <label>Village Name</label> + <select class="ui dropdown" id="village"> + </select> + </div> + + + + + + + + <div class="ui primary button" id="editCitizen">Submit</div> + <div class="ui error message"></div> + </form> + + </div> + + </body> + <%- include('partials/scripts') %> + + <script> + //gereate random data with Upper case letter with seven digit number + function generateCitizenId() { + var text = ""; + var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; + var possible2 = "0123456789"; + text += possible.charAt(Math.floor(Math.random() * possible.length)); + for (var i = 0; i < 7; i++) + + text += possible2.charAt(Math.floor(Math.random() * possible2.length)); + + //validate user name with database + fetch("/api/citizens/validate", { + method: "POST", + headers: {'Content-Type': 'application/json'}, + body: JSON.stringify({citizen_id: text}) + }).then(res => { + if(res.status == 200){ + document.getElementById("citizen_id").value = text; + } + else{ + generateCitizenId(); + } + }); + + } + + generateCitizenId(); + + +</script> + +</html> diff --git a/interface/views/citizens.ejs b/interface/views/citizens.ejs index a1c6f5e..0e703b2 100644 --- a/interface/views/citizens.ejs +++ b/interface/views/citizens.ejs @@ -13,6 +13,7 @@ style="border: none; box-shadow: none" > <form class="ui form" method="post" onsubmit="editCitizen(event)"> + <div class="field"> <label>Address</label> <input diff --git a/interface/views/partials/navbar.ejs b/interface/views/partials/navbar.ejs index 34116ea..440497a 100644 --- a/interface/views/partials/navbar.ejs +++ b/interface/views/partials/navbar.ejs @@ -4,7 +4,7 @@ <span class="text">View Data</span> <i class="dropdown icon"></i> <div class="menu"> - <div class="item">Citizens</div> + <div class="item" onclick="route('citizens')">Citizens</div> <div class="item"> <i class="dropdown icon"></i> <span class="text">Amenities</span> @@ -42,6 +42,9 @@ </div> </div> </div> + + <a class="item" onclick="route('addUser')"> Add User </a> + <div class="right menu"> <div class="item"> <div class="ui icon input"> |