spontaneous 0.1.0.alpha1

data/application/js/top_bar.js

@@ -0,0 +1,368 @@
+// console.log("Loading TopBar...")
+
+Spontaneous.TopBar = (function($, S) {
+	var dom = S.Dom;
+
+	var RootNode = function(page) {
+		this.page = page;
+		this.id = page.id;
+		this.url = page.url;
+		this.title = page.title;
+	}
+	RootNode.prototype = {
+		element: function() {
+			var li = dom.li('.root');
+			var link = dom.a({'href': this.url}).text(this.title).data('page', this.page);
+			link.click(function() {
+				var page = $(this).data('page');
+				S.Location.load_id(page.id);
+				return false;
+			});
+			li.append(link);
+			this.link = link;
+			return li;
+		},
+		set_title: function(new_title) {
+			this.link.text(new_title);
+		}
+	}
+
+	var AncestorNode = function(page) {
+		this.page = page;
+		this.id = page.id;
+		this.title = page.title;
+		this.path = page.path;
+	};
+	AncestorNode.prototype = {
+		element: function() {
+			var link = dom.li().append($('<a/>').data('page', this.page).click(function() {
+				var page = $(this).data('page');
+				S.Location.load_id(page.id);
+			}).text(this.title));
+
+			return link;
+		}
+	};
+	var CurrentNode = function(page) {
+		this.page = page;
+		this.id = page.id;
+		this.path = page.path;
+		this.title = page.title;
+		this.pages = page.generation.sort(function(p1, p2) {
+			var a = p1.title, b = p2.title;
+			if (a == b) return 0;
+			return (a < b ? -1 : 1);
+		});
+		for (var i = 0, ii = this.pages.length; i < ii; i++) {
+			var p = this.pages[i];
+			if (p.id === this.id) {
+				this.selected = i;
+				break;
+			}
+		}
+	}
+
+	CurrentNode.prototype = {
+		element: function() {
+			var li = dom.li();
+			var select = dom.select();
+			select.change(function() {
+				var page = $(this.options[this.selectedIndex]).data('page');
+				S.Location.load_id(page.id);
+				return false;
+			});
+			for (var i = 0, ii = this.pages.length; i < ii; i++) {
+				var p = this.pages[i],
+				option = dom.option({'value': p.id, 'selected':(i == this.selected) }).text(p.title).data('page', p);
+				if (p.id === this.id) {
+					this.title_option = option;
+				}
+				select.append(option);
+			};
+			li.append(select);
+			// select.hide();
+			// var link = $(dom.li).append($('<a/>').data('page', this.page).click(function() {
+			// 	// var page = $(this).data('page');
+			// 	// S.Location.load_id(page.id);
+			// 	select.toggle().trigger('click');
+			// }).text(this.title));
+			//
+			// link.append(select);
+			// return link;
+			return li;
+		},
+		set_title: function(new_title) {
+			this.title_option.text(new_title);
+		}
+	}
+
+	var ChildrenNode = function(children) {
+		this.children = children;
+	}
+
+	ChildrenNode.prototype = {
+		element: function() {
+			var li = dom.li();
+			var select = dom.select('.unselected');
+			this.li = li;
+			this.select = select;
+			select.append(dom.option().text(this.status_text()));
+			select.change(function() {
+				var p = $(this.options[this.selectedIndex]).data('page');
+				if (p) {
+					S.Location.load_id(p.id());
+				}
+				return false;
+			});
+			for (var i = 0, ii = this.children.length; i < ii; i++) {
+				var p = this.children[i];
+				select.append(this.option_for_entry(p));
+			};
+			li.append(select);
+			return li;
+		},
+		status_text: function() {
+			if (this.children.length === 0) {
+				this.select.hide();
+			} else {
+				this.select.show();
+			}
+			return '('+(this.children.length)+' pages)';
+		},
+		option_for_entry: function(p) {
+			var opt = dom.option({'value': p.id()}).text(p.title()).data('page', p);
+			p.title_field().watch('value', function(value) {
+				opt.text(value);
+			}.bind(this));
+			return opt;
+		},
+		update_status: function() {
+			var first = this.select.find('option:first-child');
+			first.text(this.status_text());
+			return first;
+		},
+		add_page: function(page, position) {
+			this.children.splice(0, 0, page)
+			var first = this.update_status();
+			first.after(this.option_for_entry(page));
+		},
+
+		remove_page: function(page) {
+			var index = 0;
+			for (var i = 0, ii = this.children.length; i < ii; i++) {
+				if (this.children[i].id() === page.id()) { index = i; break; };
+			}
+			this.children.splice(index, 1);
+			this.update_status();
+			var options = this.select.find('option:gt(0)'), remove;
+			options.each(function() {
+				if ($(this).data('page').id() === page.id()) {
+					$(this).remove();
+				}
+			});
+		}
+	}
+
+	var PublishButton = new JS.Class({
+		rapid_check: 2000,
+		normal_check: 10000,
+		initialize: function() {
+			this.status = false;
+			this.set_interval(this.normal_check);
+			this.check_status();
+		},
+		check_status: function() {
+			S.Ajax.get('/publish/status', this.status_recieved.bind(this));
+		},
+		status_recieved: function(status, response_code) {
+			if (response_code === 'success' && status != this.status) {
+				this.update_status(status);
+			}
+			window.setTimeout(this.check_status.bind(this), this.timer_interval);
+		},
+		update_status: function(status) {
+			if (status === null || status === '') { return; }
+			var action = status.status, progress = status.progress
+			if (this.in_progress && (action == this.current_action && progress == this.current_progress)) { return; }
+			this.current_action = action;
+			this.current_progress = progress;
+			if (action === null || action === '' || action === 'complete' || action === 'error') {
+				if (this.in_progress) {
+					this.in_progress = false;
+					this.progress().stop();
+					this.set_interval(this.normal_check);
+					this.set_label("Publish");
+					this.button().switchClass('progress', '')
+					this.current_action = this.current_progress = null;
+				}
+				if (action === 'error') {
+					alert('There was a problem publishing: ' + progress)
+				}
+			} else {
+				this.publishing_state();
+				if (action === 'rendering') {
+					this.progress().update(progress);
+				} else {
+					this.progress().indeterminate();
+				}
+			}
+		},
+		publishing_started: function() {
+			this.publishing_state();
+			this.progress().indeterminate();
+		},
+		publishing_state: function() {
+			this.set_interval(this.rapid_check);
+			this.set_label("Publishing");
+			var b = this.button();
+			this.current_action = this.current_progress = null;
+			if (!b.hasClass('progress')) { b.switchClass('', 'progress'); }
+			this.in_progress = true;
+		},
+		set_label: function(label) {
+			if (label !== this._label_text) {
+				this._label_text = label;
+				this._label.text(label);
+			}
+		},
+		button: function() {
+			if (!this._button) {
+				this._progress_container = dom.span('#publish-progress');
+				this._label = dom.span();
+				this._button = dom.a('#open-publish').append(this._progress_container).append(this._label);
+				this.set_label("Publish");
+				this._button.click(function() {
+					if (!this.in_progress) {
+						S.Publishing.open_dialogue();
+					}
+				}.bind(this));
+			}
+			return this._button
+		},
+		progress: function() {
+			if (!this._progress) {
+				this._progress = Spontaneous.Progress('publish-progress', 15, {
+					spinner_fg_color: '#ccc',
+					progress_fg_color: '#666'
+				});
+				this._progress.init();
+			}
+			return this._progress;
+		},
+		set_interval: function(milliseconds) {
+			this.timer_interval = milliseconds;
+		}
+	});
+	var TopBar = new JS.Singleton({
+		include: Spontaneous.Properties,
+		location: "/",
+		panel: function() {
+			this.wrap = dom.div('#top');
+			this.location = dom.ul('#navigation');
+			this.location.append(dom.li().append(dom.a()))
+			this.mode_switch = dom.a('#switch-mode').
+				text(this.opposite_mode(S.ContentArea.mode)).
+				click(function() {
+					S.TopBar.toggle_modes();
+			});
+			this.publish_button = new PublishButton();
+			this.wrap.append(this.location);
+			this.wrap.append(this.publish_button.button());
+			this.wrap.append(this.mode_switch);
+			return this.wrap;
+		},
+		init: function() {
+			if (!this.get('mode')) {
+				this.set('mode', S.ContentArea.mode);
+			}
+			S.Editing.watch('page', this.page_loaded.bind(this));
+		},
+		page_loaded: function(page) {
+			if (page) {
+				var children_node = new ChildrenNode(page.children());
+				// nodes.push(children_node);
+				this.location.append(children_node.element());
+				page.bind('entry_added', function(entry, position) {
+					if (entry.is_page()) {
+						children_node.add_page(entry, position);
+					}
+				});
+				page.bind('removed_entry', function(entry) {
+					if (entry.is_page()) {
+						children_node.remove_page(entry);
+					}
+				});
+				page.title_field().watch('value', function(title) {
+					this.navigation_current.set_title(title);
+					this.set_browser_title(title);
+				}.bind(this));
+				this.children_node = children_node;
+			}
+		},
+		set_mode: function(mode) {
+			this.set('mode', mode);
+			this.mode_switch.text(this.opposite_mode(mode));
+		},
+		toggle_modes: function() {
+			this.set_mode(this.opposite_mode(this.get('mode')));
+		},
+		opposite_mode: function(to_mode) {
+			if (to_mode === 'preview') {
+				return 'edit';
+			} else if (to_mode === 'edit') {
+				return 'preview';
+			}
+		},
+		publishing_started: function() {
+			this.publish_button.publishing_started();
+		},
+		set_browser_title: function(page_title) {
+			document.title = S.site_domain + " | Editing: '"+page_title+"'";
+		},
+		location_changed: function(new_location) {
+			this.set_browser_title(new_location.title)
+			this.set('location', new_location);
+			this.update_navigation();
+		},
+		update_navigation: function() {
+			var nodes = [];
+			var location = this.get('location');
+			var $location_bar = this.location;
+			var ancestors = location.ancestors;
+			var root, is_root = false, root_node, children_node, current_node;
+			if (ancestors.length === 0) {
+				root = location;
+				is_root = true;
+			} else {
+				root = ancestors.shift();
+			}
+			root_node = new RootNode(root);
+			nodes.push(root_node);
+			for (var i=0, ii=ancestors.length; i < ii; i++) {
+				var page = ancestors[i];
+				var node = new AncestorNode(page)
+				nodes.push(node);
+			};
+			if (!is_root) {
+				current_node = new CurrentNode(location)
+				nodes.push(current_node);
+			} else {
+				current_node = root_node;
+			}
+			//if (location.children.length > 0) {
+			//}
+			$('li:gt(0)', $location_bar).remove();
+			// this.location.empty();
+			for (var i = 0, ii = nodes.length; i < ii; i++) {
+				var node = nodes[i];
+				$location_bar.append(node.element())
+			}
+			this.navigation_current = current_node;
+			this.page_loaded = function(page) {
+			};
+		}
+	});
+	return TopBar;
+})(jQuery, Spontaneous);
+
+

