serenitybrasil / SerenityBrasil

Local para estudos da plataforma Serenity - Brasil e América Latina
8 stars 2 forks source link

Aparência do LookupEditor #153

Open GilsonCamargo opened 5 years ago

GilsonCamargo commented 5 years ago

07/05/2019 00:07 - Euclides Serenity Recife PE: Boa noite pessoas. 07/05/2019 00:07 - Euclides Serenity Recife PE: Coloquei um lookupEditor no Dashboard do sistema, mas queria deixar a aparecia dele melhor 07/05/2019 00:08 - Euclides Serenity Recife PE: Alguém sabe onde eu devo ajustar isso? 07/05/2019 00:08 - Euclides Serenity Recife PE: WhatsApp Image 2019-05-07 at 00 08 06 07/05/2019 00:08 - Euclides Serenity Recife PE: Esse LookupEditor está na página _Layout.cshtml 07/05/2019 06:03 - Julierme Felix Serenity: Tem que mexer no CSS dele 07/05/2019 07:03 - Euclides Serenity Recife PE: Onde? 07/05/2019 08:00 - Euclides Serenity Recife PE: esta assim atualmente 07/05/2019 08:01 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 08 01 03

07/05/2019 08:35 - Rolemberg Filho: Bom dia @558187272495 . Geralmente o CSS do serenity fica no arquivo site.less 07/05/2019 08:38 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 08 38 41

07/05/2019 08:38 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 08 38 51

07/05/2019 08:41 - Rolemberg Filho: < WhatsApp Image 2019-05-07 at 08 41 38

07/05/2019 08:41 - Rolemberg Filho: Não consigo ver aqui pois estou no cel 07/05/2019 08:42 - Euclides Serenity Recife PE: Já tentei isso 07/05/2019 08:42 - Euclides Serenity Recife PE: vou tentar isso 07/05/2019 08:42 - Rolemberg Filho: Printa a tela desse dropdownlist 07/05/2019 08:46 - Julierme Felix Serenity: use a mesma classe o user-menu 07/05/2019 08:57 - Euclides Serenity Recife PE: o negócio é que esse LookupEditor é exibido lá através de jQuery. 07/05/2019 08:57 - Euclides Serenity Recife PE: Assim é como está ficando: 07/05/2019 08:57 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 08 57 11

07/05/2019 08:58 - Euclides Serenity Recife PE: Esse ó html do controle 07/05/2019 08:58 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 08 58 06

07/05/2019 08:59 - Euclides Serenity Recife PE: Lá no fim do _Layout.cshtml o javascript pra incluir o Lookup 07/05/2019 08:59 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 08 59 07

07/05/2019 08:59 - Euclides Serenity Recife PE: Funciona, aparece o lookup, mas ele fica bem feio. 07/05/2019 08:59 - Euclides Serenity Recife PE: Eu queria deixar ele mais agradável. 07/05/2019 09:46 - Fábio de Mello Luiz FATEC: vc pode enviar uma cópia do _Layout.cshtml ? 07/05/2019 09:46 - Euclides Serenity Recife PE: agora 07/05/2019 09:46 - Euclides Serenity Recife PE: vou só desfazer os meus testes aqui, 1 minuto 07/05/2019 09:51 - Julierme Felix Serenity: voce pode definir o css no layout 07/05/2019 09:51 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 09 51 41

07/05/2019 09:52 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 09 52 11

07/05/2019 09:52 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 09 52 45

07/05/2019 09:58 - Julierme Felix Serenity: ou cria por exemplo uma classe chamada entidade 07/05/2019 09:58 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 09 58 20

07/05/2019 09:58 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 09 58 33

07/05/2019 09:58 - Julierme Felix Serenity: < WhatsApp Image 2019-05-07 at 09 58 54

07/05/2019 10:17 - Fábio de Mello Luiz FATEC: Obrigado

GilsonCamargo commented 5 years ago

