Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

UI for Compositions Sidebar

Open
#45 1 comment 0 reactions 2 assignees View on GitHub

@emekauja is already working on this.

Since Oct 7, 2022.

Assessment

This issue has not been assessed yet.

Description

Current implementation

scrnli_07_10_2022_12-12-59.png

New mockups

scrnli_07_10_2022_12-09-56.png

Actions required:

  • re-style the sidebar as per latest mockups attached.
  • rename 'layers' to 'Model Hierarchy'.
  • the component below 'Model Hierarchy' is a tree, so we need to be able to expand and compress tree's leaf that have children.
  • on left click the item should be selected.
  • on right click it should open the floating panel as per screenshot attached.
  • the component needs a call back onSelect so that when a node of the tree is selected that id is returned to the callback linked.
  • the component needs a call back setSelected that accept a string, if string match the id of one of the tree nodes then that node should be selected.

feel free to generate some mock data respecting this specification

{
id: string - unique key for the element
label: string - it's what displayed in the tree
tooltip: string - if given, then on hover we should display this label.
type: enum - it can be "MECHANISM / PROJECTION / COMPOSITION
}

The type enum can be linked to the icon if you would prefer that, please in case define that in the constant.js file in the root of the project.

Note that the floating panel should be available only for COMPOSITION type nodes.

Dominant language
JavaScript
Stars
1
Forks
0
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from MetaCell/PsyNeuLinkViewSource

All issues in MetaCell/PsyNeuLinkViewSource

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.