Bug 32341: (Fix) Changing the placement of the button

This attachment correct the placement of the responsive button. It is now in its own column at the last column and the '+' and '-' are remplaced by 'Expand' and 'Unexpand' to make it more clear.

Signed-off-by: David Cook <dcook@prosentient.com.au>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Hammat Wele 2022-12-22 21:54:37 +00:00 committed by Tomas Cohen Arazi
parent eb2e0c2efd
commit 68c3ad5fac
No known key found for this signature in database
GPG Key ID: 0A272EA1B2F3C15F
7 changed files with 81 additions and 6 deletions

View File

@ -2874,4 +2874,37 @@ $star-selected: #EDB867;
}
}
table.dataTable.dtr-column>tbody>tr{
> td,
> th{
&.dtr-control{
min-width:10em;
&:before{
top: 50%;
left:unset;
height: 1em;
width: 5.3em;
content: "Expand";
background-color: #31b131;
}
}
}
&.parent {
td,th{
&.dtr-control{
&:before{
content: "Unexpand";
background-color:#d33333
}
}
}
}
}
@import "responsive";

View File

@ -5,7 +5,6 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Koha [% Version | html %]" /> <!-- leave this for stats -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
[% Asset.css("lib/jquery/jquery.dataTables.min.css") | $raw %]
[% Asset.css("lib/jquery/responsive.dataTables.min.css") | $raw %]
[% IF ( Koha.Preference('OpacMetaDescription') ) %]
<meta name="description" content="[% Koha.Preference('OpacMetaDescription') | html %]" />

View File

@ -30,6 +30,7 @@
[% IF ! onlyinfo %]
<th class="nosort">Modify</th>
[% END %]
<th></th>
</tr>
</thead>
<tbody>
@ -201,6 +202,7 @@
</form>
[% END %]
</td>
<td></td>
[% END # / IF onlyinfo %]
</tr>
[% END # /FOREACH HOLDS %]

View File

@ -1225,6 +1225,7 @@
[% IF ( ShowCourseReservesHeader ) %]
<th id="item_coursereserves" data-colname="item_coursereserves">Course reserves</th>
[% END %]
<th></th>
</tr>
</thead>
<tbody>
@ -1423,6 +1424,7 @@
[% END %]
</td>
[% END # /IF ShowCourseReservesHeader %]
<td></td>
</tr>
[% END %]
</tbody>
@ -1743,7 +1745,17 @@
],
"bKohaColumnsUseNames": true,
"autoWidth": false,
"responsive": true
"responsive": {
"details": {
"type": 'column',
"target": -1
}
},
aoColumnDefs: [ {
className:"dtr-control",
orderable: false,
targets: [-1],
} ],
}, columns_settings);
KohaTable("#otherholdingst", {

View File

@ -78,6 +78,7 @@
<th>Date</th>
<th>Search</th>
<th>Results</th>
<th></th>
</tr>
</thead>
<tbody>
@ -98,6 +99,7 @@
<a href="/cgi-bin/koha/opac-search.pl?[% s.query_cgi | $raw %]">[% s.query_desc | html %]</a>
</td>
<td>[% s.total | html %]</td>
<td></td>
</tr>
[% END %]
</tbody>
@ -123,6 +125,7 @@
<th>Date</th>
<th>Search</th>
<th>Results</th>
<th></th>
</tr>
</thead>
<tbody>
@ -145,6 +148,7 @@
</a>
</td>
<td>[% s.total | html %]</td>
<td></td>
</tr>
[% END %]
</tbody>
@ -176,6 +180,7 @@
<th>Date</th>
<th>Search</th>
<th>Results</th>
<th></th>
</tr>
</thead>
<tbody>
@ -191,6 +196,7 @@
</td>
<td><a href="/cgi-bin/koha/opac-authorities-home.pl?[% s.query_cgi | $raw %]">[% s.query_desc | html %]</a></td>
<td>[% s.total | html %]</td>
<td></td>
</tr>
[% END %]
</tbody>
@ -215,6 +221,7 @@
<th>Date</th>
<th>Search</th>
<th>Results</th>
<th></th>
</tr>
</thead>
<tbody>
@ -230,6 +237,7 @@
</td>
<td><a href="/cgi-bin/koha/opac-authorities-home.pl?[% s.query_cgi | $raw %]">[% s.query_desc | html %]</a></td>
<td>[% s.total | html %]</td>
<td></td>
</tr>
[% END %]
</tbody>
@ -280,14 +288,20 @@
"order": [[ 1, "desc" ]],
"dom": '<"top"<"table_entries"><"table_controls"fB>>t',
"columnDefs": [
{ "targets": [ 0 ], "sortable": false, "searchable": false }
{ "targets": [ 0 ], "sortable": false, "searchable": false },
{"className": 'dtr-control',"orderable": false,"targets": -1}
],
"language": {
"search": "_INPUT_",
"searchPlaceholder": _("Search")
},
"autoWidth": false,
"responsive": true,
"responsive": {
details: {
type: 'column',
target: -1
}
},
}));
$(".CheckNone").click(function(e){

View File

@ -351,6 +351,7 @@
<th class="hidden">Checkout note</th>
<th id="checkout-notes" class="nosort noExport" title="Use this to report any problems with your currently checked out items">Report a problem</th>
[% END %]
<th></th>
</tr>
</thead>
<tbody>
@ -545,6 +546,7 @@
<input type="hidden" id="note_[% ISSUE.issue_id | html %]" name="note" value="[% ISSUE.note | html %]" data-origvalue="[% ISSUE.note | html %]" />
</td>
[% END %]
<td></td>
</tr>
[% END # /FOREACH ISSUES %]
</tbody>
@ -673,6 +675,7 @@
<th>Barcode</th>
<th>Call number</th>
<th class="psort">Relative</th>
<th></th>
</tr>
</thead>
@ -701,6 +704,7 @@
<td>
[% r.firstname | html %] [% r.surname | html %]
</td>
<td></td>
</tr>
[% END %]
[% END %]
@ -728,6 +732,7 @@
[% IF ( OPACFinesTab ) %]
<th>Fines</th>
[% END %]
<th></th>
</tr>
</thead>
<tbody>
@ -825,6 +830,7 @@
[% END %]
</td>
[% END %]
<td></td>
</tr>
[% END %]
</tbody>
@ -1208,7 +1214,17 @@
"searchPlaceholder": _("Search")
},
"autoWidth": false,
"responsive": true,
"responsive": {
details: {
type: 'column',
target: -1
}
},
"columnDefs": [ {
className: 'dtr-control',
orderable: false,
targets: -1
} ],
buttons: [
/* Override default button set so that we can extend the options of print and csv */
'clearFilter', 'copy',

File diff suppressed because one or more lines are too long