whowish_word 0.1.0

data/lib/whowish_word/rails/public/javascripts/4_whowish_word_content_handler.js

@@ -0,0 +1,15 @@
+var WhowishWordContentHandler = Class.extend({
+	
+  init: function(elem){
+    this.element = elem;
+  },
+  
+  setContent: function(){
+    throw 'Not implemented';
+  },
+  
+  getContent: function(){
+    throw 'Not implemented';
+  }
+  
+});

data/lib/whowish_word/rails/public/javascripts/4_whowish_word_creator.js

@@ -0,0 +1,62 @@
+
+var WhowishWordCreator = Class.extend({
+	
+  init: function(elem){
+  	
+    this.element = elem;
+	
+	if (this.element.tagName.toLowerCase() == "option") {
+		this.editIconPanel = (new WhowishWordSelectCreator($w(this.element).parent()[0])).editIconPanel;
+	} else {
+		this.editIconPanel = this.createAndGetEditIconPanel();
+	}
+	
+	this.element.editIconPanel = this.editIconPanel;
+	
+	this.makeEditIcon();
+	this.sanitize();
+	
+  },
+  
+  makeEditIcon: function() {
+  	throw 'makeEditIcon() is not implemented'
+  },
+  
+  sanitize: function() {
+  	throw 'sanitize() is not implemented'
+  },
+  
+  addEditIcon: function(editIcon){
+    this.editIconPanel.appendChild(editIcon);
+  },
+  
+  createAndGetEditIconPanel: function() {
+
+	if (this.element.editIconPanel != undefined)
+		return this.element.editIconPanel;
+  	
+	var editIconPanel = document.createElement('span');
+	
+	editIconPanel.whowishWord = {};
+	editIconPanel.whowishWord.editIconPanel = editIconPanel;
+	editIconPanel.whowishWord.element = this.element;
+	editIconPanel.whowishWord.reposition = whowishWordHelper.editIconPanelRepositioning;
+	
+	$w(editIconPanel).attr('id', this.generateEditIconPanelId())
+					.addClass('whowishWordEditIconPanel');
+					
+	editIconPanel.whowishWord.reposition();
+					
+					
+	$w(this.element).after(editIconPanel);
+	
+	return editIconPanel;
+  },
+  
+  
+  generateEditIconPanelId: function() {
+  	return this.element.id + "EditPanel" + (whowishWordVariables.idRunner++);
+  }
+  
+  
+});

data/lib/whowish_word/rails/public/javascripts/5_whowish_word_common_creator.js

@@ -0,0 +1,49 @@
+var WhowishWordCommonCreator = WhowishWordCreator.extend({
+	
+	identity: function() {
+		throw 'identity() is not implemented'
+	},
+	
+	getContent: function() {
+		throw 'getContent() is not implemented'
+	},
+	
+	setContent: function() {
+		throw 'setContent() is not implemented'
+	},
+	
+	instantiateAndGetContentHandler: function() {
+		throw 'instantiateAndGetContentHandler() is not implemented'
+	},
+	
+	makeEditIcon: function(){
+		
+		var editIcon = document.createElement('span');
+		$w(editIcon).addClass('whowishWordEditIcon');
+		$w(editIcon).attr('id', this.element.id + 
+								whowishWordVariables.separator + 
+								this.identity());
+		$w(editIcon).attr('title', this.identity());
+		
+		var whowishWordIdPackage = whowishWordHelper.extractWhowishWordIdFromText(this.getContent());
+		var idPackage = whowishWordHelper.parseWhowishWordIdPackage(whowishWordIdPackage);
+		
+		editIcon.whowishWord = {};
+		editIcon.whowishWord.contentHandler = this.instantiateAndGetContentHandler();
+		
+		editIcon.whowishWord.id = idPackage.id;
+		editIcon.whowishWord.variables = idPackage.variables;
+		
+		this.addEditIcon(editIcon);
+
+	},
+  
+  
+	sanitize: function(){
+
+		this.setContent(this.getContent().replace(whowishWordVariables.attributeValuePattern,"$2"));
+	
+	},
+
+  
+});

