+ ' . $thumbnail . '';
-
- if( $options['layout'] == 'grid' ) {
- $output .= '';
- $output .= '';
- }
-
- $output .= '
-
- ' . $staff_obj->name . '
-
';
+ class="cw-launch-staffer-modal" href="/">
+ ' . $staff_obj->name . '
+
';
if( $staff_obj->title ) {
$output .= '' . $staff_obj->title . '';
@@ -428,6 +428,12 @@ class="cw-launch-staffer-modal" href="/">
$output .= '';
}
+ $output .= '';
+
+ if( $staff_obj->bio ) {
+ $output .= '- - ' . $staff_obj->name . ' -
'; + class="cw-launch-staffer-modal" href="/"> + ' . $staff_obj->name . ' +' . wpautop( $staff_obj->excerpt ) . '
';
diff --git a/public/class-staffer-public.php b/public/class-staffer-public.php
index f7ed833..866c16d 100644
--- a/public/class-staffer-public.php
+++ b/public/class-staffer-public.php
@@ -120,7 +120,7 @@ public function register_post_types() {
*
* @since 1.0.0
*/
-
+
public function register_taxonomies() {
$staffer = new Staffer();
@@ -144,7 +144,7 @@ public function register_taxonomies() {
*
* @since 2.0.0
*/
-
+
public function staffer_thumbnail_check() {
if ( !current_theme_supports ('post-thumbnails') ) {
@@ -280,53 +280,53 @@ public function staffer_shortcode( $atts ) {
echo '';
- echo '' . $thumbnail . '';
-
+ echo '' . $thumbnail . '';
+
if( $options['layout'] == 'grid' ) {
echo '
';
echo '- - ' . $staff_obj->name . ' -
'; + + ' . $staff_obj->name . ' + '; if( $staff_obj->title ) { echo '' . $staff_obj->title . ''; @@ -344,6 +344,10 @@ class="cw-launch-staffer-modal" href="/"> echo ''; } + if( $staff_obj->bio ) { + echo '
';
+ $(document).ready( function() {
+ $('a.cw-launch-staffer-modal').on('click', function(e){
+
+ var profile = {
+ 'id' : $(this).attr('data-staff-id'),
+ 'slug' : $(this).attr('data-staff-slug'),
+ 'name' : $(this).attr('data-name'),
+ 'title' : $(this).attr('data-title'),
+ 'departments' : $(this).attr('data-departments'),
+ 'website' : $(this).attr('data-website'),
+ 'phone' : $(this).attr('data-phone'),
+ 'email' : $(this).attr('data-email'),
+ 'social' : {
+ 'facebook' : $(this).attr('data-facebook'),
+ 'twitter' : $(this).attr('data-twitter'),
+ 'linkedin' : $(this).attr('data-linkedin'),
+ 'googleplus' : $(this).attr('data-google-plus'),
+ 'youtube' : $(this).attr('data-youtube'),
+ 'instagram' : $(this).attr('data-instagram'),
+ 'github' : $(this).attr('data-github'),
+ },
+ 'img' : $(this).attr('data-large-image'),
+ 'bio' : $(this).closest('.staff-li').find('.staffer-staff-bio').html(),
+ };
+
+ var build = function( profile ){
+
+ // modal header
+ $('.cw-staffer-modal .staff-name').text( profile.name );
+ $('.cw-staffer-modal .staff-title').text( profile.title );
+ $('.cw-staffer-modal .staff-department').text( profile.departments );
+
+ if ( profile.website ) {
+ $('.cw-staffer-modal .staff-website').html('' + profile.website + '');
+ } else {
+ $('.cw-staffer-modal .staff-website').empty();
}
- });
-
- $('.cw-staffer-modal .staff-name').text(name);
- $('.cw-staffer-modal .cw-modal-header .staff-title').text(title);
- $('.cw-staffer-modal .cw-modal-header .staff-department').text(department);
-
- $('.cw-staffer-modal .cw-modal-header .social-icons').html(iconOutput);
-
- if( website ) {
- $('.cw-staffer-modal .cw-modal-header .staff-website').html('' + website + '');
- } else {
- $('.cw-staffer-modal .cw-modal-header .staff-website').html('');
- }
-
- $('.cw-staffer-modal .cw-modal-header .staff-phone').text(phone);
- $('.cw-staffer-modal .cw-modal-header .staff-email').text(email);
-
- $('.cw-staffer-modal .cw-modal-body').html(img + bio);
- $('.cw-staffer-modal').show();
+ $('.cw-staffer-modal .staff-phone').text( profile.phone );
+ $('.cw-staffer-modal .staff-email').text( profile.email );
- $('body').addClass('cw-staffer-overlay');
- $('html').addClass('cw-staffer-overlay');
+ var social = '';
+ $.each( profile.social, function( key, value ) {
+ if( value ) {
+ social += '';
+ }
+ });
+ $('.cw-staffer-modal .social-icons').html(social);
+
+ // modal body
+ var image = '';
+ if( profile.img ) {
+ image = profile.img.replace('aligncenter', 'alignleft');
+ image = profile.img.replace('alignleft', 'alignleft cw-staffer-max-image');
+ }
+ $('.cw-staffer-modal .cw-modal-body').html( image + profile.bio );
+ };
- var state = { name: slug };
- history.pushState(state, '', '?uid=' + slug );
+ var open = function( slug ){
+ $('.cw-staffer-modal').show();
+ $('html, body').addClass('cw-staffer-overlay');
+ var state = { name: slug };
+ history.pushState( state, null, '?uid=' + slug );
+ };
+ build( profile );
+ open( profile.slug );
return false;
-
});
- $('.cw-staffer-modal .cw-modal-close').on('click', function(e) {
- $('.cw-staffer-modal').hide();
- $('body').removeClass('cw-staffer-overlay');
- $('html').removeClass('cw-staffer-overlay');
+ $('html').on('click', function(e){
- var state = { name: 'none' };
- history.replaceState(state, '', '?' );
+ var close = function(){
+ $('.cw-staffer-modal').hide();
+ $('html, body').removeClass('cw-staffer-overlay');
+ var state = { name: 'none' };
+ history.replaceState( state, null, window.location.pathname );
+ };
- return false;
+ // check if modal is open, otherwise continue
+ if( $('html').hasClass('cw-staffer-overlay') ) {
+
+ // clicked outside modal
+ if( !$(e.target).closest('.cw-modal-inner').length && !$(e.target).is('.cw-modal-inner') ) {
+ close();
+ }
+ }
+
+ // clicked close button
+ if( $(e.target).is('.cw-modal-close') ) {
+ e.preventDefault();
+ close();
+ }
});
if( $('body').hasClass('staffer-main-page') ) {