bhf 0.6.15 → 0.6.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6396dd43cc2d51a062538a692225b11f26050f16
-  data.tar.gz: 0b633f0d8293dc708920b633d637b5d24816366c
+  metadata.gz: df4b4e02c7a3ff276bf5fa43b43f1945ef314175
+  data.tar.gz: 3768bbb9588dd1e84e2b24b3515fde68af523702
 SHA512:
-  metadata.gz: 45bd83105b6cb3243d96368f30e108bc0950d9591506a0b1d592418190f460c7103fbe2a655a5cf49408220636d1bcde7aeb0674a6611cb9d6ec50729402259a
-  data.tar.gz: d2ccfcae7e0cfa433abe7cecae13b8af14c00a3adeddabaa2488b90e55e0b2d1b8be521d508d581ed4464b5788ce9d226636096048c524691dd96f9fcb8a9f49
+  metadata.gz: 500ae8b85c83571f366179a8870a2adf50a1ddbed89cb8be8cdc29cf19d9042983627c1ac7018890dc502c0e46eb297a5a46674dc503cb2249c948ac247c4299
+  data.tar.gz: 7ba90cdc49913a0e395ab94090bc93918d1b4d607949b03f962a8fd32b478cf52365b7fe54b8ee937a5ae69d14ef382749354c9afd40ab70cb8c9a2196d232a4

data/app/assets/javascripts/bhf/application.js

