LearnNewsExamplesServices
Frontmatter
id2748
titleAnimated List
stateClosed
labels
enhancement
assigneestobiu
createdAtOct 2, 2021, 1:12 PM
updatedAtOct 3, 2021, 7:25 PM
githubUrlhttps://github.com/neomjs/neo/issues/2748
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtOct 3, 2021, 7:25 PM

Animated List

Closed v8.1.0 enhancement
tobiu
tobiu commented on Oct 2, 2021, 1:12 PM

We need the ability to optionally add transitions to a list for:

  • sorting
  • filtering
  • adding / removing items
  • resizing

This is similar to component.Gallery, but limited to 2D.

Since we want this feature for different lists, the logic should be inside a lazy loaded plugin.

If active, we need to position list items with tanslateX and translateY, fixed sizes and margins are needed.

we need an example (app) for testing as well.

tobiu added the enhancement label on Oct 2, 2021, 1:12 PM
tobiu assigned to @tobiu on Oct 2, 2021, 1:12 PM
tobiu referenced in commit 41b6290 - "#2748 list.Base: animate_ config" on Oct 2, 2021, 1:40 PM
tobiu referenced in commit 9747ee1 - "#2748 Neo.list.plugin.Animate: base class" on Oct 2, 2021, 1:45 PM
tobiu referenced in commit 30808e5 - "#2748 list.Base: afterSetAnimate() => lazy loading the plugin and creating an instance" on Oct 2, 2021, 1:56 PM
tobiu referenced in commit 86cad0a - "#2748 list.Base: pluginAnimateConfig" on Oct 2, 2021, 1:58 PM
tobiu referenced in commit 287c99d - "#2748 Neo.examples.list.animate: copied the content of list.Base, adjusted the namespaces" on Oct 2, 2021, 2:03 PM
tobiu referenced in commit ddb1389 - "#2748 examples.list.animate.MainContainer: simplified the content" on Oct 2, 2021, 2:06 PM
tobiu referenced in commit ce510f1 - "#2748 examples.list.animate.MainContainer: top toolbar" on Oct 2, 2021, 2:12 PM
tobiu referenced in commit 3119770 - "#2748 examples.list.animate.MainStore: loading the circle example data" on Oct 2, 2021, 2:21 PM
tobiu referenced in commit 16a359b - "#2748 examples.list.animate.MainModel: adjusted the fields" on Oct 2, 2021, 2:25 PM
tobiu referenced in commit 4ad706e - "#2748 examples.list.animate.List: base class" on Oct 2, 2021, 2:43 PM
tobiu referenced in commit 70c6df5 - "#2748 examples.list.animate.List: adding images" on Oct 2, 2021, 2:50 PM
tobiu referenced in commit 7edce70 - "#2748 examples.list.animate.List: cls config, item content wrapper" on Oct 2, 2021, 3:51 PM
tobiu referenced in commit fe1fcc2 - "#2748 examples.list.animate.List: SCSS src file" on Oct 2, 2021, 3:56 PM
tobiu referenced in commit c112c3e - "#2748 examples.list.animate.MainContainer: list margin" on Oct 2, 2021, 3:58 PM
tobiu referenced in commit 4e9286a - "#2748 examples.list.animate.List: styling" on Oct 2, 2021, 4:07 PM
tobiu referenced in commit f954174 - "#2748 list.plugin.Animate: adjustCreateItem()" on Oct 3, 2021, 12:03 PM
tobiu referenced in commit 799965e - "#2748 list.plugin.Animate: adjustCreateItem() => scope cleanup" on Oct 3, 2021, 12:24 PM
tobiu referenced in commit 091be9d - "#2748 list.plugin.Animate: itemHeight, itemWidth configs" on Oct 3, 2021, 12:32 PM
tobiu referenced in commit 51fa13b - "#2748 list.plugin.Animate: onOwnerMounted()" on Oct 3, 2021, 12:42 PM
tobiu referenced in commit c9527ec - "#2748 list.plugin.Animate: createItem() => item positions based on columns and rows" on Oct 3, 2021, 1:05 PM
tobiu referenced in commit 31e5382 - "#2748 list.plugin.Animate: method comments" on Oct 3, 2021, 1:12 PM
tobiu referenced in commit 6e92829 - "#2748 examples.list.animate.MainContainer: moved the item creation into the ctor, button handlers" on Oct 3, 2021, 1:27 PM
tobiu referenced in commit b0cad7d - "#2748 examples.list.animate.MainContainer: changeSorting() logic" on Oct 3, 2021, 1:34 PM
tobiu referenced in commit 95b9d83 - "#2748 list.plugin.Animate: store sort listener" on Oct 3, 2021, 1:42 PM
tobiu referenced in commit 41a7488 - "#2748 list.plugin.Animate: css transitions" on Oct 3, 2021, 1:46 PM
tobiu referenced in commit 99a72fa - "#2748 list.plugin.Animate: itemMargin" on Oct 3, 2021, 5:43 PM
tobiu referenced in commit 999baa2 - "#2748 examples.list.animate.MainContainer: removed the list margin" on Oct 3, 2021, 5:45 PM
tobiu referenced in commit b044a27 - "#2748 collection.Base: sort event params (previousItems)" on Oct 3, 2021, 6:14 PM
tobiu referenced in commit c347bcb - "#2748 list.plugin.Animate: onSort() logic" on Oct 3, 2021, 6:54 PM
tobiu referenced in commit 5325227 - "#2748 list.plugin.Animate: increased the transition duration" on Oct 3, 2021, 6:56 PM
tobiu referenced in commit 89e5d07 - "#2748 list.plugin.Animate: cleanup" on Oct 3, 2021, 7:24 PM
tobiu
tobiu Oct 3, 2021, 7:25 PM

the basic logic is in place, will create follow up tickets

tobiu closed this issue on Oct 3, 2021, 7:25 PM