Skip to content
This repository has been archived by the owner on Jun 13, 2023. It is now read-only.

Избавление от JQuery и мелкие улучшения #49

Open
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

ShevArtV
Copy link

  1. Событие af_complete осталось, но теперь доступ к параметрам осуществляется так
document.addEventListener('af_complete', function (e) {
       e.detail.status; // статус ответа
       e.detail.response; // сам ответ
       e.detail.form; // элемент формы
       e.detail.xhr; // объект запроса        
});
  1. Событие af_complete можно отменить стандартным способом
document.addEventListener('af_complete', function (e) {
       e.preventDefault();
      // тут кастомный код обработки ответа.
});

Если вызван e.preventDefault(); стандартный класс не будет больше обрабатывать ответ сервера, дальше работает только ваш скрипт.
3.form теперь это обычный элемент DOM полученный через document.querySelector, поэтому и работать с ней нужно как с DOM элементом.
4. Параметр clearFieldsOnSuccess точно работает, можно отменять перезагрузку формы.
5. Для показа уведомлений нужно установить SweetAlert2.
6. Назначение некоторых функций осталось для меня загадкой, поэтому я просто переписал их на чистый JavaScript.

Добавил новые параметры сниппета AjaxForm:
Если в форме есть input[type=«file»]

  1. fileUplodedProgressMsg — сообщение, которое будет показано во время загрузки файлов.
  2. fileUplodedSuccessMsg — сообщение об успешном завершении загрузки файлов.
  3. fileUplodedErrorMsg — сообщение об ошибке при загрузке файлов, не путать с сообщением от валидатора файлов, если такой у вас есть.
  4. showUplodedProgress — по умолчанию false, т.е. прогресс загрузки не показывается, если нужно включить показ прогресса ставим в параметрах вызова сниппета true. Соответственно добавлены методы обработки процесса загрузки файлов в default.js, они называются onUploadProgress, onUploadFinished, onUploadError;

Так же в отдельные методы вынес обработку ошибок валидации (onError) и успешной отправки формы (onSuccess).

Всю логику можно переопределить, для этого в конструкторе класса core/components/ajaxform/model/ajaxform/ajaxform.class.php я переопределил конструктор, теперь можно в системные настройки добавить свои пути к стилям и скриптам через настройки af_frontend_css и af_frontend_js соответственно, если этих настроек нет надо их создать в пространстве имён ajaxform.

Каждой форме автоматически добавляется css класс ajax_form, а так же генерируется уникальный класс для каждой формы, таким образом параметр formSelector, на мой взгляд, теряет смысл.

2. The file has been completely rewritten default.js .
3. The main php class of the component has been modified.
4. The Ajax Form snippet has been adjusted.
5. Added entries to the lexicons.
@biz87 biz87 self-requested a review March 13, 2022 16:03
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant