OPAC Mobile View Display customizations

Mainly to Lists page and Holds page in My Accounts

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index d11f1b0..ebde5c7 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1469,7 +1469,7 @@ h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
     border-top: none;
 }
 .bookbag-specific div.sort { float: left; text-align: left; }
-.bookbag-specific div.meta { float: left; text-align: left; margin-left:20px; }
+.bookbag-specific div.meta { float: left; text-align: left; margin-left:0px; }
 #bbag-name-desc-form tr th { vertical-align: middle; }
 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
 .bookbag-description {
@@ -2230,6 +2230,22 @@ div.result_table_utils {
        .mobile_search_lbl_clr{
           color:[% css_colors.mobile_header_text %];
        }
+       
+       /* PINES-specific */
+       .hide_on_small_screens {
+           display:none;
+       }
+       .bookbag-control-button {
+           display:none;
+       }
+       .bookbag-share {
+           display:none;
+       }
+       #bbag-edit-description { width: 12em; }
+       #bbag-edit-name { width: 12em; }
+       #search-submit-go-depth {
+           display:none;
+       }
           
 }
 

diff --git a/Open-ILS/src/templates/opac/myopac/holds.tt2 b/Open-ILS/src/templates/opac/myopac/holds.tt2
index b4348d0..c596384 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/holds.tt2
+++ b/Open-ILS/src/templates/opac/myopac/holds.tt2
@@ -109,11 +109,11 @@
                       onclick="var inputs=document.getElementsByTagName('input'); for (i = 0; i < inputs.length; i++) { if (inputs[i].name == 'hold_id' &amp;&amp; !inputs[i].disabled) inputs[i].checked = this.checked;}"/>
                 </th>
                 <th>[% sort_head("sort_title", l('Title')) %]</th>
-                <th>[% sort_head("author", l('Author')) %]</th>
-                <th>[% sort_head("format", l('Format')) %]</th>
+                <th class="hide_on_small_screens">[% sort_head("author", l('Author')) %]</th>
+                <th class="hide_on_small_screens">[% sort_head("format", l('Format')) %]</th>
                 <th>[% l('Pickup Location') %]</th>
-                <th>[% l('Activate') %]</th>
-                <th>[% l('Cancel if not filled by') %]</th>
+                <th class="hide_on_small_screens">[% l('Activate') %]</th>
+                <th class="hide_on_small_screens">[% l('Cancel if not filled by') %]</th>
                 <th>[% l('Active') %]</th>
                 <th>[% l('Status') %]</th>
                                <th>[% l('Notes') %]</th>
@@ -204,7 +204,7 @@
                                                                [%- END; END; %]
                         </div>
                     </td>
-                    <td>
+                    <td class="hide_on_small_screens">
                         <div>
                             <a href="[% mkurl(ctx.opac_root _ '/results',
                                 {qtype => 'author', query => hold.ATTRS.author.replace('[,\.:;]', '')},
@@ -212,7 +212,7 @@
                             ) %]">[% hold.ATTRS.author | html %]</a>
                         </div>
                     </td>
