Hannon Hill
Cascade CMS
Exchange Module

Directory - Searchable listing of profiles (staff, faculty, etc) with departments. Optional tags, pagination, profile images and listing layouts.

https://github.com/hannonhill/exchange-modules/tree/master/directory 

https://www.hannonhill.com/resources/exchange/resources/directory.html

CUSTOMIZE/IMPLEMENT ::::::::::::::::::::::::::::::::::::::::::::::::

The Directory is sorted by the file name of the profile page. 

You can replace the hh-header and hh-footer blocks with your own via the Template (_cms/templates). 

You can update the head-files and bottom-scripts block with your global CSS/JS files references (_cms/blocks). 

The only references required in the head-file block for the Directory to function properly are: 

Bootstrap
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" rel="stylesheet"/>

Font Awesome
<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" rel="stylesheet"/>

Directory CSS 
<link href="/_files/css/hh-directory.css" rel="stylesheet"/>

The only references required in the bottom-scripts block for the Directory to function properly are: 

jQuery
<script crossorigin="anonymous" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

MatchHeight
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js" type="text/javascript"></script>

AutoComplete
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js" type="text/javascript"></script>

Pagination
<script src="https://cdnjs.cloudflare.com/ajax/libs/twbs-pagination/1.4.2/jquery.twbsPagination.min.js" type="text/javascript"></script>

Directory JS
<script src="/_files/js/hh-directory.js" type="text/javascript"></script>

If your current website is already using a rquired reference, you should be able to use it and not include the reference included with module.


CHANGELOG :::::::::::::::::::::::::::::::::::::::::::::::::::::::::

v1.1.0

You can now sort by first or last name (in ascending order). This fixes an issue where the sort would be inconsistent after clearing the search. 

What changed?

Directory Page Data Definition 
/_files/js/hh-directory.js

v1.0.0

The Directory frontend has been completely rewritten for optimization and customization purposes. It’s also been tested and updated for accessibility using the WAVE Accessibility Tool and now meets Web Content Accessibility Guidelines (WCAG) 2.0 AA standards.

Changes:

Made Tags optional
Added ability to customize Tags label 
Added optional content area on listing page
Added ability to set pagination on listing page
Added ability to show images on listing page
Added layout options for listing page
Added ability to change sidebar location
Added ability to add multiple content sections on profile page
Cleaned up and removed unnecessary CSS/JS/Fonts
Updated CSS/JS/Fonts from local files to CDN hosted where possible
Updated HTML to meet Web Content Accessibility Guidelines (WCAG) 2.0 AA standards
Implemented our Exchange Module Styles system for easier customization
Updated Font Awesome 4.6 to Font Awesome Free 5.8.1
Replaced Angular with jQuery (it wasn’t needed and most Bootstrap sites already reference jQuery)
Reverted Bootstrap 4 to Bootstrap 3 (for IE8-9 support)

Exported using Cascade CMS v8.13.1

v0.8.x

Directory Landing Page, Profile Page, JSON file of profile data
Complete Search using AngularJS for filtering and sorting by department, name, title or expertise
Pagination (amount per page can be adjusted in directory.js)
Uses Bootstrap v4.1 CSS for basic page layout

Current Site was exported using Cascade CMS version 8.11.1.

Note: expertise tags uses new content tagging feature only available in v8.9+, but the rest of the site should still work.