Ticket #673 (closed melhoria: fixed)

Opened 14 years ago

Last modified 12 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 12 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 12 years ago.
01-TelaExpressoAdmin.png Download (113.6 KB) - added by adriano 12 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 12 years ago.
Correção: Protótipo de tela para edição de Contas Compartilhadas (favor abrir com Google Chrome).

Change History

comment:1 Changed 14 years ago by alexandrecorreia

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

comment:2 Changed 14 years ago by wmerlotto

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

comment:3 Changed 14 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 14 years ago by niltonneto

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

comment:5 Changed 13 years ago by niltonneto

  • Version trunk deleted
  • Severity set to média

comment:6 Changed 12 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 12 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 12 years ago by niltonneto

  • Description modified (diff)

comment:9 in reply to: ↑ 7 Changed 12 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 12 years ago by adriano

  • Cc adriano@… added

Changed 12 years ago by adriano

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

comment:11 Changed 12 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 12 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 12 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 12 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 12 years ago by alexandrecorreia

comment:15 follow-up: ↓ 16 Changed 12 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 12 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 12 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 12 years ago by adriano

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

Changed 12 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 12 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 12 years ago by alexandrecorreia

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

comment:20 Changed 12 years ago by alexandrecorreia

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

comment:21 follow-up: ↓ 22 Changed 12 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 12 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 12 years ago by alexandrecorreia

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

comment:24 follow-up: ↓ 26 Changed 12 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 12 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 12 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 12 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 12 years ago by alexandrecorreia (previous) (diff)

comment:28 Changed 12 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 12 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 12 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 12 years ago by alexandrecorreia

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

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

comment:32 Changed 12 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 12 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 12 years ago by alexandrecorreia

Olá Douglas !

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

comment:35 Changed 12 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 12 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 12 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 12 years ago by angelo

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

comment:39 Changed 12 years ago by angelo

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

comment:40 Changed 12 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 12 years ago by angelo

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

comment:42 Changed 12 years ago by alexandrecorreia

Angelo !

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

comment:43 Changed 12 years ago by niltonneto

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

comment:44 Changed 12 years ago by angelo

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

comment:45 follow-up: ↓ 59 Changed 12 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 12 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 12 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 12 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 12 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 12 years ago by adriano

Ok.

comment:51 follow-up: ↓ 52 Changed 12 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 12 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 12 years ago by alexandrecorreia

Douglas !!

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

comment:54 in reply to: ↑ 53 ; follow-up: ↓ 55 Changed 12 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 12 years ago by douglas (previous) (diff)

comment:55 in reply to: ↑ 54 Changed 12 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 12 years ago by alexandrecorreia

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

comment:57 Changed 12 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 12 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 12 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 12 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 12 years ago by alexandrecorreia

Olá Adriano !

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

comment:62 Changed 12 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 12 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 12 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.