data/application/js/types.js

@@ -0,0 +1,98 @@
+// console.log('Loading Types...');
+
+Spontaneous.Types = (function($, S) {
+	var ajax = S.Ajax, type_map = {};
+	var BoxPrototype = new JS.Class({
+		initialize: function(type_data) {
+			this.data = type_data;
+			this.title = type_data.title;
+			var fields = this.data.fields;
+			this.field_prototypes = {};
+			this.field_names = [];
+			for (var i = 0, ii = fields.length; i < ii; i++) {
+				var f = fields[i];
+				this.field_names.push(f.name);
+				this.field_prototypes[f.name] = f;
+			}
+		},
+		allowed_types: function() {
+			var types = [];
+			if (this.data.allowed_types.length > 0) {
+				for (var i = 0, ii = this.data.allowed_types.length; i < ii; i++) {
+					types.push(Spontaneous.Types.type(this.data.allowed_types[i]));
+				}
+			}
+			return types;
+		}
+	});
+	var Type = new JS.Class({
+		initialize: function(type_data) {
+			this.data = type_data;
+			this.schema_id = type_data.id;
+			this.type = type_data.type;
+			this.title = type_data.title;
+			this.title_field_name = type_data.title_field;
+			this.field_prototypes = {};
+			this.field_names = [];
+			this.box_prototypes = {};
+			this.box_ids = [];
+			var fields = this.data.fields, boxes = this.data.boxes;
+			for (var i = 0, ii = fields.length; i < ii; i++) {
+				var f = fields[i];
+				this.field_names.push(f.name);
+				this.field_prototypes[f.name] = f;
+			}
+			for (var i = 0, ii = boxes.length; i < ii; i++) {
+				var b = boxes[i];
+				this.box_ids.push(b.id);
+				this.box_prototypes[b.id] = new BoxPrototype(b);
+			}
+		},
+		box_prototype: function(box_id) {
+			return this.box_prototypes[box_id];
+		},
+		allowed_types: function() {
+			var types = [];
+			if (this.data.allowed_types.length > 0) {
+				for (var i = 0, ii = this.data.allowed_types.length; i < ii; i++) {
+					types.push(Spontaneous.Types.type(this.data.allowed_types[i]));
+				}
+			}
+			return types;
+		},
+		is_page: function() {
+			return this.data.is_page;
+		},
+		is_alias: function() {
+			return this.data.is_alias;
+		},
+		edit_url: function() {
+			return S.editor_protocol + "://open?url=file://"+this.data.source;
+		}
+	});
+	var Types = new JS.Singleton({
+		include: Spontaneous.Properties,
+		init: function(callback) {
+			var done = (function(callback) {
+				return function(data) {
+					var types = {};
+					for (id in data) {
+						if (data.hasOwnProperty(id)) {
+							types[id] = new Type(data[id]);
+						}
+					}
+					Spontaneous.Types.set('types', types);
+					if (callback) { callback.call(type_map); };
+				};
+			})(callback)
+			ajax.get('/types', done);
+		},
+		type: function(id) {
+			return this.get('types')[id];
+		},
+		box_prototype: function() {
+
+		}
+	});
+	return Types;
+}(jQuery, Spontaneous));

