Merge pull request #272 from kserin/master

Fix #271 : add update method to 'phononized' dynamically created inputs
phonon-framework · Nov 29, 2017 · 71c3491 · 71c3491
2 parents e37d303 + 75942c3
commit 71c3491
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 29 deletions.
diff --git a/dist/js/components/forms.js b/dist/js/components/forms.js
@@ -4,7 +4,7 @@
  * ========================================================================
  * Licensed under MIT (http://phonon.quarkdev.com)
  * ======================================================================== */
-;(function (window) {
+;(function (window, phonon) {
 
 	'use strict';
 
@@ -29,20 +29,24 @@
 		}
 	}
 
+	function update(input) {
+		addListener(input);
+
+		/*
+			* Do this once at start also, otherwise pre-populated inputs
+			* will have labels directly overlapping on top of the input value on page load.
+			*/
+		isInputFilled(input);
+	}
+
 	/*
 	 * Attachs events once
 	 */
 	document.on('pagecreated', function(evt) {
 		var page = document.querySelector(evt.detail.page);
 		var inputs = page.querySelectorAll('input.with-label'), i = inputs.length - 1;
 		for (; i >= 0; i--) {
-			addListener(inputs[i]);
-
-			/*
-			 * Do this once at start also, otherwise pre-populated inputs
-			 * will have labels directly overlapping on top of the input value on page load.
-			*/
-			isInputFilled(inputs[i]);
+			update(inputs[i]);
 		}
 	});
 
@@ -57,4 +61,16 @@
 		}
 	});
 
-}(typeof window !== 'undefined' ? window : this));
+	phonon.forms = {
+		update: update
+	};
+
+	window.phonon = phonon;
+
+	if(typeof exports === 'object') {
+		module.exports = phonon.popover;
+	} else if(typeof define === 'function' && define.amd) {
+		define(function() { return phonon.popover });
+	}
+
+}(typeof window !== 'undefined' ? window : this, window.phonon || {}));
diff --git a/dist/js/components/forms.min.js b/dist/js/components/forms.min.js
diff --git a/dist/js/phonon.js b/dist/js/phonon.js
@@ -4084,7 +4084,7 @@ phonon.autocomplete = (function (Awesomplete) {
  * ========================================================================
  * Licensed under MIT (http://phonon.quarkdev.com)
  * ======================================================================== */
-;(function (window) {
+;(function (window, phonon) {
 
 	'use strict';
 
@@ -4109,20 +4109,24 @@ phonon.autocomplete = (function (Awesomplete) {
 		}
 	}
 
+	function update(input) {
+		addListener(input);
+
+		/*
+			* Do this once at start also, otherwise pre-populated inputs
+			* will have labels directly overlapping on top of the input value on page load.
+			*/
+		isInputFilled(input);
+	}
+
 	/*
 	 * Attachs events once
 	 */
 	document.on('pagecreated', function(evt) {
 		var page = document.querySelector(evt.detail.page);
 		var inputs = page.querySelectorAll('input.with-label'), i = inputs.length - 1;
 		for (; i >= 0; i--) {
-			addListener(inputs[i]);
-
-			/*
-			 * Do this once at start also, otherwise pre-populated inputs
-			 * will have labels directly overlapping on top of the input value on page load.
-			*/
-			isInputFilled(inputs[i]);
+			update(inputs[i]);
 		}
 	});
 
@@ -4137,7 +4141,19 @@ phonon.autocomplete = (function (Awesomplete) {
 		}
 	});
 
-}(typeof window !== 'undefined' ? window : this));
+	phonon.forms = {
+		update: update
+	};
+
+	window.phonon = phonon;
+
+	if(typeof exports === 'object') {
+		module.exports = phonon.popover;
+	} else if(typeof define === 'function' && define.amd) {
+		define(function() { return phonon.popover });
+	}
+
+}(typeof window !== 'undefined' ? window : this, window.phonon || {}));
 
 /* ========================================================================
 * Phonon: notifications.js v0.0.2

diff --git a/dist/js/phonon.min.js b/dist/js/phonon.min.js
diff --git a/src/js/ui/forms.js b/src/js/ui/forms.js
@@ -4,7 +4,7 @@
  * ========================================================================
  * Licensed under MIT (http://phonon.quarkdev.com)
  * ======================================================================== */
-;(function (window) {
+;(function (window, phonon) {
 
 	'use strict';
 
@@ -29,20 +29,24 @@
 		}
 	}
 
+	function update(input) {
+		addListener(input);
+
+		/*
+			* Do this once at start also, otherwise pre-populated inputs
+			* will have labels directly overlapping on top of the input value on page load.
+			*/
+		isInputFilled(input);
+	}
+
 	/*
 	 * Attachs events once
 	 */
 	document.on('pagecreated', function(evt) {
 		var page = document.querySelector(evt.detail.page);
 		var inputs = page.querySelectorAll('input.with-label'), i = inputs.length - 1;
 		for (; i >= 0; i--) {
-			addListener(inputs[i]);
-
-			/*
-			 * Do this once at start also, otherwise pre-populated inputs
-			 * will have labels directly overlapping on top of the input value on page load.
-			*/
-			isInputFilled(inputs[i]);
+			update(inputs[i]);
 		}
 	});
 
@@ -57,4 +61,16 @@
 		}
 	});
 
-}(typeof window !== 'undefined' ? window : this));
+	phonon.forms = {
+		update: update
+	};
+
+	window.phonon = phonon;
+
+	if(typeof exports === 'object') {
+		module.exports = phonon.popover;
+	} else if(typeof define === 'function' && define.amd) {
+		define(function() { return phonon.popover });
+	}
+
+}(typeof window !== 'undefined' ? window : this, window.phonon || {}));