spontaneous 0.1.0.alpha1

data/application/js/min/b8abf302a824c35385ff517b34111e1710ff3b37.js

@@ -0,0 +1,2 @@
+Spontaneous.Require={pending:[],current:false,_completed:[],position:0,async:true,init:function(c){this.async=c;var a=document.body;var e=document.createElement("div");e.id="script-load-splash";var d=document.createElement("div");d.id="script-load-progress";if(this.async){var b=document.createElement("div");d.appendChild(b);this.bar=b;this.progress(0)}else{d.className="synchronous";d.innerHTML="Loading..."}e.appendChild(d);a.appendChild(e);this.container=e},remove:function(){document.body.removeChild(this.container)},progress:function(a){this.position=a;var b=((this.completed()/this.total())*100);if(isNaN(b)){b=0}this.bar.style.width=b+"%"},completed:function(){var c=0;for(var a=0,b=this._completed.length;a<b;a++){c+=this._completed[a][1]}c+=this.position;return c},total:function(){var c=0;for(var a=0,b=this.pending.length;a<b;a++){c+=this.pending[a][1]}if(this.current){c+=this.current[1]}for(var a=0,b=this._completed.length;a<b;a++){c+=this._completed[a][1]}return c},add:function(a){this.pending.push(a);if(!this.current){this.next()}},script_url:function(b){var a=b;if(Spontaneous.development){a+="?"+(new Date()).valueOf()}return a},next:function(){if(this.pending.length===0){this.container.className="loaded";this.remove();Spontaneous.onload();return}var c=this.pending.shift();this.current=c;if(this.async){var g=new XMLHttpRequest();g.open("GET",this.script_url(c[0]),true);var d=(function(h){return function(i){h.onprogress(i)}})(this);var f=(function(h){return function(i){h.onreadystatechange(i)}})(this);g.onprogress=d;g.onreadystatechange=f;g.send()}else{var a=document.body;var b=document.createElement("script");b.type="text/javascript";b.src=this.script_url(this.current[0]);var e=(function(h){return function(){h._completed.push(h.current);h.current=false;h.next()}})(this);b.onload=e;a.appendChild(b)}},onprogress:function(a){this.progress(a.position)},onreadystatechange:function(c){var d=c.currentTarget;if(d.readyState==4&&d.status===200){var a=document.body;var b=document.createElement("script");b.type="text/javascript";b.text=d.responseText;a.appendChild(b);this._completed.push(this.current);this.position=0;this.next()}}};Spontaneous.require=function(a){Spontaneous.Require.add(a)};
+// YUI compression via shine.magnetised.info

data/application/js/min/c7140ec9475e5bf868b901e0621338d7d162358b.js

@@ -0,0 +1,3 @@
+Spontaneous.Auth=(function(b,a){return{Key:{key:function(c){return c+"_api_key"},save:function(c,d){localStorage.setItem(this.key(c),d)},load:function(c){return localStorage.getItem(this.key(c))},remove:function(c){localStorage.removeItem(this.key(c));return false}}}}(jQuery,Spontaneous));
+(function(a){a(function(){a("#login form input").focus(function(){var b=a(this);a("span",b.parent()).addClass("faded")}).blur(function(){var b=a(this);if(b.val()===""){a("span",b.parent()).removeClass("faded").show()}}).keydown(function(){var b=a(this);a("span",b.parent()).hide()}).keyup(function(){var b=a(this);if(b.val()===""){a("span",b.parent()).show()}else{a("span",b.parent()).hide()}}).each(function(){var b=a(this);if(b.val()!==""){a("span",b.parent()).hide()}});a("#login form").submit(function(){var b=a(this);a.ajax({url:b.attr("action"),type:"POST",data:b.serialize(),success:function(c){if(c.key){Spontaneous.Auth.Key.save(Spontaneous.site_id,c.key);window.location.href=c.redirect}},error:function(){a("#failure-message").fadeOut(function(){a("#failed-name").text(a("#user-login").val());a(this).fadeIn()});a("#error-message:hidden").slideDown(200)},dataType:"json"});return false});a("#login form input#user-login").focus()})}(jQuery));
+// YUI compression via shine.magnetised.info

