Ticket #673 (closed melhoria: fixed)

Opened 10 years ago

Last modified 8 years ago

Alteração de layout das janelas javascript.

Reported by: alexandrecorreia Owned by: alexandrecorreia
Priority: média Milestone: Expresso 2.4.0
Component: ExpressoMail Version: trunk
Severity: média Keywords: janela Javascript
Cc: adriano@… WorkGroup:

Description (last modified by niltonneto) (diff)

Alterar a implementação de todas as janelas Javascript do Expressomail, substituindo a biblioteca atual JSWin por JQuery.

Attachments

attach_messages-2.4.png Download (275.1 KB) - added by adriano 8 years ago.
Exemplo de tela em jQuery cuja ideia pode ser evoluída para o ExpressoMail como um todo
telaExpressoMail1.png Download (290.4 KB) - added by alexandrecorreia 8 years ago.
01-TelaExpressoAdmin.png Download (113.6 KB) - added by adriano 8 years ago.
Protótipo de tela para edição de Contas Compartilhadas (favor abrir com Google Chrome).
telas-1-expressoadmin.html Download (23.3 KB) - added by adriano 8 years ago.
Correção: Protótipo de tela para edição de Contas Compartilhadas (favor abrir com Google Chrome).

Change History

comment:1 Changed 10 years ago by alexandrecorreia

A alteração está sendo usada dentro do módulo IM, conforme ticket #370, revisão [1530].

comment:2 Changed 10 years ago by wmerlotto

Alexandre estas alterações farão parte da v2.1?

comment:3 Changed 10 years ago by niltonneto

  • Milestone changed from Expresso 2.1 to Expresso 2.2

A alteração dessas janelas, por enquanto, foram feitas somente no JMessenger. A idéia é melhorar o javascript JSWIN da API, utilizada pelos demais módulos.

comment:4 Changed 9 years ago by niltonneto

  • Owner changed from alexandrecorreia to ninguem
  • Milestone changed from Expresso 2.2 to Expresso 3.0

comment:5 Changed 9 years ago by niltonneto

  • Version trunk deleted
  • Severity set to média

comment:6 Changed 8 years ago by niltonneto

  • Owner changed from ninguem to alexandrecorreia
  • Version set to trunk
  • Milestone changed from Backlog do Produto to Expresso 2.4.0

Estamos querendo utilizar Jquery para todas as janelas JS do Expresso. O que acham?

comment:7 follow-up: ↓ 9 Changed 8 years ago by niltonneto

  • Component changed from API to ExpressoMail
  • Description modified (diff)

Alterar a implementação de todas as janelas Javascript do ExpressoMail?, substituindo a biblioteca atual JSWin por JQuery.

comment:8 Changed 8 years ago by niltonneto

  • Description modified (diff)

comment:9 in reply to: ↑ 7 Changed 8 years ago by wmerlotto

Replying to niltonneto:

Alterar a implementação de todas as janelas Javascript do ExpressoMail?, substituindo a biblioteca atual JSWin por JQuery.

Acho bacana!

comment:10 Changed 8 years ago by adriano

  • Cc adriano@… added

Changed 8 years ago by adriano

Exemplo de tela em jQuery cuja ideia pode ser evoluída para o ExpressoMail como um todo

comment:11 Changed 8 years ago by adriano

Aqui na Prognus estivemos trabalhando em uma funcionalidade do ExpressoMail que possibilita o anexo de mensagens de email em novas mensagens sendo criadas.

Utilizamos jQuery e jQuery-UI na interface e o resultado pode ser visto no screenshot em anexo e está disponível no trunk. Os arquivos referentes a interface estão disponíveis no diretório attach_message.

Ultimamente eu tenho incrementado a funcionalidade justamente pensando no ExpressoMail futuramente, ou seja, estou fazendo alguns testes e esta tela tem sido para mim uma pequena cobaia para uma futura proposta para o módulo como um todo.

comment:12 Changed 8 years ago by adriano

Se a idéia for não radicalizar tanto e, ao invés de reconstruir elementos (como a lista de emails, as abas e a árvore de pastas no exemplo dado), apenas modificarmos os já existentes, teremos que nos atentar para um problema que já nos deparamos aqui na Prognus ao utilizar jQuery: a estrutura HTML das telas do ExpressoMail.

