frontend: turn off autocompletion for input elements in record

otherwise the very presence of saved form values for the same host may
(at least in some browsers) ruin the record if it was edited and
carelessly saved.

1 files changed, 6 insertions, 6 deletions

diff --git a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldValueComponent.js b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldValueComponent.js
index f2c70aa..a8117d7 100644
--- a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldValueComponent.js
+++ b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldValueComponent.js
@@ -1,270 +1,270 @@
 /*
 
 Copyright 2008-2013 Clipperz Srl
 
 This file is part of Clipperz, the online password manager.
 For further information about its features and functionalities please
 refer to http://www.clipperz.com.
 
 * Clipperz is free software: you can redistribute it and/or modify it
   under the terms of the GNU Affero General Public License as published
   by the Free Software Foundation, either version 3 of the License, or 
   (at your option) any later version.
 
 * Clipperz is distributed in the hope that it will be useful, but 
   WITHOUT ANY WARRANTY; without even the implied warranty of 
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
   See the GNU Affero General Public License for more details.
 
 * You should have received a copy of the GNU Affero General Public
   License along with Clipperz. If not, see http://www.gnu.org/licenses/.
 
 */
 
 if (typeof(Clipperz) == 'undefined') { Clipperz = {}; }
 if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; }
 if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; }
 if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; }
 
 //#############################################################################
 
 Clipperz.PM.Components.RecordDetail.FieldValueComponent = function(anElement, args) {
         args = args || {};
 
     Clipperz.PM.Components.RecordDetail.FieldValueComponent.superclass.constructor.call(this, anElement, args);
 
         this._inputElement = null;
                 this._scrambledStatus = 'SCRAMBLED'; //'UNSCRAMBLED'
         
         this.render();
         
         return this;
 }
 
 //=============================================================================
 
 YAHOO.extendX(Clipperz.PM.Components.RecordDetail.FieldValueComponent, Clipperz.PM.Components.RecordDetail.AbstractFieldSubComponent, {
 
         'toString': function() {
                 return "Clipperz.PM.Components.RecordDetail.FieldValueComponent component";
         },
 
         //-------------------------------------------------------------------------
 
         'value': function() {
                 return this.recordField().value();
         },
 
         'setValue': function(aValue) {
                 this.recordField().setValue(aValue);
         },
         
         //-------------------------------------------------------------------------
 
         'inputElement': function() {
                 return this._inputElement;
         },
         
         'setInputElement': function(aValue) {
                 this._inputElement = aValue;
         },
 
         //-------------------------------------------------------------------------
 
         'scrambledStatus': function() {
                 return this._scrambledStatus;
         },
         
         'setScrambledStatus': function(aValue) {
                 this._scrambledStatus = aValue;
         },
         
         //-------------------------------------------------------------------------
 
         'handleTypeChange': function() {
 //MochiKit.Logging.logDebug(">>> handling type change - " + this.recordField().type());
                 this.synchronizeComponentValues();
                 this.update();
         },
         
         //-------------------------------------------------------------------------
 
         'addrUrl': function() {
                 var result;
                 
                 result = "http://maps.google.com/maps?q=" + this.value().split(' ').join('+');
 
                 return result;
         },
 
         //-------------------------------------------------------------------------
 
         'updateViewMode': function() {
                 var scarmbledStatus;
                 
                 scrambledStatus = this.scrambledStatus() || 'SCRAMBLED';
 
                 this.element().update("");
                 if (this.recordField().hidden() == false) {
                         switch(this.recordField().type()) {
                                 case 'TXT':
                                 case 'PWD':
                                         Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'span', html:this.value()});
                                         break;
                                 case 'URL':
                                                 varurlLocation;
                                         
                                         urlLocation = Clipperz.Base.sanitizeString(this.value());
                                         if (! (/^(https?|ftp|svn):\/\//.test(urlLocation))) {
                                                 urlLocation = 'http://' + urlLocation;
                                         }
                                         Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'a', href:urlLocation, html:this.value(), target:'_blank'});
                                         break;
                                 case 'DATE':
                                         Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'span', html:this.value()});
                                         break;
                                 case 'ADDR':
                                         Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'a', href:this.addrUrl(), html:this.value(), target:'_blank'});
                                         break;
                         }
                 } else {
                         var tableElement;
                         var tdElement;
                         var inputElement;
                         var passwordElementConfiguration;
 
                         if (scrambledStatus == 'SCRAMBLED') {
                                         varscrambledInputElement;
 
                                 if ((Clipperz_IEisBroken === true) && (Clipperz.PM.Proxy.defaultProxy.isReadOnly())) {
-                                        scrambledInputElement = {tag:'input', type:'password', value:"this.value()"};
+                                        scrambledInputElement = {tag:'input', type:'password', value:"this.value()", autocomplete:"off"};
                                 } else {
-                                        scrambledInputElement = {tag:'input', type:'text', cls:'scrambledField', title:Clipperz.PM.Strings['recordDetailPasswordFieldTooltipLabel'], value:"this.value()"};
+                                        scrambledInputElement = {tag:'input', type:'text', cls:'scrambledField', title:Clipperz.PM.Strings['recordDetailPasswordFieldTooltipLabel'], value:"this.value()", autocomplete:"off"};
                                 }
 
                                 passwordElementConfiguration = 
                                         {tag:'table', border:'0', cellspacing:'2', cellpadding:'0', children:[
                                                 {tag:'tbody', children:[
                                                         {tag:'tr', children:[
                                                                 {tag:'td', valign:'top', children:[
                                                                         scrambledInputElement,
                                                                         {tag:'a', cls:'scrambleLink', id:this.getId('scrambleLink'), href:'#', htmlString:Clipperz.PM.Strings['recordDetailPasswordFieldUnscrambleLabel']}
                                                                 ]},
                                                                 {tag:'td', valign:'top', children:[
                                                                         {tag:'span', cls:'scrambledFieldLabel', htmlString:Clipperz.PM.Strings['recordDetailPasswordFieldHelpLabel']}
                                                                 ]}
                                                         ]}
                                                 ]}
                                         ]};
                         } else {
                                 passwordElementConfiguration =
                                         {tag:'div', children:[
-                                                {tag:'input', type:'text', cls:'unscrambledField', value:"this.value()"},
+                                                {tag:'input', type:'text', cls:'unscrambledField', value:"this.value()", autocomplete:"off"},
                                                 {tag:'a', cls:'scrambleLink', id:this.getId('scrambleLink'), href:'#', htmlString:Clipperz.PM.Strings['recordDetailPasswordFieldScrambleLabel']}
                                         ]};
                         }
                         
                         tableElement = Clipperz.YUI.DomHelper.append(this.element().dom, passwordElementConfiguration, true);
 
                         inputElement = tableElement.getChildrenByTagName('input')[0];
                         inputElement.dom.value = this.value();
                         inputElement.wrap({tag:'div', cls:'passwordBackground'}).setStyle('background-position', "0px -" + Math.min(128, Clipperz.PM.Crypto.passwordEntropy(this.value())) + "px");
 
                         MochiKit.Signal.connect(inputElement.dom, 'onfocus', this, 'selectHiddenFieldOnFocus');
                         MochiKit.Signal.connect(this.getDom('scrambleLink'), 'onclick', this, 'toggleScramble');
                 }
         },
 
         //-------------------------------------------------------------------------
         
         'updateEditMode': function() {
                 var inputElement;
                 var scarmbledStatus;
                 
                 scrambledStatus = this.scrambledStatus() || 'SCRAMBLED';
                 
                 this.element().update("");
                 switch(this.recordField().type()) {
                         case 'TXT':
                         case 'URL':
                         case 'ADDR':
-                                inputElement = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'input', type:'text', value:"this.value()"}, true);
+                                inputElement = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'input', type:'text', value:"this.value()", autocomplete:"off"}, true);
                                 inputElement.dom.value = this.value();
                                 break;
                         case 'PWD':
                                 Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'table', width:'100%', cellpadding:'0', cellspacing:'0', children:[
                                         {tag:'tbody', children:[
                                                 {tag:'tr', children:[
                                                         {tag:'td', valign:'top', children:[
-                                                                {tag:'input', type:((scrambledStatus == 'SCRAMBLED') ? 'password' : 'text'), id:this.getId('passwordInputElement'), value:"this.value()"},
+                                                                {tag:'input', type:((scrambledStatus == 'SCRAMBLED') ? 'password' : 'text'), id:this.getId('passwordInputElement'), value:"this.value()", autocomplete:"off"},
                                                                 {tag:'a', cls:'scrambleLink', id:this.getId('scrambleLink'), href:'#', html:(scrambledStatus == 'SCRAMBLED' ? Clipperz.PM.Strings['recordDetailPasswordFieldUnscrambleLabel'] : Clipperz.PM.Strings['recordDetailPasswordFieldScrambleLabel'])}
                                                         ]},
                                                         {tag:'td', valign:'top', children:[
                                                                 {tag:'div', id:this.getId('passwordGenerator'), cls:'Clipperz_PasswordGenerator_button', html:' '}
                                                         ]}
                                                 ]}
                                         ]}
                                 ]})
                                 inputElement = this.getElement('passwordInputElement');
                                 inputElement.dom.value = this.value();
                                 new Clipperz.PM.Components.PasswordEntropyDisplay(this.getElement('passwordInputElement'));
                                 new Clipperz.PM.Components.PasswordGenerator(this.getElement('passwordGenerator'), this);
                                 MochiKit.Signal.connect(this.getDom('scrambleLink'), 'onclick', this, 'toggleScramble');
                                 break;
         //              case 'NOTE':
         //                      inputElement = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'textarea', rows:'5', html:this.value()}, true);
         //                      break
                         case 'DATE':