data/application/js/min/f07f2bd6630ee31e1c2288ec223383d8f0658ba6.js

@@ -0,0 +1,2 @@
+(function(){var n=window,q=document;var p=" -webkit- -moz- -o- -ms- -khtml- ".split(" ");try{function j(e,i,f,c){e.style.cssText=p.join(i+":"+f+";")+(c||"")}function o(e,i,f,c){i+=":";e.style.cssText=(i+p.join(f+";"+i)).slice(0,-i.length)+(c||"")}var x=q.documentElement,v=q.createElement("div"),t=q.createElement("div"),h;o(v,"display","box","width:42px;padding:0;");j(t,"box-flex","1","width:10px;");v.appendChild(t);x.appendChild(v);h=t.offsetWidth;v.removeChild(t);x.removeChild(v);if(h!==42){throw (h)+" Flexible Box Model not supported"}var g=new XMLHttpRequest();if(!g.upload){throw"XMLHttpRequestUpload not supported"}try{var r=new FormData()}catch(s){throw"FormData not supported"}if(!n.File){throw"File API not supported"}var b="createObjectURL",d="revokeObjectURL";if(!n.URL){if(n.webkitURL){n.URL=n.webkitURL}else{n.URL={};if(n.createBlobURL){n.URL[b]=function(c){return n.createBlobURL(c)}}else{if(n[b]){n.URL[b]=function(c){return n[b](c)}}else{n.URL[b]=function(c){return""}}}if(n.revokeBlobURL){n.URL[d]=function(c){return n.revokeBlobURL(c)}}else{if(n[d]){n.URL[d]=function(c){return n[d](c)}}else{n.URL[d]=function(c){return""}}}}}var l=n.File.prototype;if(!l.slice){var u=["webkitSlice","mozSlice"];for(var m=0,k=u.length;m<k;m++){var a=u[m];if(l[a]){l.slice=l[a]}}if(!l.slice){}}try{var m=localStorage.getItem}catch(s){throw"Local Storage not supported"}}catch(s){n.location.href="/@spontaneous/unsupported?msg="+n.encodeURI(s)}}());
+// YUI compression via shine.magnetised.info

data/application/js/page.js

@@ -0,0 +1,43 @@
+// console.log('Loading Page...')
+
+Spontaneous.Page = (function($, S) {
+	var dom = S.Dom, user = S.User;
+
+	var Page = new JS.Class(Spontaneous.Content, {
+		initialize: function(content) {
+			this.callSuper(content);
+			this.set('path', content.path);
+		},
+
+		save_complete: function(values) {
+			this.callSuper(values)
+			this.set('slug', values.slug);
+			this.set('path', values.path);
+		},
+		depth: function() {
+			// depth in this case refers to content depth which is always 0 for pages
+			return 0;
+		},
+		entries: function() {
+			var _entries = [];
+			for (var i = 0, boxes = this.boxes(), ii = boxes.length; i < ii; i++) {
+				var box = boxes[i];
+				_entries = _entries.concat(box.entries());
+			}
+			return _entries;
+		},
+		children: function() {
+			var _children = [];
+			for (var i = 0, entries = this.entries(), ii = entries.length; i < ii; i++) {
+				var e = entries[i];
+				if (e.is_page()) {
+					_children.push(e);
+				}
+			}
+			return _children;
+		}
+
+	});
+
+	return Page;
+}(jQuery, Spontaneous));

data/application/js/page_browser.js