Para utilizar todo o potencial do jQuery precisaríamos de uma marcação mais caprichada do que a que se encontra atualmente no módulo. Além disso os seletores CSS do jeito que estão definidos (genéricos demais) dificultam bastante a manutenção e mesmo a criação de novas funcionalidades.

Um exemplo é a lista de anexos na caixa de detalhes de uma mensagem, que era mais ou menos assim:

<tr class="tr_message_header">
        <td valign="top">Anexos: </td>
        <td align="left" id="attachments_2124_r">
                <a href="javascript:download_all_attachments('INBOX','2124')"> 3 arquivos :: Baixar todos de uma vez</a><br>
                <a href="javascript:download_attachments('INBOX','2124',0,'0.1','base64','amazing-aquarelle-paintings34.jpg')">amazing-aquarelle-paintings34.jpg (120 KB)<br></a>
                <a href="javascript:download_attachments('INBOX','2124',1,'0.2','base64','amazing-aquarelle-paintings11.jpg')">amazing-aquarelle-paintings11.jpg (64 KB)<br></a>
                <a href="javascript:download_attachments('INBOX','2124',2,'0.3','base64','DRIBLANDO REUNIÕES.doc')">DRIBLANDO REUNIÕES.doc (29 KB)<br></a>
        </td>
</tr>

e tivemos que deixar assim:

<div class="expressomail-attachments">
        <span class="expressomail-attachments-label">Anexos: </span>
        <ul class="expressomail-attachments-list" id="attachments_2124_r">
                <li><a class="expressomail-attachments-link-all" rel="download-all*" name="AllAttachments" href="javascript:download_all_attachments('INBOX','2124')"> 3 arquivos :: Baixar todos de uma vez</a></li>
                <li><a class="expressomail-attachments-link" rel="attachment" name="amazing-aquarelle-paintings34.jpg" href="javascript:download_attachments('INBOX','2124',0,'0.1','base64','amazing-aquarelle-paintings34.jpg')">amazing-aquarelle-paintings34.jpg (120 KB)</a></li>
                <li><a class="expressomail-attachments-link" rel="attachment" name="amazing-aquarelle-paintings11.jpg" href="javascript:download_attachments('INBOX','2124',1,'0.2','base64','amazing-aquarelle-paintings11.jpg')">amazing-aquarelle-paintings11.jpg (64 KB)</a></li>
                <li><a class="expressomail-attachments-link" rel="attachment" name="DRIBLANDO REUNIÕES.doc" href="javascript:download_attachments('INBOX','2124',2,'0.3','base64','DRIBLANDO REUNIÕES.doc')">DRIBLANDO REUNIÕES.doc (29 KB)</a></li>
        </ul>
</div>

Na verdade, naquela caixa de detalhes, não é só a lista de anexos que está sendo empecilho para utilização do jQuery, já identificamos a necessidade de reestruturação de outros elementos como a lista de destinatários, ou mesmo toda a caixa de detalhes e é nesse ponto que entra meu questionamento: a discussão de reestruturação da marcação HTML e utilização mais adequada do CSS está dentro do escopo deste ticket ou devemos utilizar outro?

comment:13 follow-up: ↓ 14 Changed 8 years ago by adriano

Um exemplo que evidencia um pouco mais o problema é o da listagem de imagens em anexo no rodapé da mensagem, que era assim:

!text/html
<table width="80%" style="border-top: 2px solid rgb(170, 170, 170);">
	<tbody>
	<tr class="tr_message_body">
		<td colspan="2" id="body_thumbs_2131_r">&nbsp;
			<font color="DARKBLUE" size="2"><b>3 anexos na mensagem</b></font><b></b> :: 
			<a class="message_options" href="javascript:download_all_attachments('INBOX','2131')">Baixar todos de uma vez</a>
			<br>
			<img src="templates/default/images/menu/ktip.png"><b>Dica:</b> Para salvar rapidamente, clique sobre a imagem com o <u>botão direito</u> do mouse.<br><br>
			<a onclick="window.open('./inc/show_img.php?msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.1','mywindow','width=700,height=600,scrollbars=yes');" href="#INBOX;;2131;;0;;0.1;;base64" onmousedown="save_image(event,this,&quot;image/jpeg&quot;)">
				<img src="./inc/show_thumbs.php?&amp;msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.1" title="Clique na imagem para Ampliar." style="border: 2px solid rgb(253, 231, 188); padding: 5px;" id="INBOX;;2131;;0;;0.1;;base64">
			</a>&nbsp;&nbsp;
			<a onclick="window.open('./inc/show_img.php?msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.2','mywindow','width=700,height=600,scrollbars=yes');" href="#INBOX;;2131;;1;;0.2;;base64" onmousedown="save_image(event,this,&quot;image/jpeg&quot;)">
				<img src="./inc/show_thumbs.php?&amp;msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.2" title="Clique na imagem para Ampliar." style="border: 2px solid rgb(253, 231, 188); padding: 5px;" id="INBOX;;2131;;1;;0.2;;base64">
			</a>&nbsp;&nbsp;
		</td>
	</tr>
	</tbody>
