Diferentes elementos

[GoogleCodeExporter]

Objetivo:
Incluir diferentes elementos.

Motivo:
Os modelos hierárquicos de tarefas são formados por diferente tipos de 
elementos, atualmente há apenas o que representa a tarefa simples e sua 
ligação, é preciso desenvolver a meta (retângulo com bordas arredondadas), 
tarefa opcional (retângulo pontilhado), os diferentes esteriótipos (O, 
ubíqua, 1..2, A..B, *) e os labels dos elementos.

Original issue reported on code.google.com by CorsoThr...@gmail.com on 6 Mar 2012 at 12:57

[GoogleCodeExporter]

Através do border-style do elemento Tarefa, foi possível representar a Tarefa 
Opcional utilizando a borda "dashed" ao invés da "solid".

Original comment by CorsoThr...@gmail.com on 18 Mar 2012 at 4:33

[GoogleCodeExporter]

Tentar usar o border-radius para representar a meta.

Original comment by CorsoThr...@gmail.com on 18 Mar 2012 at 4:34

[GoogleCodeExporter]

Original comment by CorsoThr...@gmail.com on 18 Mar 2012 at 4:36

• Changed state: Started

[GoogleCodeExporter]

Alterando a classe MooTools (draw2d/single) foi possível add o atributo 
borderRadius e assim criar o elemento Meta, que por hora é apenas a Tarefa com 
bordas arredondadas.

Original comment by CorsoThr...@gmail.com on 20 Mar 2012 at 1:35

[GoogleCodeExporter]

Estudando possibilidades de escrever dentro das divs que representam os 
elementos, até agora cheguei em duas possibilidades:

1 - Add uma textarea dentro da div e fazer com que ela seja dinâmica em 
relação a div. Problema: está bem complicado fazer a relação entre a div e 
a textarea.

2 - Abrir uma popup de JS, daí o que for escrito nela será o texto da div. No 
draw2d os elementos possuem o atributo innerHtml, daria para usar isso para 
escrever.  

Original comment by CorsoThr...@gmail.com on 30 Mar 2012 at 12:49

[GoogleCodeExporter]

Blz, ainda que com algumas limitações consegui fazer com que o que é escrito 
no prompt do JS apareça dentro do elemento, utilizei DOM que manipula os IDs 
dos elementos para ter o dinamismo no texto. PS: isso ocorre no doubleClick da 
Figure. 

Original comment by CorsoThr...@gmail.com on 1 Apr 2012 at 3:21

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Através do métodos $().width()/height() do jQuery, consegui pegar os valores 
mesmo quando o valor setado é 100%, desta forma, ao digitar o texto no 
elemento (doubleClick) é possível ajustar o tamanho da Figure.

Falta:
Ajustar o texto conforme é feito o redimensionamento do elemento, não tem 
como quebrar a linha de maneira fácil, acho que nem precisa, mas um "overflow: 
hidden" iria bem.

Ajustar o prompt do JS, tanto visual quanto aviso de não mostrar.

Original comment by CorsoThr...@gmail.com on 3 Apr 2012 at 1:39

[GoogleCodeExporter]

Feito, janela de inserção do texto ajustada.

Foi utilizado o jQuery.dialog para tal, porém, como no Figure.onDoubleClick o 
dialog é apenas criado, a inserção do texto ficou dentro do click do 
diaglo.OK, desta forma, foi preciso criar alguns atributos direto na classe 
dialog, para podermos manipular os elementos pelos IDs, já que não estamos 
dentro do Figure neste caso.

Original comment by CorsoThr...@gmail.com on 7 Apr 2012 at 3:35

[GoogleCodeExporter]

Inserido elemento operador, através de uma div com marginTop, que fica dentro 
da principal (figure) só que é exibida mais abaixo.

Criei funtions para fazer cada elemento, desta forma, já consigo ajustar as 
ports conforme necessidade.

Verificar:
- interação com a inclusão do texto quando é operador;
- verificar se essas trocas de tipo estão no undo/redo.

Original comment by CorsoThr...@gmail.com on 20 Apr 2012 at 1:37

[GoogleCodeExporter]

Inserido elemento Pré-condição, revisar:
- texto do menu;
- comportamento pós add do texto;
- dinamismo left e right.

Original comment by CorsoThr...@gmail.com on 26 Apr 2012 at 1:41

[GoogleCodeExporter]

Tentar add no undo/redo:
- setDimension pós add do texto;
- ligações para trazê-las de volta conforme se muda o tipo do elemento.

Original comment by CorsoThr...@gmail.com on 27 Apr 2012 at 1:42

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Ajustado dinamismo do elemento pré-condição, agora funciona tanto para Left 
quanto Right, todas as interações com o mesmo foram testadas. 

A solução tanto para o Operador quanto para a Pré-condição foi usar uma 
div interna à principal que conforme o lado usa borderSide e marginSide. Foi 
preciso incluir pontos de ajuste dos elementos nos eventos SetText, ChangeType 
e SetDimension.

Falta:
- texto do menu (Pre-condicao);

Se der, seria bom:
- setDimension pós add do texto;
- ligações para trazê-las de volta conforme se muda o tipo do elemento.

Original comment by CorsoThr...@gmail.com on 3 May 2012 at 1:16

[GoogleCodeExporter]

Falta também:
- ajustar a imagem da pré-condição no "Tools";
- criar visualmente os outros elementos de ligação.

Original comment by CorsoThr...@gmail.com on 3 May 2012 at 1:19

[GoogleCodeExporter]

Elemento ainda falta:
- Tarefa Ubíqua (operador com bolinha preta na superior direita.

As cardinalidades são:
- sequencial (1..n);
- independente de ordem (1?..n?);
- alternativa (A..n) (colocar O??)
- iterativa (*);

Original comment by CorsoThr...@gmail.com on 4 May 2012 at 1:30

[GoogleCodeExporter]

Executabilidades ubíqua e iterativa adicionadas.

Falta:
- ajustar interação das executabilidades com o text e operador;
- verificar remoção (não lembro se nos makeElement tem que ter);
- fazer com que tenha undo/redo.

Original comment by CorsoThr...@gmail.com on 15 May 2012 at 1:36