-                    <td style="text-align:center;">
+                    <td style="text-align:center;" class="hide_on_small_screens">
                         <div class="format_icon">
                           [% 
                             formats = hold.ATTRS.all_formats;
@@ -237,17 +237,17 @@
                     <td>
                         [% ctx.get_aou(ahr.pickup_lib).name | html %]
                     </td>
-                    <td>
+                    <td class="hide_on_small_screens">
                         [% IF ahr.frozen == 't' AND ahr.thaw_date;
                             date.format(ctx.parse_datetime(ahr.thaw_date), DATE_FORMAT);
                         END %]
                     </td>
-                    <td>
+                    <td class="hide_on_small_screens">
                         [% IF ahr.expire_time;
                             date.format(ctx.parse_datetime(ahr.expire_time), DATE_FORMAT);
                         END %]
                     </td>
-                    <td>
+                    <td class="hide_on_small_screens">
                         [% l(ahr.frozen == 'f' ? 'Active' : 'Suspended') %]
                     </td>
                     <td>

diff --git a/Open-ILS/src/templates/opac/myopac/lists.tt2 b/Open-ILS/src/templates/opac/myopac/lists.tt2
index c5ebee6..a3cde80 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/lists.tt2
+++ b/Open-ILS/src/templates/opac/myopac/lists.tt2
@@ -50,26 +50,30 @@
                             src="[% ctx.media_prefix %]/images/question-mark.png" />
                     </a>
                 </td>
-                <td class="list-create-table-buttons">
-                    <input type="submit"
-                        value="[% l('Submit') %]"
-                        alt="[% l('Submit') %]"
-                        class="opac-button"/>
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                    <input type="reset"
-                        value="[% l('Cancel') %]"
-                        alt="[% l('Cancel') %]"
-                        class="opac-button" />
-                </td>
+
             </tr>
             <tr>
                 <td class="text-right-top">
                     <label for="list_description">[% l("List description (optional):") %]</label>
                 </td>
-                <td colspan="3">
-                    <textarea cols="40" rows="3" name="description"
+                <td colspan="2">
+                    <textarea cols="30" rows="3" name="description"
                         id="list_description"></textarea>
                 </td>
+            </tr>
+            <tr>
+                <td>&nbsp;</td>
+                <td colspan="2" class="list-create-table-buttons">
+                    <input type="reset"
+                        value="[% l('Cancel') %]"
+                        alt="[% l('Cancel') %]"
+                        class="opac-button" />
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
+                    <input type="submit"
+                        value="[% l('Submit') %]"
+                        alt="[% l('Submit') %]"
+                        class="opac-button"/>
+                </td>
         </table>
     </form>
 
@@ -172,7 +176,7 @@
                     <input type="hidden" name="list" value="[% bbag.id %]" />
                     <input type="hidden" name="action" value="delete" />
                     [%- INCLUDE "opac/parts/preserve_params.tt2"; %]
-                    <input type="submit" value="[% l('Delete List') %]" />
+                    <input type="submit" value="[% l('Delete List') %]" class="bookbag-control-button" />
                 </div>
             </form>
             <form action="[% mkurl(ctx.opac_root _ '/myopac/list/print') %]" method="post">
@@ -180,7 +184,7 @@
                     <input type="hidden" name="list" value="[% bbag.id %]" />
                     <input type="hidden" name="sort" value="[% CGI.param('sort') | html %]" />
                     [%- INCLUDE "opac/parts/preserve_params.tt2"; %]
-                    <input type="submit" value="[% l('Download CSV') %]" />
+                    <input type="submit" value="[% l('Download CSV') %]" class="bookbag-control-button" />
                 </div>
             </form>
             [% setting = 'opac.default_list'; %]
@@ -190,10 +194,10 @@
                     [%- INCLUDE "opac/parts/preserve_params.tt2"; %]
                     [% IF ctx.user_setting_map.$setting == bbag.id %]
                     <input type="hidden" name="action" value="remove_default" />
-                    <input type="submit" value="[% l('Remove Default List') %]" />
+                    <input type="submit" value="[% l('Remove Default List') %]"  class="bookbag-control-button"/>
                     [% ELSE %]
                     <input type="hidden" name="action" value="make_default" />
-                    <input type="submit" value="[% l('Make Default List') %]" />
+                    <input type="submit" value="[% l('Make Default List') %]"  class="bookbag-control-button"/>
                     [% END %]
                 </div>
             </form>
@@ -242,7 +246,7 @@
         <div class="bookbag-specific">
             <div class="sort">
                 <form method="get">
-                    <label for="opac.result.sort">[% l("Sort list items by: ") %]</label>
+                    <label for="opac.result.sort"><b>[% l("Sort list items by: ") %]</b></label>
                     [%- INCLUDE "opac/parts/preserve_params.tt2" params=['loc', 'query', 'qtype']; %]
                     [% INCLUDE "opac/parts/filtersort.tt2"
                         value=CGI.param('sort') mode='bookbag' %]
@@ -268,10 +272,6 @@
                                     value="[% bbag.name | html %]"
                                     id="bbag-edit-name" />
                             </td>
-                            <td rowspan="2" class="saver">
-                                [% l("Save changes to name or description?") %]<br />
-                                <input type="submit" value="[% l('Save') %]" />
-                            </td>
                         </tr>
                         <tr>
                             <th><label for="bbag-edit-description">[% l('Description:') %]</label></th>
@@ -280,6 +280,12 @@
                                     id="bbag-edit-description">[% bbag.description | html %]</textarea>
                             </td>
                         </tr>
+                        <tr>
+                            <th><label>[% l("Save changes?") %]</label</th>
+                            <td class="saver">
+                                <input type="submit" value="[% l('Save') %]" />
+                            </td>
+                        </tr>
                     </table>
                 </form>
             </div>
@@ -291,7 +297,7 @@
         <table class="bookbag-specific table_no_cell_pad table_no_border_space table_no_border">
             <thead id="acct_list_header">
                 <tr>
-                    <td class="list_checkbox">
+                    <td class="list_checkbox" class="hide_on_small_screens">
                     <input type="checkbox" 
                       onclick="var inputs=document.getElementsByTagName('input'); 
                         for (i = 0; i < inputs.length; i++) { 
@@ -302,25 +308,25 @@
                     <td class="list_entry">
                         <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {sort=> (CGI.param('sort') == 'titlesort' ? 'titlesort.descending' : 'titlesort')}) %]">[% l('Title') %]</a>
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                         <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {sort=>(CGI.param('sort') == 'authorsort' ? 'authorsort.descending' : 'authorsort')}) %]">[% l('Author(s)') %]</a>
                     </td>
