anchor.diff:              });
   
               $('.delete-config').on('click', onDeleteClick);
  +            $('#create-config-form').on('submit', onModalSubmit);
  +            //$('#import-config-form').on('submit', onImport);
  +
  +            var $form = $('#import-config-form');
  +            validateForm(null, $form, {
  +                config: {
  +                    required: true
  +                }
  +            }, function () {
  +                var data = new FormData($form[0]);
  +
  +                $form.find('.import-config').addClass('disabled').find('i').removeClass('hide');
  +
  +                $.ajax({
  +                    url: '/haproxy/configs/import',
  +                    type: 'POST',
  +                    data: data,
  +                    cache: false,
  +                    contentType: false,
  +                    headers: {
  +                        'x-xsrf-token': '!{csrfToken}'
  +                    },
  +                    dataType: 'json',
  +                    processData: false,
  +                    error: function (XMLHttpRequest, textStatus, errorThrow) {
  +                        alert(XMLHttpRequest + '\n' + textStatus + '\n' + errorThrow);
  +                    },
  +                    success: function (result) {
  +                        if (result.ok) {
  +                            toastr.info(taskWords.onCreateSuccess);
  +
  +                            setTimeout(function () {
  +                                waitTask(result.data, function (status) {
  +                                    $form.find('.import-config').removeClass('disabled').find('i').addClass('hide');
  +
  +                                    if (status === 0) {
  +                                        $form.closest('.modal').modal('hide');
  +                                        location.reload();
  +                                    }
  +                                });
  +                            }, taskCheckInterval);
  +
  +                        } else {
  +                            toastr.error(taskWords.onCreateError);
  +                            $form.find('.import-config').removeClass('disabled').find('i').addClass('hide');
  +                        }
  +                    }
  +                });
  +            });
           });
   
  
positive.code:         .col-xs-12
              .card
                  .card-header.text-center
                      a.btn.btn-success.btn-sm(href='#create-config-modal', data-toggle='modal')= buttonsTxt.create
                  .card-block
                      #accordion(role='tablist', aria-multiselectable='true')
                          - each item, index in data.configs
  
negative.code:                                         pre
                                              textarea.form-control(name='content', rows='10')
                          .form-group.row
                              label.col-md-4.form-control-label= modal.fields.target
                              .col-md-8
                                  .block
                                      select.form-control(name='target-id', style='max-width: 300px')
  