</table>

e tivemos que deixar assim:

!text/html
<div class="expressomail-thumbs" id="body_thumbs_2131_r">
	<div class="expressomail-thumbs-label"> 
		<span class="message_options">
			<strong>3 anexos na mensagem</strong>::
			<a href="javascript:download_all_attachments('INBOX','2131')">Baixar todos de uma vez</a>
		</span>
		<span class="message_tips">
			<strong>Dica:</strong>
			<span>Para salvar rapidamente, clique sobre a imagem com o <em>botão direito</em> do mouse.</span>
		</span>
	</div>
	<ul class="expressomail-thumbs-list">
		<li><a class="expressomail-thumbs-link" rel="thumbnail" onclick="window.open('./inc/show_img.php?msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.1','mywindow','width=700,height=600,scrollbars=yes');" href="#INBOX;;2131;;0;;0.1;;base64" onmousedown="save_image(event,this,&quot;image/jpeg&quot;)">
			<img src="./inc/show_thumbs.php?&amp;msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.1" title="Clique na imagem para Ampliar." id="INBOX;;2131;;0;;0.1;;base64">
		</a></li>
		<li><a class="expressomail-thumbs-link" rel="thumbnail" onclick="window.open('./inc/show_img.php?msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.2','mywindow','width=700,height=600,scrollbars=yes');" href="#INBOX;;2131;;1;;0.2;;base64" onmousedown="save_image(event,this,&quot;image/jpeg&quot;)">
			<img src="./inc/show_thumbs.php?&amp;msg_num=2131&amp;msg_folder=INBOX&amp;msg_part=0.2" title="Clique na imagem para Ampliar." id="INBOX;;2131;;1;;0.2;;base64">
		</a></li>
	</ul>
</div>

Alguns aspectos antigos, como ids e eventos onclick, foram mantidos para manter compatibilidade com outros pontos que não alteramos naquele momento.

comment:14 in reply to: ↑ 13 Changed 8 years ago by alexandrecorreia

Olá Adriano !

A sua pergunta respondo com outra pergunta, o que vc sugere é usar tableless ? Caso seja isso, o interessante seria abrir outro ticket.

Neste ticket a idéia é utilizar a Jquery para deixar a aparência das janelas do Expresso mais bonitas. Já estou quase terminando a parte de Pastas compartilhadas, onde utilizo xsl para montar o conteúdo da janela.

Estou anexando uma imagem da janela.

Changed 8 years ago by alexandrecorreia

comment:15 follow-up: ↓ 16 Changed 8 years ago by adriano

Olá Alexandre.

Na verdade o que me referi não foi tableless. A implementação do tableless veio como consequência do que foi necessário e ainda será se quisermos utilizar todo o potencial do jQuery.

Eu me referia à necessidade de marcação semântica adequada (passa por tableless), criação de uma estrutra coerente de classes dos elementos (vide Drupal, ou mesmo a marcação criada por plugins jQuery robustos), utilização moderada de ids de elementos, etc.

Sem marcação semântica adequada somos obrigados a criar artifícios para aplicar os seletores (jQuery ou CSS), manipular elementos e atributos adicionando demasiada complexidade de processamento e até de manutenção de código.

Mas outra demanda que achamos imprescindível para o escopo destas mudanças, mas eu acabei esquecendo de escrever, é a necessidade de uso de templates (com com o mínimo de acoplamento) para todas aquelas funções de criação de telas e elementos no draw_api.js.

Quanto ao uso de XSL, fiquei curioso para saber como ficou. Você tem o código disponível em algum lugar que eu possa acessar? Nós temos usado basicamente jQuery, jQuery-UI, JSON e outros plugins jQuery de licensa livre. Sem nenhum XML.

