add pagination and search

This commit is contained in:
usmannasir
2025-04-02 02:04:26 +05:00
parent 0e6800adc8
commit 5d8e06d796

View File

@@ -199,8 +199,8 @@
</div>
</div>
<div class="panel-body">
<div class="row mb-3">
<div class="col-sm-10">
<div class="row mb-3" style="margin-bottom: 20px;">
<div class="col-sm-8">
<input ng-model="searchText" placeholder="Search..." class="form-control">
</div>
<div class="col-sm-2">
@@ -210,6 +210,17 @@
<option>100</option>
</select>
</div>
<div class="col-sm-2">
{% if not request.user.is_authenticated %}
<a href="{% url 'login' %}" class="btn btn-primary btn-block">Login</a>
{% endif %}
</div>
</div>
<div class="clearfix" style="margin-bottom: 20px;"></div>
<div ng-if="wpSites && wpSites.length === 0" class="alert alert-info">
No WordPress sites found.
</div>
<div ng-repeat="site in filteredSites = (wpSites | filter:searchText | limitTo:recordsToShow:(currentPage-1)*recordsToShow)" class="wp-site-item">
@@ -351,6 +362,15 @@
.checkbox {
margin-bottom: 10px;
}
.mb-3 {
margin-bottom: 1rem;
}
.clearfix {
clear: both;
}
.panel-body {
padding: 20px;
}
</style>
{% endblock content %}