Changeset 2982

Timestamp:

06/30/10 10:17:50 (14 years ago)

Author:

amuller

Message:

Ticket #1121 - Implementando teclado virtual no login para quem quer usar

Location:

trunk

Files:

• admin/templates/default/config.tpl (modified) (1 diff)
• phpgwapi/js/expressoAjax/vkboards.js (added)
• phpgwapi/templates/default/images/keyboard.png (added)
• phpgwapi/templates/default/login.tpl (modified) (2 diffs)
• phpgwapi/templates/default/login_default.php (modified) (1 diff)

trunk/admin/templates/default/config.tpl

@@ -85 +85 @@
       <option value="">{lang_No}</option>
       <option value="True"{selected_login_show_language_selection_True}>{lang_Yes}</option>
+     </select>
+    </td>
+   </tr>
+   <tr class="row_on">
+    <td>{lang_enable_virtual_keyboard_on_login}:</td>
+    <td>
+     <select name="newsettings[login_virtual_keyboard]">
+      <option value="">{lang_No}</option>
+      <option value="True"{selected_login_virtual_keyboard_True}>{lang_Yes}</option>
      </select>
     </td>

trunk/phpgwapi/templates/default/login.tpl

@@ -42 +42 @@
                 Window1=window.open(link,'',"width="+newWidth+",height="+newHeight+",screenX="+newScreenX+",left="+newScreenX+",screenY="+newScreenY+",top="+newScreenY+",toolbar=no,scrollbars=yes,resizable=no");                             
         }       
+
+        var opened = false, vkb = null, text = null;
+        var userstr = navigator.userAgent.toLowerCase();
+        var safari = (userstr.indexOf('applewebkit') != -1);
+        var gecko  = (userstr.indexOf('gecko') != -1) && !safari;
+        function loadvkbd(){
+                if(typeof(VKeyboard) == 'function')
+                        keyb_change();
+                else
+                {
+                        vkbdscript=document.createElement('SCRIPT');
+                        vkbdscript.src="phpgwapi/js/expressoAjax/vkboards.js";
+                        vkbdscript.onload = keyb_change;
+                        if(gecko || window.opera || safari)
+                                vkbdscript.onload = keyb_change;
+                        else
+                                setTimeout('keyb_change()',3000); 
+                        document.body.appendChild(vkbdscript);
+                }
+        }
+
+   var opened = false, vkb = null, text = null;
+
+   function keyb_change()
+   {
+     opened = !opened;
+
+     if(opened && !vkb)
+     {
+       vkb = new VKeyboard("keyboard",    // container's id
+                           keyb_callback, // reference to the callback function
+                           false,          // create the arrow keys or not? (this and the following params are optional)
+                           false,          // create up and down arrow keys? 
+                           false,         // reserved
+                           false,          // create the numpad or not?
+                           "",            // font name ("" == system default)
+                           "14px",        // font size in px
+                           "#FFF",        // font color
+                           "#F00",        // font color for the dead keys
+                           "#83a6ce",        // keyboard base background color
+                           "#28599e",        // keys' background color
+                           "#DDD",        // background color of switched/selected item
+                           "#777",        // border color
+                           "#CCC",        // border/font color of "inactive" key (key with no value/disabled)
+                           "#83a6ce",        // background color of "inactive" key (key with no value/disabled)
+                           "#F77",        // border color of the language selector's cell
+                           true,          // show key flash on click? (false by default)
+                           "#CC3300",     // font color during flash
+                           "#FF9966",     // key background color during flash
+                           "#CC3300",     // key border color during flash
+                           false,         // embed VKeyboard into the page?
+                           true,          // use 1-pixel gap between the keys?
+                           0);            // index(0-based) of the initial layout
+     }
+     else
+       vkb.Show(opened);
+
+     text = document.getElementById("passwd");
+     text.focus();
+     if (!(gecko || window.opera || safari))
+     {
+        document.getElementById('keyboard').style.left = "0px";
+        document.getElementById('rodape').style.zIndex="-100";
+     }
+
+   }
+   // Callback function:
+   function keyb_callback(ch)
+   {
+     var val = text.value;
+
+     switch(ch)
+     {
+       case "BackSpace":
+         var min = (val.charCodeAt(val.length - 1) == 10) ? 2 : 1;
+         text.value = val.substr(0, val.length - min);
+         break;
+
+       case "Enter":
+         document.getElementById('loginForm').submit();
+         break;
+
+       default:
+         text.value += ch;
+     }
+   }
+ function setRange(ctrl, start, end){
+ }
         -->
 </script>
 </HEAD>
 <body scroll="no"  style="overflow:hidden" onLoad="javascript:getLogin()" bgcolor="#ffffff">
-<form name="flogin" method="post" action="{login_url}" {autocomplete}>
+<form id="loginForm" name="flogin" method="post" action="{login_url}" {autocomplete}>
 <div id="conteudo">
 <div style="position: absolute; top:0px; right: 10px;"><span class="login_label">{lang_language}&nbsp;&nbsp;</span>{select_language}</div>
@@ -73 +161 @@
                 <br />
                 <input class="input" type="password" maxlength="50" size="20" name="passwd" id="passwd" value="">
+              <div id="keyboard"></div>
               </div>
-                {captcha}
-      
+                {captcha} 
               <input value="{lang_login}" name="submitit" class="button" onclick="javascript:setLogin()" type="submit" style="margin-top:10px"/>
+              <img style="display:{show_kbd};" src="phpgwapi/templates/default/images/keyboard.png" alt="virtualkeyboard" title="virtualkeyboard" onclick="loadvkbd()" />
+
             </div> 
 <div style="margin-top:5px">

trunk/phpgwapi/templates/default/login_default.php

@@ -371 +371 @@
         $var['logo_title'] = $GLOBALS['phpgw_info']['server']['login_logo_title']?$GLOBALS['phpgw_info']['server']['login_logo_title']:'www.eGroupWare.org';
         $tmpl->set_var($var);
+        
+        if (!@$GLOBALS['phpgw_info']['server']['login_virtual_keyboard'])
+                $tmpl->set_var('show_kbd','none');
+
 
         if (@$GLOBALS['phpgw_info']['server']['login_show_language_selection'])