Basic flow editor and connect dots tool - Githubissues

calband / calchart-redesign

Calchart 4 for the web! 🌐

https://calband.github.io/calchart-redesign/

4 stars 0 forks source link

Basic flow editor and connect dots tool #179

Open MichaelTamaki opened 3 years ago

MichaelTamaki commented 3 years ago

Description

Fixes issue #96

Basic flow editor and connect dots tool

Adds a new "View Mode" for viewing and editing flows. When a dot is selected, it will show that dot's cached flow.
Adds a new tool in the bottom menu.
- Step 1: Select a dot in the current stuntsheet
- Step 2: Select a dot in the next stuntsheet to connect with
Much more work needs to be done to polish this up! But it can come in future PRs!

Pre-PR checklist

[x] Ran npm run serve and:
- [x] Checked basic functionality
- [ ] Checked that errors are handled
[x] Ran npm run lint
[x] Ran npm run test:unit
[x] Ran npm run test:e2e and ran relevant tests
[ ] Attached reviewers to PR and pinged on Slack/email

Screenshots/GIFs

Original state: 2 dots, with 2 stuntsheets

After clicking the "Connect Dots" tool, it changes to "Flow" View Mode and shows a toast at the top of the screen with directions

Selecting a dot from the current stuntsheet

Selecting a dot from the next stuntsheet

Changing the tool to Box Select, and selecting the dot to see the new flow

A fun continuity!

MichaelTamaki commented 3 years ago

Following our discussion in the mtg today, we'll be breaking this PR up into smaller issues:

Connect dots between stuntsheets tool #96 @MichaelTamaki to do this
Be able to view next stuntsheet's dots and the flow the current dot will take #185 @vhlee7 or anyone else to tackle this
Algorithms to connect dots between stuntsheets #186