* Experimental enter/leave events for Views

core/edit_text_view.js

@@ -12,6 +12,7 @@ exports.EditTextView	= EditTextView;
 function EditTextView(options) {
 	options.acceptsFocus 	= miscUtil.valueWithDefault(options.acceptsFocus, true);
 	options.acceptsInput	= miscUtil.valueWithDefault(options.acceptsInput, true);
+	options.resizable		= false;
 
 	TextView.call(this, options);
 

core/text_view.js

@@ -22,6 +22,7 @@ function TextView(options) {
 	this.multiLine	= options.multiLine || false;
 	this.fillChar	= miscUtil.valueWithDefault(options.fillChar, ' ').substr(0, 1);
 	this.justify	= options.justify || 'right';
+	this.resizable	= miscUtil.valueWithDefault(options.resizable, true);
 	//this.inputType	= options.inputType || 'normal';
 
 	this.isPasswordTextStyle = 'P' === this.textStyle || 'password' === this.textStyle;
@@ -84,6 +85,12 @@ TextView.prototype.getViewData = function() {
 };
 
 TextView.prototype.setText = function(text) {
+
+	var widthDelta = 0;
+	if(this.text && this.text !== text) {
+		widthDelta = Math.abs(this.text.length - text.length);
+	}
+
 	this.text = text;
 
 	if(this.maxLength > 0) {
@@ -92,8 +99,14 @@ TextView.prototype.setText = function(text) {
 
 	this.text = strUtil.stylizeString(this.text, this.hasFocus ? this.focusTextStyle : this.textStyle);	
 
-	if(!this.multiLine && !this.dimens.width) {
+	/*if(!this.multiLine && !this.dimens.width) {
 		this.dimens.width = this.text.length;
+	}*/
+
+	if(!this.multiLine) {
+		if(this.resizable) {
+			this.dimens.width = this.text.length + widthDelta;
+		}
 	}
 
 	this.redraw();

core/view.js

@@ -116,6 +116,20 @@ View.prototype.setPosition = function(pos) {
 		'Y position ' + this.position.y + ' out of terminal range ' + this.client.term.termWidth);
 };
 
+View.prototype.setColor = function(fg, bg, flags) {
+	if(fg) {
+		this.color.fg = fg;
+	}
+
+	if(bg) {
+		this.color.bg = bg;
+	}
+
+	if('undefined' !== typeof flags) {
+		this.color.flags = flags;
+	}
+};
+
 View.prototype.getColor = function() {
 	return this.color;
 };
@@ -133,6 +147,8 @@ View.prototype.setFocus = function(focused) {
 
 	this.hasFocus = focused;
 	this.client.term.write('show' === this.cursor ? ansi.showCursor() : ansi.hideCursor());
+
+	this.emit(focused ? 'enter' : 'leave');
 };
 
 View.prototype.onKeyPress = function(key, isSpecial) {

core/view_controller.js

@@ -140,6 +140,10 @@ ViewController.prototype.getView = function(id) {
 	return this.views[id];
 };
 
+ViewController.prototype.getFocusedView = function() {
+	return this.focusedView;
+};
+
 ViewController.prototype.switchFocus = function(id) {
 	if(this.focusedView && this.focusedView.acceptsFocus) {
 		this.focusedView.setFocus(false);

mods/apply.js

@@ -51,5 +51,44 @@ ApplyModule.prototype.mciReady = function(mciMap) {
 
 	self.viewController = self.addViewController(new ViewController(self.client));
 	self.viewController.loadFromMCIMapAndConfig( { mciMap : mciMap, menuConfig : self.menuConfig }, function onViewReady(err) {
+
+		var usernameView		= self.viewController.getView(1);
+		var userExistsView		= self.viewController.getView(10);
+		usernameView.on('leave', function leave() {
+			user.getUserIdAndName(usernameView.getViewData(), function userIdAndName(err) {
+				if(!err) {
+					userExistsView.setText('That username already exists!');
+				} else {
+					userExistsView.setText('');
+				}
+				//if(11 !== self.viewController.getFocusedView()) {
+				self.viewController.switchFocus(2);
+				//}
+			});
+		});
+
+		var pwView 				= self.viewController.getView(8);
+		var pwConfirmView		= self.viewController.getView(9);
+		var pwSecureView		= self.viewController.getView(11);
+		var pwConfirmNoticeView	= self.viewController.getView(12);
+
+		//	:TODO: show a secure meter here instead
+		pwView.on('leave', function pwLeave() {
+			if(pwView.getViewData().length > 3) {
+				pwSecureView.setColor(32);
+				pwSecureView.setText('Secure');
+			} else {
+				pwSecureView.setColor(31);
+				pwSecureView.setText('Insecure!');
+			}
+		});
+
+		pwConfirmView.on('leave', function confirmPwLeave() {
+			if(pwView.getViewData() !== pwConfirmView.getViewData()) {
+				pwConfirmNoticeView.setText('Passwords must match!');
+			} else {
+				pwConfirmNoticeView.setText('');
+			}
+		});
 	});
 };