Alterar o layout da aplicação dinamicamente.

Alterar o layout da aplicação dinamicamente. Bom dia pessoal, alguem poderia me dizer se é possível e como fazer para alterar o layout da aplicação dinamicamente? Por exemplo, preciso, de dentro de Formulario (TForm), alterar uma informação inseria previamente no layout. Pra ser mais claro, imaginem que inseri no layout um label que fica ao lado do combo de busca (template ERPIII), em função de algumas coisas que verifico na clas...

Fechado

Geraldo Jose 22/04/2016 (há 8 anos)

Bom dia pessoal,

alguem poderia me dizer se é possível e como fazer para alterar o layout da aplicação dinamicamente? Por exemplo, preciso, de dentro de Formulario (TForm), alterar uma informação inseria previamente no layout. Pra ser mais claro, imaginem que inseri no layout um label que fica ao lado do combo de busca (template ERPIII), em função de algumas coisas que verifico na classe eu preciso mudar esse label.

Desde já agradeço.

Curso completo Meu Negócio Pronto

Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos

Meu negócio pronto Quero me inscrever agora!

Comentários (7)

Jhef Dev 22/04/2016 (há 8 anos)

Olá Geraldo, tudo bom?
É possível sim, verifique seu arquivo index.php
Procure por:

<?php
$theme = 'theme3';
?>

É esta a variável responsável por carregar o tema da aplicação, sugiro que você alimente esta variavel com uma informação da sessão, por exemplo:

<?php
$theme = empty(TSession::getValue('tema')) ? 'theme3' : TSession::getValue('tema');
?>

Assim basta você criar uma rotina que sete este valor na sessão, por exemplo:

<?php
TSession::setValue('tema','theme2');
?>

Lembre-se, é importante recarregar a aplicação inteira apos setar isso na sessão, você pode fazer com:

location.reload(true);

Pronto, você terá como trocar o tema dinamicamente, só tome cuidado ao utilizar componentes exclusivos de um tema, pois isso pode gerar uma desconfiguração na tela.
Sabemos que o tema 'theme3' é o AdminLTE, sendo assim, posso consumir todos os recursos deste tema utilizando a classe TElement para criar os componentes, como os widgets por exemplo, e montar uma dashboard como esta https://almsaeedstudio.com/themes/AdminLTE/index.html
Se eu mudar o tema, vou perder toda a estrutura CSS do mesmo, fazendo com que minha dashboard fique desconfigurada, nesse caso é necessário criar uma dashboard com os componentes de cada tema e carregar a dashboard de acordo com o tema escolhido.
Espero ter ajudado.

Geraldo Jose - AUTOR DO POST 22/04/2016 (há 8 anos)

Olá Jheferson,

muito obrigado pelo retorno. Creio que o que você disse vai me ajudar.... qq dúvida posto aqui novamente.

Marcus Monteiro 25/04/2016 (há 8 anos)

Jheferson, gostei muito do link acima com os dashboards. Foi vc quem fez?

Jhef Dev 26/04/2016 (há 8 anos)

Olá Marcus, tudo bom?
O link que apresentei anteriormente é um link demo do tema AdminLTE que é utilizado pelo Adianti como 'theme3' no Template ERP.
Se você gostou sugiro que estude a documentação do tema, veja em:

https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html

Estude também a classe TElement ela permite a criação de novos componentes.
Futuramente irei postar novos componentes que estou desenvolvendo e que são voltados para a criação de dashboards.
Mas até la, tente o seguinte:

1- Criando um componente: Crie o componente TSmallCard.

TSmallCard.class.php

