bitbake: toaster: Commandline build import table improvements

Added dataTables library to include sorting and pagination for table element

Added jquery.dataTables to customize table rendering in section "Import eventlogs".
This library includes the following: sorting, pagination, search and CSS styles.

Default to ascending order and 50 builds per page.

(Bitbake rev: f88f314cb2b071569acf3c7d43fb7256ba50762f)

Signed-off-by: Marlon Rodriguez Garcia <marlon.rodriguez-garcia@savoirfairelinux.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Marlon Rodriguez Garcia 2023-12-13 11:01:41 -05:00 committed by Richard Purdie
parent 85f84b4090
commit 524255ad26
3 changed files with 13 additions and 1 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,7 @@
{% extends "base.html" %}
{% load projecttags %}
{% load humanize %}
{% load static %}
{% block title %} Import Builds from eventlogs - Toaster {% endblock %}
@ -68,7 +69,7 @@
</h4>
{% if files %}
<div class="table-responsive">
<table class="table col-md-6 table-bordered table-hover">
<table class="table col-md-6 table-bordered table-hover" id="eventlog-table" style="border-collapse: collapse;">
<thead>
<tr class="row">
<th scope="col">Name</th>
@ -112,6 +113,8 @@
</div>
</div>
<link rel="stylesheet" href="{% static 'css/jquery.dataTables-1.13.8.min.css' %}" type='text/css'/>
<script src="{% static 'js/jquery.dataTables-1.13.8.min.js' %}"> </script>
<script>
function _ajax_update(file, all, dir){
@ -193,6 +196,10 @@ $( "#form_file").on( "submit", function( event ) {
}, 10000)
});
$(document).ready( function () {
$('#eventlog-table').DataTable({order: [[0, 'desc']], "pageLength": 50});
});
</script>
{% endblock %}