From 59be6a910c781506674aa47057f6ca55dd3df41e Mon Sep 17 00:00:00 2001
From: raghunayyar <me@iraghu.com>
Date: Sat, 13 Apr 2013 09:45:30 +0530
Subject: [PATCH] Implements Toggle for Database Password.

---
 core/css/styles.css             | 10 +++++-----
 core/js/js.js                   |  1 +
 core/templates/installation.php |  6 ++++--
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/core/css/styles.css b/core/css/styles.css
index 823e5af08a..e44b7adcd5 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -221,11 +221,11 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
 #login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }
 
 /* Show password toggle */
-#show { position:absolute; right:1em; top:.8em; float:right; }
-#show, #personal-show { display:none; }
-#show + label { right:1em; top:1.25em!important; }
-#show:checked + label, #personal-show:checked + label { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
-#show + label, #personal-show + label {
+#show, #dbpassword { position:absolute; right:1em; top:.8em; float:right; }
+#show, #dbpassword, #personal-show { display:none; }
+#show + label, #dbpassword + label { right:1em; top:1.25em!important; }
+#show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
+#show + label, #dbpassword + label, #personal-show + label {
 	position:absolute!important; height:14px; width:24px;
 	background-image:url("../img/actions/toggle.png"); background-repeat:no-repeat;
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:.3;
diff --git a/core/js/js.js b/core/js/js.js
index 1bb546f708..d85e6d88f8 100644
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -605,6 +605,7 @@ $(document).ready(function(){
 	setShowPassword($('#password'), $('label[for=show]'));
 	setShowPassword($('#adminpass'), $('label[for=show]'));
 	setShowPassword($('#pass2'), $('label[for=personal-show]'));
+	setShowPassword($('#dbpass'), $('label[for=dbpassword]'));
 
 	//use infield labels
 	$("label.infield").inFieldLabels({
diff --git a/core/templates/installation.php b/core/templates/installation.php
index c70903cba5..c034fe5b52 100644
--- a/core/templates/installation.php
+++ b/core/templates/installation.php
@@ -138,9 +138,11 @@
 					value="<?php p(OC_Helper::init_var('dbuser')); ?>" autocomplete="off" />
 			</p>
 			<p class="infield groupmiddle">
-				<label for="dbpass" class="infield"><?php p($l->t( 'Database password' )); ?></label>
-				<input type="password" name="dbpass" id="dbpass" placeholder=""
+				<input type="password" name="dbpass" id="dbpass" placeholder="" data-typetoggle="#dbpassword" 
 					value="<?php p(OC_Helper::init_var('dbpass')); ?>" />
+				<label for="dbpass" class="infield"><?php p($l->t( 'Database password' )); ?></label>
+				<input type="checkbox" id="dbpassword" name="dbpassword" />
+				<label for="dbpassword"></label>
 			</p>
 			<p class="infield groupmiddle">
 				<label for="dbname" class="infield"><?php p($l->t( 'Database name' )); ?></label>