data/application/js/upload.js

@@ -0,0 +1,88 @@
+// console.log("Loading Upload...");
+
+
+Spontaneous.Upload = (function($, S) {
+	var upload_id = (new Date()).valueOf();
+	var Upload = new JS.Class({
+		initialize: function(manager, target, file) {
+			this.manager = manager;
+			this.field_name = target.schema_id();
+			this.uid = target.uid();
+			this.target = target;
+			this.target_id = target.id();
+			if (target.version) {
+				this.target_version = target.version();
+			}
+			this._position = 0;
+			this.failure_count = 0;
+			this.file = file;
+			this.name = this.file.fileName;
+			this._total = this.file.size;
+			this.upload_id = upload_id++;
+		},
+		position: function() {
+			return Math.min(this._total, this._position);
+		},
+		total: function() {
+			return this._total;
+		},
+		start: function() {
+			var form = new FormData();
+			form.append('file', this.file);
+			form.append('field', this.field_name);
+			if (this.target_version) {
+				form.append('version', this.target_version);
+			}
+			this.post("/file/replace/"+this.target_id, form);
+		},
+
+		post: function(url, form_data) {
+			this.xhr = new XMLHttpRequest();
+			this.upload = this.xhr.upload;
+			this.xhr.open("POST", this.namespaced_path(url), true);
+			this.upload.onprogress = this.onprogress.bind(this);
+			this.upload.onload = this.onload.bind(this);
+			this.upload.onloadend = this.onloadend.bind(this);
+			this.upload.onerror = this.onerror.bind(this);
+			this.xhr.onreadystatechange = this.onreadystatechange.bind(this);
+			this.started = (new Date()).valueOf();
+			this.xhr.send(form_data);
+		},
+		namespaced_path: function(path) {
+			return S.Ajax.request_url(path, true);
+		},
+		// While loading and sending data.
+		onprogress: function(event) {
+			var position = event.position;
+			this._position = position;
+			this.time = (new Date()).valueOf() - this.started;
+			this.manager.upload_progress(this);
+		},
+		// When the request has successfully completed.
+		onload: function(event) {
+		},
+		// When the request has completed (either in success or failure).
+		onloadend: function(event) {
+			this.manager.upload_failed(this);
+		},
+		onreadystatechange: function(event) {
+			var xhr = event.currentTarget;
+			if (xhr.readyState == 4) {
+				if (xhr.status === 200) {
+					if (!this.complete) {
+						var result = JSON.parse(xhr.responseText);
+						this.manager.upload_complete(this, result);
+						this.complete = true;
+					}
+				} else if (xhr.status === 409) {
+					this.manager.upload_conflict(this, event);
+				}
+			}
+		},
+		onerror: function(event) {
+			this.failure_count++;
+			this.manager.upload_failed(this);
+		}
+	});
+	return Upload;
+}(jQuery, Spontaneous));