/*
Блокировка поля ввода или кнопки
*/
function disable_input(id) {
    $('#'+id).prop('disabled', 'disabled');
}
/*
Разблокировка поля ввода или кнопки
*/
function enable_input(id) {
    $('#'+id).removeAttr('disabled');
}
/*
Сбросить для заданного итема цвета подписи и рамки на стандартные (для текущей темы оформления)
*/
function set_valid_colors(item_id) {
    $('label[for='+item_id+']>span,label[for='+item_id+']>a').css('color', '#444');
    $('#'+item_id).css('border', '1px solid rgb(170,170,170)');
}
/*
Выделить для заданного итема цвета подписи и рамки цветом ошибки (для текущей темы оформления)
*/
function set_error_colors(item_id) {
    $('label[for='+item_id+']>span,label[for='+item_id+']>a').css('color', '#b94a48');
    $('#'+item_id).css('border', '1px solid #b94a48');
}
/*
Проверка заданного итема на пустое значение
*/
function item_is_empty(item_id) {
    return $('#'+item_id).val() == '';
}
/*
Показать рядом с итемом сообщение об ошибке
*/
function show_tooltip(item_id, message) {
    var td = $('#'+item_id).parent('td');
    $(td).css('position', 'relative');
    $('<div class="tooltip-container"><span class="tooltip-message">'+message+'</span></div>').appendTo(td);
}
/*
Спрятать сообщение об ошибке для заданного итема
*/
function hide_tooltip(item_id) {
    var td = $('#'+item_id).parent('td');
    $(td).find('.tooltip-container').remove();
}
/*
Вот это и есть проблемная функция. Она предназначена для того чтобы сбросить на указанной форме
цвета подписей и рамки проверяемых инпутов на стандартные и спрятать все сообщения об ошибках.
Данная функция должна вызываться при открытии соответствующей формы.

В апексе данные формы сделаны обычными регионами, имеющими шаблон "Region without Buttons and Titles",
у которых прописан Static ID, а в атрибутах региона присутствует style="display:none;". В футере региона
присутствует вызов jQuery UI функции dialog:

$('#REGION_APP').dialog({
    autoOpen: false,
    resizable: false,
    modal: true,
    width: '800px',
    maxWidth: 800,
    open: function() {
        reset_interface($(this).get(0).id);
    }
});

В этом вызове и прописан вызов функции очистки интерфейса с передачей ей id региона.
Собственно если бы внутри этой функции можно было получить атрибуты соответствующего плагина
то было бы красиво. а сейчас происходит выборка элементов внутри этой формы с предопределенными
классами not_empty_item и not_empty_button
*/
function reset_interface(form_id) {
    var with_errors = false;
    var item_arr = $('#' + form_id + ' .not_empty_item');
    var input_arr = $('#' + form_id + ' .not_empty_button');
    for (var i in item_arr) {
// для каждого из итемов сбрасываем цвета
        set_valid_colors(item_arr.get(i).id);
// и прячем сообщения об ошибках
        hide_tooltip(item_arr.get(i).id);
// если хоть один из них пустой то надо будет заблочить все нужные кнопки
        if (item_is_empty(item_arr.get(i).id)) {
            with_errors = true;
        }
    }
// тут блокировка/разблокировка кнопок
    for (var i in input_arr) {
        if (with_errors)
            disable_input(input_arr.get(i).id);
        else
            enable_input(input_arr.get(i).id);
    }
}
/*
Это замыкание, которое возвращает функцию, привязывающую
к итему с id = item_id необходимые обработчики
*/
function validator(item_id, items, inputs) {
    return function() {
        $('#' + item_id).on('focus click', function() {
            hide_tooltip(item_id);
        });
        $('#' + item_id).on('input blur', function () {
            if (item_is_empty(item_id)) {
                set_error_colors(item_id);
                show_tooltip(item_id, 'Обязательное поле');
                for (var i in inputs) {
                    disable_input(inputs[i]);
                }
            } else {
                hide_tooltip(item_id);
                set_valid_colors(item_id);
                var with_errors = false;
                for (var j in items) {
                    if (item_is_empty(items[j])) {
                        with_errors = true;
                        break;
                    }
                }
                if (!with_errors) {
                }
                for (var k in inputs) {
                    if (with_errors) {
                        disable_input(inputs[k]);
                    } else {
                        enable_input(inputs[k]);
                    }
                }
            }
        });
    };
}
/*
Добавляет итему с id = item_id класс class_name
*/
function class_adder(item_id, class_name) {
    return function() {
        $('#' + item_id).addClass(class_name);
    }
}
/*
Точка входа. производит привязки к итемам обработчиков
и добавляет предопределенные классы итемам и кнопкам
*/
function set_validators() {

    var items = this.action.attribute01.split(',');
    var inputs = this.action.attribute02.split(',');

    for (var i in items) {
        var f = validator(items[i], items, inputs);
        f();
        var ca = class_adder(items[i], 'not_empty_item');
        ca();
    }
    for (var i in inputs) {
        var ca = class_adder(inputs[i], 'not_empty_button');
        ca();
    }
}

function render (
    p_region              in apex_plugin.t_region,
    p_plugin              in apex_plugin.t_plugin,
    p_is_printer_friendly in boolean )
    return apex_plugin.t_region_render_result as
 begin
    htp.p('<script>$("#'||p_region.static_id||'").dialog({autoOpen: false,resizable: false,modal: true,width: "auto",maxWidth: 1200,open:function(){$.event.trigger("jquidialogopen");},	close: function(){$.event.trigger("jquidialogclose");}});</script>');
   return null;
 end;

function render (
    p_dynamic_action in apex_plugin.t_dynamic_action,
    p_plugin         in apex_plugin.t_plugin )
    return apex_plugin.t_dynamic_action_render_result is
l_render_result apex_plugin.t_dynamic_action_render_result;
begin
apex_javascript.add_library(
	p_name      => 'not_empty_validator',
	p_directory => p_plugin.file_prefix,
	p_version   => null
);
apex_css.add_file (
	p_name => 'tooltip',
	p_directory => p_plugin.file_prefix,
	p_version => null
);
l_render_result.attribute_01 := p_dynamic_action.attribute_01;
l_render_result.attribute_02 := p_dynamic_action.attribute_02;
if (p_dynamic_action.attribute_03 = 1) then
	l_render_result.javascript_function := 'set_validators';
else
	l_render_result.javascript_function := 'reset_validators';
end if;
return l_render_result;
end;

function set_validators() {

    var items = this.action.attribute01.split(',');
    var inputs = this.action.attribute02.split(',');

    for (var i in items) {
        var f = validator(items[i], items, inputs);
        f();
    }
}

function reset_validators() {
    var with_errors = false;
    var items = this.action.attribute01.split(',');
    var inputs = this.action.attribute02.split(',');
    for (var i in item_arr) {
        set_valid_colors(items[i]);
        hide_tooltip(items[i]);
        if (item_is_empty(items[i])) {
            with_errors = true;
        }
    }
    for (var i in inputs) {
        if (with_errors)
            disable_input(inputs[i]);
        else
            enable_input(inputs[i]);
    }
}