binda 0.0.3 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f1c058edd9f695ab246bb00bc9d47fd9eb8cf39f
-  data.tar.gz: 0e3977f1353a7c6b06d54e3214bb7d4519df1933
+  metadata.gz: 8ed52b6a7c00c6370108c689ba3396a79f5e85b8
+  data.tar.gz: 72aaf34b07c36b78c832fe061c4beb35be278a9b
 SHA512:
-  metadata.gz: d1a87a84ebc250b8539bdb05081ea1a970c7214219bbc8e3f61d9a73679b55d94c6ca5de393946fb8d2b5ee294b9da8c92d657ecbf5780dabd827ee1daf29199
-  data.tar.gz: 200d0dff9eaf1202bee514fc0e983d44785761f7deda57e0351eb35894fb8280aa0816522e6e0bd93ff15599e45ec9529b5592df2b4386624816a80d0ae61fcc
+  metadata.gz: c2649f0eeeaa9265c349a303e981d44f459dad81d871cb730a8a5094224ab8212425659f31f80d56212d471cba466657d89fd361a6c793b30d44bc49f7a90e1e
+  data.tar.gz: 63e9fd484c883eac80fd00d3c8b5bff90222418df2290d55bc6bccec1a564371307441ae06827183b327a0f1eb85973a9e3132a62996f93f921afdf7233c8ab0

data/README.md

@@ -10,53 +10,38 @@ A modular CMS for Ruby on Rails 5.
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'binda', github: 'lacolonia/binda'
+gem 'binda', '~> 0.0.5'
 ```
 
-And then execute:
+Then execute:
 ```bash
 $ bundle
 ```
 
-Or install it yourself as:
-```bash
-$ gem install binda
-$ rails generate binda:install
+To install Binda run the installer from terminal. 
+``` bash
+$ rails g binda:install
 ```
 
-## Requirements
-Binda has some dependencies which you might need to update if you have a very specific environment.
+Now you are good to go. Run `rails s` and check the administration panel at `http://localhost:3000/admin_panel`.
 
