konsumer / konsumer/angular-cardflow

Dynamic load

Open
#1 15 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
15
Forks
7
PR merge metrics
No merged PRs in 30d

Description

Hi! I'm trying to create a dynamic load system to have something like an infinite cards carousel. So, initially i have three cards loaded (0,1 and 2 indexes), and the number 1 (the middle one) is displayed, but then when user swipes to next card (number 2) i need to make an ajax call to load the next one (the third) and unload the first one (index 0).

The same happens (but reverse) when user swipes to previous card (index 0)

Any idea about how can i create this? Does this script support dynamic loading?

NOTE: Right now it works loading the next one, but can't swipe into it… may be i need a method to force the card flow refresh (?)

Thanks in advance

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reading the angular ngRepeat-based cardflow implementation and the existing path that loads the next card. Reproduce swipes in both directions with cards added and removed dynamically, then determine what refresh behavior is needed so newly loaded cards can be reached. Done means the carousel supports the described forward and reverse loading flow.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.