From 23665b4592132fee34ee4656446d17bedfeeb806 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Radek=20=C5=A0er=C3=BD?= <radek.sery@peckadesign.cz>
Date: Thu, 3 Jan 2019 12:47:56 +0100
Subject: [PATCH] #0 update extension `pdbox` a `btnSpinner`
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Extension `pdbox` nyní zachovává vypnutí historie pro automaticky zAJAXované odkazy a formuláře uvnitř otevřeného pdboxu. Tj. pokud je historie vypnutá při otevření pdboxu, zůstane i v rámci tohoto pdboxu vypnutá.
- Extension `btnSpinner` je možné použít nejen pro `<button>`, ale pro libovolný element spouštějící AJAXový požadavek (vzhledem k tomu, jak extension funguje, nejde použít např. pro `<input>`, protože do něj nelze vložit html kód).
---
 README.md                        |  4 ++++
 extensions/pd/btnSpinner.ajax.js |  4 ++--
 extensions/pdbox.ajax.js         | 34 ++++++++++++++++++++++++--------
 package.json                     |  2 +-
 4 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index f9775b4..b11759a 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,10 @@ Vlastní extensions pro nette.ajax
 
 ## Changelog
 
+### 1.3.0
+- Extension `pdbox` nyní zachovává vypnutí historie pro automaticky zAJAXované odkazy a formuláře uvnitř otevřeného pdboxu. Tj. pokud je historie vypnutá při otevření pdboxu, zůstane i v rámci tohoto pdboxu vypnutá.
+- Extension `btnSpinner` je možné použít nejen pro `<button>`, ale pro libovolný element spouštějící AJAXový požadavek (vzhledem k tomu, jak extension funguje, nejde použít např. pro `<input>`, protože do něj nelze vložit html kód).    
+
 ### 1.2.3
 - oprava chyby `scrollTo` extension, kdy:
   - nebylo možno nastavit přes data atribut offset na 0
diff --git a/extensions/pd/btnSpinner.ajax.js b/extensions/pd/btnSpinner.ajax.js
index a6d34cb..092446f 100644
--- a/extensions/pd/btnSpinner.ajax.js
+++ b/extensions/pd/btnSpinner.ajax.js
@@ -49,9 +49,9 @@
 			});
 		},
 		start: function (xhr, settings) {
-			if ('nette' in settings && settings.nette.form && settings.nette.isSubmit) {
+			if ('nette' in settings && settings.nette.el && settings.nette.el.length) {
 				settings.$btnSpinner = $(this.spinnerHtml);
-				$(settings.nette.ui).append(settings.$btnSpinner);
+				settings.nette.el.append(settings.$btnSpinner);
 			}
 		},
 		complete: function (xhr, status, settings) {
diff --git a/extensions/pdbox.ajax.js b/extensions/pdbox.ajax.js
index 9bdb2a8..5e090a4 100644
--- a/extensions/pdbox.ajax.js
+++ b/extensions/pdbox.ajax.js
@@ -11,7 +11,7 @@
 	 * @todo Nemělo by v lastState a original být též uloženo ui?
 	 */
 
-		// init a snippets jsou definovány v nette.ajax.js a history v history.nette.ajax.js, tj. vždy jsou v tuto chvíli dostupné (soubory musí být před pd.ajax soubory)
+	// init a snippets jsou definovány v nette.ajax.js a history v history.nette.ajax.js, tj. vždy jsou v tuto chvíli dostupné (soubory musí být před pd.ajax soubory)
 	var snippetsExt = $.nette.ext('snippets');
 	var historyExt = $.nette.ext('history');
 	var initExt = $.nette.ext('init');
@@ -75,6 +75,9 @@
 
 			// pokud success nastal po kliknutí na elementu s class this.pdboxSelector, vyvoláme load událost, nastavíme vlastnosti pdbox a pokud je povolená historie, nahradíme stávající stav naším, kde přidáváme do state vlastnost pdbox
 			if (('nette' in settings && 'el' in settings.nette && settings.nette.el.is(this.pdboxSelector)) || settings.pdbox) {
+				// je pro současný request povolená historie?
+				var requestHistory = ($.inArray('history', settings.off) === -1 && this.historySupported);
+
 				// zpracování vráceného redirectu v rámci pdbox
 				if (payload.redirect) {
 					var options = {
@@ -82,16 +85,15 @@
 						pdbox: true
 					};
 
-					if ($.inArray('history', settings.off) !== -1 || !this.historySupported) {
+					if (! requestHistory) {
 						options.off = ['history'];
+					} else {
+						this.historyEnabled = true;
 					}
 					if ('spinnerQueue' in settings) {
 						options.spinnerQueue = settings.spinnerQueue.slice(0);
 						settings.spinnerQueue = [];
 					}
-					if ($.inArray('history', settings.off) === -1 && this.historySupported) {
-						this.historyEnabled = true;
-					}
 
 					$.nette.ajax(options);
 
@@ -100,10 +102,24 @@
 
 				var $opener = ('nette' in settings && 'el' in settings.nette && settings.nette.el) ? settings.nette.el : null;
 
-				this.box.window.content.find(this.ajaxified).addClass(this.pdboxAutoClass); // .slice(1) odstraní z názvu class
-				this.box.dispatchEvent('load', {element: $opener, content: payload});
+				var $ajaxified = this.box.window.content.find(this.ajaxified);
+				$ajaxified.addClass(this.pdboxAutoClass);
+
+				// Pokud není historie při otevírání, vypneme ji i pro automaticky zAJAXované odkazy a formuláře
+				if (! requestHistory) {
+					$ajaxified.each(function() {
+						var off = $(this).attr('data-ajax-off') || '';
 
-				if ($.inArray('history', settings.off) === -1 && this.historySupported) {
+						if ((' ' + off + ' ').indexOf(' history ') === -1) {
+							off += (off ? ' ' : '') + 'history';
+
+							$(this).attr('data-ajax-off', off);
+						}
+					});
+				}
+
+				// Pokud je historie, upravíme nový stav přidáním 'pdbox' pole
+				if (requestHistory) {
 					this.historyEnabled = true;
 
 					// element, který otevřel pdbox; aby bylo možné serializovat, tak jako string a ne jako DOM element
@@ -119,6 +135,8 @@
 						ui: (historyExt && historyExt.cache && snippetsExt) ? snippetsExt.findSnippets() : null
 					}), document.title, location.href);
 				}
+
+				this.box.dispatchEvent('load', {element: $opener, content: payload});
 			}
 		},
 		complete: function () {
diff --git a/package.json b/package.json
index b3d060d..3188ebc 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
 	"name": "pd.ajax",
 	"title": "pd.ajax",
 	"description": "Collection of nette ajax extensions, including `pd` for creating disabled-by-deafult extensions",
-	"version": "1.2.3",
+	"version": "1.3.0",
 	"author": "PeckaDesign, s.r.o <support@peckadesign.cz>",
 	"contributors": [
 		"Radek Šerý <radek.sery@peckadesign.cz>",