-If you are not going to use Rails default ORM please check [Carrierwave documentation](https://github.com/carrierwaveuploader/carrierwave#datamapper-mongoid-sequel) and [Devise documentation](https://github.com/plataformatec/devise#other-orms).
+To get into details read [Binda Guidelines](https://github.com/lacolonia/binda/wiki).
 
-In order to use Carrierwave to process images you need to run MiniMagik. Please refer to [Carrierwave documentation](https://github.com/carrierwaveuploader/carrierwave#using-minimagick) to find more information.
+**Warning: run the installer once.** Running the installer for each application environment will cause issues with users' passwords. Also remember that if you need to re-install Binda you need to drop all Binda database tables first. More details [here](https://github.com/lacolonia/binda/wiki/Installation)
 
 ## Bug reporting
 Please refer to this [guide](http://yourbugreportneedsmore.info).
+If you need direct help you can join [Binda Slack Community](https://binda.herokuapp.com).
 
-## Contributing
-In order to contribute you need to have NodeJs and NPM installed.
-
-If you are using NVM you can run the folloing command from the application root to detect the version specified on the repository.
-
-```bash
-$ nvm use .
-```
-
-If you are planning to work on the javascript files you need to open a terminal window and execute the following command. You need to keep that window open otherwise you will have to run the command every time you save a javascript file.
-
-```bash
-$ npm install
-$ webpack
-```
-
-The main entry point is the `index.js`. To know more about how Webpack works please head to the [official documentation](https://webpack.js.org/).
-
-Please comment your code as much as possible.
 
 ## License
 The gem is available as open source under the terms of the [GNU General Public License v3.0](https://github.com/a-barbieri/binda/blob/master/LICENSE).
 
+## Credits
+Binda is inspired by [Spina CMS](https://github.com/denkGroot/Spina).
+
+We give also credit to authors and contributors of the gems that Binda uses. Huge thank you to all of them.
+
 ## Who is Binda?
 Is [this guy here](https://en.wikipedia.org/wiki/Alfredo_Binda).
 

data/Rakefile

@@ -14,24 +14,30 @@ RDoc::Task.new(:rdoc) do |rdoc|
   rdoc.rdoc_files.include('lib/**/*.rb')
 end
 
-APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
 load 'rails/tasks/engine.rake'
 
 
 load 'rails/tasks/statistics.rake'
 
 
-
 require 'bundler/gem_tasks'
 
-require 'rake/testtask'
 
-Rake::TestTask.new(:test) do |t|
-  t.libs << 'lib'
-  t.libs << 'test'
-  t.pattern = 'test/**/*_test.rb'
-  t.verbose = false
-end
 
+# # I guess this generate test file every time you use `rails g` command
+# require 'rake/testtask'
+# Rake::TestTask.new(:test) do |t|
+#   t.libs << 'lib'
+#   t.libs << 'test'
+#   t.pattern = 'test/**/*_test.rb'
+#   t.verbose = false
+# end
+# task default: :test
 
-task default: :test
+# This should ensure creation of spec instead of test (partially true)
+# https://stackoverflow.com/a/4632188/1498118
+require 'rspec/core/rake_task'
+RSpec::Core::RakeTask.new('spec')
+# If you want to make this the default task
+task :default => :spec

data/app/assets/javascripts/binda/components/form_item.js

@@ -2,6 +2,8 @@
 /// FORM ITEM
 ///- - - - - - - - - - - - - - - - - - - -
 
+import { _FormItemEditor } from './form_item_editor'
+
 class FormItem {
 	
 	constructor()
@@ -28,7 +30,15 @@ class FormItem {
 
 		$(document).on('click', '.form-item--open-button, .form-item--close-button', function()
 		{
-			$( this ).parent('.form-item').children('.form-item--editor').toggleClass('form-item--editor-close')
+			var formItemEditor = $( this ).parent('.form-item').children('.form-item--editor')
+
+			// Make sure form-item--editor max-height correspond to the actual height
+			// this is needed for the CSS transition which is trigger clicking open/close button
+			if ( !formItemEditor.hasClass('form-item--editor-close') )
+				{ _FormItemEditor.resize() }
+
+			// Update classes
+			formItemEditor.toggleClass('form-item--editor-close')
 			$( this ).parent('.form-item').children('.form-item--open-button, .form-item--close-button').toggle()
 		})
 	}
@@ -51,4 +61,5 @@ function addNewItem( event )
 	// Clone child and remove id and styles from cloned child
 	$newChild.clone().insertAfter( $newChild )
 	$newChild.removeClass( 'form-item--new' ).removeAttr( 'id' )
+	_FormItemEditor.resize()
 }

data/app/assets/javascripts/binda/components/form_item_asset.js

@@ -18,6 +18,7 @@ class FormItemAsset
 	setEvents()
 	{
 		// here code to setup assets via ajax
+		// 
 	}
 }
 

data/app/assets/javascripts/binda/components/form_item_choice.js

@@ -0,0 +1,58 @@
+///- - - - - - - - - - - - - - - - - - - -
+/// FORM ITEM
+///- - - - - - - - - - - - - - - - - - - -
+
+import { _FormItemEditor } from './form_item_editor'
+
+
+class FormItemChoice {
+	
+	constructor()
+	{
+		this.target = '.form-item--choice'
+	}
+
+	isSet()
+	{
+		if ( $( this.target ).length > 0 ) { return true }
+		else { return false }
+	}
+
+	setEvents()
+	{
+		$(document).on('click', '.form-item--add-choice', function( event )
+		{
+			event.preventDefault()
+			// Clone the new choice field
+			var choices = $( this ).parent('.form-item--choices')
+			var newchoice = choices.find('.form-item--new-choice')
+			var clone = newchoice.clone().removeClass('form-item--new-choice').toggle()
+			clone.find('.form-item--toggle-choice').toggle()
+			// Append the clone right after
+			choices.prepend( clone )
+			// Update form item editor size
+			_FormItemEditor.resize()
+		})
+		
+		$(document).on('click', '.form-item--delete-choice', function( event )
+		{
+			event.preventDefault()
+
+			var choice = $( this ).parent('.form-item--choice')
+			var destination = $( this ).attr('href')
+			
+			$.ajax({
+				url: destination,
+				type: 'DELETE',
+				success: function() { choice.remove() }
+			})
+		})
+		$(document).on('click', '.form-item--js-delete-choice', function( event )
+		{
+			event.preventDefault()
+			$( this ).parent('.form-item--choice').remove() 
+		})
+	}
+}
+
+export let _FormItemChoice = new FormItemChoice()

data/app/assets/javascripts/binda/components/form_item_editor.js

@@ -0,0 +1,39 @@
+///- - - - - - - - - - - - - - - - - - - -
+/// FORM ITEM
+///- - - - - - - - - - - - - - - - - - - -
+
+class FormItemEditor {
+	
+	constructor()
+	{
+		this.target = '.form-item--editor'
+	}
+
+	isSet()
+	{
+		if ( $( this.target ).length > 0 ) { return true }
+		else { return false }
+	}
+
+	setEvents()
+	{
+		// run resize to set initial size
+		this.resize()
+		// run resize on each of these events
+		$(window).resize( ()=>{ this.resize() } )
+	}
+
+	resize()
+	{
+		$( this.target ).each( function(){
+			// If the form item edito is closed don't go any further
+			if ( $(this).height() === 0 ) return
+			// otherwise update the max-height which is needed for the CSS transition
+			// NOTE you need to remove the max-height (inside 'style' attribute) to get the real height
+			$(this).css( "max-height", $(this).removeAttr('style').height() )
+		})
+	}
+
+}
+
+export let _FormItemEditor = new FormItemEditor()

data/app/assets/javascripts/binda/components/form_item_repeater.js

@@ -2,6 +2,8 @@
 /// FORM ITEM
 ///- - - - - - - - - - - - - - - - - - - -
 
+import { _FormItemEditor } from './form_item_editor'
+
 class FormItemRepeater {
 	
 	constructor()
@@ -18,12 +20,15 @@ class FormItemRepeater {
 	setEvents()
 	{
 		$(document).on('click', this.target + '--add-new', addNewItem )
+		
 		$(document).on('click', '.form-item--remove-item-with-js', function( event )
 		{
 			// Stop default behaviour
 			event.preventDefault()
 			$( this ).parent( this.target ).remove()
+			_FormItemEditor.resize()
 		})
+
 		$(document).on('click', '.form-item--delete-repeater-item', function( event )
 		{
 			// Stop default behaviour
@@ -35,6 +40,7 @@ class FormItemRepeater {
 				method: "DELETE"
 			}).done( ()=>{
 				$( this ).parent('li').remove()
+				_FormItemEditor.resize()
 			})
 		})
 	}
@@ -62,5 +68,6 @@ function addNewItem( event )
 		$list.append( newRepeater )
 		var editor_id = $list.find('textarea').last('textarea').attr('id')
 		tinyMCE.EditorManager.execCommand('mceAddEditor',true, editor_id);
+		_FormItemEditor.resize()
 	})
 }

data/app/assets/javascripts/binda/components/sortable.js

@@ -13,7 +13,6 @@ export default function()
 					)
 		  	}
 		  })
-		  .disableSelection()
 
 		// Check if sortable item needs handles
 		$('.sortable').each( function()

data/app/assets/javascripts/binda/dist/binda.bundle.js

@@ -63,7 +63,7 @@
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -71,6 +71,7 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__form_item_editor__ = __webpack_require__(6);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FormItem; });
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
@@ -80,6 +81,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 /// FORM ITEM
 ///- - - - - - - - - - - - - - - - - - - -
 
+
+
 var FormItem = function () {
 	function FormItem() {
 		_classCallCheck(this, FormItem);
@@ -108,7 +111,16 @@ var FormItem = function () {
 			});
 
 			$(document).on('click', '.form-item--open-button, .form-item--close-button', function () {
-				$(this).parent('.form-item').children('.form-item--editor').toggleClass('form-item--editor-close');
+				var formItemEditor = $(this).parent('.form-item').children('.form-item--editor');
+
+				// Make sure form-item--editor max-height correspond to the actual height
+				// this is needed for the CSS transition which is trigger clicking open/close button
+				if (!formItemEditor.hasClass('form-item--editor-close')) {
+					__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
+				}
+
+				// Update classes
+				formItemEditor.toggleClass('form-item--editor-close');
 				$(this).parent('.form-item').children('.form-item--open-button, .form-item--close-button').toggle();
 			});
 		}
@@ -132,6 +144,7 @@ function addNewItem(event) {
 	// Clone child and remove id and styles from cloned child
 	$newChild.clone().insertAfter($newChild);
 	$newChild.removeClass('form-item--new').removeAttr('id');
+	__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
 }
 
 /***/ }),
