Bug 30952: Better header search bar on smaller screens
- Show only tab icons on screens <= 992px
- Hide form title on the left on screens <= 768px
- Move some dropdown lists to the "extra" filters area
Issue #24
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i> Check in</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_borrowers_edit_borrowers ) %]<li><atitle="Search patrons"href="#patron_search"class="keep_text"><iclass="fa fa-fw fa-id-card-o"></i> Search patrons</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i><spanclass="tab-title">Check in</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title">Renew</span></a></li>[% END %]
[% IF ( CAN_user_borrowers_edit_borrowers ) %]<li><atitle="Search patrons"href="#patron_search"class="keep_text"><iclass="fa fa-fw fa-id-card-o"></i><spanclass="tab-title">Search patrons</span></a></li>[% END %]
[% IF (marcflavour == 'UNIMARC' ) %]<optionvalue="">All authority types</option>[% END %]
[% FOREACH authority_type IN authority_types %]
[% IF authority_type.authtypecode == authtypecode %]
<optionvalue="[% authority_type.authtypecode | html %]"selected="selected">[% authority_type.authtypetext | html %]</option>
[% ELSE %]
<optionvalue="[% authority_type.authtypecode | html %]">[% authority_type.authtypetext | html %]</option>
[% END %]
[% END %]
</select>
<div>
<label>
Authority type
<selectname="authtypecode"class="form-control">
[% IF (marcflavour == 'UNIMARC' ) %]<optionvalue="">All authority types</option>[% END %]
[% FOREACH authority_type IN authority_types %]
[% IF authority_type.authtypecode == authtypecode %]
<optionvalue="[% authority_type.authtypecode | html %]"selected="selected">[% authority_type.authtypetext | html %]</option>
[% ELSE %]
<optionvalue="[% authority_type.authtypecode | html %]">[% authority_type.authtypetext | html %]</option>
[% END %]
[% END %]
</select>
</label>
</div>
[% END %]
<divid="header_search">
@ -79,7 +85,6 @@
</span>
<spanclass="form-content">
[% INCLUDE authtype %]
<inputid="value_mainentry"class="form-control head-searchbox"type="text"name="value"value="[% value | html %]"placeholder="Search main heading ($a only)"/>
<inputid="value_anywhere"class="form-control head-searchbox"type="text"name="value"value="[% value | html %]"placeholder="Search any authority field"/>
<li><atitle="Search main heading ($a only)"href="#mainmain_heading"class="keep_text"><istyle="font-weight:bold">$a</i>Search main heading ($a only)</a></li>
<li><atitle="Search main heading"href="#main_heading"class="keep_text"><iclass="fa fa-header"></i>Search main heading</a></li>
<li><atitle="Search all headings"href="#matchheading_search"class="keep_text"><iclass="fa fa-align-center"></i>Search all headings</a></li>
<li><atitle="Search main heading ($a only)"href="#mainmain_heading"class="keep_text"><istyle="font-weight:bold">$a</i><spanclass="tab-title">Main heading ($a only)</span></a></li>
<li><atitle="Search main heading"href="#main_heading"class="keep_text"><iclass="fa fa-header"></i><spanclass="tab-title">Main heading</span></a></li>
<li><atitle="Search all headings"href="#matchheading_search"class="keep_text"><iclass="fa fa-align-center"></i><spanclass="tab-title">All headings</span></a></li>
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i> Check in</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<liclass="ui-tabs-active"><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i> Search catalog</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i><spanclass="tab-title">Check in</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title">Renew</span></a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<liclass="ui-tabs-active"><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i><spanclass="tab-title">Search catalog</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i> Check in</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i><spanclass="tab-title">Check in</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title">Renew</span></a></li>[% END %]
[% IF ( Koha.Preference('IntranetCatalogSearchPulldown') ) %]
[% INCLUDE 'search_indexes.inc' $header_pulldown = 1 %]
[% END %]
[% IF ( Koha.Preference('RetainCatalogSearchTerms') ) %]
<inputtype="text"name="q"id="search-form"size="20"value="[% ms_value | html %]"title="Enter the terms you wish to search for."class="query form-text head-searchbox form-control"placeholder="Enter search keywords"/>
[% ELSE %]
<inputtype="text"name="q"id="search-form"size="20"title="Enter the terms you wish to search for."class="query form-text head-searchbox form-control"placeholder="Enter search keywords"/>
[% END %]
[% IF ( Koha.Preference('IntranetAddMastheadLibraryPulldown') ) %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i> Search catalog</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title">Renew</span></a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i><spanclass="tab-title">Search catalog</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i> Check in</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"><iclass="fa fa-fw fa-search"class="keep_text"></i> Search catalog</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i><spanclass="tab-title">Check in</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title">Renew</span></a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"><iclass="fa fa-fw fa-search"class="keep_text"></i><spanclass="tab-title">Search catalog</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i> Check in</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_borrowers_edit_borrowers ) %]<li><atitle="Search patrons"href="#patron_search"class="keep_text"><iclass="fa fa-fw fa-id-card-o"></i> Search patrons</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i> Search catalog</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i><spanclass="tab-title">Check in</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title">Renew</span></a></li>[% END %]
[% IF ( CAN_user_borrowers_edit_borrowers ) %]<li><atitle="Search patrons"href="#patron_search"class="keep_text"><iclass="fa fa-fw fa-id-card-o"></i><spanclass="tab-title">Search patrons</span></a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i><spanclass="tab-title">Search catalog</span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i> Check in</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i> Renew</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i> Search catalog</a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title"><spanclass="tab-title">Check out</span></span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check in"href="#checkin_search"class="keep_text"><iclass="fa fa-download"></i><spanclass="tab-title"><spanclass="tab-title">Check in</span></span></a></li>[% END %]
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Renew"href="#renew_search"class="keep_text"><iclass="fa fa-retweet"></i><spanclass="tab-title"><spanclass="tab-title">Renew</span></span></a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i><spanclass="tab-title"><spanclass="tab-title">Search catalog</span></span></a></li>[% END %]
<li><atitle="Search system preferences"href="#syspref_search"class="keep_text"><iclass="fa fa-fw fa-cogs"></i> Search system preferences</a></li>
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i> Check out</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i> Search catalog</a></li>[% END %]
<li><atitle="Search system preferences"href="#syspref_search"class="keep_text"><iclass="fa fa-fw fa-cogs"></i><spanclass="tab-title">Search system preferences</span></a></li>
[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]<li><atitle="Check out"href="#circ_search"class="keep_text"><iclass="fa fa-upload"></i><spanclass="tab-title">Check out</span></a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><atitle="Search catalog"href="#catalog_search"class="keep_text"><iclass="fa fa-fw fa-search"></i><spanclass="tab-title">Search catalog</span></a></li>[% END %]