Ticket #51 (closed task: fixed)

Opened 2 years ago

Last modified 22 months ago

Revamp book selection list as a custom display

Reported by: tklein Owned by: tklein
Priority: trivial Milestone: 0.2
Component: Bible Browser Keywords:
Cc: wblanton

Description (last modified by tklein) (diff)

Source of dissatisfaction:

  • It's awkward to select a book out of a list of 66 entries

General idea:

  • The custom display should divide the books into OT and NT
  • There should be a list of recently opened books (may be the last 5)

The new book selection list should be:

  • usable
  • easy
  • beautiful
  • contribute to an effective way of doing stuff

Attachments

book-selection-menu-first-concept.png Download (107.0 KB) - added by tklein 23 months ago.
First concept of the new book selection menu

Change History

Changed 2 years ago by tklein

  • status changed from new to accepted
  • description modified (diff)

Changed 23 months ago by wblanton

I found a UI that I thought might look good for the dropdown bar for selecting a book.

 http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

I like the first demo combined with the blue highlighting feature of the demo 3 (so having the text highlight blue instead of grey when you hover over it)

A way to solve the selection could be to create a dropdown bar centered that shows:

[Old Testament] [New Testament] [Recent Books]

Then when you select which book you want a new dropdown menu would appear:

[Old Testament] [New Testament] [Recent Books]

Matthew [Select Chapter]

(in bold text, slightly larger)

I have a really clear visual of this in my head and may not be explaining it well enough, if you need clarification, let me know... but I think you would like the way it would be effective, user friendly, and aesthetically pleasing as well.

Changed 23 months ago by tklein

First concept of the new book selection menu

Changed 23 months ago by tklein

  • cc wblanton added

Just uploaded a screenshot of a first version of the new book selection menu. It would basically behave like a dropdown box. So you would click on the button "Selected book ..." and then the menu would open. Clicking somewhere else or on the button itself would close it again. Recently read books are marked up with bold font. Furthermore it would be possible to add tooltips when hovering over the bible books which would show additional meta information about the book itself or maybe a summary of what kind of user data is stored for that book. What do you think?

Changed 22 months ago by tklein

  • status changed from accepted to closed
  • resolution set to fixed

(In [111]) Refactoring of User Interface... this changeset was a lot of work :-)

User visible changes:

  • New editable attribute for outlines: Author (closes #75)
  • The contents of a bible book are now loaded with an ajax request
  • Universal tags and book tags are now displayed within a "accordion" menu
  • Revamped book selection menu (first version, closes #51)
  • First version of Tag Browser implemented (see #70)
  • Outline sections can now be deleted from the Outline Tab (closes #40)
  • The outline can now be hidden by clicking on a checkbox (closes #76)
  • Show a confirmation dialog before a tag would be deleted
  • The list of tags within the Bible Browser can now be searched / filtered

Internal changes:

  • New "main" controller which handles the basic layout
  • bible book identifier is now the short title rather than the db id
  • Moved code from "main_menu" into bible browser (book selection menu, chapter selection and outline options)
  • Cleaned up OutlineCommunicationController?
  • Prefix "process_" renamed into "handle_" (concerns function names)
  • Various refactoring changes

Changed 22 months ago by tklein

(In [121]) * Checkbox can now also be "checked" by clicking on the labels (closes #78)

  • Logo image inserted into header (see #66)
  • Loading animation added to tag browser verse list
  • Further style optimizations for the new book selection list (see #51)
Note: See TracTickets for help on using tickets.