10h30/ultimatemember
1
0
Fork 0
mirror of https://github.com/10h30/ultimatemember.git synced 2026-07-16 21:23:39 +09:00
Code Issues Packages Projects Releases Wiki Activity

- added 'sorting' argument for multi selects field;

Browse Source
This commit is contained in:
nikitasinelnikov
2019-11-26 00:57:09 +02:00
parent 2774456911
commit 05e7fa662d
5 changed files with 58 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/admin/assets/css/um-admin-forms.css
+19 -4
View File
@@ -67,17 +67,32 @@ textarea.um-forms-field.um-small-field {
.um-multi-selects-option-line.um-admin-drag-fld {
background: none;
border: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
}
.um-multi-selects-option-line .um-field-icon {
.um-multi-selects-option-line.um-admin-drag-fld .um-field-icon {
float: left;
width: 30px;
text-align: center;
width: 20px;
text-align: left;
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 );
line-height: 30px;
box-sizing: border-box;
}
.um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper {
width: calc( 100% - 90px );
}
.um-multi-text-option-line .um-field-wrapper {
float:left;
width: calc( 100% - 90px );
line-height: 30px;
includes/admin/assets/js/um-admin-forms.js
+17 -10
View File
@@ -4,10 +4,10 @@ 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
jQuery('.um-multi-selects-list.um-sortable-multi-selects').sortable({
items: '.um-admin-drag-fld',
connectWith: '.um-admin-drag-col,.um-admin-drag-group',
forcePlaceholderSize: true
});
@@ -28,6 +28,8 @@ jQuery(document).ready( function() {
jQuery( '.um-multi-selects-add-option' ).click( function() {
var list = jQuery(this).siblings('ul.um-multi-selects-list');
var sortable = list.hasClass( 'um-sortable-multi-selects' );
var field_id = list.data('field_id');
var k = 0;
if ( list.find( 'li:last select.um-forms-field' ).length > 0 ) {
@@ -37,12 +39,17 @@ 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 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>'
);
var html = '<li class="um-multi-selects-option-line' + ( sortable ? ' um-admin-drag-fld' : '' ) + '">';
if ( sortable ) {
html += '<span class="um-field-icon"><i class="um-faicon-sort"></i></span>';
}
html += '<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.append( html );
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);