Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

UI for Compositions Sidebar

Ouverte
#45 1 commentaire 0 réactions 2 personnes assignées Voir sur GitHub

@emekauja y travaille déjà.

Depuis le 7/10/2022.

Évaluation

Cette issue n'a pas encore été évaluée.

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.

Langage dominant
JavaScript
Étoiles
1
Forks
0
Métriques de merge des PR
Aucune PR mergée en 30 j

Préparer son environnement

Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de MetaCell/PsyNeuLinkViewSource

Toutes les issues de MetaCell/PsyNeuLinkViewSource

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.