@@ -168,6 +181,7 @@ var FormItemAsset = function () {
 		key: 'setEvents',
 		value: function setEvents() {
 			// here code to setup assets via ajax
+			// 
 		}
 	}]);
 
@@ -181,6 +195,82 @@ var _FormItemAsset = new FormItemAsset();
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__form_item_editor__ = __webpack_require__(6);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FormItemChoice; });
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+///- - - - - - - - - - - - - - - - - - - -
+/// FORM ITEM
+///- - - - - - - - - - - - - - - - - - - -
+
+
+
+var FormItemChoice = function () {
+	function FormItemChoice() {
+		_classCallCheck(this, FormItemChoice);
+
+		this.target = '.form-item--choice';
+	}
+
+	_createClass(FormItemChoice, [{
+		key: 'isSet',
+		value: function isSet() {
+			if ($(this.target).length > 0) {
+				return true;
+			} else {
+				return false;
+			}
+		}
+	}, {
+		key: 'setEvents',
+		value: function setEvents() {
+			$(document).on('click', '.form-item--add-choice', function (event) {
+				event.preventDefault();
+				// Clone the new choice field
+				var choices = $(this).parent('.form-item--choices');
+				var newchoice = choices.find('.form-item--new-choice');
+				var clone = newchoice.clone().removeClass('form-item--new-choice').toggle();
+				clone.find('.form-item--toggle-choice').toggle();
+				// Append the clone right after
+				choices.prepend(clone);
+				// Update form item editor size
+				__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
+			});
+
+			$(document).on('click', '.form-item--delete-choice', function (event) {
+				event.preventDefault();
+
+				var choice = $(this).parent('.form-item--choice');
+				var destination = $(this).attr('href');
+
+				$.ajax({
+					url: destination,
+					type: 'DELETE',
+					success: function success() {
+						choice.remove();
+					}
+				});
+			});
+			$(document).on('click', '.form-item--js-delete-choice', function (event) {
+				event.preventDefault();
+				$(this).parent('.form-item--choice').remove();
+			});
+		}
+	}]);
+
+	return FormItemChoice;
+}();
+
+var _FormItemChoice = new FormItemChoice();
+
+/***/ }),
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__form_item_editor__ = __webpack_require__(6);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FormItemRepeater; });
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
@@ -190,6 +280,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 /// FORM ITEM
 ///- - - - - - - - - - - - - - - - - - - -
 
