- add sort for filters and taglines in member directory

This commit is contained in:
andrewshuba
2019-11-25 12:45:55 +02:00
parent 5c807204c3
commit c0b2295dd1
3 changed files with 27 additions and 4 deletions
+8 -1
View File
@@ -64,10 +64,17 @@ textarea.um-forms-field.um-small-field {
margin: 5px 0 0 0;
}
.um-multi-selects-option-line .um-field-icon {
float: left;
width: 30px;
text-align: center;
line-height: 30px;
}
.um-multi-text-option-line .um-field-wrapper,
.um-multi-selects-option-line .um-field-wrapper {
float:left;
width: calc( 100% - 60px );
width: calc( 100% - 90px );
line-height: 30px;
box-sizing: border-box;
}
+15 -2
View File
@@ -1,4 +1,16 @@
jQuery(document).ready( function() {
/**
* Multi-selects sort
*/
jQuery('.um-multi-selects-list').sortable({
items: '.um-admin-drag-fld',
connectWith: '.um-admin-drag-col,.um-admin-drag-group',
forcePlaceholderSize:true
});
/**
* Multi-selects field
*/
@@ -26,13 +38,14 @@ jQuery(document).ready( function() {
var selector_html = jQuery( '<div>' ).append( list.siblings('.um-hidden-multi-selects').clone() ).html();
list.append(
'<li class="um-multi-selects-option-line"><span class="um-field-wrapper">' + selector_html +
'<li class="um-multi-selects-option-line um-admin-drag-fld">' +
'<span class="um-field-icon"><i class="um-faicon-sort"></i></span>' +
'<span class="um-field-wrapper">' + selector_html +
'</span><span class="um-field-control"><a href="javascript:void(0);" class="um-select-delete">' + wp.i18n.__( 'Remove', 'ultimate-member' ) + '</a></span></li>'
);
list.find('li:last .um-hidden-multi-selects').attr('name', jQuery(this).data('name') ).
addClass('um-forms-field um-long-field').removeClass('um-hidden-multi-selects').attr('id', list.data('id_attr') + '-' + k);
});
var um_local_date = new Date();
+4 -1
View File
@@ -878,6 +878,7 @@ if ( ! class_exists( 'um\admin\core\Admin_Forms' ) ) {
$html = "<select class=\"um-hidden-multi-selects\" $data_attr>$options</select>";
$html .= "<ul class=\"um-multi-selects-list\" $data_attr>";
ksort($values);
if ( ! empty( $values ) && is_array( $values ) ) {
foreach ( $values as $k => $value ) {
@@ -892,7 +893,9 @@ if ( ! class_exists( 'um\admin\core\Admin_Forms' ) ) {
$options .= '<option value="' . $key . '" ' . selected( $key == $value, true, false ) . '>' . $option . '</option>';
}
$html .= "<li class=\"um-multi-selects-option-line\"><span class=\"um-field-wrapper\">
$html .= "<li class=\"um-multi-selects-option-line um-admin-drag-fld\">
<span class=\"um-field-icon\"><i class=\"um-faicon-sort\"></i></span>
<span class=\"um-field-wrapper\">
<select $id_attr $name_attr $class_attr $data_attr>$options</select></span>
<span class=\"um-field-control\"><a href=\"javascript:void(0);\" class=\"um-select-delete\">" . __( 'Remove', 'ultimate-member' ) . "</a></span></li>";
}