Как расширить NoFlo-Ui с выбором группы

Я пытаюсь добавить функциональность в пользовательский интерфейс noflo, я хотел бы иметь возможность выбирать группы и отображать панель с названием и описанием группы. (Панель будет отображаться в том же месте, что и панель справки.) Я пытаюсь сделать это как первый шаг к расширению парадигмы групп. (Я хотел бы иметь возможность добавить больше метаданных группы и позволить пользователю редактировать эти метаданные.)

Эта проблема

Я не могу найти, где поставить крючки для коллекции выбранных групп. (Или выбранное свойство группы). Я посмотрел на способ реализации коллекции выбранных узлов, но связь между свойством selectedNodes в theGraph/thegraph-editor.html подключается к свойству узлов инспектора узлов (в elements/noflo-node-inspector.html а также elements/noflo-context.html)

Я посмотрел на application/fbp скрипты в index.html, но ни один из них не соответствует свойству выбранных узлов.

Вопрос

Как я могу создать недвижимость в theGraph и смотреть эту собственность в noflo-ui?

Источник

2 ответа

Решение

Реализация selectedGroups была более сложной, чем простой поиск selectedNodes. В частности, я должен был найти и написать эквивалентный код для:

  1. onNodeSelection (the-graph-group.js, the-graph-graph.js)
  2. обработчик события (the-graph-group.js)

  3. событие узлов (the-graph.html)

    //This is where things get confusing
this.fire('nodes', this.selectedNodes)
// Note the transition from the selectedNodes property to the nodes event

  4. свойство узлов файла noflo-context.html

  5. Свойство nodeChanged / обработчик события noflo-context.html
  6. Атрибут узлов узлов в полимерах noflo-context и the-graph-editor (index.html)
  7. FBP ссылка между GraphEditor NODES -> NODES Context (index.html)
  8. узлы отправляют GraphEditor.NODES:NODES
  9. объявление свойства узлов в качестве атрибута полимера-graph-editor (the-graph-editor.html)
Источник

Ответ будет таким же, как работают selectedNodes и selectedEdges. Там происходит связь между графиком (React) и noflo-ui (Polymer).

Я добавил запрос функции для инспектора группы: https://github.com/noflo/noflo-ui/issues/217

Источник
Другие вопросы по тегам