+
+
 var FormItemRepeater = function () {
 	function FormItemRepeater() {
 		_classCallCheck(this, FormItemRepeater);
@@ -210,11 +302,14 @@ var FormItemRepeater = function () {
 		key: 'setEvents',
 		value: function setEvents() {
 			$(document).on('click', this.target + '--add-new', addNewItem);
+
 			$(document).on('click', '.form-item--remove-item-with-js', function (event) {
 				// Stop default behaviour
 				event.preventDefault();
 				$(this).parent(this.target).remove();
+				__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
 			});
+
 			$(document).on('click', '.form-item--delete-repeater-item', function (event) {
 				var _this = this;
 
@@ -227,6 +322,7 @@ var FormItemRepeater = function () {
 					method: "DELETE"
 				}).done(function () {
 					$(_this).parent('li').remove();
+					__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
 				});
 			});
 		}
@@ -254,11 +350,12 @@ function addNewItem(event) {
 		$list.append(newRepeater);
 		var editor_id = $list.find('textarea').last('textarea').attr('id');
 		tinyMCE.EditorManager.execCommand('mceAddEditor', true, editor_id);
+		__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
 	});
 }
 
 /***/ }),
-/* 3 */
+/* 4 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -270,7 +367,7 @@ function addNewItem(event) {
 			update: function update() {
 				$.post($(this).data('update-url'), $(this).sortable('serialize'));
 			}
-		}).disableSelection();
+		});
 
 		// Check if sortable item needs handles
 		$('.sortable').each(function () {
@@ -301,15 +398,17 @@ function addNewItem(event) {
 };
 
 /***/ }),
