adt-js-components 1.0.3 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {

package/src/DateInput/index.js

@@ -9,7 +9,9 @@ const locale = document.querySelector('html').getAttribute('lang');
 function initTime(input, options) {
 	$(input).timepicker({
 		scrollDefault: 'now',
-		timeFormat: options.format
+		timeFormat: options.format,
+		minTime: options.minTime,
+		maxTime: options.maxTime
 	});
 }
 
@@ -20,18 +22,19 @@ function initDate(input, options) {
 		time_24hr: true,
 		locale: require(`flatpickr/dist/l10n/${locale}.js`).default[locale],
 		defaultDate: options.value,
-		minDate: options.minDate
+		minDate: options.minDate ? new Date(options.minDate) : null,
+		maxDate: options.maxDate ? new Date(options.maxDate) : null
 	});
 }
 
 function run(options) {
 	$.nette.ext('live').after(function($el) {
 		$el.find('[data-adt-date-input]').each(function() {
-			var options = $(this).data('adt-date-input');
+			const data = $(this).data('adt-date-input');
+
+			const options = $(this).data('adt-date-input');
 			options.type = $(this).attr('type');
-			options.value = $(this).attr('value');
-			options.minDate = $(this).data('min-date') !== undefined ? $(this).data('min-date') : null;
-			
+
 			$(this).attr('type', 'text');
 			if (options.type === 'time') {
 				initTime(this, options);

package/src/SubmitForm/index.js

@@ -3,32 +3,39 @@ const Scrollparent = require("scrollparent");
 function run(options) {
 	$.nette.ext("submitForm", {
 		before: function (xhr, settings) {
-			if (settings.nette) {
+			if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
+				settings.nette.form.data('enabledButtons', settings.nette.form.find('button:enabled'));
 				settings.nette.form.find('button').prop('disabled', true);
-				settings.nette.el.find('.js-spinner').removeClass('d-none');
-				settings.nette.form.find('.js-error').remove();
+				settings.nette.el.css('width', settings.nette.el.outerWidth());
+				settings.nette.el.data('originalContent', settings.nette.el.html());
+				settings.nette.el.html('<span class="spinner-border spinner-border-sm"></span>');
+				settings.nette.form.find('.alert-danger').remove();
 				settings.nette.form.find('.is-invalid').removeClass('is-invalid');
 			}
 		},
 		success: function (payload, status, xhr, settings) {
 			// if there is no redirect, we will enable buttons
-			if (!payload.redirect && settings.nette) {
-				settings.nette.el.find('.js-spinner').addClass('d-none');
-				settings.nette.form.find('button').prop('disabled', false);
+			if (!payload.redirect && settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
+				settings.nette.el.html(settings.nette.el.data('originalContent'));
+				settings.nette.form.data('enabledButtons').each(function () {
+					$(this).prop('disabled', false);
+				});
 			}
 		},
 		error: function (xhr, status, error, settings) {
-			if (settings.nette) {
-				settings.nette.form.find('.js-errors').append('<div class="alert alert-danger js-error">' + xhr.responseJSON['error'] + '</div>');
+			if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
+				settings.nette.form.prepend('<div class="alert alert-danger">' + xhr.responseText + '</div>');
 
-				settings.nette.el.find('.js-spinner').addClass('d-none');
-				settings.nette.form.find('button').prop('disabled', false);
+				settings.nette.el.html(settings.nette.el.data('originalContent'));
+				settings.nette.form.data('enabledButtons').each(function () {
+					$(this).prop('disabled', false);
+				});
 			}
 		},
 		complete:  function (xhr, status, settings) {
 			// if there are errors we will scroll to first of them
-			if (settings.nette && settings.nette.form.find('.js-error').length > 0) {
-				const $error = settings.nette.form.find('.js-error:first');
+			if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined && settings.nette.form.find('.alert-danger').length > 0) {
+				const $error = settings.nette.form.find('.alert-danger:first');
 
 				// we have to find first scrollable element (it can be document or modal for example)
 				let scrollParent = Scrollparent($error[0]);