Owen Leonard
40560b571d
This patch updates CSS and markup in the patron add/edit form so that there is better visual indication that sections can be collapsed by clicking headings. The JS function for showing and hiding sections has also been updated to reduce verbosity. Unrelated markup change for the sake of accessibility: A <label> has been added to the "Show collapsed fields" checkbox which is seen when CollapseFieldsPatronAddForm is active. To test, apply the patch and go to Patrons -> New patron. - Each section of the form should have an arrow indicator by the section heading indicating whether it is expanded or collapsed. - Mousing over the heading should show a border to help show the clickable region. - Clicking the header should collapse the section and the arrow indicator should change to reflect that the section is collapsed. - Go to Administration -> Sytem preferences and search for CollapseFieldsPatronAddForm. - Make some selections from the dropdown and save your changes. - Return to the patron entry form and confirm that your selections are collapsed by default. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com> Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
197 lines
7.5 KiB
HTML
197 lines
7.5 KiB
HTML
[% USE Koha %]
|
|
[% USE AuthorisedValues %]
|
|
[% BLOCK 'main-address-style' %]
|
|
<fieldset class="rows" id="memberentry_mainaddress">
|
|
<legend class="expanded" id="main_address_lgd">
|
|
<i class="fa fa-caret-down"></i>
|
|
Main address
|
|
</legend>
|
|
<ol>
|
|
[% IF Koha.Preference( 'AddressFormat' ) %]
|
|
[% PROCESS "member-main-address-style-${ Koha.Preference( 'AddressFormat' ) }" %]
|
|
[% ELSE %]
|
|
[% PROCESS 'member-main-address-style-us' %]
|
|
[% END %]
|
|
</ol>
|
|
</fieldset>
|
|
[% END %]
|
|
|
|
[% BLOCK 'member-main-address-style-us' %]
|
|
[% PROCESS 'address-style_streetnumber' %]
|
|
[% PROCESS 'address-style_roadtypes' %]
|
|
[% PROCESS 'address-style_address' %]
|
|
[% PROCESS 'address-style_address2' %]
|
|
[% PROCESS 'address-style_city' %]
|
|
[% PROCESS 'address-style_state' %]
|
|
[% PROCESS 'address-style_zipcode' %]
|
|
[% PROCESS 'address-style_country' %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'member-main-address-style-de' %]
|
|
[% PROCESS 'address-style_roadtypes' %]
|
|
[% PROCESS 'address-style_address' %]
|
|
[% PROCESS 'address-style_streetnumber' %]
|
|
[% PROCESS 'address-style_address2' %]
|
|
[% PROCESS 'address-style_zipcode' %]
|
|
[% PROCESS 'address-style_city' %]
|
|
[% PROCESS 'address-style_state' %]
|
|
[% PROCESS 'address-style_country' %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'member-main-address-style-fr' %]
|
|
[% PROCESS 'address-style_streetnumber' %]
|
|
[% PROCESS 'address-style_roadtypes' %]
|
|
[% PROCESS 'address-style_address' %]
|
|
[% PROCESS 'address-style_address2' %]
|
|
[% PROCESS 'address-style_zipcode' %]
|
|
[% PROCESS 'address-style_city' %]
|
|
[% PROCESS 'address-style_state' %]
|
|
[% PROCESS 'address-style_country' %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_roadtypes' %]
|
|
[% SET roadtypes = AuthorisedValues.GetAuthValueDropbox('ROADTYPE') %]
|
|
[% IF roadtypes.count %]
|
|
[% UNLESS nostreettype %]
|
|
<li>
|
|
[% IF ( mandatorystreettype ) %]
|
|
<label for="streettype" class="required">
|
|
[% ELSE %]
|
|
<label for="streettype">
|
|
[% END %]
|
|
Street type: </label>
|
|
<select name="streettype">
|
|
<option value=""></option>
|
|
[% FOR roadtype IN roadtypes %]
|
|
[% IF roadtype.authorised_value == patron.streettype %]
|
|
<option value="[% roadtype.authorised_value | html %]" selected="selected">[% roadtype.lib | html %]</option>
|
|
[% ELSE %]
|
|
<option value="[% roadtype.authorised_value | html %]">[% roadtype.lib | html %]</option>
|
|
[% END %]
|
|
[% END %]
|
|
</select>
|
|
[% IF ( mandatorystreettype ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_address' %]
|
|
[% UNLESS noaddress %]
|
|
<li>
|
|
[% IF ( mandatoryaddress ) %]
|
|
<label for="address" class="required">
|
|
[% ELSE %]
|
|
<label for="address">
|
|
[% END %]
|
|
Address: </label>
|
|
<input type="text" id="address" name="address" size="40" value="[% patron.address | html %]" />
|
|
[% IF ( mandatoryaddress ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_streetnumber' %]
|
|
[% UNLESS nostreetnumber %]
|
|
<li>
|
|
[% IF ( mandatorystreetnumber ) %]
|
|
<label for="streetnumber" class="required">
|
|
[% ELSE %]
|
|
<label for="streetnumber">
|
|
[% END %]
|
|
Street number: </label>
|
|
<input type="text" id="streetnumber" name="streetnumber" size="5" maxlength="10" value="[% patron.streetnumber | html %]" />
|
|
[% IF ( mandatorystreetnumber ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_address2' %]
|
|
[% UNLESS noaddress2 %]
|
|
<li>
|
|
[% IF ( mandatoryaddress2 ) %]
|
|
<label for="address2" class="required">
|
|
[% ELSE %]
|
|
<label for="address2">
|
|
[% END %]
|
|
Address 2: </label>
|
|
<input type="text" id="address2" name="address2" size="40" value="[% patron.address2 | html %]" />
|
|
[% IF ( mandatoryaddress2 ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_zipcode' %]
|
|
[% UNLESS nozipcode %]
|
|
<li>
|
|
[% IF ( mandatoryzipcode ) %]
|
|
<label for="zipcode" class="required">
|
|
[% ELSE %]
|
|
<label for="zipcode">
|
|
[% END %]
|
|
ZIP/Postal code: </label>
|
|
<input type="text" id="zipcode" name="zipcode" maxlength="10" size="10" value="[% patron.zipcode | html %]" />
|
|
[% IF ( mandatoryzipcode ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_city' %]
|
|
[% UNLESS nocity %]
|
|
<li>
|
|
[% IF ( mandatorycity ) %]
|
|
<label for="city" class="required" >
|
|
[% ELSE %]
|
|
<label for="city">
|
|
[% END %]
|
|
City: </label>
|
|
[% IF cities.count %]
|
|
<select class="select_city" data-addressfield="" name="select_city">
|
|
<option value="|||"></option>
|
|
[% FOREACH c IN cities %]
|
|
[% IF c.city_name == patron.city && c.city_state == patron.state && c.city_zipcode == patron.zipcode %]
|
|
<option value="[% c.city_zipcode | html %]|[% c.city_name | html %]|[% c.city_state | html %]|[% c.city_country | html %]" selected="selected">
|
|
[% ELSE %]
|
|
<option value="[% c.city_zipcode | html %]|[% c.city_name | html %]|[% c.city_state | html %]|[% c.city_country | html %]">
|
|
[% END %]
|
|
[% c.city_name | html %] [% c.city_state | html %] [% c.city_zipcode | html %]
|
|
</option>
|
|
[% END %]
|
|
</select>
|
|
<span class="hint">or enter</span>
|
|
[% END %]
|
|
<input type="text" id="city" name="city" size="20" value="[% patron.city | html %]" />
|
|
[% IF ( mandatorycity ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_state' %]
|
|
[% UNLESS nostate %]
|
|
<li>
|
|
[% IF ( mandatorystate ) %]
|
|
<label for="state" class="required" >
|
|
[% ELSE %]
|
|
<label for="state">
|
|
[% END %]
|
|
State: </label>
|
|
<input type="text" id="state" name="state" size="20" value="[% patron.state | html %]" />
|
|
[% IF ( mandatorystate ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK 'address-style_country' %]
|
|
[% UNLESS nocountry %]
|
|
<li>
|
|
[% IF ( mandatorycountry ) %]
|
|
<label for="country" class="required">
|
|
[% ELSE %]
|
|
<label for="country">
|
|
[% END %]
|
|
Country: </label>
|
|
<input type="text" id="country" name="country" size="20" value="[% patron.country | html %]" />
|
|
[% IF ( mandatorycountry ) %]<span class="required">Required</span>[% END %]
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|