riojs 0.0.0

data/public/javascripts/specs/lib/undo_spec.js

@@ -0,0 +1,105 @@
+describe(rio.Undo, {
+	beforeEach: function() {
+		this._oldQueue = rio.Undo._queue;
+		
+		this.queue = new rio.UndoQueue();
+		rio.Undo.setQueue(this.queue);
+	},
+	
+	"should demeter the current queue's isProcessing data": function() {
+		this.queue.setProcessingUndo(true);
+		rio.Undo.isProcessingUndo().shouldBeTrue();
+		rio.Undo.setProcessingUndo(false);
+		this.queue.getProcessingUndo().shouldBeFalse();
+	},
+	
+	"should put something in the undo queue that can be executed with undo": function() {
+		rio.Undo.registerUndo(function() {}.shouldBeCalled());
+		rio.Undo.undo();
+	},
+	
+	"should put something in the redo queue that can be redone": function() {
+		rio.Undo.registerRedo(function() {}.shouldBeCalled());
+		rio.Undo.redo();
+	},
+	
+	"should be processingUndo when the registered undo function is called": function() {
+		rio.Undo.registerUndo(function() {
+			rio.Undo.isProcessingUndo().shouldBeTrue();
+		}.shouldBeCalled());
+		
+		rio.Undo.undo();
+		rio.Undo.isProcessingUndo().shouldBeFalse();
+	},
+	
+	"should be processingRedo when the registered redo function is called": function() {
+		rio.Undo.registerRedo(function() {
+			rio.Undo.isProcessingRedo().shouldBeTrue();
+		}.shouldBeCalled());
+		
+		rio.Undo.redo();
+		rio.Undo.isProcessingRedo().shouldBeFalse();
+	},
+	
+	"should clear the redo queue when you register an undo": function() {
+		rio.Undo.registerRedo(function() {}.shouldNotBeCalled());
+		rio.Undo.registerUndo(Prototype.emptyFunction());
+		rio.Undo.redo();
+	},
+	
+	"should not clear the redo queue when registering an undo and specifically asking to clear the queue": function() {
+		rio.Undo.registerRedo(function() {}.shouldBeCalled());
+		rio.Undo.registerUndo(Prototype.emptyFunction(), true);
+		rio.Undo.redo();
+	},
+	
+	"should remove an undo from the queue when calling it": function() {
+		rio.Undo.registerUndo(function() {}.shouldBeCalled().once());
+		rio.Undo.undo();
+		rio.Undo.undo();
+	},
+
+	"should remove a redo from the queue when calling it": function() {
+		rio.Undo.registerRedo(function() {}.shouldBeCalled().once());
+		rio.Undo.redo();
+		rio.Undo.redo();
+	},
+	
+	"should process undos as attr transactions": function() {
+		var attrInstance = new (rio.Attr.create({ attrAccessors: ["a"] }))();
+		var aLastSetWith;
+		attrInstance.a.bind(function(val) {
+			aLastSetWith = val;
+		});
+		
+		shouldBeUndefined(aLastSetWith);
+		rio.Undo.registerUndo(function() {
+			attrInstance.setA(5);
+			shouldBeUndefined(aLastSetWith);
+		});
+		rio.Undo.undo();
+		
+		aLastSetWith.shouldEqual(5);
+	},
+
+	"should process redos as attr transactions": function() {
+		var attrInstance = new (rio.Attr.create({ attrAccessors: ["a"] }))();
+		var aLastSetWith;
+		attrInstance.a.bind(function(val) {
+			aLastSetWith = val;
+		});
+		
+		shouldBeUndefined(aLastSetWith);
+		rio.Undo.registerRedo(function() {
+			attrInstance.setA(5);
+			shouldBeUndefined(aLastSetWith);
+		});
+		rio.Undo.redo();
+		
+		aLastSetWith.shouldEqual(5);
+	},
+	
+	afterEach: function() {
+		rio.Undo.setQueue(this._oldQueue);
+	}
+});

data/public/javascripts/specs/lib/yaml_spec.js

