Código Javascript:
Ver original
var loadMask = function() { return { init : function(){ // Creamos el cargador var loading = Ext.get('loading'); var mask = Ext.get('loading-mask'); mask.setOpacity(0.8); mask.shift( { xy:loading.getXY(), width:loading.getWidth(), height:loading.getHeight(), remove:true, duration:1, opacity:0.3, easing:'bounceOut', callback : function() { // Desvanece cuando la carga termina loading.fadeOut( { duration:0.2,remove:true } ); } } ); } } ; } (); Ext.onReady(loadMask.init, loadMask, true); Ext.onReady(function() { Ext.form.VTypes["phone"] = /0[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]/; Ext.form.VTypes["phoneText"] = 'No es Un codigo valido'; Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; // Usamos un FormPanel para crear la caja de Login var login = new Ext.FormPanel({ labelWidth: 60, url: "login.php", frame: true, title: 'Iniciar sesion', width: 230, padding: 0, defaultType: 'textfield', monitorValid: true, items: { xtype:'tabpanel', activeTab: 0, defaults:{autoHeight:true, bodyStyle:'padding:5px'}, items:[{ title:'Login', layout:'form', defaults: {width: 200}, defaultType: 'textfield', items: [{ fieldLabel: 'Usuario', name: 'user', allowBlank:false, vtype: 'phone', maxLength : 10 },{ fieldLabel: 'Password', name: 'password', id: 'password', inputType: 'password', allowBlank:false }] } ] }, buttons: [{ text: 'Ingresar', formBind: true, handler: function() { login.getForm().submit({ method: 'POST', waitTitle: 'Autenticando..', waitMsg: 'Enviando datos...', success: function(form,action)//acciona el boton depende a la peticion a la base de datos { switch(action.result.usertype) //el switch direccion depende al tipo de usuario el cual ingreso { case 1: var redirect = "../Main/index.php"; window.location = redirect; // va para la pagina uno break; default: } }, failure: function(form, action) // Pero si falla { if (action.failureType == 'server') { obj = Ext.util.JSON.decode(action.response.responseText); Ext.Msg.alert('Intenta de nuevo!', obj.errors.reason); // Le decimos al usuario que el logueo falló y le damos el motivo } else { Ext.Msg.alert('Ouch!', 'el servidor no contesta : ' + action.response.responseText); // O bien si hubo algún error en el sistema } login.getForm().reset(); } }); } }] }); // Usamos un Window para mostrar el Login en una ventanita var win = new Ext.Window( { layout: 'fit', width: 370, height: 175, closable: false, resizable: false, plain: true, items: [login] // y acá cargamos el panel con el login } ); win.show(); } );
el archivo login.php
Código PHP:
Ver original
<?php include("../conexion/cnx_php.php"); //obtenemos los valores de nuestro login $user = $_REQUEST['user']; $pass = $_REQUEST['password']; $result = mssql_query("select login,password from SRM_login where login= '$user' and password = '$pass'"); //echo "$user"; //preguntamos si es que existe if($row['login'] != $user && $row['password'] != $pass) { echo "{success: false, errors: { reason: 'Password error.' }}"; } else{ { //mandamos el valor 1 al switch que esta en nuestro archiv.js para direccionar echo "{success: true, usertype: 1}"; } } ?>
y el archivo cnx_php.php
Código PHP:
Ver original
<?php ?>