adt-js-components 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/SubmitForm/index.js +9 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adt-js-components",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "JavaScript components for Nette framework",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/SubmitForm/index.js CHANGED
@@ -6,15 +6,17 @@ function run(options) {
6
6
  if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
7
7
  settings.nette.form.data('enabledButtons', settings.nette.form.find('button:enabled'));
8
8
  settings.nette.form.find('button').prop('disabled', true);
9
- settings.nette.el.find('.js-spinner').removeClass('d-none');
10
- settings.nette.form.find('.js-error').remove();
9
+ settings.nette.el.css('width', settings.nette.el.outerWidth());
10
+ settings.nette.el.data('originalContent', settings.nette.el.html());
11
+ settings.nette.el.html('<span class="spinner-border spinner-border-sm"></span>');
12
+ settings.nette.form.find('.alert-danger').remove();
11
13
  settings.nette.form.find('.is-invalid').removeClass('is-invalid');
12
14
  }
13
15
  },
14
16
  success: function (payload, status, xhr, settings) {
15
17
  // if there is no redirect, we will enable buttons
16
18
  if (!payload.redirect && settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
17
- settings.nette.el.find('.js-spinner').addClass('d-none');
19
+ settings.nette.el.html(settings.nette.el.data('originalContent'));
18
20
  settings.nette.form.data('enabledButtons').each(function () {
19
21
  $(this).prop('disabled', false);
20
22
  });
@@ -22,9 +24,9 @@ function run(options) {
22
24
  },
23
25
  error: function (xhr, status, error, settings) {
24
26
  if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
25
- settings.nette.form.find('.js-errors').append('<div class="alert alert-danger js-error">' + xhr.responseJSON['error'] + '</div>');
27
+ settings.nette.form.prepend('<div class="alert alert-danger">' + xhr.responseText + '</div>');
26
28
 
27
- settings.nette.el.find('.js-spinner').addClass('d-none');
29
+ settings.nette.el.html(settings.nette.el.data('originalContent'));
28
30
  settings.nette.form.data('enabledButtons').each(function () {
29
31
  $(this).prop('disabled', false);
30
32
  });
@@ -32,8 +34,8 @@ function run(options) {
32
34
  },
33
35
  complete: function (xhr, status, settings) {
34
36
  // if there are errors we will scroll to first of them
35
- if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined && settings.nette.form.find('.js-error').length > 0) {
36
- const $error = settings.nette.form.find('.js-error:first');
37
+ if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined && settings.nette.form.find('.alert-danger').length > 0) {
38
+ const $error = settings.nette.form.find('.alert-danger:first');
37
39
 
38
40
  // we have to find first scrollable element (it can be document or modal for example)
39
41
  let scrollParent = Scrollparent($error[0]);