Ticket #459 (new enhancement)

Opened 4 years ago

Last modified 4 years ago

Projects form - Project Directory display

Reported by: laura Owned by: laura
Priority: major Milestone: Production
Component: Views & content types Keywords:
Cc: ed Estimated Number of Hours: 0.0
Add Hours to Ticket: 0 Billable?: yes
Total Hours: 0

Description

3 - Projects Directory (frontend of website)
Create new tabbed views for a variety of outputs. New views result listings to be mainly in display format of:

  • Title (heading)
  • City/Country? (bold, slightly larger and possible on right)
  • New summary field and ‘read more about this project’ link

Similar to the ‘full’ PSE widget output list (except not showing distance but town or city and Country)

Tabs:
Tab One (default)
Projects Home –
Introduction short paragraph text and link to adding projects.
Lists featured projects
Pagination

Tab Two
Find by theme –
Introduction brief sentence.
Search functionality (exposed view filter) for selection of projects by theme.
Default view: random
pagination

Tab Three
Find by location -
Introduction brief sentence.
Search functionality (exposed view filter) for selection of projects by location to use Names rather than miles.
Default view: random or London? (note: LW will test ideas on this)
pagination

Tab Four
Find by benefits –
note this may need to be set up ready but hidden initially until a substantial number of projects have updated their profiles with inclusion of the benefits/outcomes field
Introduction brief sentence.
Search functionality (exposed view filter) for selection of projects by outcome/benefits
Default view: all by date added.
pagination

Tab five
[Similar to existing projects home page]
Find by title with exposed search as is present.
and tabular layout with a-z
Custom CSS may be needed


Longer term: (possible January?)
Enhance projects map page to show attached view of latest projects with relational popups on hover for easy browsing, and / or map filters by theme or benefit to enable a more usable feature of the map ability.

Change History

comment:1 Changed 4 years ago by laura

  • Milestone set to Production

comment:2 Changed 4 years ago by laura

Some CSS for changes waiting in Git for move to Live.
LW can then being to create the new views (have them set up on my VM for testing) to alter the style and output of the results.
Initially until projects have updated their projects forms, there will be two displays - existing will be tab 2, and main tab will be featured projects, and displayed in format listed above (eg, not in a table, but as a heading and location, and intro and a read more link)

Issues noted in ticket #457 and repeated here:
Directory pages - On my VM tried to use Better Exposed filters to enable selection via checkboxes rather than select list - quite important for the new directory views tabs being set up to enhance user experience. This didn't work (mainly when trying Goals as a Taxonomy) and would not function. There are some comments in the BEF issues queue on Drupal.org about this too currently (but am running it fine on other sites, not sure why not working on TN on my VM). Not working for node reference either, and presume may not as BEF often works on fields that were selects on the CCK form.
It's not only the Directory tabs pages, but also Projects map page can be greatly enhanced by ability to filter easily by goal also.
Suggest we need a custom module to alter the defined exposed filters for projects as checkboxes for the Projects directory tabs. (some suggested examples: http://speakingofcomputers.blogspot.co.uk/2011/08/drupal-views-exposed-filter-as.html, http://www.weathermama.com/blog/2009/09/how-make-views-exposed-filter-dropdown-appear-checkboxes#comment-4778, http://drupal.stackexchange.com/questions/36508/using-hook-form-alter-to-change-from-text-filter-to-checkboxes - there's a few more out there, as well as the original hook_form_alter which led to the development of BEF)

Action: LW to chat to JK, re BEF or custom module to enable checkbox filtering on views as required.

comment:3 Changed 4 years ago by laura

Updates: 17/12/12 -
Have moved the A-Z search into a second tab, and now the main projects page shows a list of featured projects in the new style output and added a php call in the header bit to show the total of projects in the directory.

Further tabs are to be added as soon as data becomes available when projects peeps update their projects.
One suggestion possibly for the header area of the main projects page...
I could create a narrow height strip containing images from some of the projects (or just use some from our own TN piccies) to bring abit of colour and excitement to the directory. Short in height (c.80 - 100px) and full width of that main page area. Also can enclose the header intro text (which needs some excitement adding to it - maybe to explain 'what is a project') into a nice light greyish box too.

Happy for thoughts and comments.

comment:4 Changed 4 years ago by ed

  1. Header idea a great one - the page is rather dry!
  2. Can you make the map into a third tab?

comment:5 Changed 4 years ago by laura

re:
1 - I'll have a rummage for nice pics (if not can use some of the ones we used for slides, and make into a banner on Thurs.
2- Thinking same thing re map as a tab as well. Once we have some nice data in there, and can filter nicely too, planning on reavamping map page, so peeps can filter by goal, and also have an attachment display of latest projects too (and poss, similar to the related hover pop ups as what did on the public facing map: http://www.thegreatcraneproject.org.uk/seeing-cranes/sightings-map - but would need bit more testing first as we're using the grouping thing on the map to cluster pins together. Will keep pondering on that one, may be too fancy for our needs)

comment:6 Changed 4 years ago by ed

  1. excellent idea
  2. can you add a map in a tab for now and make it flashier later?

comment:7 Changed 4 years ago by laura

update (20/12)
2 - map added as a tab

comment:8 Changed 4 years ago by ed

  1. Bug: Search tab: when you search by letter (by clicking on a letter), you are immediately taken to the featured projects listing
Note: See TracTickets for help on using tickets.