Koha/koha-tmpl/opac-tmpl/bootstrap/en/includes/account-table.inc
Hammat Wele 19ebcd4eb5
Bug 32341: (follow-up) Add responsivity to Curbside pickups table and changing button style for finestables
To activate Curbside pickups
    1- Enable the CurbsidePickup system preference
        1.1 Go to Administration > Global system preferences
        1.2 Search for CurbsidePickup
        1.3 Change the value for 'Enable'
        1.4 Click on 'Save all circulation preferences'
    2- Configure time slots for at least one library
        2.1 Go to Administration > Curbside pickup
        2.2 Fill out the form for Centerville (or another library)
            Enable: Check
            Pickup interval: 10 (or other)
            Maximum boss per interval: 3 (or other)
            Patron-scheduled pickup: Check
            Enable for waiting holds only: DO NOT check
        2.3 Add a time slot
            In 'New slot', enter
                Monday
                From: 10:00
                To: 12:00
            Click on 'Add'
    3- Make an appointment from the OPAC
        3.1 Go to OPAC
        3.2 Open mobile mode
        3.3 Connect with a user
        3.4 Click on 'Curbside pickups'
        3.5 Choose the library in 'Pick a library'
        3.6 Choose a date in 'Pickup date'
        3.7 Choose a time range in 'Select a time'
        3.8 Click on 'Schedule pickup'
            => Notice The table is not responsive
    4- Apply the patch
    5- Execute 'yarn build --view opac'
    6- Clean your cache or open your navigator on private mode (to load updated css files)
    7- Perform step 3.1, 3.2, 3.3, 3.4,
    8- click on 'Your pickups'
     => Confirm that the CurbsidePickup table are now displayed correctly and is now responsive.
    9- Click on 'Charges'
     => Confirm that the Charges table are now displayed correctly and is now responsive.

I correct a little bug. The "suspend_hold" button did not work anymore. This change resets it to it's original state.

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>
(cherry picked from commit 16008c24c5)
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
2023-07-12 07:56:39 +01:00

170 lines
9.4 KiB
HTML

