Attachment #146746 for bug #32341

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




        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":true,
         "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");
- 

Return to bug 32341

Lines 277-289 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-7 lines)
277	display: block;	277	display: block;
278	}	278	}
279		279
280	table.finestable tfoot tr {
281	display: flex !important;
282	width: max-content;
283	}
284	table.finestable tfoot td, table.finestable tfoot th {
285	display: flex !important;
286	}
287	}	280	}
288		281
289	@media only screen and ( max-width: 700px ) {	282	@media only screen and ( max-width: 700px ) {

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>

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

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

Lines 179-184 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-curbside-pickups.tt (-1 / +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");
330	-