data/lib/whowish_word/rails/public/javascripts/6_whowish_word_element_creator.js

@@ -0,0 +1,72 @@
+var WhowishWordElementCreator = WhowishWordCreator.extend({
+  
+	makeEditIcon: function(){
+		
+		var attrs = this.getRelevantAttributes();
+		
+		for (var i=0;i<attrs.length;i++) {
+			
+			var editIcon = document.createElement('span');
+			$w(editIcon).addClass('whowishWordEditIcon');
+			$w(editIcon).attr('id', this.getEditIconId(attrs[i]));
+			$w(editIcon).attr('title', attrs[i]);
+			
+			var whowishWordIdPackage = whowishWordHelper.extractWhowishWordIdFromText(this.element[attrs[i]]);
+			var idPackage = whowishWordHelper.parseWhowishWordIdPackage(whowishWordIdPackage);
+			
+			editIcon.whowishWord = {};
+			editIcon.whowishWord.contentHandler = new WhowishWordAttributeHandler(this.element, attrs[i]);
+			
+			editIcon.whowishWord.id = idPackage.id;
+			editIcon.whowishWord.variables = idPackage.variables;
+			editIcon.whowishWord.attributeName = attrs[i];
+			
+			this.addEditIcon(editIcon);
+		}
+		
+	},
+  
+  
+	sanitize: function(){
+		
+		var attrs = this.getRelevantAttributes();
+		
+		for (var i=0;i<attrs.length;i++) {
+			var newValue = this.element[attrs[i]].replace(whowishWordVariables.attributeValuePattern,"$2");
+			this.element.attributes[attrs[i]].value = newValue;
+			this.element[attrs[i]] = newValue;
+		}
+	
+	},
+	
+	getEditIconId: function(attributeName) {
+	
+		return this.element.id + 
+				whowishWordVariables.separator + 
+				attributeName;
+	},
+	
+
+	
+	getRelevantAttributes: function() {
+	
+		var attrs = [];
+		
+		for (var i = 0; i < this.element.attributes.length; i++) {
+			
+			if (this.element.attributes[i].name.toLowerCase() == "id") continue;
+			if (this.element.attributes[i].name.toLowerCase() == "value") continue;
+			
+			if (this.element.attributes[i].value.match(whowishWordVariables.attributeValuePattern) != null) {
+				attrs.push(this.element.attributes[i].name);
+			}
+		  
+		}
+		
+		return attrs;
+		
+	}
+
+
+  
+});

data/lib/whowish_word/rails/public/javascripts/6_whowish_word_html_creator.js

@@ -0,0 +1,19 @@
+var WhowishWordHtmlCreator = WhowishWordCommonCreator.extend({
+	
+	identity: function() {
+		return 'html';
+	},
+	
+	getContent: function() {
+		return $w(this.element).html();
+	},
+	
+	setContent: function(content) {
+		$w(this.element).html(content);
+	},
+	
+	instantiateAndGetContentHandler: function() {
+		return new WhowishWordHtmlHandler(this.element);
+	}
+  
+});

data/lib/whowish_word/rails/public/javascripts/6_whowish_word_select_creator.js

@@ -0,0 +1,11 @@
+var WhowishWordSelectCreator = WhowishWordCreator.extend({
+	
+  makeEditIcon: function() {
+
+  },
+  
+  sanitize: function() {
+
+  }
+  
+});

data/lib/whowish_word/rails/public/javascripts/6_whowish_word_text_creator.js

@@ -0,0 +1,20 @@
+var WhowishWordTextCreator = WhowishWordCommonCreator.extend({
+	
+	identity: function() {
+		return 'text';
+	},
+	
+	getContent: function() {
+		return $w(this.element).text();
+	},
+	
+	setContent: function(content) {
+		$w(this.element).text(content);
+	},
+	
+	instantiateAndGetContentHandler: function() {
+		return new WhowishWordTextHandler(this.element);
+	}
+
+  
+});

