clientIO / clientIO/joint

elementTools: Port Reordering

Open
#1,742 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

candidate feature
Dominant language
JavaScript
Stars
5.4k
Forks
893
Avg merge
3d 3h
Merged PRs (30d)
26

Description

Discussed in https://github.com/clientIO/joint/discussions/1717

Originally posted by eLizardiDevelopair July 5, 2022
Hi everyone,

I want to implement port reordering inside a node. Can I make it clicking a port and dragging it?

After I've been reading the documentation I've not found any solution. Any thoughts?

Kind regards


The purpose of this issue is to write a similar tool to this that would work with all built-in port layouts.

A possible feature list:

  • ability to change order of ports within a single group
  • ability to move port from a group to another group
  • ability to move port from one element to another element

Contributor guide

Open the contributing guide

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.

Research direction

Start with the elementTools area and the linked CodePen example, then review discussion 1717 for the original requirements. Compare the example with all built-in port layouts and define how dragging should reorder ports within a group, move them between groups, and move them between elements. Done means a similar tool works across those layouts.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.