@@ -0,0 +1,127 @@
+describe(rio.Yaml, {
+	"should parse an array": function() {
+		rio.Yaml.parse("- hello\n- world").shouldEqual(["hello", "world"]);
+	},
+
+	"should lex an object": function() {
+		var yaml = 
+			"jason:\n" +
+			"  age: 27\n" +
+			"  city: Chicago";
+		var tokens = rio.Yaml._tokenize(yaml);
+		tokens[0].shouldEqual("jason:");
+		tokens[1].shouldEqual("\n");
+		tokens[2].shouldEqual("  age:");
+		tokens[3].shouldEqual("27");
+		tokens[4].shouldEqual("\n");
+		tokens[5].shouldEqual("  city:");
+		tokens[6].shouldEqual("Chicago");
+	},
+	
+	"should parse an object": function() {
+		var yaml = 
+			"jason:\n" +
+			"  age: 27\n" +
+			"  city: Chicago, IL";
+		var obj = rio.Yaml.parse(yaml);
+		obj.jason.age.shouldEqual(27);
+		obj.jason.city.shouldEqual("Chicago, IL");
+	},
+
+	"should parse an object with tabs for whitespace": function() {
+		var yaml = 
+			"jason:\n" +
+			"\tage: 27\n" +
+			"\tcity: Chicago";
+		var obj = rio.Yaml.parse(yaml);
+		obj.jason.age.shouldEqual(27);
+		obj.jason.city.shouldEqual("Chicago");
+	},
+	
+	"should parse an object with special characters in keys": function() {
+		var yaml = 
+			"images/green-circle.png:\n" +
+			"  width: 27\n" +
+			"  height: 10";
+		var obj = rio.Yaml.parse(yaml);
+		obj["images/green-circle.png"].width.shouldEqual(27);
+		obj["images/green-circle.png"].height.shouldEqual(10);
+	},
+	
+	"should lex an object with an array": function() {
+		var yaml = 
+			"users:\n" +
+			"  - Jason\n" +
+			"  - Vishu";
+		var tokens = rio.Yaml._tokenize(yaml);
+		tokens[0].shouldEqual("users:");
+		tokens[1].shouldEqual("\n");
+		tokens[2].shouldEqual("  - Jason");
+	},
+
+	"should parse an object with an array": function() {
+		var yaml = 
+			"users:\n" +
+			"  - Jason\n" +
+			"  - Vishu";
+		rio.Yaml.parse(yaml).users.shouldEqual(["Jason", "Vishu"]);
+	},
+
+	"should parse an object with multiple arrays": function() {
+		var yaml = 
+			"users:\n" +
+			"  - Jason\n" +
+			"  - Vishu\n" + 
+			"colors:\n" +
+			"  - Green\n" +
+			"  - Red";
+		var obj = rio.Yaml.parse(yaml);
+		obj.users.shouldEqual(["Jason", "Vishu"]);
+		obj.colors.shouldEqual(["Green", "Red"]);
+	},
+	
+	"should dump an array": function() {
+		rio.Yaml.dump(["hello", "world"]).shouldEqual("- hello\n- world");
+	},
+
+	"should dump an object": function() {
+		var yaml = 
+			"jason:\n" +
+			"  age: 27\n" +
+			"  city: Chicago";
+		var obj = {
+			jason: {
+				age: 27,
+				city: "Chicago"
+			}
+		};
+		rio.Yaml.dump(obj).shouldEqual(yaml);
+	},
+
+	"should dump an object with an array": function() {
+		var yaml = 
+			"users:\n" +
+			"  - Jason\n" +
+			"  - Vishu";
+		var obj = {
+			users: ["Jason", "Vishu"]
+		};
+		rio.Yaml.dump(obj).shouldEqual(yaml);
+	},
+
+	"should dump an object with multiple arrays": function() {
+		var yaml = 
+			"users:\n" +
+			"  - Jason\n" +
+			"  - Vishu\n" + 
+			"colors:\n" +
+			"  - Green\n" +
+			"  - Red";
+		var obj = {
+			users: ["Jason", "Vishu"],
+			colors: ["Green", "Red"]
+		};
+		rio.Yaml.dump(obj).shouldEqual(yaml);
+	}
+});
+

data/public/stylesheets/components/accordion.css

@@ -0,0 +1,24 @@
+.accordion {
+	border: 1px solid #999;
+	border-bottom: none;
+}
+
+.accordion .pane {
+	background-color: #fff;
+}
+
+.accordion .paneBody {
+	padding: 5px;
+	border-bottom: 1px solid #bbb;
+}
+
+.accordion .paneHeader {
+	cursor: pointer;
+	color: #222;
+	padding: 3px;
+	background-color: #ddd;
+	font-size: 12px;
+	line-height: 12px;
+	border-top: 1px solid #eee;
+	border-bottom: 1px solid #bbb;
+}

data/public/stylesheets/components/alert_box.css