-                                inputElement = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'input', type:'text', value:"this.value()"}, true);
+                                inputElement = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'input', type:'text', value:"this.value()", autocomplete:"off"}, true);
                                 inputElement.dom.value = this.value();
                                 break;
                 }
 
                 this.setInputElement(inputElement);
         },
 
         //-------------------------------------------------------------------------
 
         'synchronizeComponentValues': function() {
 //MochiKit.Logging.logDebug(">>> FieldValueComponent.synchronizeComponentValues");
                 if (this.inputElement() != null) {
                         var value;
                         
                         switch(this.recordField().type()) {
                                 case 'TXT':
                                 case 'URL':
                                 case 'ADDR':
                                 case 'PWD':
                                 case 'DATE':
                                         value = this.inputElement().dom.value;
                                         break;
                         }
                         this.setValue(value);
                 }
 //MochiKit.Logging.logDebug("<<< FieldValueComponent.synchronizeComponentValues");
         },
 
         //-------------------------------------------------------------------------
 
         'selectHiddenFieldOnFocus': function(anEvent) {
                 anEvent.src().select();
         },
 
         //-------------------------------------------------------------------------
 
         'toggleScramble': function(anEvent) {
                 this.synchronizeComponentValues();
                 
                 if (this.scrambledStatus() == 'SCRAMBLED') {
                         this.setScrambledStatus('UNSCRAMBLED');
                 } else {
                         this.setScrambledStatus('SCRAMBLED');
                 };
                 
                 this.update();
         },
         
         //-------------------------------------------------------------------------
         __syntaxFix__: "syntax fix"
 });