Jason Stephenson [Thu, 26 May 2011 14:30:10 +0000 (10:30 -0400)]
Add PhoneList.pm.
A simple WWW module to list patrons who have holds with their phone
numbers and barcodes. The format is as requested by a specific library
for their automated calling program.
Future modifications may include the ability to rearrange the output
columns and provide formats for some data.
Signed-off-by: Jason Stephenson <jstephenson@mvlc.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Ben Shum <bshum@biblio.org>
Bill Erickson [Wed, 4 Sep 2013 13:26:23 +0000 (09:26 -0400)]
Fiction records / copies test data
Adds 17 (mostly) fiction bib records w/ copies to
OpenILS/tests/datasets/sql/. New items are loaded via load_all.sql.
Special thanks to Rogan Hamby for donating (and I believe creating)
these records many moons ago. For reference:
The father hunt;
Southern Gods /
The winter of our discontent /
CliffsNotes Steinbeck's Of mice and men /
The rum diary
Blueberry girl /
Stardust
Coraline
Objective-C programming :
The swordsman of Mars /
Ghost story
The Avengers
Throne of the Crescent Moon /
The walking dead.
Kraken :
The crow
The running man /
Signed-off-by: Bill Erickson <berick@esilibrary.com> Signed-off-by: Ben Shum <bshum@biblio.org>
Steven Callender [Thu, 12 Sep 2013 17:30:16 +0000 (13:30 -0400)]
Added in warning message when placing hold with no email address.
Previously when an account didn't have an email address associated with it
when placing a hold, the input box would be greyed out and the display
would show the Email Address text with no address to go with it.
This change will instead show text warning the user that they have
no email address configured and they need to go to My Account in order
to add one to their account.
Signed-off-by: Steven Callender <stevecallender@esilibrary.com> Signed-off-by: Ben Shum <bshum@biblio.org>
Dan Wells [Wed, 25 Sep 2013 20:46:31 +0000 (16:46 -0400)]
TPAC: Consolidate and simplify button styles
TPAC has at least two distinct types of buttons, those created by
input tags, and those created by anchor (that is, <a>) tags. This
commit simplifies and consolidates the styles used for both types
of buttons.
At least in Firefox, inline blocks display in a closer size rendering
to <input> tags than plain 'display:inline'. The switch doesn't seem
to hurt in most cases in IE, FF, or Chrome, so let's do it.
Two cases where inline works better are the floating 'My Account' and
'dash' buttons'. They already have special classes, so let's revert
those back to inline. In fact, let's make the logged-in 'dash'
buttons share the style of the 'My Account' button which got us there,
and make all three buttons more visible when hovering.
Inputs do not inherit the body font by default, so let's apply it for
better display consistency.
Finally, Firefox inputs have some extra space around them; let's make
a modest attempt to remove that.
Signed-off-by: Dan Wells <dbw2@calvin.edu> Signed-off-by: Ben Shum <bshum@biblio.org>
Ben Shum [Wed, 25 Sep 2013 21:40:57 +0000 (17:40 -0400)]
TPAC: Add format icon back to search results
As a compromise, add the format icon back to the search results to sit alongside
the fully spelled out format label for the record. Having the label next to the
icon helps to inform on the icon without the need to hover.
Local sites may consider customizing this to their personal desires.
Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Wells [Wed, 25 Sep 2013 16:53:51 +0000 (12:53 -0400)]
TPAC: Make corner image link to server root
Most people will do this anyway, and in the MOPAC view, you currently
get trapped in 'My Account' with no obvious way out unless we have
a link like this.
Signed-off-by: Dan Wells <dbw2@calvin.edu> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Dan Scott [Wed, 25 Sep 2013 03:38:23 +0000 (23:38 -0400)]
TPAC: Make low hits help support low-width devices
Inline styles were forcing the width of the low-hits help box to be
353px wide, which is wider than our target 320 width for mobile devices.
Let the help use the full available width under the 600px barrier.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 25 Sep 2013 03:07:30 +0000 (23:07 -0400)]
TPAC: Make home search screen work on IE8+
The home logo is now centred on IE, and the white background extends
across the full width of the page. Huzzah!
As a bonus, the markup makes more sense without the <strong><center>.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Ben Shum [Tue, 24 Sep 2013 21:47:16 +0000 (17:47 -0400)]
Add missing ending label tag for format selector
On the basic search, we were missing an ending label tag so it was combining
the one from formats and library pickers into a single element which made
selecting the library misbehave.
Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Ben Shum [Tue, 24 Sep 2013 20:03:59 +0000 (16:03 -0400)]
Remove extra large facets
While an interesting experiment, as agreed in IRC conversation with kmlussier
and dbs, we will remove the extra wide facets being used in wider screens for
the time being.
Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
There were a couple of explicit width in the My Account area that were
causing the account expiration alert to run off the screen. I removed them
and a tweak to the CSS to get the page elements to display
properly.
Bill Ott [Tue, 24 Sep 2013 19:20:56 +0000 (15:20 -0400)]
i18n support for field names in myopac css
Signed-off-by: Bill Ott <bott@grpl.org> Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Ben Shum [Tue, 24 Sep 2013 18:16:21 +0000 (14:16 -0400)]
Fix tab button margins
Remove a hanging 10px margin that made the advanced search tabs and my account
tabs appear as though they were floating over the contents they were connected
with.
Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 17:21:35 +0000 (13:21 -0400)]
TPAC: Simplify opac-button styling
Conflicting padding declarations in the stylesheet, in an old attempt to
balance out the sizes of various INPUT types vs A elements in Chrome vs.
Firefox, were resulting in increasingly odd sizes for the buttons
(depending on which browser you used). Switching to a BUTTON instead of
an A tag and dropping all of the padding declarations improves the
situation on Firefox, Chrome, and IE8, while simplifying the CSS.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 17:04:56 +0000 (13:04 -0400)]
TPAC: Retain advanced search tabs via overflow:auto
At small widths, the advanced search tabs could be forced to escape the
search tab header in a displeasing fashion. Also, the background bar
that provides context for the selected tab had been lost - and
overflow:auto fixes that. Thanks to Dan Wells for the suggestion.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 15:24:39 +0000 (11:24 -0400)]
TPAC: Main content needs a clear:both style
On My Account, the content of tabs was riding up against the tabs. Use
clear:both style for #main-content to force the main content to start on
a new line.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Use a new class "nonbreaking-wrapper" with display:inline-block to keep
label + input fields together, rather than the inline "whitespace:
no-wrap" which did not work on Chrome (and oddly enough forced the value
field to the next line).
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 14:51:36 +0000 (10:51 -0400)]
TPAC: Prevent IE compatibility view
Windows XP has IE8, and it can handle the CSS we have in the TPAC.
However, the "compatibility view" button, if clicked, actually results
in horribly broken rendering (contrary to what one would expect).
Adding this <meta> tag prevents the compatibility view button from
displaying and should improve the experience for users.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 13:53:34 +0000 (09:53 -0400)]
TPAC: Clear line for initial advanced search tab
The initial advanced search tab was being rendered right beside the tabs
instead of underneath them; fix in the same way we fixed the numeric and
expert tabs previously.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
These display well as tabs since there are only two tabs to display. Probably
inadvisable to replace these tabs with menus as we did in other places because
there are already menus on these screens to perform actions on selected
checkouts/holds.
Dan Scott [Tue, 24 Sep 2013 05:55:37 +0000 (01:55 -0400)]
TPAC: Streamline facet display
Rather than including a DIV containing only a non-breaking space to
clear the lines of the facets, just use CSS to clear each facet and set
a bottom margin appropriately.
Also, take advantage of wide screens by allowing facets to display
more broadly rather than being limited to a 10% width of the screen.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 05:29:19 +0000 (01:29 -0400)]
TPAC: Advanced search - add line break
The header and form for numeric search and expert search were being
displayed inline with the tabs on the advanced search page; push those
down where they should be.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 05:15:39 +0000 (01:15 -0400)]
TPAC: Draw a border under the result header bar
Particularly needed in mobile mode, where the background has been set to
inherit, draw a bottom border to separate the result header actions from
the pagination controls.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 05:11:36 +0000 (01:11 -0400)]
TPAC: Enable search bar elements to wrap gracefully
As the browser window narrows, stack the search bar elements vertically
as needed.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 05:07:00 +0000 (01:07 -0400)]
TPAC: Define result header padding by contents
Rather than defining padding for the result header bar and then defining
margins for the contained labels and buttons, rely strictly on the
buttons and labels to position themselves.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 04:46:27 +0000 (00:46 -0400)]
TPAC: Make result label text consistent size
The text on the result header buttons was all 100%, while the text
labels for the sort and limit to available widgets for some reason were
set to a smaller font size, despite appearing on the same line.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 04:43:50 +0000 (00:43 -0400)]
TPAC: Make result button text consistent
There's no good reason for the result buttons to have underlined text
when most other buttons in the Web UI do not have underlined text.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 04:36:59 +0000 (00:36 -0400)]
TPAC: Remove wide bar under results options header
The hard-coded <br class="clear-both"> adds a full em of empty vertical
space to the full TPAC with no usability gain. Remove it.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 04:33:12 +0000 (00:33 -0400)]
TPAC: Saner search button CSS
Gradients and text shadows begone.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 03:03:05 +0000 (23:03 -0400)]
Mobile TPAC: Cleaner Refine/Return to hits behaviour
Have the Refine results / Return to results button be the target ID, so
that clicking the link leaves the opposite action at the top of the page
(giving users a quick exit path back to where they came from).
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 02:55:04 +0000 (22:55 -0400)]
TPAC: Consistent results paginator font size
It is weird to have two different font sizes appearing on the same line
in the regular TPAC, and it introduces slight inconsistency for the left
padding of the results pagination in mobile mode.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 02:44:18 +0000 (22:44 -0400)]
TPAC: Avoid paginator HTML rather than hiding it
Rather than generating HTML and then hiding it via CSS, just don't
generate the HTML at all. In this case, avoid generating the Previous /
Next links in those cases where we're on either page one or the last page
of results respectively.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 02:33:09 +0000 (22:33 -0400)]
TPAC: Align results pagination in mobile mode
The results summary and results paginator had been using hard-coded
pixel values for the padding-left value; amusingly, they were different
values. Now that the paginator is part of the CSS stylesheet, switch to
using a standard 1 em so that we can also respond to the chosen font
size of both the stylesheet and the user's preference.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 24 Sep 2013 02:29:23 +0000 (22:29 -0400)]
TPAC: Reduce vertical space in results paginator
An unnecessary span element with inline CSS results in additional blank
vertical space being generated for searches with only one page of
results. Avoid creating the span (which would normally contain the list
of pages), move the CSS to the style sheet, and use ems rather than
hard-coded px values for the padding to adjust relative to the font
size.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Mon, 23 Sep 2013 19:16:16 +0000 (15:16 -0400)]
Mobile TPAC: Show Advanced Search button in results header
Now that the advanced search UI is reasonably mobile-friendly, make it
visible. At the same time, make the wrapping behaviour more friendly by
giving a little bit of vertical margin between wrapped buttons (because
adding "Advanced Search" is almost guaranteed to cause wrapping).
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Mon, 23 Sep 2013 19:02:04 +0000 (15:02 -0400)]
TPAC: More responsive search result header buttons
Rather than having a specific height of 40px, which is crazy, remove the
specific height. This enables the buttons contained in the search result
header to wrap without overlapping the bottom border in strange
patterns.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Mon, 23 Sep 2013 18:59:04 +0000 (14:59 -0400)]
Mobile TPAC: Better styling for facet/results buttons
Adopt the OPAC button style and move the buttons into the search bar to
consolidate result-specific actions into a single contextual area.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Mon, 23 Sep 2013 18:16:01 +0000 (14:16 -0400)]
TPAC: Remove "Dynamic catalog" link from footer
The TPAC _is_ the dynamic catalog as of 2.3. It no longer has a need to
link to itself.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Replace prefs tabs with select menu in mobile view
There are too many account preference tabs to display cleanly on a small
screen resolution, so let's replace them with a select menu for
navigation. At the same time, we remove hardcoded values used for the
navigation tabs so that we do not need to maintain links/labels for the
menus in two different places.
Bill Ott [Fri, 20 Sep 2013 13:13:05 +0000 (09:13 -0400)]
Reactive tables for myopac circ and holds.
Initial stab at trying to restructure the table data to fit into a vertical table'ish design.
Also took a machete to the nth display:none portions of the previous style so we could see all
the glory that needed to be restructured.
Signed-off-by: Bill Ott <bott@grpl.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Fri, 20 Sep 2013 00:28:32 +0000 (20:28 -0400)]
Restore facet-first loading, add breakpoint for results
Facet first loading should be faster on slow servers, so do that rather
than loading them after the results and forcing a page render when we
dump them into place on wide screens.
Also add an 800px breakpoint to prevent results from getting pushed
underneath the facets; at 800px, we go into "hide facets" mode instead.
This gets picked up by the 600px breakpoint, so it's all good.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Thu, 19 Sep 2013 18:57:58 +0000 (14:57 -0400)]
Show/hide facets & search results in mobile mode
Use CSS + a bit of JavaScript to show/hide facets and results, and
anchor the page accordingly.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Thu, 19 Sep 2013 15:45:44 +0000 (11:45 -0400)]
Mobile: group advanced search rows with a border
We want advanced search rows to wrap on mobile, but also want to group
the elements in some way. This adds a simple border on the bottom of
each row to suggest that things are together.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Thu, 19 Sep 2013 15:11:22 +0000 (11:11 -0400)]
Bump up the default font size, use consistent font sizes
opac/parts/css/fonts.tt2 defines all of the font sizes we should be
using for consistency throughout the TPAC. There was a need felt to bump
up the default font size in the mobile UI from 12px to 12pt, which was
matched by a number of sites who had also bumped the normal UI up to
14px or 15px. Rather than having a weird font-size jump when you narrow
a browser window to < 600px, keep the same base font size... but bump it
up.
Also, replace hardcoded 100% etc font sizes with the templated font
sizes for consistency.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Bill Ott [Thu, 19 Sep 2013 14:18:16 +0000 (10:18 -0400)]
Fix up the advanced search tabs advanced, numeric, expert Signed-off-by: Bill Ott <bott@grpl.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Thu, 19 Sep 2013 14:38:40 +0000 (10:38 -0400)]
Respect adv_break with clear: both
This keeps the old behaviour, in all ways, but rather than using a specific
/ arbitrary pixel width it uses clear:both to start a new line for a new
adv_break.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Thu, 19 Sep 2013 14:02:45 +0000 (10:02 -0400)]
More responsive advanced search
By default, rather than having blocks of search filters with an explicit
width of 800px or 850px, just have one line of filters that wraps
according to the width of the page (truly responsive).
Also move all inline styles into style.css so we can more easily
manipulate them based on media queries. And notice silly styles that can
be easily swapped out with clean styles.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Ben Shum [Thu, 19 Sep 2013 03:56:00 +0000 (23:56 -0400)]
Resize advanced search filters to allow more space by default
By default, the space allotted was perfect at 800px which worked in
Chrome browser just fine. But viewing in Firefox rendered the elements
slightly larger and wrapped some filters instead of displaying four
in a row as expected.
Increase the adv_search_filters from 800px to 850px to allow for more
space.
Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Ben Shum [Wed, 18 Sep 2013 21:57:00 +0000 (17:57 -0400)]
Some CSS tweaks
1) Remove the login height to prevent problems with larger fonts at entry
2) Add some top and bottom padding between search results
3) Make the titles larger by default in search results
4) Add some right padding to the results block
Signed-off-by: Ben Shum <bshum@biblio.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Tweak the padding and margins for My Account buttons so that they fit on
one line for small screens. Also fits well for users with very, very long
names.
Dan Scott [Wed, 18 Sep 2013 21:35:29 +0000 (17:35 -0400)]
Keep label + input together in search bar
The better for breaking in a sane way on a non-mobile screen.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 21:23:46 +0000 (17:23 -0400)]
Restore missing format selector from search bar
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 21:13:38 +0000 (17:13 -0400)]
Refactor searchbar into non-sentence form
A search bar that does not use a sentence is easier to translate and has
the additional advantage of breaking up into a simpler mobile display.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Bill Ott [Wed, 18 Sep 2013 18:55:40 +0000 (14:55 -0400)]
Various mobile style and display changes.
Try to reduce the size of the search bar and search type option links.
Remove completely from login page (problem or make user rely on back button?)
Introduce mobile_hide class for cheap/easy method to alter pieces for mobile.
Signed-off-by: Bill Ott <bott@grpl.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 18:19:49 +0000 (14:19 -0400)]
Electronic resources must be cleanly displayed
In MOPAC view, electronic resource URIs were overlapping the rdetail
actions. Clear 'em out.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 17:55:40 +0000 (13:55 -0400)]
Improve rdetail action formatting when no cover art
When there is no cover art, the format label gets the actions hung oddly
to the right in the record detail view. Just wrap the whole block in a
div and float that instead.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 17:36:15 +0000 (13:36 -0400)]
Set explicit width for result metadata in main view
We were getting ragged edges for search results with titles longer than
the "# of # available copies..." statement and the placement of the
place hold action buttons, so set an explicit width, and then deset that
in mobile mode.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 17:13:41 +0000 (13:13 -0400)]
Minor fix for non-existent pubdates in search results
If you do not have a pubdate, it is better etter to have nothing follow
the format label than "()".
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Bill Ott [Wed, 18 Sep 2013 15:26:42 +0000 (11:26 -0400)]
Allow the advanced search rows to wrap on smaller displays. Signed-off-by: Bill Ott <bott@grpl.org> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 14:57:52 +0000 (10:57 -0400)]
Make record actions available in mobile record details
Use the format label approach and push the actions beside the cover art
(if any) so that users can do actions like place hold in a mobile UI.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 14:14:25 +0000 (10:14 -0400)]
Result actions use width when available
Float the actions to the right side when enough width is available,
otherwise push them under the result metadata in width-constrained
viewports.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Bill Ott [Wed, 18 Sep 2013 11:31:58 +0000 (07:31 -0400)]
De-table the advanced search to allow for mobile resizing.
A first stab at allowing the advanced search page to resize for mobile use.
Much of the style included was borrowed from Jason Boyer. Critical changes
occur in the adv_search_xxx type id's in the non-mobile style.
to-do: See if there's any hope for the search rows. Not sure what can be
done to make them fit any better.
Signed-off-by: Bill Ott <bott@grpl.org> Signed-off-by: Ben Shum <bshum@biblio.org>
Conflicts:
Open-ILS/src/templates/opac/css/style.css.tt2
Open-ILS/src/templates/opac/parts/advanced/search.tt2
Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 13:35:47 +0000 (09:35 -0400)]
Move search result "actions" below result metadata
Rather than the tabular layout, add the place hold / add to my list
actions underneath the record metadata for each result. This results in
a narrower required width and enables us to actually display the actions
in mobile mode.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Wed, 18 Sep 2013 13:09:20 +0000 (09:09 -0400)]
Just use a format label in results + pubdate
Rather than having the format icon, which requires either hovering (not
generally available in mobile) or guessing what the strange symbol
means, just use the plain text format label.
In addition, move the brief pubdate from beside the author name to
beside the format label. This avoids confusion if the author name
already has birth or death dates beside it, like "Scott, Dan 1972-
2006". He's not dead yet!
As a bonus, this enables us to remove one table cell from the search
results.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
Dan Scott [Tue, 17 Sep 2013 19:16:49 +0000 (15:16 -0400)]
Facets after results, then DOMinate them into place
We can use a media query in JavaScript to detect a given width and then
drop the facets into their left-hand column if needed; if the browser
window resizes, then potentially put the facets back on the bottom.
Also add a rudimentary "Refine these results" link at the top of the
page that is only visible when the facets are at the bottom to
facilitate navigation.
Signed-off-by: Dan Scott <dscott@laurentian.ca> Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>