Espero que eu tenha conseguido me expressar melhor. E aí te devolvo mais uma vez a mesma pergunta: é do escopo deste ticket?

Ainda acrescento: o que realmente é do escopo deste ticket? De início pensei que era apenas uma discussão para tomar um rumo, mas vejo que você já tem um rumo e está implementando. De qualquer forma, foi ótima a iniciativa, pois na minha opinião já tardamos a começar a substituir o código javascript do Expresso por jQuery.

comment:16 in reply to: ↑ 15 Changed 8 years ago by alexandrecorreia

Olá Adriano.

Acho melhor ser colocado em outro ticket pois realmente é importante a questão semântica. Até o final da tarde devo terminar esta parte e faço o commit para vc dar uma olhada. Usando o xsl ficou fácil colocar o código sem muitas mudanças.

Tb acho muito bacana a JQuery.

comment:17 follow-up: ↓ 18 Changed 8 years ago by adriano

Ah! Agora entendi que seu objetivo é reaproveitar. Por isso não estavamos nos entendendo.

Na minha opinião temos que refazer. Inclusive repensar componentes com mais usabilidade. Por exemplo, naquela tela do seu screenshot mantém-se aquele componente de seleção de usuários (as duas caixas grandes), mas eu acho que temos que repensar componentes como esse e desenvolver novos que implementem a mesma funcionalidade mas com mais usabilidade e baseado em padrões mais modernos que são esperados pelos nosso usuários finais (e facilmente implementáveis em jQuery). Para este componente especificamente temos um exemplo na agenda nova sendo desenvolvida, na adição de participantes de um novo evento. Se você puder, por favor instale este novo módulo que é todo feito em jQuery e nos dê um feedback.

Tenho aqui um protótipo de tela para gerenciar contas compartilhadas que acabamos adiando a implementação e não foi mais mexida. Vou anexar, mas abra de preferência no Chrome porque, como era um protótipo e feito ás pressas, não deu pra fazer crossbrowser. Neste protótipo tem propostas de utilização de novos componentes em substituição dos que temos hoje. Tem umas interações de exemplo que foi o que deu para implementar no tempo que tive. Um exemplo é clicar no ícone de edição (lápis) de um item da lista de "Usuários da conta", para setar as permissões.

Changed 8 years ago by adriano

Protótipo de tela para edição de Contas Compartilhadas (favor abrir com Google Chrome).

Changed 8 years ago by adriano

Correção: Protótipo de tela para edição de Contas Compartilhadas (favor abrir com Google Chrome).

comment:18 in reply to: ↑ 17 Changed 8 years ago by alexandrecorreia

Iniciei este trabalho em consequência da sincronização do Expresso 2.2 - ticket #1808, conforme listagem repassada anteriormente pra nós. Este item tem a ver ao "Compartilhar pastas" do ExpressoMail?, e não o "Contas Compartilhadas" do ExpressoAdmin. Portanto, estou apenas corrigindo e já fazendo o uso do Jquery apenas nessa janelinha, assim como foi feita busca pela tecla "F9".

A proposta inicial é deixar do jeito que está funcionando, utilizando a Jquery para melhorar um pouco o layout. Ficou bacana este seu prototipo.

comment:19 Changed 8 years ago by alexandrecorreia

Revisão [5432] - Inclusão do arquivo xtools.js para carregamento na index do modulo.

comment:20 Changed 8 years ago by alexandrecorreia

Revisão [5433] - Alteração do arquivo xtools.js.

comment:21 follow-up: ↓ 22 Changed 8 years ago by alexandrecorreia

Revisão [5440] - Utilizando a Jquery para o novo visual de dialogs do Expresso.

Os itens "Editar Pastas" e "Limpar Lixeira" já estão com o novo visual.

comment:22 in reply to: ↑ 21 ; follow-up: ↓ 27 Changed 8 years ago by wmerlotto

Replying to alexandrecorreia:

Revisão [5440] - Utilizando a Jquery para o novo visual de dialogs do Expresso.

Os itens "Editar Pastas" e "Limpar Lixeira" já estão com o novo visual.

Show!

Alexandre, só para que você esteja ciente, nós temos uma nova implementação da tela de filtros, baseada em jquery... Aí, praticamente fecha o conjunto de telas do ExpressoMail.

comment:23 Changed 8 years ago by alexandrecorreia

Revisão [5449] - Padronizando o Sim/Não? nas janelas.