@@ -0,0 +1,147 @@
+// console.log("Loading PageBrowser...");
+
+
+Spontaneous.PageBrowser = (function($, S) {
+	var dom = S.Dom;
+	var PageBrowser = new JS.Class(Spontaneous.PopoverView, {
+		initialize: function(origin) {
+			origin = String(origin || "");
+			if (/^\//.test(origin)) {
+				this.origin = origin || '/';
+				this.selected = this.origin;
+			} else {
+				this.selected = false;
+				this.origin = '/';
+			}
+			this.page_list = this.origin_list();
+			this.ancestor_list = this.origin_ancestors();
+
+		},
+		origin_list: function() {
+			return function(location) {
+				return location.generation;
+			}
+		},
+		children_list: function() {
+			return function(location) {
+				return location.children;
+			}
+		},
+		origin_ancestors: function() {
+			return function(location) {
+				return location.ancestors;
+			}
+		},
+		children_ancestors: function() {
+			return function(location) {
+				return location.ancestors.concat(location);
+			}
+		},
+		get_page_list: function() {
+			var path;
+			if (typeof this.origin === 'string') {
+				path = '/location' + this.origin;
+			} else {
+				path = '/map/' + this.origin.id;
+			}
+			S.Ajax.get(path, this.page_list_loaded.bind(this));
+		},
+		view: function() {
+			var wrapper = dom.div('.page-browser'), table = dom.div('.page-list');
+			ancestors = dom.div('.page-ancestors');
+			wrapper.append(ancestors).append(table);
+			this.wrapper = wrapper;
+			this.table = table;
+			this.ancestors = ancestors;
+			this.get_page_list();
+			return wrapper;
+		},
+		page_list_loaded: function(page_list, status) {
+			if (status === 'success') {
+				this.table.empty();
+				this.location = page_list;
+				this.manager.page_list_loaded(this);
+				var g = this.page_list(this.location), table = this.table;
+				for (var i = 0, ii = g.length; i < ii; i++) {
+					var page = g[i];
+					table.append(this.get_entry(page));
+				}
+
+				this.ancestors.empty();
+				var _browser = this, list = dom.ul(), ancestors = this.ancestor_list(this.location);
+
+				this.depth = ancestors.length;
+				var click = function(p) {
+					return function(event) {
+						_browser.ancestor_selected(p);
+						return false;
+					};
+				};
+
+				for (var i = 0, ii = ancestors.length; i < ii; i++) {
+					var a = ancestors[i], li = dom.li().append(dom.a().text(a.title)).append(dom.span().text("/")).click(click(a));
+					list.append(li);
+				}
+				if (ancestors.length === 0) {
+					list.append(dom.li().append(dom.a().text('Choose a page...')))
+				}
+				this.ancestors.append(list);
+			}
+		},
+		get_entry: function(page) {
+			var _browser = this, selected = function(p) {
+				return function() {
+					_browser.page_selected(p);
+					$(this).addClass('active');
+				};
+			};
+			var next_click = function() {
+				_browser.next_level(page);
+				return false;
+			}
+
+			var row = dom.div('.page').click(selected(page)), title = dom.a().text(page.title);
+			if (page.children > 0) {
+				var next = dom.span()
+				next.click(next_click);
+				row.append(next);
+			}
+			row.append(title);
+			if (this.selected && (page.path === this.selected)) {
+				row.addClass('active');
+			}
+			return row;
+		},
+		ancestor_selected: function(page) {
+			this.page_list = this.origin_list();
+			this.ancestor_list = this.origin_ancestors();
+			this.origin = page;
+			this.get_page_list();
+		},
+		next_level: function(page) {
+			this.page_list = this.children_list();
+			this.ancestor_list = this.children_ancestors();
+			this.origin = page;
+			this.get_page_list();
+			// this.manager.next_level(page);
+		},
+		page_selected: function(page) {
+			var table = this.table;
+			$('.page', table).removeClass('active');
+			this.selected = page.path;
+			this.manager.page_selected(page);
+		},
+		title: function() {
+			return "Choose Page";
+		},
+		width: function() {
+			return 400;
+		},
+		// position_from_event: function(event) {
+		// 	return {top: event.clientX, left: event.clientY};
+		// },
+	});
+	return PageBrowser;
+})(jQuery, Spontaneous);
+
+

data/application/js/page_entry.js