@@ -0,0 +1,285 @@
+//= require turbolinks
+//= require ./mootools-core-1.4.5-full-compat.js
+//= require ./mootools-more-1.4.0.1.js
+//= require ./mootools_ujs
+//= require_tree ./classes/
+
+var initHelper = function(callback){
+	var scopedCallback = function(){
+		callback(document.body);
+	};
+	document.addEventListener('page:load', scopedCallback);
+	window.addEvent('domready', scopedCallback);
+	window.addEvent('platformUpdate', callback);
+	window.addEvent('quickEditReady', callback);
+};
+
+(function(){
+	var stackIndexCounter = 0;
+	var lang = document.html.get('lang');
+	Locale.use(lang = (lang === 'en') ? 'en-US' : lang = lang+'-'+lang.toUpperCase());
+
+	var ajaxNote = new Ajaxify();
+	document.addEventListener('page:fetch', function(){
+		ajaxNote.loading();
+	});
+
+	var editStack = new AjaxEditStack();
+	
+	initHelper(function(mainScope){
+		var quickEditArray = [];
+		var ajaxEditOptions;
+		
+		ajaxNote.setup();
+
+		rails.applyEvents(mainScope);
+		
+		var jsForm = new FormHelper();
+		mainScope.getElements('.js_bhf_form').each(function(form){
+			jsForm.setup(form);
+		});
+		
+		var sharedAjaxEditOptions = {
+			onFailure: function(){
+				ajaxNote.failure();
+			},
+			onStartRequest: function(form){
+				ajaxNote.loading();
+			},
+			onFormInjected: function(form){
+				jsForm.setup(form);
+				scrollContent();
+				ajaxNote.success();
+			},
+			onSave: function(form){
+				// TODO: visual flash of the quick_edit content on success
+				// also after update, create and duplicate
+				ajaxNote.success();
+			},
+			onBeforeSubmit: function(){
+				ajaxNote.loading();
+				jsForm.wysiwyg.each(function(editor){
+					editor.saveContent();
+				});
+			}
+		};
+
+		var platforms = mainScope.getElements('.platform');
+		var mainForm = mainScope.getElementById('main_form');
+
+		if (platforms.length) {
+			ajaxEditOptions = Object.merge({
+				onSuccessAndChange: function(json){
+					var tr = this.wrapElement;
+					tr.getElements('td').each(function(td){
+						var name = td.get('data-column-name');
+						if ( ! name) { return; }
+						var a = td.getElement('a.quick_edit');
+						(a ? a : td).innerHTML = json[name] || '';
+					});
+				},
+				onSuccessAndNext: function(json){
+					var tr = this.wrapElement;
+					var qe;
+					var nextTr = tr.getNext('tr');
+
+					if (nextTr) {
+						editStack.removeAllStacks();
+						editStack.addEditBrick(ajaxEditOptions, nextTr.getElement('a'), nextTr);
+					}
+					else {
+						var platform = tr.getParent('.platform');
+						var loadMore = platform.getElement('.load_more');
+						if (loadMore) {
+							trIndex = tr.getParent('tbody').getElements('tr').indexOf(tr);
+							updatePlatform(loadMore.get('href'), platform, function(){
+								platform.getElements('tbody tr').each(function(newTr, index){
+									if (trIndex === index) {
+										nextTr = newTr.getNext('tr');
+										
+										editStack.removeAllStacks();
+										editStack.addEditBrick(ajaxEditOptions, nextTr.getElement('a'), nextTr);
+									}
+								});
+							});
+						}
+						else {
+							nextTr = platform.getElements('tbody tr')[0];
+							
+							editStack.removeAllStacks();
+							editStack.addEditBrick(ajaxEditOptions, nextTr.getElement('a'), nextTr);
+						}
+					}
+				}
+			}, sharedAjaxEditOptions);
+			
+			
+			var updatePlatform = function(href, platform, callback){
+				ajaxNote.loading();
+				new Request.HTML({
+					method: 'get',
+					url: href,
+					onFailure: function(){
+						ajaxNote.failure();
+					},
+					onSuccess: function(a, b, html){
+						platform.innerHTML = html;
+						if (callback) {
+							callback.call();
+						}
+						window.fireEvent('platformUpdate', [platform.getParent()]);
+					}
+				}).send();
+			};
+
+			platforms.each(function(p){
+				new PlatformHelper(p, {
+					onPaginationStart: function(link){
+						updatePlatform(link.get('href'), link.getParent('.platform'));
+					},
+					onQuickEditStart: function(link){
+						editStack.removeAllStacks();
+						editStack.addEditBrick(ajaxEditOptions, link, link.getParent('tr'));
+					},
+					onSearch: function(){
+						ajaxNote.loading();
+					},
+					onSearchFailure: function(){
+						ajaxNote.failure();
+					},
+					onSearchSuccess: function(){
+						window.fireEvent('platformUpdate', [p.getParent()]);
+					}
+				});
+			});
+		}
+		else if (mainForm) {
+			ajaxEditOptions = Object.merge({
+				successAndAdd: function(json){
+					var relation = this.wrapElement.getPrevious('.relation');
+					relation.getPrevious('.empty').addClass('hide');
+					if (relation.hasClass('has_one') || relation.hasClass('embeds_one')) {
+						relation.getNext('.add_field').addClass('hide');
+					}
+					relation.adopt(
+						new Element('li').adopt(
+							new Element('a.quick_edit', {text: json.to_bhf_s || '', href: json.edit_path})
+						)
+					);
+				},
+				successAndChange: function(json){
+					this.wrapElement.set('text', json.to_bhf_s || '');
+				},
+				successAndNext: function(json){
+					var a = this.wrapElement;
+					var li = a.getParent('li');
+					if ( ! li) { 
+						this.close();
+						return;
+					}
+					var holder = li.getNext('li');
+
+					if ( ! holder) {
+						holder = li.getParent('ul');
+					}
+					
+					editStack.removeAllStacks();
+					editStack.addEditBrick(ajaxEditOptions, holder.getElement('a'));
+				}
+			}, sharedAjaxEditOptions);
+			
+			mainForm.getElements('.quick_edit').addEvent('click', function(e){
+				e.preventDefault();
+				
+				editStack.removeAllStacks();
+				editStack.addEditBrick(ajaxEditOptions, this);
+			});
+			mainForm.getElements('.delete').addEvent('click', function(e){
+				e.target.addEvents({
+					'ajax:success': function(html){
+						var relation = e.target.getParent('.relation');
+						if (relation.getElements('li').length < 2) {
+							relation.getPrevious('.empty').removeClass('hide');
+							if (relation.hasClass('has_one') || relation.hasClass('embeds_one')) {
+								relation.getNext('.add_field').removeClass('hide');
+							}
+						}
+						e.target.getParent('li').dispose();
+					},
+					'ajax:failure': function(html){
+						alert(Locale.get('Messages.warning'));
+					}
+				});
+			});
+		}
+		else if (mainScope.hasClass('quick_edit_holder')) {
+			ajaxEditOptions = Object.merge({
+				successAndAdd: function(json){
+					var relation = this.wrapElement.getPrevious('.relation');
+					relation.getPrevious('.empty').addClass('hide');
+					if (relation.hasClass('has_one') || relation.hasClass('embeds_one')) {
+						relation.getNext('.add_field').addClass('hide');
+					}
+					relation.adopt(
+						new Element('li').adopt(
+							new Element('a.quick_edit', {text: json.to_bhf_s || '', href: json.edit_path})
+						)
+					);
+				},
+				onSuccessAndChange: function(json){
+					this.wrapElement.set('text', json.to_bhf_s || '');
+				},
+				onClosed: function(){
+					editStack.removeStack();
+				},
+				hideNext: true
+			}, sharedAjaxEditOptions);
+			
+			mainScope.getElements('.quick_edit').addEvent('click', function(e){
+				e.preventDefault();
+				editStack.addStack();
+				editStack.addEditBrick(ajaxEditOptions, this);
+			});
+		}
+		
+		
+		var windowHight = document.body.clientHeight;
+		window.onresize = function(e){
+			windowHight = document.body.clientHeight;
+		};
+		var scrollContent = function(){
+			quickEditArray.each(function(quickEdit){
+				var innerForm = quickEdit.holder.getElement('form');
+				if ( ! innerForm) { return; }
+				var scroll = document.body.scrollTop - 83;
+				if (scroll + innerForm.getSize().y > windowHight) { return; }
+				quickEdit.holder.setStyle('padding-top', scroll);
+			});
+		};
+		// window.onscroll = scrollContent;
+		
+		
+		mainScope.getElements('.sortable').each(function(sortableElems){
+			new Sortables(sortableElems, {
+				handle: '.handle',
+				onStart: function(element, clone){
+					element.addClass('dragged');
+				},
+				onComplete: function(element){
+					element.removeClass('dragged');
+					new Request({
+						method: 'put',
+						url: this.element.getParent('tbody').get('data-sort-url')
+					}).send({data: {order: this.serialize()}});
+				}
+			});
+		});
+		
+		var fm = $('flash_massages');
+		if (fm) {
+			fm.removeClass.delay(10000, fm, 'show');
+		}
+		
+		ajaxNote.success();
+	});
+})();

