ushin-inc / u4few-app Goto Github PK

Looks we don't currently have a use for the additional states of the right side panel; it's satisfactory to allow the side panel to be closed and open (at ~384px wide).

Remove balanced screen keyframe in animation when moving from one region to another.
Change animations to transitions (to make going from one region to another look smoother).

This will also resolve issue #32: "Currently, It looks like the semscreen goes through a balanced view before opening the region that user drops a point into – please skip that balanced view and go straight to region opening."

Tap outer rim shape icon to tag point in focus that shape

They can be dropped into regions already populated, except the focus region and see tag cloud in periphery of region which gets larger.

Drag text on a shape region to see tag cloud of labels, drop text on potential label

When changing hatIndex/hatColorIndex (or other attributes) of currently selected hat, changes disappear upon selecting another hat. Changes only persist when changes are made to hatIndex/hatColorIndex of hats that are not selected. This bug breaks PR #45.

Long hold peripheral panel handle to view parked points and other options

Add functionality to view a point in full-screen. User would access the full-screen view by clicking a maximize button in the top-right of the expanded point. This maximize button would be accompanied by buttons to minimize the point and to delete the point, as illustrated by the image below.

Drag a point/tap from a rim to center and a point already exists, the new point bumps
the prior to its tag’s region, or to the topic region if not yet tagged.

Replace the replicated labels and sub-labels in semscreen regions with region appropriate text.

When user is editing a point, if user clicks outside the point on an empty portion of any region, a new point is created.
When user is editing a point, if user clicks on another point, user begins editing the clicked point and the previous point becomes a point preview.

Currently, It looks like the semscreen goes through a balanced view before opening the region that user drops a point into – please skip that balanced view and go straight to region opening.

Long hold center point to shrink the semscreen and move to “package” on right
panel to see options for save (later, send, share, publish…)

commit 9a88e1f has a failing test on src/App.test.js.

Type on blank screen (that shows after moving prior) to start a new rim

When top panel is open, close it by clicking anywhere inside the top panel (but not on the slider component), just like the right panel.

Remove forced scrollbar in right panel
Scrollbar should only appear in the right panel when content expands beyond what the div can hold. (currently the scrollbar is there whenever the panel is open)

While any region is expanded, display point previews in remaining 8 minimized regions.
If not enough space to display a point preview, display a number which tells users how many points have been created in a given region.

• swipe or drag/drop object to lower right corner where trashcan appears as from off screen

Remove the "X" from the Hat buttons, as it should not be possible to remove a participant.

The SemanticScreen component is currently tied into some features of u4few, limiting its reusability. Refactor the component so it can ultimately be hosted in another Git repository and ultimately published to npm.

Move a point from the periphery toward center to show the rim where user dropped it (to compare different user input around one point)

Back-populate unit tests for everything that has been committed to the repository.

long hold on a point to shrink the point and reveal sub-tags as tag cloud

Displaying points as unordered lists:

• Display tag label in-line to the right of the point
• Only display tag label if it is a sub-label (in other words, do not display labels such as "Actions" or "People" but do display labels such as "Connection" or "Health")
• In Point.js, set PointPreview css border to 0px
• In Point.js, change constants in contentExcerpt to

  const contentExcerpt =
    content.length > 70 ? `${content.substring(0, 50).trim()}...` : content;

• Display bullet points to the left of each point in the list

Editing points as unordered lists:

• Upon clicking a point, typing cursor appears where clicked (no box opens)
• If content is greater than contentExcerpt, then while editing point, allow the text content of the point to take up more than one line
• Pressing Return creates a new point on a new line just below the existing point

Drag events should still work on the whole PointPreview area. However, when point is being edited, text can be selected, copied, pasted, etc.