data/lib/whowish_word/rails/public/javascripts/6_whowish_word_value_creator.js

@@ -0,0 +1,20 @@
+var WhowishWordValueCreator = WhowishWordCommonCreator.extend({
+	
+	identity: function() {
+		return 'value';
+	},
+	
+	getContent: function() {
+		return $w(this.element).val();
+	},
+	
+	setContent: function(content) {
+		$w(this.element).val(content);
+	},
+	
+	instantiateAndGetContentHandler: function() {
+		return new WhowishWordValueHandler(this.element);
+	}
+
+  
+});

data/lib/whowish_word/rails/public/javascripts/7_whowish_word_attribute_handler.js

@@ -0,0 +1,17 @@
+var WhowishWordAttributeHandler = WhowishWordContentHandler.extend({
+	
+  init: function(elem,attributeName){
+    this.element = elem;
+	this.attributeName = attributeName;
+  },
+  
+  setContent: function(content){
+    this.element[this.attributeName] = content;
+	this.element.attributes[this.attributeName].value = content;
+  },
+  
+  getContent: function(){
+    return this.element[this.attributeName];
+  }
+  
+});

data/lib/whowish_word/rails/public/javascripts/7_whowish_word_html_handler.js

@@ -0,0 +1,15 @@
+var WhowishWordHtmlHandler = WhowishWordContentHandler.extend({
+	
+  init: function(elem){
+    this.element = elem;
+  },
+  
+  setContent: function(content){
+    $w(this.element).html(content);
+  },
+  
+  getContent: function(){
+    return $w(this.element).html();
+  }
+  
+});

data/lib/whowish_word/rails/public/javascripts/7_whowish_word_text_handler.js

@@ -0,0 +1,15 @@
+var WhowishWordTextHandler = WhowishWordContentHandler.extend({
+	
+  init: function(elem){
+    this.element = elem;
+  },
+  
+  setContent: function(content){
+    $w(this.element).text(content);
+  },
+  
+  getContent: function() {
+    return $w(this.element).text();
+  }
+  
+});

data/lib/whowish_word/rails/public/javascripts/7_whowish_word_value_handler.js

@@ -0,0 +1,19 @@
+var WhowishWordValueHandler = WhowishWordContentHandler.extend({
+	
+  init: function(elem){
+    this.element = elem;
+  },
+  
+  setContent: function(content){
+    $w(this.element).val(content);
+
+	if (this.element.attributes['value'] != undefined) {
+		this.element.attributes['value'].value = content;
+	}
+  },
+  
+  getContent: function(){
+    return $w(this.element).val();
+  }
+  
+});

data/lib/whowish_word/rails/public/stylesheets/whowish_word.css