-/* 4 */
+/* 5 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_form_item__ = __webpack_require__(0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_form_item_repeater__ = __webpack_require__(2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_form_item_repeater__ = __webpack_require__(3);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_form_item_asset__ = __webpack_require__(1);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_sortable__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_form_item_choice__ = __webpack_require__(2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_form_item_editor__ = __webpack_require__(6);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_sortable__ = __webpack_require__(4);
 ///- - - - - - - - - - - - - - - - - - - -
 /// INDEX OF BINDA'S SCRIPTS
 ///- - - - - - - - - - - - - - - - - - - -
@@ -319,6 +418,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 
 
+
+
 $(document).ready(function () {
 	if (__WEBPACK_IMPORTED_MODULE_0__components_form_item__["a" /* _FormItem */].isSet()) {
 		__WEBPACK_IMPORTED_MODULE_0__components_form_item__["a" /* _FormItem */].setEvents();
@@ -329,8 +430,74 @@ $(document).ready(function () {
 	if (__WEBPACK_IMPORTED_MODULE_2__components_form_item_asset__["a" /* _FormItemAsset */].isSet()) {
 		__WEBPACK_IMPORTED_MODULE_2__components_form_item_asset__["a" /* _FormItemAsset */].setEvents();
 	}
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__components_sortable__["a" /* default */])();
+	if (__WEBPACK_IMPORTED_MODULE_3__components_form_item_choice__["a" /* _FormItemChoice */].isSet()) {
+		__WEBPACK_IMPORTED_MODULE_3__components_form_item_choice__["a" /* _FormItemChoice */].setEvents();
+	}
+	if (__WEBPACK_IMPORTED_MODULE_4__components_form_item_editor__["a" /* _FormItemEditor */].isSet()) {
+		__WEBPACK_IMPORTED_MODULE_4__components_form_item_editor__["a" /* _FormItemEditor */].setEvents();
+	}
+	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_5__components_sortable__["a" /* default */])();
 });
 
+/***/ }),
+/* 6 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FormItemEditor; });
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+///- - - - - - - - - - - - - - - - - - - -
+/// FORM ITEM
+///- - - - - - - - - - - - - - - - - - - -
+
+var FormItemEditor = function () {
+	function FormItemEditor() {
+		_classCallCheck(this, FormItemEditor);
+
+		this.target = '.form-item--editor';
+	}
+
+	_createClass(FormItemEditor, [{
+		key: 'isSet',
+		value: function isSet() {
+			if ($(this.target).length > 0) {
+				return true;
+			} else {
+				return false;
+			}
+		}
+	}, {
+		key: 'setEvents',
+		value: function setEvents() {
+			var _this = this;
+
+			// run resize to set initial size
+			this.resize();
+			// run resize on each of these events
+			$(window).resize(function () {
+				_this.resize();
+			});
+		}
+	}, {
+		key: 'resize',
+		value: function resize() {
+			$(this.target).each(function () {
+				// If the form item edito is closed don't go any further
+				if ($(this).height() === 0) return;
+				// otherwise update the max-height which is needed for the CSS transition
+				// NOTE you need to remove the max-height (inside 'style' attribute) to get the real height
+				$(this).css("max-height", $(this).removeAttr('style').height());
+			});
+		}
+	}]);
+
+	return FormItemEditor;
+}();
+
+var _FormItemEditor = new FormItemEditor();
+
 /***/ })
 /******/ ]);