Index: typo3/sysext/install/Resources/Private/Templates/StepOutput.html =================================================================== --- typo3/sysext/install/Resources/Private/Templates/StepOutput.html (revision 7636) +++ typo3/sysext/install/Resources/Private/Templates/StepOutput.html (working copy) @@ -58,6 +58,10 @@
  • + + +
  • +
  • Index: typo3/sysext/install/Resources/Private/Templates/SetupGeneral.html =================================================================== --- typo3/sysext/install/Resources/Private/Templates/SetupGeneral.html (revision 7636) +++ typo3/sysext/install/Resources/Private/Templates/SetupGeneral.html (working copy) @@ -32,6 +32,10 @@
  • + + +
  • +
  • Index: typo3/sysext/install/Resources/Public/Javascript/install.js =================================================================== --- typo3/sysext/install/Resources/Public/Javascript/install.js (revision 7636) +++ typo3/sysext/install/Resources/Public/Javascript/install.js (working copy) @@ -64,3 +64,49 @@ $(document.body).addClassName('standalone'); } }); + + +/** + * Toogles the view of a password field + * + * @param object field: The field holding the password + * @param object toggler: The checkbox the user clicked + * + * If the field is type password it will be changed to type text and opposite. + * This is done to enable the user of seeign the value of the field + */ +function togglePasswordField(id) { + var visibleField = $(id); + // If the browser is IE, we need to do it more complicated + // IE does not allow the field-type to change by JS, so instead + // we inject a new field next to it with the value, because IE does + // allow the value to be taken from a password field + if (Prototype.Browser.IE) { + var cloneField = $(id + '_clone'); + if (!cloneField) { + // Create clone field once: + cloneField = document.createElement('input'); + Element.extend(cloneField); + cloneField.type = 'text'; + cloneField.id = id + '_clone'; + cloneField.name = visibleField.name + '_clone'; + cloneField.className = visibleField.className; + visibleField.insert({after : cloneField}); + } + // Swap names/id properties, copy content and swap hide / show status + var showField = cloneField; + var hideField = visibleField; + var origFieldName = hideField.name; + hideField.name = showField.name; + showField.name = origFieldName; + var origFieldID = hideField.id; + hideField.id = showField.id; + showField.id = origFieldID; + showField.value = hideField.value; + showField.show(); + hideField.hide(); + } else { + // Any other browser will allow us to take the simple route + visibleField.type = (visibleField.type == 'password' ? 'text' : 'password'); + } +} Index: typo3/sysext/install/Resources/Public/Stylesheets/install_123.css =================================================================== --- typo3/sysext/install/Resources/Public/Stylesheets/install_123.css (revision 7636) +++ typo3/sysext/install/Resources/Public/Stylesheets/install_123.css (working copy) @@ -198,4 +198,10 @@ #t3-install-123-stepoutputsummary dd { float: left; -} \ No newline at end of file +} + +#t3-install-123-form-showpassword { + float: left; + margin-left: 8em; + font-size: 100%; +} Index: typo3/sysext/install/Resources/Public/Stylesheets/general.css =================================================================== --- typo3/sysext/install/Resources/Public/Stylesheets/general.css (revision 7636) +++ typo3/sysext/install/Resources/Public/Stylesheets/general.css (working copy) @@ -100,6 +100,12 @@ width: 7em; } +.t3-install-form-label-width-7 label.t3-install-label-inline { + width: auto; + margin: 0; + padding: 0 0 0 0.5em; +} + .t3-install-form-label-width-21 label { width: 21em; } Index: typo3/sysext/install/Resources/Public/Stylesheets/install.css =================================================================== --- typo3/sysext/install/Resources/Public/Stylesheets/install.css (revision 7636) +++ typo3/sysext/install/Resources/Public/Stylesheets/install.css (working copy) @@ -383,6 +383,12 @@ padding: 0; } +#t3-install-form-showpassword { + float: left; + margin-left: 19em; + font-size: 100%; +} + /* 10: About */