@@ -0,0 +1,197 @@
+.whowishWordLoadingIcon {
+	background: url("data:image/gif;base64,R0lGODlhEAALAPQAAP///0tMSuTk5N3d3e/v709QTktMSmtsaqanpo6Pjs7OzWJjYn9/fqysq5GSkNDR0GVmZE1OTIGCge3t7OPj4/b29nJzcebm5fX19cvLyru8u9nZ2fLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA") no-repeat scroll right center transparent;
+	padding-right: 20px;
+	display:inline-block;
+}
+
+.whowishWordEditIconPanel {
+	position:absolute;
+	height:1px;
+	width:1px;
+	overflow:visible;
+	display:block;
+	white-space:nowrap;
+}
+
+.whowishWordEditIcon {
+	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEpUlEQVR42rVVbUikVRS+986M48w0H866hc6YqyUr60eB/YhsVUiXCjMK61ewUBGhP0IJTFgIf6z2Q6UVNEyXsK1fpv4IXRFTRxFFDTUFc13MTxRW12+dz3t7zjDC4qa7EnvhcN+5733Pc85znnOGs2e8+Hk/6OjoiDo8PIzPz88fxB5tMBgk53z9fwEopV7G9trKysqXPp8v0263B6xWK51r4Pw27POnAniw8TAi8kLEe3i8AkuBJfsD8kWucFE8iqdYyLhOp5sFQOJTAfT392fEvXTZZTQYmNEYzqSEEybpktSH6YTEElh0l57hWMAYstKBKv+ZAG63+5XZ2dmvHQ7nJz6/lPpwvQjX65lEpH6fT5pNBhEIAWBjcIxXSsA5gjFm4nf/mQAzMzOKdnAro6Ki+PbOntIDwB8IMJ1Ww7UaoUL3FSVBCXg8HkVZAOAG9ptnAjQ2NlZlZ2cXB+AwLi5O+v1+RKyQfgA0MQkAEabTSK1WK1DsYCBwLLa3t1lnZ+fizs5ORWFhYf2pAIggbnl5eZ4+SEpKCgJ4vH4WUMGySvgXJqNednd3i4WFhWAZzGazWF9fZ0dHRwz3GcBjSktLV04C6GB2mCgvL7+dm5v7TnJSinJ73QrUA1hAXQ+4+TmTuhhp5w0NDQqOggo6ONhXW1vb5JgTCMyD7CoBJltaWr49BiBVxMLMNpstYXp6+jfGtdJiswmFYno9HhZhs8h792YFMpSwYJHb2trkxMRfQRVFRkbK5OQrAjVhXq+XEc240wDqvjimyAR7lQB/rK+vy772dsrF519gMiCZXq9j/8zflwMDA0EBaTQacefOL8zlGpBXr74hYmNj2dTUlNzc3BRpaWkM3S0BQLX5Y3R0NPvRPognkJiYmOSe3r4yk9mKwmoY9M/aWpu51+ujBuP4UFVWVrJbt77nGRmZimQKh7y5uVm2t7drwILa39/nyOBT9NVP/EQ93oI5a2trbxYUFERvbD5kVouZjYyMyLq6OpGeni5XV1fF2toaQy0kohXU0XCmwL/Ky8tbRUZOvOfIduXg4ODayVlkgX3sdDrfXF5auu72eKiZSGH87t1OhTpwFFANDg6y1tZWjsiDGVBmkCyrrq729/X1aSFZOhe46/qvYUdz5aPJyclvEhMTjeRgfHxcDg0NCUQZlO/8/DwzmUyyqKhIxMfHM1Aie3p6BCTMwLsk4VAzgs6606bpuxUVFdUlJSWXd3d32djYmOzq6hI0mhcXF8XGxgZFLcPDw4XFYiFvElEHgak/CAB39vf29j44DcCUlZX1a29v7/vgmaGZZFlZmYCEJXgVCQkJDJKURAPJknRPyiH5kkQB9gMCKXhsmp5YnyHKRjgMDs6trS01NzfH8TGvqqpSiJ4cE9f8eHyDKkVACKpmaWnpqycBRE1MTNxPTU01kiOoh7tcLtnU1DQDlTggBBtlR3ShNnugSRMdHW0MTdrrw8PDPz8JgBUXF7c7HI7XoRB7TU1NJyZuJY7/Ri1qcnJyPkSUDFmVIsvvcH4BPXQDGf0OSnseG3anrDCYFdFdQmR/hgqoCc2uSziniF1nOTj3n/551zMH+Bfaysi1r322EQAAAABJRU5ErkJggg%3D%3D") no-repeat scroll right center transparent;
+	cursor: pointer;
+	width:20px;
+	height:20px;
+	display:inline-block;
+}
+
+.whowishWordDialogOverlay {
+	
+	position: fixed !important; 
+	top: 0pt !important; 
+	z-index: 1000000 !important; 
+	height: 100% !important; 
+	left: 0pt !important; 
+	width: 100% !important;
+	display:none;
+	margin: 0px 0px 0px 0px !important;
+	padding: 0px 0px 0px 0px !important;
+	
+	background-color:#000000;
+	
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	filter: alpha(opacity=50);
+	-moz-opacity:0.5;
+	opacity: 0.5;
+}
+
+.whowishWordDialog > h1 {
+	font-size: 20px;
+	display: block;
+	border-bottom: 1px solid #CCCCCC;
+	padding-bottom:4px;
+	margin-top:5px;
+	margin-bottom:5px;
+}
+
+.whowishWordDialog > span {
+	display: block;
+}
+
+.whowishWordDialog > .buttonPanel {
+	margin-top:8px;
+	margin-left:5px;
+}
+
+.whowishWordDialog > .contentPanel > .content {
+	display: block;
+	width:590px;
+	height:170px;
+}
+
+.whowishWordDialog {
+	
+	position:absolute;
+	left:100px;
+	top:100px;
+
+	display:none;
+	z-index:1000001;
+	
+	
+	
+	font-family: 'Bitstream Vera Sans Mono','Courier',monospace;
+	background-color:#DDDDDD;
+	color: #333;
+	font-size: 14px;
+	line-height: 1.5em;
+	text-decoration: none;
+
+	-moz-box-shadow:0 0px 8px rgba(0, 0, 0, .8);
+	-webkit-box-shadow:0 0px 8px rgba(0, 0, 0, .8);
+	box-shadow:0 0px 8px rgba(0, 0, 0, .8);
+	/* For IE 8 */
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color='#000000')";
+	/* For IE 5.5 - 7 */
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color='#000000');
+	
+	background: #DDD;
+	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#dedede));
+	background: -moz-linear-gradient(top,  #f4f4f4,  #dedede);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede');
+	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #FFFFFF;
+	border-right-color: #666;
+	border-bottom-color: #666;
+	border-left-color: #FFFFFF;
+	padding: 10px;
+
+}
+
+
+.whowishWordDialog > .buttonPanel > .saveButton,
+.whowishWordDialog > .buttonPanel > .closeButton {
+	
+	content:" "
+	margin-left: 10px;
+	margin-right:10px;
+	display: inline-block;
+	cursor: pointer;
+	font-size:18px;
+	text-align: center;
+	text-decoration: none;
+	text-shadow: 0 1px 1px rgba(0,0,0,.6);
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	color: #FFF;
+	border: solid 1px;
+	padding-top: 2px;
+	padding-right: 10px;
+	padding-bottom: 2px;
+	padding-left: 10px;
+	font-weight: 400;
+	
+	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .8);
+	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .8);
+	box-shadow:0 1px 2px rgba(0, 0, 0, .8);
+	/* For IE 8 */
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000')";
+	/* For IE 5.5 - 7 */
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000');
+}
+
+.whowishWordDialog > .buttonPanel > .saveButton {
+	border-color: #68a337;
+	background: #78bd40;
+	background: -webkit-gradient(linear, left top, left bottom, from(#78bd40), to(#4f7d2b));
+	background: -moz-linear-gradient(top,  #78bd40,  #4f7d2b);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#78bd40', endColorstr='#4f7d2b');
+}
+.whowishWordDialog > .buttonPanel > .saveButton:hover {
+	background: #4f7d2b;
+	background: -webkit-gradient(linear, left top, left bottom, from(#68a337), to(#4f7d2b));
+	background: -moz-linear-gradient(top,  #68a337,  #4f7d2b);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a337', endColorstr='#4f7d2b');
+}
+.whowishWordDialog > .buttonPanel > .saveButton:active {
+	color: #dde9d5;
+	background: -webkit-gradient(linear, left top, left bottom, from(#4f7d2b), to(#78bd40));
+	background: -moz-linear-gradient(top,  #4f7d2b,  #78bd40);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f7d2b', endColorstr='#78bd40');
+}
+
+.whowishWordDialog > .buttonPanel > .closeButton {
+	border-color: #da7c0c;
+	background: #f78d1d;
+	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
+	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
+}
+.whowishWordDialog > .buttonPanel > .closeButton:hover {
+	background: #f47c20;
+	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
+	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
+}
+.whowishWordDialog > .buttonPanel > .closeButton:active {
+	color: #FCDEB5;
+	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
+	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
+}
+
+dfn {
+	font-style:normal;
+}