From c4e1715bfb2df1698ea89706ce48aed5a3eb91fb Mon Sep 17 00:00:00 2001
From: cajus <cajus@594d385d-05f5-0310-b6e9-bd551577e9d8>
Date: Tue, 27 Apr 2010 16:27:45 +0000
Subject: [PATCH] Added caps proof of concept

git-svn-id: https://oss.gonicus.de/repositories/gosa/trunk@17891 594d385d-05f5-0310-b6e9-bd551577e9d8
---
 gosa-core/html/images/caps.png           | Bin 0 -> 557 bytes
 gosa-core/html/include/gosa.js           |  31 +++++++++++++++++++++++
 gosa-core/html/themes/default/style.css  |   5 ++++
 gosa-core/ihtml/themes/default/login.tpl |   9 +++++--
 4 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 gosa-core/html/images/caps.png

diff --git a/gosa-core/html/images/caps.png b/gosa-core/html/images/caps.png
new file mode 100644
index 0000000000000000000000000000000000000000..c44694d8cf98677e94a48fd9e5971cfd38aed69b
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS00009a7bBm0005I0005I0XppC;s5{u8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10jfzvK~y-6ozgK&BS91g@c+D-M0Q5dPW%uTC1E+jVJBi`V|7J}
z{R)S7eh0ndifi{e3l|hQNK9jCA=UvK!A6202zwYzc4p^Y5nL2@!|A{<#r*lrdov@L
z8D-<(;E=3!zm$@XozCao(hvYq1|-QbS!?6@c@x!YHH^pE&+YB4FaHIcocy6IbFncx
z3d1Itfx+Mk&bc3(o9jC>fo}JdthI3vn5flSfs_*7d*peJ>+2hM&)?V9+Fwh7UawEg
z9BZwk)zt=w2;O@zGng69Io#gfK?t$mYOQ>G1@wA-0uV1QE<}yS2LOQgz5t%rJkN1|
z{{U;<UbETQ1ppa_9|eHlN~x&bZbM2cfU*$;b9j0he;N+&g5~9<Gtupyh5#-BfSF;f
zgS8eL8|x5a3f1d%oS$DH2sDh*5JEhA&7#MbGf9p(P5*M5raT&rcruxAzkkMMSyfsm
z03w2v1R|=6OmkHmQc5T_^{amCOh74F^y-{@J0JuVPv^aVd2z1~ss;oA0U~-|3(Ouw
v(@U&6eO3i&k{mB&nT3=DtqqLPX<6_e{`u?3V;B4_00000NkvXXu0mjfhBD_%

literal 0
HcmV?d00001

diff --git a/gosa-core/html/include/gosa.js b/gosa-core/html/include/gosa.js
index c3963b8eb..e7bef6e73 100644
--- a/gosa-core/html/include/gosa.js
+++ b/gosa-core/html/include/gosa.js
@@ -531,6 +531,37 @@ function isVisible(obj)
 }
 
 
+/* Check if capslock is enabled */
+function capslock(e) {
+    e = (e) ? e : window.event;
+
+    var charCode = false;
+    if (e.which) {
+        charCode = e.which;
+    } else if (e.keyCode) {
+        charCode = e.keyCode;
+    }
+
+    var shifton = false;
+    if (e.shiftKey) {
+        shifton = e.shiftKey;
+    } else if (e.modifiers) {
+        shifton = !!(e.modifiers & 4);
+    }
+
+    if (charCode >= 97 && charCode <= 122 && shifton) {
+        return true;
+    }
+
+    if (charCode >= 65 && charCode <= 90 && !shifton) {
+        return true;
+    }
+
+    return false;
+}
+
+
+
 /* Scroll down the body frame */
 function scrollDown2()
 {
diff --git a/gosa-core/html/themes/default/style.css b/gosa-core/html/themes/default/style.css
index cf4b4897a..944babcd2 100644
--- a/gosa-core/html/themes/default/style.css
+++ b/gosa-core/html/themes/default/style.css
@@ -58,6 +58,11 @@ input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover
   border-color:#777;
 }
 
+input[type=password]{
+  background-repeat:no-repeat;
+  background-position:right center;
+}
+
 textarea, select {
   border:1px solid #DDD;
   margin-bottom:2px;
diff --git a/gosa-core/ihtml/themes/default/login.tpl b/gosa-core/ihtml/themes/default/login.tpl
index 569ca4250..1dc7ceacf 100644
--- a/gosa-core/ihtml/themes/default/login.tpl
+++ b/gosa-core/ihtml/themes/default/login.tpl
@@ -46,8 +46,13 @@
        <div class='login-element-container'>
         <div class='login-label'><label for='password'>{t}Password{/t}</label></div>
         <div class='login-input'>
-         <input type='password' name='password' maxlength='40' value=''
-        	 title='{t}Password{/t}' onFocus="nextfield= 'login';" />
+         <input type='password' name='password' id='password' maxlength='40' value=''
+        	 title='{t}Password{/t}' onFocus="nextfield= 'login';" onKeyPress= "
+               if (capslock(event)){
+                 $('password').style.backgroundImage = 'url(images/caps.png)'
+              } else {
+                 $('password').style.backgroundImage= ''
+              }"/>
         </div>
         <div class="clear"></div>
        </div>
-- 
2.30.2