-                    <td class='list_entry'>
+                    <td class="hide_on_small_screens">
                         [% l('Local Call Number') %]
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                         <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {sort=>(CGI.param('sort') == 'pubdate' ? 'pubdate.descending' : 'pubdate')}) %]">[% l('Publication Date') %]</a>
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                          [% l('Format') %]
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                         [% l('Notes') %]
                         [% IF CGI.param("edit_notes") != bbag.id %]
                         | <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {edit_notes=> bbag.id}) %]">[% l('Edit') %]</a>
                         [% END %]
                     </td>
-                    <td class="list_actions">
+                    <td>
                         <select name="action">
                             <option disabled="disabled">[% l('-- Actions for these items --') %]</option>
                             <option value="place_hold">[% l('Place hold') %]</option>
@@ -342,19 +348,19 @@
                     attrs = {marc_xml => ctx.bookbags_marc_xml.$rec_id};
                     PROCESS get_marc_attrs args=attrs %]
                 <tr class="bookbag-item-row">
-                    <td class="list_checkbox">
+                    <td class="hide_on_small_screens">
                         <input type="checkbox" name="selected_item" value="[% item.id %]" bbag='[% bbag.id %]'/>
                     </td>
                     <td class="list_entry">
                         <a href="[% mkurl(ctx.opac_root _ '/record/' _ rec_id, {}, ['edit_notes', 'bbid']) %]">[% attrs.title | html %]</a>
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                         <a href="[%- 
                             authorquery = attrs.author | replace('[,\.:;]', '');
                             mkurl(ctx.opac_root _ '/results', {qtype => 'author', query => authorquery}, ['page', 'bbid', 'edit_notes'])
                             -%]">[% attrs.author | html %]</a>
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                         [% 
                             copy = attrs.holdings.0;
                             IF copy;
@@ -371,14 +377,14 @@
                             END;
                         %]
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                           [% attrs.pubdate | html %]
                     </td>
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                           [% attrs.format_label | html %]
                     </td>
                     [% IF CGI.param("edit_notes") == bbag.id %]
-                    <td class="list_entry">
+                    <td class="hide_on_small_screens">
                         [% FOR note IN item.notes %]
                         <input type="text" name="note-[% note.id %]" value="[% note.note | html %]" />
                         [% END %]