- member directory styles;

assets/css/um-styles.css

@@ -60,9 +60,9 @@
 }
 .um.um-in-admin .um-tip {display: none !important}
 
-.um input,
-.um select,
-.um textarea{
+.um:not(.um-directory) input,
+.um:not(.um-directory) select,
+.um:not(.um-directory) textarea{
 	font-size: 15px;
 }
 

assets/js/dropdown.js

@@ -0,0 +1,83 @@
+var um_dropdown_triggers = {};
+
+function um_init_new_dropdown() {
+	jQuery('.um-new-dropdown').each( function() {
+		var menu = jQuery(this);
+
+		var is_inited = menu.data( 'um-dropdown-inited' );
+		if ( is_inited ) {
+			return;
+		}
+
+		var element = menu.data('element');
+		var trigger = menu.data('trigger');
+
+		menu.data( 'um-dropdown-inited', true );
+
+		if ( -1 === jQuery.inArray( element, um_dropdown_triggers[ trigger ] ) ) {
+			jQuery( document.body ).on( trigger, element, function(e) {
+			var obj = jQuery(this);
+
+			if ( obj.data( 'um-new-dropdown-show' ) === true ) {
+				obj.data( 'um-new-dropdown-show', false );
+				obj.find( '.um-new-dropdown' ).hide();
+			} else {
+				jQuery('.um-new-dropdown').hide();
+				jQuery('.um-new-dropdown').parent().data( 'um-new-dropdown-show', false );
+
+				if ( ! obj.find( '.um-new-dropdown' ).length ) {
+					var dropdown_layout = menu.clone();
+
+					// dropdown_layout.css({
+					// 	top : '20px',
+					// 	width: '150px',
+					// 	right: 0
+					// });
+
+					obj.append( dropdown_layout );
+
+					obj.trigger( 'fmwp_dropdown_render', { dropdown_layout:dropdown_layout, trigger:trigger, element:element, obj:obj} );
+
+					dropdown_layout.show();
+				} else {
+					obj.find( '.um-new-dropdown' )./*css({
+						top : '20px',
+						width: '150px',
+						right: 0
+					}).*/show();
+				}
+
+				obj.data( 'um-new-dropdown-show', true );
+
+				jQuery( document.body ).bind( 'click', function( event ) {
+					if ( jQuery('.um-new-dropdown').find( '.' + jQuery( event.target ).attr('class').replace( ' ', '.' ) ).length === 0 &&
+						'.' + jQuery(event.target).parent().attr('class') !== element ) {
+
+						//event = ev;
+						jQuery('.um-new-dropdown').hide();
+						jQuery('.um-new-dropdown').parent().data( 'um-new-dropdown-show', false );
+						jQuery( document.body ).unbind( event );
+
+					}
+				});
+			}
+		});
+
+			if ( typeof um_dropdown_triggers[ trigger ] == 'undefined' ) {
+				um_dropdown_triggers[ trigger ] = [];
+			}
+			um_dropdown_triggers[ trigger ].push( element );
+		}
+	});
+}
+
+jQuery( document ).ready( function($) {
+	um_init_new_dropdown();
+
+	jQuery( document.body ).on( 'click', '.um-new-dropdown a', function(e) {
+		jQuery(this).parents('.um-new-dropdown').hide();
+		jQuery(this).parents('.um-new-dropdown').parent().data( 'um-new-dropdown-show', false );
+		jQuery('body').trigger('click');
+		e.stopPropagation();
+	});
+});

assets/js/dropdown.min.js

@@ -0,0 +1 @@
+var um_dropdown_triggers={};function um_init_new_dropdown(){jQuery(".um-new-dropdown").each(function(){var r=jQuery(this);if(!r.data("um-dropdown-inited")){var e=r.data("element"),u=r.data("trigger");r.data("um-dropdown-inited",!0),-1===jQuery.inArray(e,um_dropdown_triggers[u])&&(jQuery(document.body).on(u,e,function(d){var n=jQuery(this);if(!0===n.data("um-new-dropdown-show"))n.data("um-new-dropdown-show",!1),n.find(".um-new-dropdown").hide();else{if(jQuery(".um-new-dropdown").hide(),jQuery(".um-new-dropdown").parent().data("um-new-dropdown-show",!1),n.find(".um-new-dropdown").length)n.find(".um-new-dropdown").show();else{var o=r.clone();n.append(o),n.trigger("fmwp_dropdown_render",{dropdown_layout:o,trigger:u,element:e,obj:n}),o.show()}n.data("um-new-dropdown-show",!0),jQuery(document.body).bind("click",function(d){0===jQuery(".um-new-dropdown").find("."+jQuery(d.target).attr("class").replace(" ",".")).length&&"."+jQuery(d.target).parent().attr("class")!==e&&(jQuery(".um-new-dropdown").hide(),jQuery(".um-new-dropdown").parent().data("um-new-dropdown-show",!1),jQuery(document.body).unbind(d))})}}),void 0===um_dropdown_triggers[u]&&(um_dropdown_triggers[u]=[]),um_dropdown_triggers[u].push(e))}})}jQuery(document).ready(function(d){um_init_new_dropdown(),jQuery(document.body).on("click",".um-new-dropdown a",function(d){jQuery(this).parents(".um-new-dropdown").hide(),jQuery(this).parents(".um-new-dropdown").parent().data("um-new-dropdown-show",!1),jQuery("body").trigger("click"),d.stopPropagation()})});

assets/js/um-functions.js

@@ -104,8 +104,14 @@ function UM_domenus() {
 
 		} else if ( position === 'bc' ) {
 
+			var top_o = 0;
+			var top_offset = menu.data('top-offset');
+			if ( typeof top_offset !== 'undefined' ) {
+				top_o = top_offset*1;
+			}
+
 			menu.css({
-				'top' : top_p,
+				'top' : top_p + top_o,
 				'width': 200,
 				'left': left_p,
 				'right' : 'auto',

assets/js/um-members.js

@@ -129,11 +129,13 @@ function um_get_search( directory ) {
 }
 
 function um_get_sort( directory ) {
-	if ( directory.find('.um-member-directory-sorting-options').length ) {
+	return directory.data( 'sorting' );
+
+	/*if ( directory.find('.um-member-directory-sorting-options').length ) {
 		return directory.find( '.um-member-directory-sorting-options' ).val();
 	} else {
 		return '';
-	}
+	}*/
 }
 
 function um_get_current_page( directory ) {
@@ -236,6 +238,8 @@ function um_ajax_get_members( directory, args ) {
 			//args.directory = directory;
 			jQuery( document ).trigger('um_members_rendered', args );
 
+			um_init_new_dropdown();
+
 			um_members_hide_preloader( directory );
 		},
 		error: function( data ) {
@@ -416,8 +420,10 @@ function um_change_tag( directory ) {
 
 		if ( directory.find( '.um-members-filter-remove' ).length === 0 ) {
 			directory.find('.um-clear-filters').hide();
+			directory.find('.um-clear-filters').parents('.um-member-directory-header-row').addClass( 'um-header-row-invisible' );
 		} else {
 			directory.find('.um-clear-filters').show();
+			directory.find('.um-clear-filters').parents('.um-member-directory-header-row').removeClass( 'um-header-row-invisible' );
 		}
 	}
 
@@ -582,21 +588,30 @@ jQuery(document).ready( function() {
 	/**
 	 * Sorting
 	 */
-	jQuery( document.body ).on( 'change', '.um-member-directory-sorting-options', function() {
+
+	jQuery( document.body ).on( 'click', '.um-member-directory-sorting-a .um-new-dropdown li a', function() {
 		var directory = jQuery(this).parents('.um-directory');
 
 		if ( um_is_directory_busy( directory ) ) {
 			return;
 		}
 
+		if ( jQuery( this ).data('selected') === 1 ) {
+			return;
+		}
+
 		um_members_show_preloader( directory );
 
-		var sort = jQuery(this).val();
+		var sort = jQuery(this).data('value');
 
-		directory.data( 'sorting', jQuery(this).val() );
+		directory.data( 'sorting', sort );
 		um_set_url_from_data( directory, 'sort', sort );
 
 		um_ajax_get_members( directory );
+
+		jQuery( this ).parents('.um-new-dropdown').find('a').data('selected', 0).prop('data-selected', 0).attr('data-selected', 0);
+		jQuery( this ).data('selected', 1).prop('data-selected', 1).attr('data-selected', 1);
+		jQuery( this ).parents('.um-member-directory-sorting-a').find('> a').html( jQuery( this ).html() );
 	});
 
 	/**
@@ -695,7 +710,32 @@ jQuery(document).ready( function() {
 	 * Profile Cards actions
 	 */
 
-	jQuery( document.body ).on('click', '.um-member-more a', function(e){
+	jQuery( document.body ).on('click', '.um-members.um-members-list .um-member-more a', function(e){
+		e.preventDefault();
+
+		var block = jQuery(this).parents('.um-member');
+
+		block.find('.um-member-more').hide();
+		block.find('.um-member-meta-main').slideDown();
+		block.find('.um-member-less').fadeIn();
+
+		return false;
+	});
+
+	jQuery( document.body ).on('click', '.um-members.um-members-list .um-member-less a', function(e){
+		e.preventDefault();
+
+		var block = jQuery(this).parents('.um-member');
+
+		block.find('.um-member-less').hide();
+		block.find('.um-member-meta-main').slideUp();
+		block.find('.um-member-more').fadeIn();
+
+		return false;
+	});
+
+
+	jQuery( document.body ).on('click', '.um-members.um-members-grid .um-member-more a', function(e){
 		e.preventDefault();
 
 		var block = jQuery(this).parents('.um-member');
@@ -709,7 +749,7 @@ jQuery(document).ready( function() {
 		return false;
 	});
 
-	jQuery( document.body ).on('click', '.um-member-less a', function(e){
+	jQuery( document.body ).on('click', '.um-members.um-members-grid .um-member-less a', function(e){
 		e.preventDefault();
 
 		var block = jQuery(this).parents('.um-member');
@@ -729,13 +769,25 @@ jQuery(document).ready( function() {
 
 
 	//filters controls
-	jQuery('.um-member-directory-filters a').click( function() {
-		var search_bar = jQuery(this).parents('.um-directory').find('.um-search');
+	jQuery('.um-member-directory-filters-a').click( function() {
+		var obj = jQuery(this);
+		var search_bar = obj.parents('.um-directory').find('.um-search');
 
 		if ( search_bar.is( ':visible' ) ) {
-			search_bar.slideUp(250);
+			search_bar.slideUp( 250, function(){
+				obj.toggleClass('um-member-directory-filters-visible');
+				search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible');
+			});
 		} else {
-			search_bar.slideDown(250);
+			search_bar.slideDown({
+				start: function() {
+					jQuery(this).css({
+						display: "grid"
+					});
+					obj.toggleClass('um-member-directory-filters-visible');
+					search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible');
+				}
+			}, 250 );
 		}
 	});
 
@@ -1210,11 +1262,10 @@ jQuery(document).ready( function() {
 		um_change_tag( directory );
 	});
 
-	//
-	// jQuery(document).on( 'um_members_rendered', function( event, args ) {
-	// 	if ( args.first_load ) {
-	// 		um_change_tag( args.directory );
-	// 	}
-	// });
+
+	//history events when back/forward and change window.location.hash
+	window.addEventListener( "popstate", function(e) {
+
+	});
 
 });

assets/sass/_colors.sass

@@ -1,2 +1,4 @@
 $border: #ddd
-$hover: #ccc
+$hover: #ccc
+$shadow1: rgba(50,50,93,.1)
+$shadow2: rgba(0,0,0,.07)

assets/sass/_mixins.sass

@@ -26,4 +26,9 @@
   @-ms-keyframes #{$name}
     @content
   @keyframes #{$name}
-    @content
+    @content
+
+=border-radius ($tl, $tr, $br, $bl)
+  border-radius: $tl $tr $br $bl
+  -moz-border-radius: $tl $tr $br $bl
+  -webkit-border-radius: $tl $tr $br $bl