Have the front deal with multiple stacks

[thomaspeugeot]

Steps:

• [x] add a panel component in the lib
• [x] the panel is construed as the current app component
• [x] call the panel from the app component
• [x] call as many instance of the panel as they are stacks in the back
• [ ] cleanup

[thomaspeugeot]

Problem:

• select a diagram on the dummy panel.
• the class diagram on the geomtry panel is updated.

analysis:

Before the check node operation, commitNb is both equal to 3 on both stacks and on the both trees components (therefore 4 components !).

TreeComponent,  github.com/fullstack-lang/gongdoc/go/tests/geometry/go/models  name  gongdoc13:01:38.453, last commit increased nb -1 new: 3 gongdoc [tree.component.ts:124:18](webpack:///projects/gongdocdiagrams/src/lib/tree/tree.component.ts)
TreeComponent,  github.com/fullstack-lang/gongdoc/go/tests/geometry/go/models  name  gong13:01:38.472, last commit increased nb -1 new: 3 gong [tree.component.ts:124:18](webpack:///projects/gongdocdiagrams/src/lib/tree/tree.component.ts)
TreeComponent,  github.com/fullstack-lang/gongdoc/go/tests/dummy/go/models  name  gongdoc13:01:38.508, last commit increased nb -1 new: 3 gongdoc [tree.component.ts:124:18](webpack:///projects/gongdocdiagrams/src/lib/tree/tree.component.ts)
TreeComponent,  github.com/fullstack-lang/gongdoc/go/tests/dummy/go/models  name  gong13:01:38.525, last commit increased nb -1 new: 3 gong

Both class diagram components have been redrawn

ClassDiagramComponent github.com/fullstack-lang/gongdoc/go/tests/dummy/go/models last commit nb -1 new: 3 [class-diagram.component.ts:110:18](webpack:///projects/gongdocdiagrams/src/lib/class-diagram/class-diagram.component.ts)
ClassDiagramComponent github.com/fullstack-lang/gongdoc/go/tests/geometry/go/models last commit nb -1 new: 3 [class-diagram.component.ts:110:18](webpack:///projects/gongdocdiagrams/src/lib/class-diagram/class-diagram.component.ts)

What is the control flow ?

• Front : check node the diagram on the dummy panel / tree
• Back Tree : commit the gongdocStage of the dummy stack
• Front: classdiagram component for dummy has detected increase in commit nb

ClassDiagramComponent github.com/fullstack-lang/gongdoc/go/tests/dummy/go/models last commit nb 3 new: 4 class-diagram.component.ts:110:18
drawing classdiagramNewDiagram

Problem: it is drawn on the wrong panel !!!

[thomaspeugeot]

Let's add the name of classdiagram in the ClassDiagram template

OK . got it, the

<div class="class-diagram__box">
    <div id="jointjs-holder"></div>
</div>

the div has only one id. One need to create divs with different id

<div class="class-diagram__box">
    <div [id]="GONG__StackPath"></div>
</div>

    paperOptions.el = document.getElementById('jointjs-holder')!

to

    paperOptions.el = document.getElementById(this.GONG__StackPath)!

[thomaspeugeot]

So far, so good!

[thomaspeugeot]

Adding a classdiagram does not work.