diff options
| author | Bobby <[email protected]> | 2022-04-25 21:10:58 -0400 |
|---|---|---|
| committer | Bobby <[email protected]> | 2022-04-25 21:10:58 -0400 |
| commit | 6807cb53b724deae0bec5064916463fa7d3d8fb8 (patch) | |
| tree | 6382ba452bd37d096986e02f2d19ea4dbecfa8d9 | |
| parent | a96c3bc9177ef34d76a616f61eaf4f9a64ead363 (diff) | |
| download | Welfare-Schemes-DMQL-6807cb53b724deae0bec5064916463fa7d3d8fb8.tar.xz Welfare-Schemes-DMQL-6807cb53b724deae0bec5064916463fa7d3d8fb8.zip | |
add semantic ui
| -rw-r--r-- | .DS_Store | bin | 0 -> 6148 bytes | |||
| -rw-r--r-- | interface/views/index.ejs | 28 | ||||
| -rw-r--r-- | interface/views/partials/head.ejs | 7 | ||||
| -rw-r--r-- | interface/views/partials/navbar.ejs | 48 |
4 files changed, 61 insertions, 22 deletions
diff --git a/.DS_Store b/.DS_Store Binary files differnew file mode 100644 index 0000000..33dbcc7 --- /dev/null +++ b/.DS_Store diff --git a/interface/views/index.ejs b/interface/views/index.ejs index d7e0c5f..827334b 100644 --- a/interface/views/index.ejs +++ b/interface/views/index.ejs @@ -1,25 +1,12 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8" /> - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>Document</title> - <style> - table, - th, - td { - border: 1px solid black; - border-collapse: collapse; - padding: 4px 8px; - } - </style> + <%- include('partials/head') %> </head> <body> - <h1><%= title %></h1> - <!-- Print Citizens data in table --> - <table> + <%- include('partials/navbar') %> + <table class="ui selectable table"> <thead> <tr> <th>Citizen ID</th> @@ -42,7 +29,9 @@ <tr> <td><%= citizens[i].citizen_id %></td> <td><%= citizens[i].first_name %></td> - <td><%= citizens[i].middle_name ? citizens[i].middle_name : '-' %></td> + <td> + <%= citizens[i].middle_name ? citizens[i].middle_name : '-' %> + </td> <td><%= citizens[i].last_name %></td> <td><%= citizens[i].address %></td> <td><%= citizens[i].mobile_num %></td> @@ -57,10 +46,5 @@ <% } %> </tbody> </table> - <script> - // Print the result of the sequelize query in the console - variable is 'citizens' - const citizens = <%- JSON.stringify(citizens) %>; - console.log(citizens); - </script> </body> </html> diff --git a/interface/views/partials/head.ejs b/interface/views/partials/head.ejs new file mode 100644 index 0000000..c43233a --- /dev/null +++ b/interface/views/partials/head.ejs @@ -0,0 +1,7 @@ +<meta charset="UTF-8" /> +<meta http-equiv="X-UA-Compatible" content="IE=edge" /> +<meta name="viewport" content="width=device-width, initial-scale=1.0" /> +<title>Welfare Schemes | <%= title %></title> +<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css"> +<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> +<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script> diff --git a/interface/views/partials/navbar.ejs b/interface/views/partials/navbar.ejs new file mode 100644 index 0000000..6a46ff3 --- /dev/null +++ b/interface/views/partials/navbar.ejs @@ -0,0 +1,48 @@ +<div class="ui menu"> + <a class="item active"> Home </a> + <div class="ui pointing dropdown link item"> + <span class="text">View Data</span> + <i class="dropdown icon"></i> + <div class="menu"> + <div class="item">Citizens</div> + <div class="item"> + <i class="dropdown icon"></i> + <span class="text">Amenities</span> + <div class="menu"> + <div class="item">Bank</div> + <div class="item">DBT</div> + <div class="item">Civil Supplies</div> + <div class="item">Education</div> + <div class="item">Hospital</div> + <div class="item">NRegs</div> + <div class="item">Pension</div> + <div class="item">Scholarship</div> + </div> + </div> + <div class="item"> + <i class="dropdown icon"></i> + <span class="text">Locations</span> + <div class="menu"> + <div class="item">District</div> + <div class="item">Mandal</div> + <div class="item">State</div> + <div class="item">Village</div> + </div> + </div> + <div class="item"> + <i class="dropdown icon"></i> + <span class="text">Transactions</span> + <div class="menu"> + <div class="item">Agricultural</div> + <div class="item">Hospital</div> + <div class="item">LPG</div> + <div class="item">NRegs</div> + <div class="item">Pension</div> + </div> + </div> + </div> + </div> +</div> +<script> + $(".ui.dropdown").dropdown(); +</script> |