<?php
class TSmallCard {
private $main = null;
const CardAcua = "bg-aqua";
const CardGreen = "bg-green";
const CardRed = "bg-red";
const CardYellow= "bg-yellow";
public function __construct($title,$value,$iconCLass,$color,$linkHref=null,$linkText=null) {
$divParent = new TElement("div");
$divParent->class = "col-lg-3 col-xs-6";
$div = new TElement("div");
$div->class = "small-box $color";
$divInner = new TElement("div");
$divInner->class = "inner";
$divInner->add("<h3>$value</h3>
<p>$title</p>");
$divIcon = new TElement("div");
$divIcon->class = "icon";
$icon = new TElement("i");
$icon->class = $iconCLass;
$link = new TElement("a");
$link->class = "small-box-footer";
$link->href = $linkHref;
$link->add($linkText."<i class=\"fa fa-arrow-circle-right\"></i>");
$divIcon->add($icon);
$div->add($divInner);
$div->add($divIcon);
$div->add($link);
$divParent->add($div);
$this->main = $divParent;
}
public function show(){
echo $this->main;
}
}
?>

Salve este arquivo na pasta app/lib/util/

2- Crie um controle TDashBoard
TDashBoard.class.php

<?php
class TDashBoard extends TPage {
private $datagrid;
public function __construct($param) {
parent::__construct();
//TPage::include_css('app/lib/morrisChart/morris.css');
//TPage::include_js('http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js');
//TPage::include_js('app/lib/morrisChart/morris.js');
//montando o cabeçalho
$cabecalho = new TElement("section");
$cabecalho->class = "content-header";
$cabecalho->add('<h1>
Dashboard
<small>Exemplo</small>
</h1>');
$breadcrumb = new TElement("ol");
$breadcrumb->class = "breadcrumb";
$breadcrumb->add('
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Dashboard</li>');
$cabecalho->add($breadcrumb);
//montanto corpo
$corpo = new TElement("section");
$corpo->class = "content";
//criando linha
$linha1 = new TElement("div");
$linha1->class = "row";
//criando os widgets
$cardAzul = new TSmallCard("Vendas","237,00","fa fa-bar-chart",TSmallCard::CardAcua,"#","Azul");
$cardAmarelo = new TSmallCard("Compras","9.885,32","fa fa-user",TSmallCard::CardYellow,"#","Amarelo");
$cardVermelho = new TSmallCard("Gastos","5,50","fa fa-thumbs-o-up",TSmallCard::CardRed,"#","Vermelho");
$cardVerde = new TSmallCard("Lucro Real","20,19","fa fa-lock",TSmallCard::CardGreen,"#","Verde");
$linha1->add($cardAzul);
$linha1->add($cardAmarelo);
$linha1->add($cardVermelho);
$linha1->add($cardVerde);
$corpo->add($linha1);
parent::add($cabecalho);
parent::add($corpo);
}
function show() {
parent::show();
}
}
?>

Coloque o arquivo na pasta app/control/

3- Va em programas no menu Administração->Programas e adcione a classe TDashBoard
4- Vá no seu usuário ou no seu grupo de usuário e adicione o programa criado no item 3.
5- Vá na url do seu app e faça a chamada da classe TDashBoard por exemplo: localhost/meuapp/?class=TDashBoard
Pronto!

Veja o resultado, estude as classes.
Não abstrai muita coisa, para mostrar como funciona a classe TElement e como ela é útil.

Jhef Dev 26/04/2016 (há 8 anos)

Lembrando que para funcionar você deve usar o 'Theme3'.

Einstein Oliveira 19/09/2016 (há 7 anos)

Jheferson, bom dia, Excelente o exemplo que postou, só gostaria de colaborar com uma dica que por eu ser iniciante com o Adianti e php acabei sofrendo um poco para resolver (kkk), mas eu chego lá. Na linha 32 do TSmallCard.class.php precisa trocar a primeira e última aspa por apóstrofo, da forma como está escrita a linha ocorre o erro abaixo Parse error: syntax error, unexpected 'fa' (T_STRING) in C:\wamp64\www\adelino\app\lib\util\TSmallCard.class.php on line 24 A linha alterada deve ficar da seguinte forma: $link->add($linkText.'<i class="fa fa-arrow-circle-right"></i>'); Espero ter colaborado com a dica. Abraço

Ivan Liberato 03/10/2016 (há 7 anos)

Ola, Jheferson Fonseca

Fiz aqui e funcionou,

Como faço para colocar as div e um datagrid pois as divs nao estao no tamanho correto.