comment:24 follow-up: ↓ 26 Changed 8 years ago by gustavo

Alexandre, notei que após o seu commit r5440, a funcionalidade de pesquisa rápida parou de funcionar, tenho quase certeza que foi alguma alteração no arquivo TreesS.js que fez o problema ocorrer.

comment:25 Changed 8 years ago by douglas

Gustavo, aparentemente após o commit [5451] as inconsistências nas pesquisas rápida e avançada foram solucionadas. Ainda assim, vou testar mais.

comment:26 in reply to: ↑ 24 Changed 8 years ago by alexandrecorreia

Ola Gustavo !!

Pode deixar que eu arrumo. Como fiz a mudança eu vi que a parte das pastas, não estava mais montando !

comment:27 in reply to: ↑ 22 Changed 8 years ago by alexandrecorreia

Ola William !!

Legal !! Se vcs quiserem comitar esta parte dos filtros, aí tb ja posso testar !! Hoje estou terminando a parte de "Compartilhar pastas" e depois o item "Pesquisar".

Last edited 8 years ago by alexandrecorreia (previous) (diff)

comment:28 Changed 8 years ago by alexandrecorreia

Revisão [5458] - O item "Compartilhamento de pastas", já com as novas dialogs e faltando apenas sincronizar com as modificações do ticket #1808.

comment:29 Changed 8 years ago by alexandrecorreia

Revisão [5471] - O item "Buscar (Emails)", já está com a nova dialog faltando APENAS ACERTAR A BUSCA DOS EMAILS. Estou enviando no próximo commit ( até SEGUNDA-FEIRA FAÇO O COMMIT, APENAS TESTANDO AS MUDANÇAS ).

comment:30 Changed 8 years ago by alexandrecorreia

Revisão [5473] - A função "Adição rápida de contatos", já está com a nova dialog.

comment:31 Changed 8 years ago by alexandrecorreia

Revisão [5474] - A janela "Bloquear remetente", tb já está modificada com a nova dialog.

Last edited 8 years ago by alexandrecorreia (previous) (diff)

comment:32 Changed 8 years ago by alexandrecorreia

Revisão[5475] - A janela "Procurar Usuários no Catálogo Geral", tb já esta modificada com a nova dialog.

comment:33 follow-up: ↓ 34 Changed 8 years ago by douglas

Olá Alexandre, confirme para mim. Notei alguns problemas após o commit. A tela de pesquisa avançada de mensagens está sem ação ao pressionar o botão "Busca" e ao realizar uma pesquisa rápida, a tela de pesquisa avançada é aberta sobreposta aos resultados da pesquisa rápida.

comment:34 in reply to: ↑ 33 Changed 8 years ago by alexandrecorreia

Olá Douglas !

Teste novamente, fiz o commit que faltava conforme a notação que coloquei acima.

comment:35 Changed 8 years ago by douglas

Olá Alexandre!

Quase perfeito. Aparentemente só notei um problema. A pesquisa rápida por mensagens ainda apresenta um erro de Javascript:

Element("check_all_msg") is null

na linha 23 do arquivo search.js.

comment:36 Changed 8 years ago by angelo

Adicionada correção para o problema da pesquisa onde o elemento "check_all_msg" era acessado antes de ser criado. Corrigido na  r5484.

comment:37 Changed 8 years ago by douglas

Olá Alexandre,

Identificamos outro problema, que não tinha sido notado até então. Após o commit [5440], em que a tela de editar pastas passou a utilizar o novo visual, nesta mesma tela não foi mais listado as pastas compartilhadas na qual um usário tem permissão de acesso.

comment:38 Changed 8 years ago by angelo

Adicionada correção na visualização de pastas compartilhadas na tela de pesquisa na  r5580.

comment:39 Changed 8 years ago by angelo

Adicionada correção na visualização na janela de edição de pastas na  r5581.

comment:40 Changed 8 years ago by alexandrecorreia

Ola Angelo e Douglas !!

Retornei de férias hoje ( 08/03 ), estou vendo as correções adicionadas. Existe algum outro erro ?

comment:41 Changed 8 years ago by angelo

Olá Alexandre. Até o momento corrigidos todos os problemas que encontramos.

comment:42 Changed 8 years ago by alexandrecorreia

Angelo !

No item Ferramentas->Limpar lixeira, o aviso foi retirado ?