data/{vendor → app}/assets/javascripts/bhf/classes/AjaxEdit.js

@@ -1,13 +1,14 @@
 var AjaxEdit = new Class({
 	version: 0.2,
-
+	
 	options: {
-		holderParent: document.body
+		holderParent: 'content',
+		hideNext: false
 	},
-
+	
 	Implements: [Options, Events],
-
-	setup: function(_options) {
+	
+	initialize: function(_options){
 		this.setOptions(_options);
 		this.holder = new Element('div.quick_edit_holder').addEvents({
 			'click:relay(.open)': function(e){
@@ -32,7 +33,7 @@ var AjaxEdit = new Class({
 			}.bind(this)
 		});
 	},
-
+	
 	startEdit: function(element, wrapElement){
 		this.clean();
 		this.wrapElement = wrapElement ? wrapElement : element;
@@ -50,15 +51,20 @@ var AjaxEdit = new Class({
 			onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
 				this.injectForm(responseHTML);
 				eval(responseJavaScript);
+				
+				if (this.options.hideNext) {
+					this.holder.getElement('.save_and_next').addClass('hide');
+				}
+				
 				window.fireEvent('quickEditReady', [this.holder]);
 			}.bind(this)
 		}).send();
 	},
-
+	
 	submit: function(eventNames){
 		var form = this.holder.getElement('form');
 		this.fireEvent('beforeSubmit');
-
+		
 		new Request.JSON({
 			method: form.get('method'),
 			url: form.get('action'),
@@ -83,24 +89,33 @@ var AjaxEdit = new Class({
 			}.bind(this)
 		}).send({data: form});
 	},
-
+	
 	disableButtons: function(){
 		this.holder.getElements('.open, .cancel, .save_and_next, .save').set('disabled', 'disabled');
 	},
-
+	
 	clean: function(){
 		document.body.getElements('.live_edit').removeClass('live_edit');
 	},
-
+	
 	close: function(){
 		this.clean();
 		this.holder.dispose();
+		this.fireEvent('closed')
 	},
-
+	
 	injectForm: function(form){
 		this.holder.innerHTML = form;
-		this.holder.inject(this.options.holderParent);
+		this.holder.inject($(this.options.holderParent));
 		
 		this.fireEvent('formInjected', [this.holder]);		
+	},
+	
+	hide: function(){
+		this.holder.addClass('collapsed');
+	},
+	
+	show: function(){
+		this.holder.removeClass('collapsed');
 	}
 });

data/app/assets/javascripts/bhf/classes/AjaxEditStack.js

@@ -0,0 +1,52 @@
+var AjaxEditStack = new Class({
+	version: 0.1,
+
+	options: {
+	},
+	bricksArray: [],
+	bricksIndex: 0,
+
+	Implements: [Options, Events],
+
+	initialize: function(_options) {
+		this.setOptions(_options);
+	},
+	addEditBrick: function(editOptions, link, linkParent){
+		var qi = this.bricksIndex;
+		var qe = this.bricksArray[qi];
+		if ( ! qe) {
+			qe = new AjaxEdit(editOptions);
+			this.bricksArray.push(qe);
+		}
+		
+		this.bricksArray.each(function(b, i){
+			if (i === qi) {
+				b.show();
+			}
+			else if (i > qi) {
+				b.close();
+			}
+		});
+		
+		qe.startEdit(link, linkParent);
+	},
+	addStack: function(){
+		this.bricksIndex = this.bricksIndex + 1;
+		this.bricksArray.each(function(b){
+			b.hide();
+		});
+	},
+	removeStack: function(){
+		this.bricksArray[this.bricksIndex] = undefined;
+		this.bricksIndex = this.bricksIndex - 1;
+		this.bricksArray = this.bricksArray.clean();
+		(this.bricksArray.getLast() || {show: function(){}}).show();
+	},
+	removeAllStacks: function(){
+		this.bricksArray.clean().each(function(b, i){
+			b.close();
+		});
+		this.bricksArray = [];
+		this.bricksIndex = 0;
+	}
+});

data/app/assets/javascripts/bhf/classes/FormHelper.js

@@ -0,0 +1,97 @@
+var FormHelper = new Class({
+	version: 0.1,
+	
+	wysiwyg: [],
+	
+	options: {
+	},
+
+	// Implements: [Options, Events],
+
+	setup: function(_object, _options) {
+		if ( ! _object) { return; }
+		// this.setOptions(_options);
+		var scope = _object;
+		
+		scope.getElements('.wysiwyg').each(function(elem){
+			this.wysiwyg.push(elem.mooEditable());
+		}.bind(this));
+
+		scope.getElements('.multiple_field').each(function(elem){
+			new MultipleFields(elem);
+		});
+		scope.getElements('.array_holder').each(function(elem){
+			new ArrayFields(elem);
+		});
+
+		scope.getElements('.picker').each(function(input){
+			var options = {
+				timePicker: true,
+				format: '%B %d, %Y %H:%M'
+			};
+			if (input.hasClass('date')) {
+				options = {
+					timePicker: false,
+					format: '%B %d, %Y'
+				};
+			}
+			else if (input.hasClass('time')) {
+				options = {
+					pickOnly: 'time',
+					format: '%H:%M'
+				};
+			}
+
+			var hiddenInput = input.clone();
+			input.value = new Date().parse(input.value).format(options.format);
+			input.erase('name');
+			hiddenInput.set('type', 'hidden').inject(input, 'after');
+
+			new Picker.Date(input, Object.merge({
+				onSelect: function(date){
+					hiddenInput.value = date.format('db');
+				}
+			}, options));
+		});
+
+		scope.getElements('.wmd_editor').each(function(mdTa){
+			var headline, toggleHtmlPreview, toggleLivePreview, livePreview, htmlPreview;
+
+			var togglePreview = function(e){
+				var htmlMode = e.target.hasClass('toggle_html_preview');
+				livePreview.toggleClass('hide', htmlMode);
+				htmlPreview.toggleClass('hide', !htmlMode);
+				toggleLivePreview.toggleClass('active', !htmlMode);
+				toggleHtmlPreview.toggleClass('active', htmlMode);
+			};
+
+			headline = new Element('h6.preview_switch', {text: 'Preview'});
+
+			toggleHtmlPreview = new Element('span.toggle_html_preview', {text: 'HTML'})
+				.addEvent('click', togglePreview)
+				.inject(headline);
+			toggleLivePreview = new Element('span.toggle_live_preview', {text: 'Live'})
+				.addEvent('click', togglePreview)
+				.inject(headline);
+
+			headline.inject(mdTa, 'after');
+
+			livePreview = new Element('div.wmd-preview.hide').inject(headline, 'after');
+			htmlPreview = new Element('div.wmd-output.hide').inject(livePreview, 'after');
+
+			new WMDEditor({
+				input: mdTa,
+				button_bar: new Element('div').inject(mdTa, 'before'),
+				preview: livePreview,
+				output: htmlPreview,
+				buttons: 'bold italic link image  ol ul heading hr  undo redo help',
+				modifierKeys: false,
+				autoFormatting: false
+			});
+		});
+
+		scope.getElements('.map_data_lat').each(function(lat){
+			new Setlatlng(lat);
+	    });
+	}
+});

data/app/assets/javascripts/bhf/classes/PlatformHelper.js

@@ -0,0 +1,59 @@
+var PlatformHelper = new Class({
+	version: 0.1,
+	
+	options: {
+	},
+
+	Implements: [Options, Events],
+
+	initialize: function(_object, _options) {
+		if ( ! _object) { return; }
+		this.setOptions(_options);
+		var scope = _object;
+		var _this = this;
+
+		scope.getElements('.pagination a, thead a').addEvent('click', function(e){
+			e.preventDefault();
+			_this.fireEvent('paginationStart', [this])
+		});
+		scope.getElements('.search').addEvent('submit', function(e){
+			_this.fireEvent('search');
+			e.preventDefault();
+			var hidden_search = this.getElement('.hidden_search');
+			if (hidden_search) {
+				hidden_search.destroy();
+			}
+			new Request.HTML({
+				method: 'get',
+				url: e.target.get('action'),
+				onFailure: function(){
+					_this.fireEvent('searchFailure');
+				},
+				onSuccess: function(a, b, html){
+					scope.innerHTML = html;
+					_this.fireEvent('searchSuccess')
+				}
+			}).send({data: e.target});
+		});
+		scope.getElements('.quick_edit').addEvent('click', function(e){
+			e.preventDefault();
+			_this.fireEvent('quickEditStart', [this]);
+		});
+		scope.getElements('.action a').addEvent('click', function(e){
+			this.addClass('clicked');
+			setTimeout(function(){
+				this.removeClass('clicked');
+			}.bind(this), 1500);
+		});
+		scope.getElements('.delete').addEvent('click', function(e){
+			e.target.addEvents({
+				'ajax:success': function(html){
+					this.getParent('tr').dispose();
+				},
+				'ajax:failure': function(html){
+					alert(Locale.get('Messages.warning'));
+				}
+			});
+		});
+	}
+});

data/{vendor/assets/javascripts/bhf/mootools_ujs_ap.js → app/assets/javascripts/bhf/mootools_ujs.js}

@@ -37,7 +37,7 @@ window.addEvent('domready', function(){
     applyEvents: function(el){
       el = $(el || document.body);
       var apply = function(selector, action, callback){
-        el.addEvent(action + ':relay(' + selector + ')', callback);
+        el.getElements(selector).addEvent(action, callback);
       };
       
       apply('form[data-remote="true"]', 'submit', rails.handleRemote);