Koha/koha-tmpl/intranet-tmpl/prog/en/includes/checkouts-table.inc
Jonathan Druart 6c8beb2f2e
Bug 35600: Prevent checkouts table to flicker
The checkouts table is displayed in the DOM then hidden in JS, then we show it if the cookie is set.

This patch makes the table hidden by default, and show it if/when needed

Test plan:
Check an item out, see the checkouts list view
Play with "Always show checkouts automatically", refresh the page
=> UI should behave better than before this patch

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Victor Grousset/tuxayo <victor@tuxayo.net>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
2023-12-20 15:13:40 +01:00

105 lines
6.2 KiB
HTML

[% USE Koha %]
[% PROCESS 'modal-claims.inc' %]
[% INCLUDE 'format_price.inc' %]
[% IF ( issuecount ) %]
<div id="issues-table-loading-message">
<p>
<a id="issues-table-load-now-button" href="#" class="btn btn-default"><i class="fa fa-book"></i> Show checkouts</a>
[% SET LoadCheckoutsTableDelay = Koha.Preference('LoadCheckoutsTableDelay') %]
[% IF LoadCheckoutsTableDelay && page == 'circulation' %]
<span id="issues-table-load-delay">
<i id="issues-table-load-delay-spinner" class="fa fa-spinner fa-pulse fa-fw"></i>
<span id="issues-table-load-delay-message">Checkouts table will show automatically in [% LoadCheckoutsTableDelay | html %] seconds...</span>
<span>
[% END %]
</p>
</div>
<form name="issues" action="/cgi-bin/koha/tools/export.pl" method="post">
<table id="issues-table" style="width: 100% !Important; display: none;">
<thead>
<tr>
<th scope="col">&nbsp;</th>
<th scope="col">&nbsp;</th>
<th scope="col">Due date</th>
<th scope="col">Due date</th>
<th scope="col">Title</th>
<th scope="col">Record-level item type</th>
<th scope="col">Item type</th>
<th scope="col">Collection</th>
<th scope="col">Location</th>
<th scope="col">Home library</th>
<th scope="col">&nbsp;</th>
<th scope="col">Checked out on</th>
<th scope="col">Checked out from</th>
<th scope="col">Call number</th>
<th scope="col">Copy number</th>
<th scope="col">Charge</th>
<th scope="col">Fine</th>
<th scope="col">Price</th>
<th scope="col">Renew <p class="column-tool"><a href="#" id="CheckAllRenewals">select all</a> | <a href="#" id="UncheckAllRenewals">none</a></p></th>
<th scope="col">Check in <p class="column-tool"><a href="#" id="CheckAllCheckins">select all</a> | <a href="#" id="UncheckAllCheckins">none</a></p></th>
<th scope="col">Return claims</th>
<th scope="col">Export <p class="column-tool"><a href="#" id="CheckAllExports">select all</a> | <a href="#" id="UncheckAllExports">none</a></p></th>
</tr>
</thead>
[% INCLUDE 'checkouts-table-footer.inc' %]
</table>
<label for="issues-table-load-immediately">Always show checkouts automatically</label>
<input id="issues-table-load-immediately" type="checkbox" />
<div id="issues-table-actions" style="display: none;">
<fieldset class="action">
[% IF ( CAN_user_circulate_override_renewals ) %]
[% IF Koha.Preference( 'AllowRenewalLimitOverride' ) || Koha.Preference( 'AllowRenewalOnHoldOverride' ) %]
<label for="override_limit">Override renewal restrictions:</label>
<input type="checkbox" name="override_limit" id="override_limit" value="1" />
[% END %]
[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]
[% IF Koha.Preference( 'UnseenRenewals' ) %]
<label id="renew_as_unseen_label" for="override_limit">Renew as &quot;unseen&quot; if appropriate:</label>
<input type="checkbox" name="renew_as_unseen" id="renew_as_unseen_checkbox" value="1" />
[% END %]
<button class="btn btn-default" id="CheckinChecked" disabled="disabled"><i class="fa fa-download"></i> Check in selected items</button>
<button class="btn btn-default" id="RenewChecked" disabled="disabled"><i class="fa fa-retweet"></i> Renew selected items</button>
<button class="btn btn-default" id="RenewAll"><i class="fa fa-book"></i> Renew all</button>
[% END %]
</fieldset>
[% IF Koha.Preference('ExportCircHistory') %]
<fieldset>
<label for="issues-table-output-format"><strong>Export checkouts using format:</strong></label>
<select name="issues-table-output-format" id="issues-table-output-format">
<option value="iso2709_995">MARC with items</option>
<option value="iso2709">MARC without items</option>
[% IF csv_profiles.count %]
<option value="csv">CSV</option>
[% END %]
</select>
[% IF csv_profiles.count %]
<select name="csv_profile_id">
[% FOREACH csv_profile IN csv_profiles %]
<option value="[% csv_profile.export_format_id | html %]">[% csv_profile.profile | html %]</option>
[% END %]
</select>
[% END %]
<label for="export_items_bundle_contents">Export items bundle contents</label> <input type="checkbox" name="export_items_bundle_contents" id="export_items_bundle_contents">
<label for="export_remove_fields">Don't export fields:</label> <input type="text" id="export_remove_fields" name="export_remove_fields" value="[% Koha.Preference('ExportRemoveFields') | html %]" title="Use for MARC exports" />
<input type="hidden" name="op" value="export" />
<input type="hidden" id="output_format" name="output_format" value="iso2709" />
<input type="hidden" id="dont_export_item" name="dont_export_item" value="0" />
<input type="hidden" id="record_type" name="record_type" value="bibs" />
<button class="btn btn-default btn-sm" id="export_submit"><i class="fa fa-download"></i> Export</button>
</fieldset>
[% END %]
</div>
</form>
[% ELSE %]
<p>Patron has nothing checked out.</p>
[% END %]
<!-- Claims Returned Modal -->
[% PROCESS 'modal-claims-display' %]