From 3241c2b76a609a962e39c2319b07ef89511d62b9 Mon Sep 17 00:00:00 2001 From: Jeremy Ruston Date: Wed, 23 Oct 2013 20:24:45 +0100 Subject: [PATCH] Added password widget --- core/modules/new_widgets/password.js | 92 ++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 core/modules/new_widgets/password.js diff --git a/core/modules/new_widgets/password.js b/core/modules/new_widgets/password.js new file mode 100644 index 000000000..15434d916 --- /dev/null +++ b/core/modules/new_widgets/password.js @@ -0,0 +1,92 @@ +/*\ +title: $:/core/modules/new_widgets/password.js +type: application/javascript +module-type: new_widget + +Password widget + +\*/ +(function(){ + +/*jslint node: true, browser: true */ +/*global $tw: false */ +"use strict"; + +var Widget = require("$:/core/modules/new_widgets/widget.js").widget; + +var PasswordWidget = function(parseTreeNode,options) { + this.initialise(parseTreeNode,options); +}; + +/* +Inherit from the base widget class +*/ +PasswordWidget.prototype = new Widget(); + +/* +Render this widget into the DOM +*/ +PasswordWidget.prototype.render = function(parent,nextSibling) { + // Save the parent dom node + this.parentDomNode = parent; + // Compute our attributes + this.computeAttributes(); + // Execute our logic + this.execute(); + // Get the current password + var password = $tw.browser ? $tw.utils.getPassword(this.passwordName) : ""; + // Create our element + var domNode = this.document.createElement("input"); + domNode.setAttribute("type","password"); + domNode.setAttribute("value",password); + // Add a click event handler + $tw.utils.addEventListeners(domNode,[ + {name: "change", handlerObject: this, handlerMethod: "handleChangeEvent"} + ]); + // Insert the label into the DOM and render any children + parent.insertBefore(domNode,nextSibling); + this.renderChildren(domNode,null); + this.domNodes.push(domNode); +}; + +PasswordWidget.prototype.handleChangeEvent = function(event) { + var password = this.domNodes[0].value; + return $tw.utils.savePassword(this.passwordName,password); +}; + +/* +Compute the internal state of the widget +*/ +PasswordWidget.prototype.execute = function() { + // Get the parameters from the attributes + this.passwordName = this.getAttribute("name",""); + // Make the child widgets + this.makeChildWidgets(); +}; + +/* +Selectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering +*/ +PasswordWidget.prototype.refresh = function(changedTiddlers) { + var changedAttributes = this.computeAttributes(); + if(changedAttributes.name) { + this.refreshSelf(); + return true; + } else { + return this.refreshChildren(changedTiddlers); + } +}; + +/* +Remove any DOM nodes created by this widget or its children +*/ +PasswordWidget.prototype.removeChildDomNodes = function() { + $tw.utils.each(this.domNodes,function(domNode) { + domNode.parentNode.removeChild(domNode); + }); + this.domNodes = []; +}; + +exports.password = PasswordWidget; + +})();