@@ -0,0 +1,47 @@
+// console.log('Loading PageEntry...')
+
+Spontaneous.PageEntry = (function($, S) {
+	var dom = S.Dom;
+
+	var PageEntry = new JS.Class(Spontaneous.Content, {
+		// will eventually overwrite panel()
+		// panel: function() {
+		// 	var wrapper = dom.div(['entry-wrap page no-boxes', this.depth_class(), this.visibility_class()])
+		// 	var contents = dom.div('.entry-contents');
+		// 	var inside = dom.div('.entry-inner');
+		// 	var outline = dom.div('.white-bg').mouseover(this.mouseover.bind(this)).mouseout(this.mouseout.bind(this)).click(this.edit.bind(this))
+		// 	inside.append(outline)
+		// 	contents.append(this.title_bar(contents));
+		// 	if (this.type().is_alias()) {
+		// 		contents.append(this.alias_target_panel());
+		// 	}
+
+		// 	contents.append(this.page_title_panel());
+		// 	var entry = dom.div('.entry');
+		// 	var fields = new Spontaneous.FieldPreview(this, '');
+		// 	var fields_panel = fields.panel();
+		// 	entry.append(fields_panel);
+		// 	inside.append(entry);
+		// 	var preview_area = this.create_edit_wrapper(inside);
+		// 	contents.append(preview_area);
+		// 	wrapper.append(contents, dom.div('.entry-spacer'));
+		// 	this.wrapper = wrapper;
+		// 	this.outline = outline;
+		// 	this.fields_preview = fields_panel;
+		// 	return wrapper;
+		// },
+		// page_title_panel: function() {
+		// 	var wrapper = dom.div('.page-title'),
+		// 	__content = this,
+		// 	title = dom.a().text(this.content.title).click(function() {
+		// 		S.Location.load_id(__content.id());
+		// 	});
+		// 	this.title_field().watch('value', function(t) {
+		// 		title.text(t);
+		// 	}.bind(this));
+		// 	wrapper.append(title)
+		// 	return wrapper;
+		// }
+	});
+	return PageEntry;
+})(jQuery, Spontaneous);

data/application/js/popover.js

@@ -0,0 +1,99 @@
+// console.log("Loading Popover...");
+
+
+Spontaneous.Popover = (function($, S) {
+	var dom = S.Dom;
+	var __popover_id = 0;
+	var Popover = new JS.Class({
+		initialize: function(view) {
+			this.id = (++__popover_id);
+			this.view = view;
+			this.view.set_manager(this);
+			this.depth = 0;
+		},
+		open: function(event) {
+			var view = this.view;
+			var location = Popover.div();
+			var wrapper = dom.div('.pop-over');
+			var handle = dom.div('.menuHandle');
+			var header = dom.header();//.append(back_btn).append(title);
+			var title = dom.h3().text(view.title());
+
+			var view_wrapper = dom.div().css('width', view.width());
+			view_wrapper.append(view.view());
+
+			if (view.has_navigation) {
+				var back_btn = dom.a('.button.back').append(dom.span('.pointer')).append(dom.span('.label').text("Back")).css('visibility', 'hidden');
+				header.append(back_btn);
+			}
+			header.append(title);
+			if (view.close_text()) {
+				var close_btn = dom.a('.button.close').text(view.close_text()).click(this.close.bind(this));
+				header.append(close_btn);
+			}
+			wrapper.append(handle).append(header).append(view_wrapper);
+			var o = view.position_from_event(event), handle_width = 30, offset = 10, left = -30, top = 18;
+
+			if (view.align === 'right') {
+				handle.css('left', (view.width() - (offset + handle_width)) + 'px')
+				left = -(view.width() - (offset + handle_width/2) + 8);
+			}
+			// need to subtract the height of the top-bar because the
+			// popover is positioned absolutely inside the data-pane but
+			// given coordinates relative to the body
+			top -= 31 - Popover.div().scrollTop();
+			wrapper.offset({top:(o.top+top), left:(o.left + left)});
+			wrapper.hide();
+			location.append(wrapper);
+			this.wrapper = wrapper;
+			this.is_open = true;
+			wrapper.fadeIn(200, this.after_open.bind(this));
+		},
+
+		after_open: function() {
+			this.view.after_open();
+		},
+		close: function() {
+			Popover.close();
+			return false;
+		},
+		do_close: function() {
+			var view = this.view;
+			// do actual element removal here
+			view.before_close();
+			view.do_close();
+			view.after_close();
+			this.is_open = false;
+			this.wrapper.fadeOut(100, function() {
+				$(this).remove();
+			});
+		}
+	});
+	Popover.extend({
+		_instance: false,
+		div: function() {
+			if (!this._div) { this._div = $('#content'); }
+			return this._div;
+		},
+		open: function(event, view) {
+			this.close();
+			this._instance = new Popover(view);
+			this._instance.open(event);
+			return this._instance;
+		},
+		close: function() {
+			if (this._instance) {
+				this._instance.do_close();
+				this._instance = null;
+			}
+		}
+	});
+	$(document).bind('keydown.popover', function(event) {
+		if (event.keyCode === 27) {
+			Popover.close();
+		}
+	})
+	return Popover;
+})(jQuery, Spontaneous);
+
+

