Bug 36864: Add classes/CSS/fix markup on request.tt
To test: 1. APPLY PATCH 2. Regenerate CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_interface ) 3. Place a hold 4. On reserve/request.pl the 'Hold a specific item' fieldset should be disabled by default. 5. While disabled try clicking on the Allowed pickup locations dropdowns, you should not be able to. 6. In the 'Hold next available item', while enabled, you should be able to interact with the dropdowns. 7. Use the radio buttons to enable the 'Hold a specific item' fieldset. You should now be able to interact with the dropdowns. Signed-off-by: Owen Leonard <oleonard@myacpl.org> Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com> Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
This commit is contained in:
parent
e412a4387c
commit
391c96aa52
2 changed files with 41 additions and 33 deletions
|
@ -4801,6 +4801,18 @@ div .suggestion_note {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#circ_request {
|
||||||
|
fieldset {
|
||||||
|
&.disabled {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
&.rows:has(fieldset.enabled) {
|
||||||
|
border: 1px solid #408540;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
@import "header";
|
@import "header";
|
||||||
@import "toolbar";
|
@import "toolbar";
|
||||||
@import "forms";
|
@import "forms";
|
||||||
|
|
|
@ -613,20 +613,18 @@
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset class="rows">
|
<fieldset class="rows">
|
||||||
<legend>
|
<legend>
|
||||||
<button type="button">
|
[% IF force_hold_level == 'item' || force_hold_level == 'item_group' %]
|
||||||
[% IF force_hold_level == 'item' || force_hold_level == 'item_group' %]
|
<input type="radio" id="requestany" name="request" disabled="true" />
|
||||||
<input type="radio" id="requestany" name="request" disabled="true" />
|
[% ELSIF force_hold_level == 'record' %]
|
||||||
[% ELSIF force_hold_level == 'record' %]
|
<input type="radio" id="requestany" checked="checked" value="Any" disabled="true"/>
|
||||||
<input type="radio" id="requestany" checked="checked" value="Any" disabled="true"/>
|
<input type="hidden" name="request" value="Any"/>
|
||||||
<input type="hidden" name="request" value="Any"/>
|
<span class="error"><i>(Required)</i></span>
|
||||||
<span class="error"><i>(Required)</i></span>
|
[% ELSE %]
|
||||||
[% ELSE %]
|
<input type="radio" id="requestany" name="request" checked="checked" value="Any" />
|
||||||
<input type="radio" id="requestany" name="request" checked="checked" value="Any" />
|
[% END %]
|
||||||
[% END %]
|
<label for="requestany" class="inline">
|
||||||
<label for="requestany" class="inline">
|
Hold next available item
|
||||||
Hold next available item
|
</label>
|
||||||
</label>
|
|
||||||
</button>
|
|
||||||
</legend>
|
</legend>
|
||||||
<input type="hidden" name="alreadyreserved" value="[% alreadyreserved | html %]" />
|
<input type="hidden" name="alreadyreserved" value="[% alreadyreserved | html %]" />
|
||||||
<fieldset class="enable_request_any disable_request_group disable_request_specific">
|
<fieldset class="enable_request_any disable_request_group disable_request_specific">
|
||||||
|
@ -796,19 +794,17 @@
|
||||||
|
|
||||||
<fieldset class="rows">
|
<fieldset class="rows">
|
||||||
<legend>
|
<legend>
|
||||||
<button type="button">
|
[% IF force_hold_level == 'item' %]
|
||||||
[% IF force_hold_level == 'item' %]
|
<input type="radio" id="requestspecificitem" name="request" class="requestspecific" checked="checked" disabled='disabled'/>
|
||||||
<input type="radio" id="requestspecificitem" name="request" class="requestspecific" checked="checked" disabled='disabled'/>
|
<span class="error"><em>(Required)</em></span>
|
||||||
<span class="error"><em>(Required)</em></span>
|
[% ELSIF force_hold_level == 'record' || force_hold_level == 'item_group' %]
|
||||||
[% ELSIF force_hold_level == 'record' || force_hold_level == 'item_group' %]
|
<input type="radio" id="requestspecificitem" name="request" class="requestspecific" disabled='disabled'/>
|
||||||
<input type="radio" id="requestspecificitem" name="request" class="requestspecific" disabled='disabled'/>
|
[% ELSE %]
|
||||||
[% ELSE %]
|
<input type="radio" id="requestspecificitem" name="request" class="requestspecific"/>
|
||||||
<input type="radio" id="requestspecificitem" name="request" class="requestspecific"/>
|
[% END %]
|
||||||
[% END %]
|
<label for="requestspecificitem" class="inline">
|
||||||
<label for="requestspecificitem" class="inline">
|
Hold a specific item
|
||||||
Hold a specific item
|
</label>
|
||||||
</label>
|
|
||||||
</button>
|
|
||||||
</legend>
|
</legend>
|
||||||
|
|
||||||
<fieldset class="enable_request_specific disable_request_any disable_request_group">
|
<fieldset class="enable_request_specific disable_request_any disable_request_group">
|
||||||
|
@ -1681,16 +1677,16 @@
|
||||||
|
|
||||||
function ToggleHoldsToPlace() {
|
function ToggleHoldsToPlace() {
|
||||||
if ( $("#requestany").prop('checked') ) {
|
if ( $("#requestany").prop('checked') ) {
|
||||||
$(".disable_request_any").prop('disabled',true);
|
$(".disable_request_any").prop('disabled',true).addClass('disabled').removeClass('enabled');
|
||||||
$(".enable_request_any").prop('disabled',false);
|
$(".enable_request_any").prop('disabled',false).removeClass('disabled').addClass('enabled');
|
||||||
$(".requestspecific,.requestgrp").prop('checked', false);
|
$(".requestspecific,.requestgrp").prop('checked', false);
|
||||||
} else if( $(".requestspecific").prop('checked') ) {
|
} else if( $(".requestspecific").prop('checked') ) {
|
||||||
$(".disable_request_specific").prop('disabled',true);
|
$(".disable_request_specific").prop('disabled',true).addClass('disabled').removeClass('enabled');
|
||||||
$(".enable_request_specific").prop('disabled',false);
|
$(".enable_request_specific").prop('disabled',false).removeClass('disabled').addClass('enabled');
|
||||||
$("#requestany,.requestgrp").prop('checked', false);
|
$("#requestany,.requestgrp").prop('checked', false);
|
||||||
} else {
|
} else {
|
||||||
$(".disable_request_group").prop('disabled',true);
|
$(".disable_request_group").prop('disabled',true).addClass('disabled').removeClass('enabled');
|
||||||
$(".enable_request_group").prop('disabled',false);
|
$(".enable_request_group").prop('disabled',false).removeClass('disabled').addClass('enabled');
|
||||||
$("#requestany,.requestspecific").prop('checked', false);
|
$("#requestany,.requestspecific").prop('checked', false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue