Roassal & Spec?

Hi,
how can i combine a Roassal visualization and a Spec UI?
Is there already some Roassal-Spec?
See attached screenshot for what i am trying to get.
M.

Ben is on holiday.
Now I imagine that we should get a model that encapsulates a roassal easel is the way to go
and it would be cool to have.

You could also try to use Glamour for that:

Here is an example that renders something along the wished lines. You can run it in a Moose image:
https://ci.inria.fr/moose/job/moose-latest-dev-4.8/lastSuccessfulBuild/artifact/moose-latest-dev-4.8.zip

composer := GLMCompositePresentation new.
composer tabulator with: [ :t |
        t row: #visualization; row: #list; row: #details.
        t transmit to: #visualization; andShow: [ :a |
                a roassal
                        title: 'Visualization';
                        painting: [ :view :collection |
                        view nodes: collection.
                        view edgesFrom: [ :x | x // 5 ].
                        view radialNarrowTreeLayout ] ].
        t transmit from: #visualization; to: #list; andShow: [ :a |
                a list
                        title: 'List';
                        display: [ :number | 1 to: number ]
                 ].
        t transmit from: #list; to: #details; andShow: [ :a |
                a text
                        title: 'Details';
                        display: [ :number | number asString ] ] ].
composer openOn: (1 to: 420)

Cheers,
Doru


On May 30, 2013, at 11:40 AM, MartinW <[hidden email]> wrote:

--
www.tudorgirba.com

"Problem solving efficiency grows with the abstractness level of problem understanding."

Doru wrote:
>You could also try to use Glamour for that:

And you might want to read that as:
try to build a UI with Glamour first,
before diving into spec. It provides
higher-level UI abstractions, resulting
in a more consistent UI and less code.

Stephan

Hi Tudor,
thank you very much. That looks amazing. I just start to look at all the examples in the Moose image.

In my case the upper two panes would display the same object, only with different views on it (a graph and a list), and the selections would be syncronized (select an element in the graph - the same element will be selected in the list and vice versa). Is this as easily possible?

Martin.

Tudor Girba-2 wrote

You could also try to use Glamour for that:

composer := GLMCompositePresentation new.
composer tabulator with: [ :t |
        t row: #visualization; row: #list; row: #details.
        t transmit to: #visualization; andShow: [ :a |
                a roassal
                        title: 'Visualization';
                        painting: [ :view :collection |
                        view nodes: collection.
                        view edgesFrom: [ :x | x // 5 ].
                        view radialNarrowTreeLayout ] ].
        t transmit from: #visualization; to: #list; andShow: [ :a |
                a list
                        title: 'List';
                        display: [ :number | 1 to: number ]
                 ].
        t transmit from: #list; to: #details; andShow: [ :a |
                a text
                        title: 'Details';
                        display: [ :number | number asString ] ] ].
composer openOn: (1 to: 420)

Cheers,
Doru

Stephan Eggermont wrote

And you might want to read that as:
try to build a UI with Glamour first,
before diving into spec.

I will take that advice :)

Clément Bera-4 wrote

How is your Roassal visualization ? Is it a morph ?
If it is a morph I guess you would need to do a ComposableModel wrapper to
integrate it in a spec.

Are there others than morphs? I will go with Glamour for the moment, but i am still interested in this. I hope for more Spec documentation :)

Martin.

MartinW wrote

In my case the upper two panes would display the same object, only with different views on it (a graph and a list), and the selections would be syncronized (select an element in the graph - the same element will be selected in the list and vice versa). Is this as easily possible?

Would this be the direction:

|collection composer|
collection := OrderedCollection new.
collection add: #A; add: #B; add: #C; add: #D.

composer := GLMCompositePresentation new.
composer tabulator with: [ :t |
        t row: #visualization; row: #details.
        t transmit to: #visualization; andShow: [ :a |
                a stackedArrangement.
                a roassal
                        title: 'Visualization';
                        painting: [ :view :viewCollection |
                                view shape rectangle size: 30.
                                view nodes: viewCollection.
                                view shape arrowedLine.
                                view
                                        edges: ((OrderedCollection new) add: (#A->#B); add: (#A->#C); add: (#C->#D); yourself)
                                        from: #key
                                        to: #value.
                                        view treeLayout ].
                a list
                        title: 'List'.].
        t transmit from: #visualization; to: #details; andShow: [ :a |
                a text
                        title: 'Details';
                        display: [ :number | number asString ]] ].
composer openOn: collection