comment:43 Changed 8 years ago by niltonneto

Parou de funcionar mesmo. E não dá nenhum erro de Javascript....

comment:44 Changed 8 years ago by angelo

Olá Alexandre e Niltonneto. Corrigido o problema do item Limpar lixeira na  r5688.

comment:45 follow-up: ↓ 59 Changed 8 years ago by gustavo

Olá Alexandre,

Além dos bugs que já era de nosso conhecimento, houve a necessidade da definição do DOCTYPE para viabilazar o cross-browsing no expresso, o que gerou vários bugs e temos urgência na resolução destes bugs. Sendo alguns deles, provenientes do xtools.

Para ajudar na correção dos bugs atuais do expressoMail e dos que surgiram com a definição do DOCTYPE, precisamos entender melhor o xtools.

Em primeiro lugar, precisamos de referencias pois não encontramos referencias suficientes para nos guiar no entendimento e uso desta ferramenta.

Segundo, precisamos entender as necessidades que justificaram a adoção desta ferramenta, pois não está claro para nós os criterios que levaram à escolha desta, dentre outras alternativas que pudessem haver.

Em tempo, o DOCTYPE utilizado foi XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

comment:46 Changed 8 years ago by alexandrecorreia

Olá Gustavo.

Como estavamos trabalhando com o jabber(xmpp, sendo xml),vimos que se pudessemos pegar esta resposta e enviar direto para o navegador, não precisariamos manipular ou criar arquivos em javascript com várias linhas de código para montar uma telinha.

A idéia era manipular todo o xml dentro de um "template" (se assim posso chamar) xsl, diminuindo assim arquivos js e montando pequenos e leves arquivos para o carregamento/montagem das páginas.

comment:47 Changed 8 years ago by alexandrecorreia

Olá Gustavo.

Podemos analisar uma solução melhor para diminuir os arquivos em javascript. Dentro das modificações propostas por vcs, existe alguma outra alternativa ?? Estou a disposição para ajudar encontrar uma alternativa melhor. Fico no aguardo.

comment:48 Changed 8 years ago by adriano

Olá, Alexandre,

Na proposta da nova API, temos utilizado templates EJS obtidos com simplicidade através do DataLayer? (javascript). A vantagem do motor EJS de renderização é a possibilidade de se utilizar javascript dentro dos templates, embora deva ser utilizado com muita cautela para que haja desacoplamento do processamento dos elementos (como a aplicação de widgets como no caso da dialog do jQuery).

Para processamento visual dos elementos da tela (coisas como aplicar plugins e widgets, aplicar bind de eventos, remover, formatar, etc.) temos utilizado jQuery, o mais livre possível de DOM.

A quantidade de código diminuiu bastante em relação ao que era utilizado anteriormente. É fácil de perceber olhando para os códigos do draw_api.js do expressoMail que constrói uma quantidade absurda de elementos de tela através de javascript (e, pior, em DOM, a forma mais verbosa). Se esses elementos viessem de templates como proposto, a diminuição de código seria significativa.

Também aumentou a facilidade de manutenção e expansão das funcionalidades. Principalmente quando observada algumas práticas de desacoplamento, como (1) templates mínimos (por exemplo, elementos de lista estão em templates separados da lista que os contém), (2) marcação adequada com classes significativas e pouco específicas nos elementos HTML, (3) seletores mais específicos (compostos) no jQuery e no CSS, (4) NÃO utilização do atributo id nos elementos HTML, etc..

comment:49 Changed 8 years ago by alexandrecorreia

Maravilha então !!! Vou dar uma olhada e tiro esta parte do xtools e coloco esta nova forma de renderização. Pode ser ?

comment:50 Changed 8 years ago by adriano

Ok.

comment:51 follow-up: ↓ 52 Changed 8 years ago by alexandrecorreia

Além disso, para este fim existe mas alguma coisa que vcs estão trabalhando aí que seja relevante também ser visto aqui por nós? Pois assim podemos ajudar e trabalhar melhor dentro do que está sendo sugerido para esta versão do trunk.

comment:52 in reply to: ↑ 51 Changed 8 years ago by douglas

Replying to alexandrecorreia:

Além disso, para este fim existe mas alguma coisa que vcs estão trabalhando aí que seja relevante também ser visto aqui por nós? Pois assim podemos ajudar e trabalhar melhor dentro do que está sendo sugerido para esta versão do trunk.