[% PROCESS 'accounts.inc' %]
<form method="post" action="opac-account-pay.pl" class="form-horizontal">
[% IF ( ACCOUNT_LINES ) %]
<table class="table table-bordered table-striped finestable" id="finestable">
<caption class="sr-only">Your charges</caption>
<thead>
<tr>
[% IF ENABLE_OPAC_PAYMENTS %]<th>&nbsp;</th>[% END %]
<th>Created</th>
<th>Updated</th>
<th>Type</th>
<th>Description</th>
<th>Amount</th>
<th>Amount outstanding</th>
<th></th>
</tr>
</thead>
<tbody>
[% FOREACH ACCOUNT_LINE IN ACCOUNT_LINES %]
[% IF ACCOUNT_LINE.amountoutstanding > 0 || ACCOUNT_LINE.amountoutstanding < 0 %]<tr class="outstanding">[% ELSE %]<tr>[% END%]
[% IF ENABLE_OPAC_PAYMENTS %]
<td>
[% IF ACCOUNT_LINE.amountoutstanding > 0 %]
[% SET DISPLAY_PAYMENT_BLOCK = 1 %]
<input class="checkbox-pay pay-online hidden" name="accountline" type="checkbox" id="checkbox-pay-[% ACCOUNT_LINE.accountlines_id | html %]" value="[% ACCOUNT_LINE.accountlines_id | html %]">
<input type="hidden" id="amount-[% ACCOUNT_LINE.accountlines_id | html %]" value="[% ACCOUNT_LINE.amountoutstanding | html %]" />
[% END %]
</td>
[% END %]
<td data-order="[% ACCOUNT_LINE.date | html %]">[% ACCOUNT_LINE.date | $KohaDates %]</td>
<td data-order="[% ACCOUNT_LINE.timestamp | html %]">[% ACCOUNT_LINE.timestamp | $KohaDates with_hours = 1 %]</td>
<td>
[% PROCESS account_type_description account=ACCOUNT_LINE %]
</td>
<td>
[%- IF ACCOUNT_LINE.payment_type %][% AuthorisedValues.GetByCode('PAYMENT_TYPE', ACCOUNT_LINE.payment_type, 1) | html %][% END %]
[%- IF ACCOUNT_LINE.description %][% ACCOUNT_LINE.description | html %][% END %]
[% IF ACCOUNT_LINE.itemnumber %]([% ACCOUNT_LINE.item.biblio.title | html %])[% END %]
</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>
<tfoot>
<tr>
[%- IF ENABLE_OPAC_PAYMENTS -%]
[%- SET COLSPAN = 6 -%]
[%- ELSE -%]
[%- SET COLSPAN = 5 -%]
[%- 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 %]
[% IF outstanding_credit.amountoutstanding < 0 %]<tr class="outstanding">[% ELSE %]<tr>[% END%]
[% IF ENABLE_OPAC_PAYMENTS %]<td></td>[% END %]
<td><span title="[% outstanding_credit.date | html %]">[% outstanding_credit.date | $KohaDates %]</span></td>
<td><span title="[% outstanding_credit.timestamp | html %]">[% outstanding_credit.date | $KohaDates with_hours = 1 %]</span></td>
<td>
[% PROCESS account_type_description account=outstanding_credit %]
</td>
<td>
[%- IF outstanding_credit.payment_type %][% AuthorisedValues.GetByCode('PAYMENT_TYPE', outstanding_credit.payment_type, 1) | html %][% END %]
[%- IF outstanding_credit.description %][% outstanding_credit.description | html %][% END %]
[% IF outstanding_credit.itemnumber %]([% outstanding_credit.item.biblio.title | html %])[% END %]
</td>
<td class="credit">[% outstanding_credit.amount * -1 | $Price %]</td>
<td class="credit">[% outstanding_credit.amountoutstanding * -1 | $Price %]</td>
</tr>
[% END %]
<tr>
<th class="sum" colspan="[% COLSPAN | html %]">Total due if credit(s) applied:</th>
<td class="sum">[% total + outstanding_credits.total_outstanding | $Price %]</td>
</tr>
[% END %]
</tfoot>
</table>
[% ELSE %]
<h3>You have no fines or charges</h3>
[% END # /IF ( ACCOUNT_LINES ) %]
[% FOREACH r IN relatives %]
<h3 id="g[% r.patron.id | html %]">[% r.patron.firstname | html %] [% r.patron.surname | html %]'s fines and charges</h3>
<table class="table table-bordered table-striped finestable" id="finestable-[% r.id | html %]">
<thead>
<tr>
[% IF ENABLE_OPAC_PAYMENTS %]<th>&nbsp;</th>[% END %]
<th>Created</th>
<th>Updated</th>
<th>Description</th>
<th>Fine amount</th>
<th>Amount outstanding</th>
<th></th>
</tr>
</thead>
<tbody>
[% SET account_sum = 0 %]
[% FOREACH a IN r.accountlines %]
[% SET account_sum = account_sum + a.amountoutstanding %]
<tr>
[% IF ENABLE_OPAC_PAYMENTS %]
<td>
[% IF a.amountoutstanding > 0 %]
[% SET DISPLAY_PAYMENT_BLOCK = 1 %]
<input class="checkbox-pay pay-online hidden" name="accountline" type="checkbox" id="checkbox-pay-[% a.accountlines_id | html %]" value="[% a.accountlines_id | html %]">
<input type="hidden" id="amount-[% a.accountlines_id | html %]" value="[% a.amountoutstanding | html %]" />
[% END %]
</td>
[% END %]
<td data-order="[% a.date | html %]">[% a.date | $KohaDates %]</td>
<td data-order="[% a.timestamp | html %]">[% a.timestamp | $KohaDates with_hours = 1 %]</td>
<td>
[% PROCESS account_type_description account=a %]
[%- IF a.payment_type %], [% AuthorisedValues.GetByCode('PAYMENT_TYPE', a.payment_type, 1) | html %][% END %]
[%- IF a.description %], [% a.description | html %][% END %]
[% IF a.itemnumber %]([% a.item.biblio.title | html %])[% END %]
</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>
<tfoot>
<tr>
<th class="sum" colspan="4">Total due</th>
<td class="sum">[% account_sum | $Price %]</td>
<th></th>
</tr>
</tfoot>
</table>
[% END # /FOREACH r %]
[% IF ENABLE_OPAC_PAYMENTS && DISPLAY_PAYMENT_BLOCK %]
<fieldset class="pay-online hidden">
<legend>Pay selected fines and charges</legend>
<span class="help-block"><h2>Payment method</h2></span>
[% FOREACH p IN plugins %]
<div class="control-group">
<label class="radio">
<input type="radio" data-threshold="[% p.opac_online_payment_threshold | html %]" name="payment_method" id="payment_method-[% p.class | html %]" value="[% p.class | html %]" checked="checked" />
[% p.get_metadata.name | html %]
</label>
<small class="help-block text-muted"></small>
</div>
[% END %]
<div class="control-group">
<input type="hidden" id="payment-amount" name="payment_amount" value="0" />
<button id="submit-pay" type="submit" class="btn btn-primary" disabled="disabled">Make payment</button>
<span id="amount-to-pay-label">
Amount to pay: <span id="amount-to-pay">0.00</span>
</span>
</div>
</fieldset>
[% END # /IF ENABLE_OPAC_PAYMENTS && DISPLAY_PAYMENT_BLOCK %]
</form>