PINES opac tweak for geosort buttons
authorTerran McCanna <tmccanna@georgialibraries.org>
Tue, 23 Nov 2021 19:12:34 +0000 (14:12 -0500)
committerChris Sharp <csharp@georgialibraries.org>
Sat, 19 Nov 2022 20:08:42 +0000 (15:08 -0500)
Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Open-ILS/src/templates-bootstrap/opac/parts/record/copy_table.tt2

index 6a5be08..fe5f515 100755 (executable)
@@ -45,41 +45,53 @@ IF has_copies or ctx.foreign_copies;
   depth = CGI.param('copy_depth').defined ? CGI.param('copy_depth') : CGI.param('depth').defined ? CGI.param('depth') : ctx.copy_summary.last.depth;
   total_copies = ctx.copy_summary.$depth.count;
 %]
+<div style="background-color:#eeeeee; padding-left:10px;border:1px dashed #bbbbbb;">
 [% IF ctx.geo_sort %]
-<form method="GET">
-[% FOREACH p IN CGI.params.keys; NEXT IF p == 'geographic-location' %]
-  <input type="hidden" name="[% p | html %]" value="[% CGI.params.$p | html %]"/>
-[% END %]
-<span with="50%">
-    [% l("Sort by distance from:") %]
-    <input type="text" id="geographic-location-box" name="geographic-location" aria-label="[% l('Enter address or postal code') %]" placeholder="[% l('Enter address/postal code') %]" class="search-box" x-webkit-speech="" value="[% p = 'geographic-location'; CGI.params.$p %]"></input>
-    <button type="submit" class="btn btn-confirm">[% l('Go') %]</button>
-</span>
-[% p = 'geographic-location'; IF CGI.params.$p && !ctx.has_valid_coords %]
-<span class="opac-alert">[% l('Sorry, your address is not recognized') %]</span>
-[% END %]
-</form>
+<div style="float:left;">
+       <form method="GET">
+       [% FOREACH p IN CGI.params.keys; NEXT IF p == 'geographic-location' %]
+         <input type="hidden" name="[% p | html %]" value="[% CGI.params.$p | html %]"/>
+       [% END %]
+       <span width="50%">
+               <i class="fas fa-globe" aria-hidden="true"></i>
+               [% l("Find the nearest copy:") %]
+               <input type="text" id="geographic-location-box" name="geographic-location" 
+                       aria-label="[% l('Enter address or postal code') %]" 
+                       placeholder="[% l('Enter address/postal code') %]" class="search-box" 
+                       x-webkit-speech="" value="[% p = 'geographic-location'; CGI.params.$p %]"></input>
+               <button type="submit" class="opac-button">[% l('Go') %]</button>
+       </span>
+       [% p = 'geographic-location'; IF CGI.params.$p && !ctx.has_valid_coords %]
+       <span class="opac-alert">[% l('Sorry, your address is not recognized') %]</span>
+       [% END %]
+       </form>
+</div> 
 [% p = 'geographic-location'; IF CGI.params.$p && ctx.has_valid_coords %]
 <form method="GET">
 [% FOREACH p IN CGI.params.keys; NEXT IF p == 'geographic-location' %]
   <input type="hidden" name="[% p | html %]" value="[% CGI.params.$p | html %]"/>
 [% END %]
+<div style="float:left;">
    <button type="submit" class="opac-button">[% l('Use default item sort') %]</button>
+</div>
 </form>
 [% END %]
 [% END %]
 
-<div class="mt-3">
-[% IF available == 'true'; %]
-  <a href="[% mkurl('', {available => 'false' }) %]">
-      [% l('Show All Copies') %]
-  </a>
-[% END %]
-[% IF available == 'false'; %]
-  <a href="[% mkurl('', {available => 'true' }) %]">
-      [% l('Show Only Available Copies') %]
-  </a>
-[% END %]
+<div class="float:left;">
+       [% IF available == 'true'; %]
+         <a href="[% mkurl('', {available => 'false' }) %]" class="opac-button">
+                 [% l('Show All Copies') %]
+         </a>
+       [% END %]
+       [% IF available == 'false'; %]
+         <a href="[% mkurl('', {available => 'true' }) %]" class="opac-button">
+                 [% l('Show Only Available Copies') %]
+         </a>
+       [% END %]
+</div>
+</div>
+<div style="clear:both;"></div>
 
 <table class="container-fluid table table-hover mt-4 miniTable copyTable w-100" >
     <thead>