Skip to content

Commit 4b3d3c5

Browse files
foramsojitraforamsojitra
committed
dynamic page size added
1 parent 6bc97dc commit 4b3d3c5

File tree

3 files changed

+71
-15
lines changed

3 files changed

+71
-15
lines changed

‎routes/main.js‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,8 @@ router.post('/products', (req, res, next) => {
4848
sort = req.body.select;
4949
}
5050

51-
let perPage = 9
52-
let page = req.body.page || 1
51+
let perPage = Number(req.body.perPage) || 10;
52+
let page = Number(req.body.page) || 1;
5353

5454
if (req.body.search != undefined && req.body.search_field != undefined && req.body.search != '' && req.body.search_field != '') {
5555
search = req.body.search;
@@ -79,6 +79,7 @@ router.post('/products', (req, res, next) => {
7979
user: user,
8080
current: page,
8181
pages: Math.ceil(count / perPage),
82+
perPage: perPage,
8283
sort: sort,
8384
search: search,
8485
moment: moment

‎views/add_user.ejs‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,9 @@
22
<html lang="en">
33

44
<head>
5-
<title></title>
5+
<title>
6+
Pagination
7+
</title>
68
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
79
</head>
810

‎views/user.ejs‎

Lines changed: 65 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<head>
55
<meta charset="UTF-8">
66
<title>
7+
Pagination
78
</title>
89
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
910
</head>
@@ -26,10 +27,25 @@
2627
<form action="/products" method="POST">
2728
<input type="hidden" name="page" id="page" value="1">
2829
<div class="form-group col-lg-12">
29-
<div class="col-lg-2" style="float: left;">
30-
<label for="sel1">Order By : </label>
30+
<div class="col-lg-3" style="display: flex;">
31+
<label for="sel1" style="margin-top: 5px; margin-right: 5px;">Order By : </label>
32+
<select class="form-control" name="select" style="width: 100px !important;">
33+
<% if(sort=="email" ) { %>
34+
<option value="id">ID</option>
35+
<option value="name">Name</option>
36+
<option value="email" selected>Email</option>
37+
<% } else if(sort=="name" ) { %>
38+
<option value="id">ID</option>
39+
<option value="name" selected>Name</option>
40+
<option value="email">Email</option>
41+
<% } else{ %>
42+
<option value="id" selected>ID</option>
43+
<option value="name">Name</option>
44+
<option value="email">Email</option>
45+
<% } %>
46+
</select>
3147
</div>
32-
<div class="col-lg-2" style="float: left;">
48+
<!-- <div class="col-lg-2" style="float: left;">
3349
<select class="form-control" name="select">
3450
<% if(sort=="email" ) { %>
3551
<option value="id">ID</option>
@@ -45,13 +61,46 @@
4561
<option value="email">Email</option>
4662
<% } %>
4763
</select>
64+
</div> -->
65+
66+
<div class="col-lg-5" style="display: flex;">
67+
<label for="sel1" style="margin-top: 5px; margin-right: 5px;">Search By : </label>
68+
<select class="form-control" name="search" style="width: 100px !important;">
69+
<% if(search=="email" ) { %>
70+
<option value="id">ID</option>
71+
<option value="name">Name</option>
72+
<option value="phone">Phone</option>
73+
<option value="city">City</option>
74+
<option value="email" selected>Email</option>
75+
<% } else if(search=="name" ) { %>
76+
<option value="id">ID</option>
77+
<option value="name" selected>Name</option>
78+
<option value="phone">Phone</option>
79+
<option value="city">City</option>
80+
<option value="email">Email</option>
81+
<% } else if(search=="city" ) { %>
82+
<option value="id">ID</option>
83+
<option value="name">Name</option>
84+
<option value="phone">Phone</option>
85+
<option value="city" selected>City</option>
86+
<option value="email">Email</option>
87+
<% } else if(search=="phone" ) { %>
88+
<option value="id">ID</option>
89+
<option value="name">Name</option>
90+
<option value="phone" selected>Phone</option>
91+
<option value="city">City</option>
92+
<option value="email">Email</option>
93+
<% } else { %>
94+
<option value="id" selected>ID</option>
95+
<option value="name">Name</option>
96+
<option value="phone">Phone</option>
97+
<option value="city">City</option>
98+
<option value="email">Email</option>
99+
<% } %>
100+
</select>&nbsp;&nbsp;
101+
<input class="form-control" type="text" name="search_field" style="width: 250px !important;">
48102
</div>
49-
<!-- </div>
50-
<div class="form-group col-lg-12"> -->
51-
<div class="col-lg-2" style="float: left;">
52-
<label for="sel1">Search By : </label>
53-
</div>
54-
<div class="col-lg-2" style="float: left;">
103+
<!-- <div class="col-lg-2" style="float: left;">
55104
<select class="form-control" name="search">
56105
<% if(search=="email" ) { %>
57106
<option value="id">ID</option>
@@ -84,10 +133,14 @@
84133
<option value="city">City</option>
85134
<option value="email">Email</option>
86135
<% } %>
87-
</select>
88-
</div>
89-
<div class="col-lg-2" style="float: left;">
136+
</select>
137+
</div>-->
138+
<!-- <div class="col-lg-2" style="float: left;">
90139
<input class="form-control" type="text" name="search_field">
140+
</div> -->
141+
<div class="col-lg-3" style="display: flex;">
142+
<label for="sel1" style="margin-top: 5px; margin-right: 5px;">Page Size : </label>
143+
<input class="form-control" type="text" value="<%=perPage%>" name="perPage" style="width: 100px !important;">
91144
</div>
92145
<div class="col-lg-1" style="float: right;">
93146
<input type="submit" id="submit">

0 commit comments

Comments
 (0)