Soluções Encontradas: WhatsApp Image 2019-05-07 at 21 17 57 (Eu editei o arquivo _Layout.cshtml. A primeira coisa foi incluir o namespace da classe que eu ia usar aqui:

@using Plenae.Basico.Entities;)

07/05/2019 21:19 - Euclides Serenity Recife PE: Para ajustar a largura do LookupEditor que eu coloquei no topo a direita, na barra de navegação eu apenas ajustei o css do componente conforme o print ai embaixo: 07/05/2019 21:19 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 21 19 25

07/05/2019 21:19 - Euclides Serenity Recife PE: 07/05/2019 21:19 - Euclides Serenity Recife PE: Eu sei, não é a melhor solução, mas serviu por enquanto. Vou procurar outras formas de melhorar isso em outro momento. 07/05/2019 21:21 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 21 21 29

07/05/2019 21:22 - Euclides Serenity Recife PE: Esse trecho:

data-id-entidade="@(entidade != null ? entidade.EntidadeId : null) eu uso pra definir o id da Entidade que eu estou usando e poder acessar essa propriedade via javascript 07/05/2019 21:23 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 21 23 15

07/05/2019 21:24 - Euclides Serenity Recife PE: Declarei uma variável para pegar o LookupEditor do html `` var $listaEntidades = $('#listaEntidades'); 07/05/2019 21:25 - Euclides Serenity Recife PE: Inclui o evento onChange no LookupEditor:

lookup.change(a => { let entidade = lookup.selectedItem;

            $.post("@Url.Action("Entidade", "Dashboard")", { entidade: entidade }, function (data) {
                console.log(data);
            });
        });

`` 07/05/2019 21:25 - Euclides Serenity Recife PE: Aqui eu pego o item selecionado:

let entidade = lookup.selectedItem; 07/05/2019 21:26 - Euclides Serenity Recife PE: E aqui eu chamo um método lá no controler pra jogar o item selecionado na variável de sessão: $.post("@Url.Action("Entidade", "Dashboard")", { entidade: entidade }, function (data) { 07/05/2019 21:26 - Euclides Serenity Recife PE: Essa função tem um retorno, eu não vou precisar disso, apenas joguei o retorno no console: console.log(data); 07/05/2019 21:27 - Euclides Serenity Recife PE: Esta mensagem foi apagada 07/05/2019 21:28 - Euclides Serenity Recife PE: < WhatsApp Image 2019-05-07 at 21 28 40

07/05/2019 21:29 - Euclides Serenity Recife PE: Também tem um retorno, que eu não preciso, por isso joguei um isOk = true 07/05/2019 21:31 - Euclides Serenity Recife PE: Dessa forma, toda vez que a página é carregada, eu verifico se a variável de sessão está preenchida e seto o LookupEditor com o valor da variável de sessão.

Então, mesmo que eu mude de página, o lookup sempre está exibindo a Entidade que o usuário deixou selecionada. 07/05/2019 21:31 - Euclides Serenity Recife PE: Essa informação vai servir para ser usada como parâmetro e como filtro em todo o sistema. Sempre que eu for gravar alguma coisa eu pego a entidade dai, sempre que eu for exibir uma lista eu pego a entidade dai também. 07/05/2019 21:33 - Euclides Serenity Recife PE: É parecido com o tutorial de MultiEmpresas do Volkan, mas nesse caso é apenas uma Empresa, que atende diversas outras, e os usuários podem fazer parte de mais de uma empresa ao mesmo tempo. O controle é para contextualizar as ações que ele está fazendo. 07/05/2019 21:34 - Euclides Serenity Recife PE: Pronto, é isso ai. 07/05/2019 21:34 - Euclides Serenity Recife PE: espero que tenham entendido e que seja útil pra vocês de alguma forma. 07/05/2019 21:36 - Rolemberg Filho: show! 07/05/2019 21:36 - Rolemberg Filho: parabéns!