@@ -0,0 +1,35 @@
+.alertBox {
+	width: 350px;
+	border: 1px solid #bbb;
+	color: #222;
+
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-box-shadow: #666 2px 2px 6px;
+	-webkit-box-shadow: #666 2px 2px 6px;
+}
+
+.alertBoxTitle {
+	font-size: 12px;
+	font-weight: 700;
+	padding: 2px 5px;
+}
+
+.alertBoxBody {
+	padding: 10px 5px;
+	text-align: center;
+}
+
+.alertBoxInner {
+	border: 1px solid #f0f0f0;
+	background: #ddd url('/images/title-gradient-overlay.png') repeat-x;
+
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.alertBox .ok {
+	text-align: center;
+	margin-top: 15px;
+	margin-bottom: 20px;
+}

data/public/stylesheets/components/button.css

@@ -0,0 +1,39 @@
+.button {
+	font-family: Tahoma,Geneva,sans-serif;
+	background: #fafafa url('/images/button-gradient-overlay.png') repeat-x;
+	display: inline;
+	font-size: 12px;
+	line-height: 12px;
+	color: #222;
+	padding: 5px 10px;
+	
+	border: 1px solid #999;
+	cursor: pointer;
+
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+}
+
+.button img {
+	position: relative;
+	top: 3px;
+	left: -4px;
+}
+
+.buttonHover {
+	background-color: #DDDDFF;
+	border-color: #88a;
+}
+
+.buttonDown {
+	background-image: url('/images/button-gradient-overlay-down.png');
+}
+
+.buttonDisabled {
+	background: #fafafa url('/images/button-gradient-overlay.png') repeat-x;
+	color: #888;
+	border-color: #ccc;
+	cursor: default;
+}

data/public/stylesheets/components/checkbox.css

@@ -0,0 +1,9 @@
+.checkbox input {
+	vertical-align: middle;
+}
+
+.checkboxLabel {
+	font-size: 14px;
+	line-height: 14px;
+	vertical-align: middle;
+}

data/public/stylesheets/components/container.css

@@ -0,0 +1,3 @@
+.container {
+	overflow: auto;
+}

data/public/stylesheets/components/grid_view.css

@@ -0,0 +1,52 @@
+.gridView {
+	border-top: 1px solid #bbb;
+	border-left: 1px solid #bbb;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+}
+
+.gridView table {
+	border: none;
+}
+
+.gridView td {
+	border-top: 1px solid #ddd;
+	border-right: 1px solid #f0f0f0;
+	
+	padding: 3px 5px;
+	font-size: 12px;
+	
+}
+
+.gridViewHeaderRow {
+	background: #fafafa url('/images/button-gradient-overlay.png') repeat-x;
+}
+
+.gridViewHeaderRow td {
+	border: none;
+	border-right: 1px solid #ddd;
+/*	border-left: 1px solid #eee;*/
+/*	border-: 1px solid #fff;*/
+	font-size: 12px;
+	padding: 4px 5px 5px;
+	color: #222;
+}
+
+.gridView .gridItemHover {
+	background: #eee url('/images/title-gradient-overlay.png') repeat-x;
+}
+.gridView .gridItemHover td {
+	border-top: 1px solid #bbb;
+/*	padding-top: 2px;*/
+}
+
+.gridView .gridItemSelected {
+	background-color: #DDDDFF;
+	background-image: none;
+}
+
+.gridView .gridItemSelected td {
+	padding-bottom: 2px;
+	border-top: 1px dotted #88a;
+	border-bottom: 1px dotted #88a;
+}

data/public/stylesheets/components/input.css

@@ -0,0 +1,10 @@
+
+.input {
+	font-size: 14px;
+	padding: 3px;
+}
+
+.inputPlaceHolder {
+	color: #888;
+	font-style: italic;
+}

data/public/stylesheets/components/label.css

@@ -0,0 +1,3 @@
+.label {
+	font-size: 14px;
+}

data/public/stylesheets/components/lightbox.css

@@ -0,0 +1,31 @@
+
+.lightboxOuter {
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	background-color: transparent;
+	z-index:9999;
+	margin: 0px;
+	overflow: auto;
+}
+
+.lightbox {
+	position: absolute;
+	text-align:left;
+}
+
+.lightboxLoading {
+	top: 0px;
+	left: 0px;
+	height: 100%;
+	width: 100%;
+}
+
+.lightboxLoading img {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-left: -27px;
+	margin-top: -27px;
+}