diff options
| author | Frederick Muriuki Muriithi | 2025-02-18 11:42:47 -0600 |
|---|---|---|
| committer | Frederick Muriuki Muriithi | 2025-02-18 11:42:47 -0600 |
| commit | 2a3973da9ec4966b6863a6f0e7947e3aa21684c9 (patch) | |
| tree | f1d1aa505a542b91a6fdf41b4810bb17282a82d0 /uploader | |
| parent | a8c36db0065a0b7ef5cde1776f975124c232f34e (diff) | |
| download | gn-uploader-2a3973da9ec4966b6863a6f0e7947e3aa21684c9.tar.gz | |
Improve list-phenotypes page.
Diffstat (limited to 'uploader')
| -rw-r--r-- | uploader/templates/phenotypes/view-dataset.html | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/uploader/templates/phenotypes/view-dataset.html b/uploader/templates/phenotypes/view-dataset.html index 7507ff5..c896214 100644 --- a/uploader/templates/phenotypes/view-dataset.html +++ b/uploader/templates/phenotypes/view-dataset.html @@ -56,7 +56,13 @@ <div class="row"> <h2>Phenotype Data</h2> - <table id="tbl-phenotypes-list" class="table"> + + <p>Click on any of the phenotypes in the table below to view and edit that + phenotype's data.</p> + <p>Use the search to filter through all the phenotypes and find specific + phenotypes of interest.</p> + + <table id="tbl-phenotypes-list" class="table compact stripe"> <thead> <tr> <th></th> @@ -78,9 +84,17 @@ {%block javascript%} <script type="text/javascript"> $(function() { + var data = {{phenotypes | tojson}}; $("#tbl-phenotypes-list").DataTable({ responsive: true, - data: {{phenotypes | tojson}}, + lengthMenu: [10, 25, 50, 100, 1000, data.length], + language: { + processing: "Processing results… Please wait.", + loadingRecord: "Loading phenotypes — Please wait.", + info: "_START_ to _END_ of _TOTAL_ phenotypes", + lengthMenu: "Show _MENU_ phenotypes", + }, + data: data, columns: [ {data: "sequence_number"}, { |