Attachment #152168 for bug #32341

View | Details | Raw Unified | Return to bug 32341
Collapse All | Expand All




    #checkouts_filter {
        display: block;
    }

    table.finestable tfoot tr {
        display: flex !important;
        width: max-content;
    }
    table.finestable tfoot td, table.finestable tfoot th {
        display: flex !important;
    }
}

@media only screen and ( max-width: 700px ) {




                    <th>Description</th>
                    <th>Amount</th>
                    <th>Amount outstanding</th>
                    <th></th>
                </tr>
            </thead>


                        </td>
                        [% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amount * -1 | $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amount | $Price %][% END %]</td>
                        [% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amountoutstanding * -1 | $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amountoutstanding | $Price %][% END %]</td>
                        <td></td>
                    </tr>
                [% END %]
            </tbody>

                    [%- END -%]
                    <th class="sum" colspan="[% COLSPAN | html %]">Total due</th>
                    <td class="sum">[% total | $Price %]</td>
                    <th></th>
                </tr>
                [% IF outstanding_credits.total_outstanding < 0 %]
                [% FOREACH outstanding_credit IN outstanding_credits %]

                    <th>Description</th>
                    <th>Fine amount</th>
                    <th>Amount outstanding</th>
                    <th></th>
                </tr>
            </thead>


                        </td>
                        [% IF ( a.amount < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amount | $Price %]</td>
                        [% IF ( a.amountoutstanding < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amountoutstanding | $Price %]</td>
                    <td></td>
                    </tr>
                [% END %]
            </tbody>

                <tr>
                    <th class="sum" colspan="4">Total due</th>
                    <td class="sum">[% account_sum | $Price %]</td>
                    <th></th>
                </tr>
            </tfoot>
        </table>




         [% END %]
         "dom": '<"#filter_p">',
         "autoWidth": false,
         "responsive": {
            "details": { "type": 'column',"target": -1 }
         },
         "columnDefs": [
            { "className": 'dtr-control', "orderable": false, "targets": -1 }
         ],
         'fnDrawCallback': function() {
            show_hiddentfoot('#finestable');
         }
    } ));

    $('table[id^="finestable-"]').dataTable($.extend(true, {}, dataTablesDefaults, {
         "autoWidth": false,
         "responsive": {
            "details": { "type": 'column',"target": -1 }
         },
         "columnDefs": [
            { "className": 'dtr-control', "orderable": false, "targets": -1 }
         ],
         'fnDrawCallback': function() {
            show_hiddentfoot('table[id^="finestable-"]');
         }
    } ));

    function show_hiddentfoot(selector) {
        $('.finestable tfoot .sum').show();
        if ($(".finestable tfoot td.dtr-hidden").length > 0) {
            $(selector+" tfoot th").removeAttr( "colspan" );
            $(".finestable tfoot .dtr-control").hide();
        }
    }
    $("#filter_p").html('<p><a href="#" id="filter_paid"><i class="fa fa-filter" aria-hidden="true"></i> '+txtActivefilter+'</a>');
    $('#filter_paid').click(function(e) {
        e.preventDefault();




                                                <th>Schedule</th>
                                                <th>Notes</th>
                                                <th>Actions</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                                                <i class="fa fa-ban" aria-hidden="true"></i> Cancel this pickup</button>
                                                        </form>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            [% END %]
                                        </tbody>

    <script>dayjs.extend(window.dayjs_plugin_isSameOrAfter)</script>
    <script>dayjs.extend(window.dayjs_plugin_customParseFormat)</script>
    [% INCLUDE 'calendar.inc' %]
    [% INCLUDE 'datatables.inc' %]
    <script>
        [% SET pickup_exists_in = [] %]
        [% FOR p IN patron_curbside_pickups %]

        });

        $(document).ready(function() {
            $('#pickups-table').dataTable($.extend(true, {}, dataTablesDefaults, {
                "searching": false,
                "paging": false,
                "info": false,
                "autoWidth": false,
                "responsive": {
                    "details": { "type": 'column',"target": -1 }
                },
                "columnDefs": [
                    { "className": 'dtr-control', "orderable": false, "targets": -1 }
                ],
            }));
            $("#pickup-branch option").each(function(){
                if ( $(this).val() != "" && !policies[$(this).val()].enabled ) {
                    $(this).prop("disabled", "disabled");

Lines 1158-1164 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt (-2 / +1 lines)
1158	minDate: "today"	1158	minDate: "today"
1159	});	1159	});
1160		1160
1161	$(".suspend_hold").on("click", function(e){	1161	$(document).on("click", ".suspend_hold", function(e){
1162	e.preventDefault();	1162	e.preventDefault();
1163	var title = $(this).data("title");	1163	var title = $(this).data("title");
1164	var reserve_id = $(this).data("reserve_id");	1164	var reserve_id = $(this).data("reserve_id");
1165	-

Return to bug 32341

Lines 256-269 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-8 lines)
256	#checkouts_filter {	256	#checkouts_filter {
257	display: block;	257	display: block;
258	}	258	}
259
260	table.finestable tfoot tr {
261	display: flex !important;
262	width: max-content;
263	}
264	table.finestable tfoot td, table.finestable tfoot th {
265	display: flex !important;
266	}
267	}	259	}
268		260
269	@media only screen and ( max-width: 700px ) {	261	@media only screen and ( max-width: 700px ) {

Lines 96-108 $( document ).ready(function() { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt (-2 / +26 lines)
96	[% END %]	96	[% END %]
97	"dom": '<"#filter_p">',	97	"dom": '<"#filter_p">',
98	"autoWidth": false,	98	"autoWidth": false,
99	"responsive": true,	99	"responsive": {
		100	"details": { "type": 'column',"target": -1 }
		101	},
		102	"columnDefs": [
		103	{ "className": 'dtr-control', "orderable": false, "targets": -1 }
		104	],
		105	'fnDrawCallback': function() {
		106	show_hiddentfoot('#finestable');
		107	}
100	} ));	108	} ));
101		109
102	$('table[id^="finestable-"]').dataTable($.extend(true, {}, dataTablesDefaults, {	110	$('table[id^="finestable-"]').dataTable($.extend(true, {}, dataTablesDefaults, {
103	"responsive": true	111	"autoWidth": false,
		112	"responsive": {
		113	"details": { "type": 'column',"target": -1 }
		114	},
		115	"columnDefs": [
		116	{ "className": 'dtr-control', "orderable": false, "targets": -1 }
		117	],
		118	'fnDrawCallback': function() {
		119	show_hiddentfoot('table[id^="finestable-"]');
		120	}
104	} ));	121	} ));
105		122
		123	function show_hiddentfoot(selector) {
		124	$('.finestable tfoot .sum').show();
		125	if ($(".finestable tfoot td.dtr-hidden").length > 0) {
		126	$(selector+" tfoot th").removeAttr( "colspan" );
		127	$(".finestable tfoot .dtr-control").hide();
		128	}
		129	}