Olá Alexandre!

Entrei em contato via e-mail para que possamos conversar :)

comment:53 follow-up: ↓ 54 Changed 8 years ago by alexandrecorreia

Douglas !!

Dá uma "olhadela", Revisão [5744].

comment:54 in reply to: ↑ 53 ; follow-up: ↓ 55 Changed 8 years ago by douglas

Replying to alexandrecorreia:

Douglas !!

Dá uma "olhadela", Revisão [5744].

Jóia Alexandre!! Qual tela você trabalhou neste commit?? Compartilhamento de pastas?

Last edited 8 years ago by douglas (previous) (diff)

comment:55 in reply to: ↑ 54 Changed 8 years ago by alexandrecorreia

Foi o item "Editar pastas"

Replying to douglas:

Replying to alexandrecorreia:

Douglas !!

Dá uma "olhadela", Revisão [5744].

Jóia Alexandre!! Qual tela você trabalhou neste commit?? Compartilhamento de pastas?

comment:56 Changed 8 years ago by alexandrecorreia

Revisão [5751] - item busca de emails utilizando ejs.

comment:57 Changed 8 years ago by adriano

Alexandre,

Existem algumas questões que PRECISAMOS alinhar com relação à utilização do ejs + jquery + jquery-ui.

Por isso é de EXTREMA IMPORTÂNCIA a reunão sugerida pelo Douglas, ANTES que continuemos a refatorar as telas do expressoMail, para que não haja mais retrabalho no futuro.

comment:58 Changed 8 years ago by alexandrecorreia

Só estou retirando o xtools !! Quando a refatoração das telas, realmente a reunião é de extrema importância.

comment:59 in reply to: ↑ 45 Changed 8 years ago by douglas

Replying to gustavo:

Olá Alexandre,

Além dos bugs que já era de nosso conhecimento, houve a necessidade da definição do DOCTYPE para viabilazar o cross-browsing no expresso, o que gerou vários bugs e temos urgência na resolução destes bugs. Sendo alguns deles, provenientes do xtools.

Para ajudar na correção dos bugs atuais do expressoMail e dos que surgiram com a definição do DOCTYPE, precisamos entender melhor o xtools.

Em primeiro lugar, precisamos de referencias pois não encontramos referencias suficientes para nos guiar no entendimento e uso desta ferramenta.

Segundo, precisamos entender as necessidades que justificaram a adoção desta ferramenta, pois não está claro para nós os criterios que levaram à escolha desta, dentre outras alternativas que pudessem haver.

Em tempo, o DOCTYPE utilizado foi XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

A implementação do suporte à diretiva DOCTYPE será comitada no ticket #2549.

comment:60 Changed 8 years ago by adriano

Olá Alexandre,

Nos comentários acima, eu tenho proposto alguns cuidados e sujestões de padronização da organização e codificação, conforme as experiências aqui da nossa equipe.

Vocês podem sugerir conforme as experiências de vocês aí. O importante é que no final tenhamos alinhadas todas as padronizações, conforme convergir a discussão.

Caso discordem das sugestões dadas, podemos reconsiderar através de uma discussão aberta. Mas é necessário discutirmos e definirmos as melhores práticas, e que elas sejam convenientes a todos.

Para isso, peço que pondere sobre as sugestões dadas e emita seu parecer, para que possamos, a partir daí, definir tal padronização.

comment:61 Changed 8 years ago by alexandrecorreia

Olá Adriano !

Perfeito !! Só precisamos então sentar e conversar !

comment:62 Changed 8 years ago by adriano

Ok, mas enquanto não conseguimos viabilizar esta reunião, qual o seu parecer sobre os comentários acima (desde o comment 11)?

comment:63 Changed 8 years ago by alexandrecorreia

  • Status changed from new to closed
  • Resolution set to fixed

Conforme nosso bate-papo, estou finalizando este ticket !

comment:64 Changed 8 years ago by douglas

Olá Alexandre e demais!!

Amanhã estaremos startando a página Wiki aqui no Trac, já implementando o modelinho da nossa conversa.

Também irei criar dois tickets para começarmos o trabalho em duas telas no ExpressoMail?, um ticket para cada tela, que são:

  • Tela de salvar contato da mensagem no ContactCenter
  • Tela de salvar mensagem que está sendo enviada em uma pasta a critério do usuário (configurado nas preferências).
Note: See TracTickets for help on using tickets.