data/application/js/popover_view.js

@@ -0,0 +1,56 @@
+// console.log("Loading PopoverView...");
+
+
+Spontaneous.PopoverView = (function($, S) {
+	var dom = S.Dom;
+	var PopoverView = new JS.Class({
+		initialize: function() {
+			// should be over-ridden by subclasses
+			// who should call #super
+		},
+		set_manager: function(manager) {
+			this.manager = manager;
+		},
+		view: function() {
+			// construct view
+		},
+		align: 'left',
+		has_navigation: true,
+		title: function() {
+			return "Popover";
+		},
+		width: function() {
+			return 400;
+		},
+		position_from_event: function(event) {
+			return this.position_from_element(event);
+		},
+		position_from_element: function(event) {
+			var t = $(event.currentTarget), o = t.offset();
+			o.top += t.outerHeight();
+			o.left += t.outerWidth() / 2;
+			return o
+		},
+		position_from_mouse: function(event) {
+			return {top: event.clientX, left: event.clientY};
+		},
+		after_open: function() {
+		},
+		close_text: function() {
+			return 'Close';
+		},
+		close: function() {
+			this.manager.close();
+		},
+		before_close: function() {
+		},
+		do_close: function() {
+		},
+		after_close: function() {
+		}
+	});
+	return PopoverView;
+})(jQuery, Spontaneous);
+
+
+

data/application/js/preview.js

@@ -0,0 +1,64 @@
+// console.log('Loading Preview...');
+
+Spontaneous.Preview = (function($, S) {
+	var dom = S.Dom, goto_id = 0;
+	var click_param = function() {
+		return "?__click="+(++goto_id);
+	};
+	var Preview = new JS.Singleton({
+		include: Spontaneous.Properties,
+
+		element: function() {
+			return wrap;
+		},
+
+		title: function() {
+			return this.get('title') || "";
+		},
+		init: function(container) {
+			this.iframe = dom.iframe("#preview_pane", {'src':'about:blank'})
+			this.iframe.hide();
+			container.append(this.iframe);
+			return this;
+		},
+		display: function(page) {
+
+			// HACK: must be a better way of making sure that updates to the path are
+			// propagated throughout entrie interface
+			var path = S.Location.get('path');
+			// console.log('display', page)
+			// console.log('>>> path', S.Location.get('path'))
+			this.iframe.show().fadeOut(0)
+			this.iframe.bind('load.preview', function() {
+				var _iframe = this;
+				$(this.contentWindow.document).ready(function() {
+					$(_iframe).fadeIn(100);
+				})
+				S.Preview.set({
+					'title': this.contentWindow.document.title,
+					'path': this.contentWindow.location.pathname
+				});
+				S.Location.load_path(this.contentWindow.location.pathname)
+			});
+			this.goto_path(path);
+		},
+		goto_path: function(path) {
+			if (path) {
+				path += click_param();
+				this.iframe[0].contentWindow.location.href = path;
+			}
+		},
+		goto_page: function(page) {
+			if (page) {
+				this.goto_path(page.path);
+			}
+		},
+		hide: function() {
+			this.iframe.unbind('load.preview').hide();
+		},
+		show: function() {
+			this.iframe.show();
+		}
+	});
+	return Preview;
+})(jQuery, Spontaneous);