106	$("#filter_p").html('<p><a href="#" id="filter_paid"><i class="fa fa-filter" aria-hidden="true"></i> '+txtActivefilter+'</a>');	130	$("#filter_p").html('<p><a href="#" id="filter_paid"><i class="fa fa-filter" aria-hidden="true"></i> '+txtActivefilter+'</a>');
107	$('#filter_paid').click(function(e) {	131	$('#filter_paid').click(function(e) {
108	e.preventDefault();	132	e.preventDefault();

Lines 179-184 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-curbside-pickups.tt (+15 lines)
179	<th>Schedule</th>	179	<th>Schedule</th>
180	<th>Notes</th>	180	<th>Notes</th>
181	<th>Actions</th>	181	<th>Actions</th>
		182	<th></th>
182	</tr>	183	</tr>
183	</thead>	184	</thead>
184	<tbody>	185	<tbody>
Lines 211-216 Link Here
211	<i class="fa fa-ban" aria-hidden="true"></i> Cancel this pickup</button>	212	<i class="fa fa-ban" aria-hidden="true"></i> Cancel this pickup</button>
212	</form>	213	</form>
213	</td>	214	</td>
		215	<td></td>
214	</tr>	216	</tr>
215	[% END %]	217	[% END %]
216	</tbody>	218	</tbody>
Lines 280-285 Link Here
280	<script>dayjs.extend(window.dayjs_plugin_isSameOrAfter)</script>	282	<script>dayjs.extend(window.dayjs_plugin_isSameOrAfter)</script>
281	<script>dayjs.extend(window.dayjs_plugin_customParseFormat)</script>	283	<script>dayjs.extend(window.dayjs_plugin_customParseFormat)</script>
282	[% INCLUDE 'calendar.inc' %]	284	[% INCLUDE 'calendar.inc' %]
		285	[% INCLUDE 'datatables.inc' %]
283	<script>	286	<script>
284	[% SET pickup_exists_in = [] %]	287	[% SET pickup_exists_in = [] %]
285	[% FOR p IN patron_curbside_pickups %]	288	[% FOR p IN patron_curbside_pickups %]
Lines 324-329 Link Here
324	});	327	});
325		328
326	$(document).ready(function() {	329	$(document).ready(function() {
		330	$('#pickups-table').dataTable($.extend(true, {}, dataTablesDefaults, {
		331	"searching": false,
		332	"paging": false,
		333	"info": false,
		334	"autoWidth": false,
		335	"responsive": {
		336	"details": { "type": 'column',"target": -1 }
		337	},
		338	"columnDefs": [
		339	{ "className": 'dtr-control', "orderable": false, "targets": -1 }
		340	],
		341	}));
327	$("#pickup-branch option").each(function(){	342	$("#pickup-branch option").each(function(){
328	if ( $(this).val() != "" && !policies[$(this).val()].enabled ) {	343	if ( $(this).val() != "" && !policies[$(this).val()].enabled ) {
329	$(this).prop("disabled", "disabled");	344	$(this).prop("disabled", "disabled");

Lines 12-17 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/account-table.inc (+6 lines)
12	<th>Description</th>	12	<th>Description</th>
13	<th>Amount</th>	13	<th>Amount</th>
14	<th>Amount outstanding</th>	14	<th>Amount outstanding</th>
		15	<th></th>
15	</tr>	16	</tr>
16	</thead>	17	</thead>
17		18
Lines 39-44 Link Here
39	</td>	40	</td>
40	[% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amount * -1 \| $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amount \| $Price %][% END %]</td>	41	[% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amount * -1 \| $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amount \| $Price %][% END %]</td>
41	[% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amountoutstanding * -1 \| $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amountoutstanding \| $Price %][% END %]</td>	42	[% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amountoutstanding * -1 \| $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amountoutstanding \| $Price %][% END %]</td>
		43	<td></td>
42	</tr>	44	</tr>
43	[% END %]	45	[% END %]
44	</tbody>	46	</tbody>
Lines 52-57 Link Here
52	[%- END -%]	54	[%- END -%]
53	<th class="sum" colspan="[% COLSPAN \| html %]">Total due</th>	55	<th class="sum" colspan="[% COLSPAN \| html %]">Total due</th>
54	<td class="sum">[% total \| $Price %]</td>	56	<td class="sum">[% total \| $Price %]</td>
		57	<th></th>
55	</tr>	58	</tr>
56	[% IF outstanding_credits.total_outstanding < 0 %]	59	[% IF outstanding_credits.total_outstanding < 0 %]
57	[% FOREACH outstanding_credit IN outstanding_credits %]	60	[% FOREACH outstanding_credit IN outstanding_credits %]
Lines 97-102 Link Here
97	<th>Description</th>	100	<th>Description</th>
98	<th>Fine amount</th>	101	<th>Fine amount</th>
99	<th>Amount outstanding</th>	102	<th>Amount outstanding</th>
		103	<th></th>
100	</tr>	104	</tr>
101	</thead>	105	</thead>
102		106
Lines 124-129 Link Here
124	</td>	128	</td>
125	[% IF ( a.amount < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amount \| $Price %]</td>	129	[% IF ( a.amount < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amount \| $Price %]</td>
126	[% IF ( a.amountoutstanding < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amountoutstanding \| $Price %]</td>	130	[% IF ( a.amountoutstanding < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amountoutstanding \| $Price %]</td>
		131	<td></td>
127	</tr>	132	</tr>
128	[% END %]	133	[% END %]
129	</tbody>	134	</tbody>
Lines 132-137 Link Here
132	<tr>	137	<tr>
133	<th class="sum" colspan="4">Total due</th>	138	<th class="sum" colspan="4">Total due</th>
134	<td class="sum">[% account_sum \| $Price %]</td>	139	<td class="sum">[% account_sum \| $Price %]</td>
		140	<th></th>
135	</tr>	141	</tr>
136	</tfoot>	142	</tfoot>
137	</table>	143	</table>