Página 1 de 1

Actualización Class TNavLogin !!!

Publicado: Jue Ene 07, 2021 4:48 am
por administrador
-------------------------------------------------------------------------------------------------------------------------------
Se agrego una nueva clase a la TWeb Plus, la clase TNavLogin, este es un Dialog NO Modal
por lo que se puede usar conjuntamente con otras clases de la tweb para crear una pagina web,
de una manera sencilla y muy profesional. es 100% responsive.

La manera de usarla es muy sencilla como todas la clases de tweb plus.

$oLogin = new TNavLogin( 'myLogin', "SysCtrl"); <-- recibe 2 parametros el "Id" y el "Titulo del dialogo"
$oLogin->ButtonLogin( 'Ingresar', 'login()'); <-- recibe 2 parametros "Texto del boton" y "la funcion javascript que se ejecuta"
$oLogin->lShow = false; <-- con esto podemos mostrar o esconder el dialogo al cargar la pagina
$oLogin->Activate();


Estas clases convierten a TWeb Plus en un framework con el cual puedes hacer paginas web completamente responsivas y aplicaciones Web de igual manera.

Ejemplo de uso : (Gracias a Cesar "SysCtrl" por aportar el ejemplo)

Código: Seleccionar todo

<?php

// SysCtrl Web Site
// 05-dic-2021
// By (c) SysCtrl Software
// FrameWork tWeb Plus Power

include( 'config.php' );
include( TWEB_PATH . 'core.php' );

$oWeb = new TWeb('SysCtrl Web');
$oWeb->SetIcon( 'images/scweb.png' );
$oWeb->SetBackground( './images/sc_bk0.png' );
$oWeb->lAwesome = true; 
$oWeb->lPreloader = false;
$oWeb->Activate();

// barra de navegacion con la tNavBar
$oMenu = new TNavBar( 'menu', 'SysCtrl Web Site' );
$oMenu->AddButton('btnlog', 'Login', 'ShowLogin()', 'fa-amazon');                                   
$oMenu->AddButton('btnreg', 'Registrarse', 'Register()', 'fa-sign-out');  
$oMenu->AddButton('btn', 'Dialog', 'doclick()', 'fa-user');                                   
$oMenu->Activate();

$oLogin = new TNavLogin( 'myLogin', "SysCtrl");
$oLogin->ButtonLogin( 'Ingresar', 'login()');
$oLogin->lShow = false;
$oLogin->Activate();

$oWeb->End();

?>

<script> 

  var idLogin = "#myLogin";
  var lClose  = true;

  function ShowLogin() {
    console.log( idLogin );
    openLogin();
  }

  function Register() {
    closeLogin();
    JMsgYesNo("Se Registra ?", do_register);
  }

  function do_register() {
    JMsgPrompt( "Codigo Cliente :", valida_cliente, '', 'ingrese codigo' );
  }

  function valida_cliente( data ) {
    JMsgInfo("Codigo Correcto " + data);
  }
  
  function login() { 	

    closeLogin();

    var User      = getUser();    
    var Password  = getPassword(); 
    var aPar      = {};
  	aPar.action   = 'login';
  	aPar.usuario  = User;
    aPar.password = Password;
    MsgServer( './srv_login.php', response_login, aPar );					
  }	
  
  function response_login( dat ) {
  	console.log( "response = ", dat );

  	if ( dat.result ) {
  		MsgNotify( 'Acceso permitido', 'success', true );				
  	  location.href = 'menu.php';   
    } else {
      MsgNotify( 'Acceso no permitido', 'error', true );				
  	}
  }	
  
  function doclick() {
    console.log("click");
    if ( lClose ) {
      openLogin();
      lClose = false;
    } else {
      closeLogin();
      lClose = true;
    }
  }

</script>

<style>

#tweb_screen {
  background-position: center center !important;  
}  

.modal-open .modal {
   background-color: transparent !important;
}

</style>
Ejemplo funcional : Link del Test

Re: Actualización Class TNavLogin !!!

Publicado: Jue Feb 04, 2021 11:26 pm
por Cesar_SCS
Cambios en la tNavLogin
Imagen

se agrega el boton Cancelar y se puede asignar color de fondo y texto en los botones !

Código: Seleccionar todo

$oLogin = new TNavLogin( 'myLogin', "5%", "SysCtrl Login");
$oLogin->ButtonLogin( 'Ingresar', 'login()');
// $oLogin->ButtonCancel( 'Test', 'silogout()', 'white', 'blue' );
$oLogin->lShow = false;
$oLogin->Activate();