Публикация в группе: Кастомизация WP-Recall и Wordpress

По умолчанию в форме добавления закладки можно только выбрать группу из существующих. Если хотите создать новую - придется перейти в личный кабинет на вкладку закладок и там добавить группу.

В этой записи я поделюсь рабочим способом добавить возможность создавать новые группы для закладок прямо в форме добавления закладки, без необходимости переходить в ЛК.

 

Вот как это выглядит:

Открываем форму добавления закладки и видим в списке выбора групп новый пункт "Добавить новую группу"

Выбираем этот пункт и появится поле для создания группы:

Указываем новое имя и жмем "Добавить группу", в итоге группа будет создана и автоматически добавлена в выпадающее меню и выбрана:

В личном кабинете появится созданная группа:

А теперь код, который надо добавить что бы все это работало:

Вначале вам надо добавить js в ваш файл, например в скрипты темы или куда-то еще:

jQuery(document).on('mouseenter', '.bkm-form #group_id', function(){
	if(jQuery(this).find('#add_new_group').length > 0) {
		return false;
	} else {
		jQuery('<option id="add_new_group" value="false">Добавить новую группу</option>').appendTo(jQuery(this));
	}
});
jQuery(document).on('change', '.bkm-form #group_id', function(){

	if(jQuery(this).val() === 'false') {
		jQuery(this).val(0);
		if(jQuery('.bkm-form').find('.add-new-group').length == 0) {
			jQuery('.bkm-form .submit-box').before('<div class="add-new-group"><input type="text" class="new-group-name" placeholder="Укажите имя группы"> <a href="#" class="recall-button">Добавить группу</a></div>');
		}
	} else {
		if(jQuery('.bkm-form').find('.add-new-group').length > 0) {
			jQuery('.bkm-form .add-new-group').remove();
		}
	}
});
jQuery(document).on('click', '.bkm-form .add-new-group a', function(){
	var group_name = jQuery('.bkm-form .add-new-group input').val();
	if(group_name.length < 3) {
		rcl_notice('Имя группы должно быть не менее 3 символов', 'error', 3000);
		return false;
	} else {
		jQuery.post(Rcl.ajaxurl, { action : 'rcl_add_bkm_group_from_form', group_name : group_name }, function(result){
			
			if(result.content) {
				//Добавляем
				jQuery('<option value="'+result.group_id+'">'+group_name+'</option>').insertBefore(jQuery('.bkm-form #group_id #add_new_group'));
				jQuery('.bkm-form #group_id').val(result.group_id).trigger('change');
			} else {
				rcl_notice(result.error, 'error', 3000);
			}
			
		});
	}
	
	return false;

});

Затем надо добавить в functions.php темы функцию для создания группы:

add_action('wp_ajax_rcl_add_bkm_group_from_form', 'rcl_add_bkm_group_from_form');
function rcl_add_bkm_group_from_form() {
	global $user_ID;
	
	$group_name = strip_tags(esc_sql($_POST['group_name']));
	
	$group_id = bm_add_group(array( 
        'user_gr' => $user_ID, 
        'name_gr' => $group_name, 
        'status_gr' => 0  
    ));
	
	if(!$group_id) {
		wp_send_json(array('error' => 'Ошибка создания группы'));
	}
	wp_send_json(array('content' => 'Добавлено', 'group_id' => $group_id));
}

Ну и конечно же стили, которые надо добавить, например, в style.css вашей темы

form.bkm-form .add-new-group{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
form.bkm-form .add-new-group a{
    margin-left: 10px;
    padding: 8px;
}

 

6

Автор публикации

не в сети 4 часа

Preci

1 438
Telegram: https://t.me/preci_123
Комментарии: 470Публикации: 83Регистрация: 11-11-2014Продаж/Покупок: 0/0