# Displaying past onelives on the website **URL:** \ **Category:** Development\ **Created:** [March 26, 2020, 12:40pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18 "2020-03-26T12:40:48Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 26, 2020, 12:40pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/1 "2020-03-26T12:40:48Z")
We need a video archive page to display past one live videos. We use youtube API to get videos from the SEF youtube channel. ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [March 26, 2020, 1:14pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/2 "2020-03-26T13:14:24Z")
Good work @anjisvj! šŸ¤© What are the next steps? Please let us know if thereā€™s any blockers. Also, mention if you need any help. šŸ™‚ ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 26, 2020, 1:20pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/3 "2020-03-26T13:20:19Z")
So the dummy page also have been created. but youtube url shows only 5 items in the first place. I think it should show atleast 10 items cuz main purpose of that page is to show videos. ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [March 26, 2020, 1:28pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/4 "2020-03-26T13:28:39Z")
How about allowing user (frontend) to decide the `maxLength`? According to the youtube API it can be any value between `0` - `50`. Think about a scenario like this. What if we need to display latest 3 onelives on the main onelive page or on another page? If we can send the `maxLength` as a query param, I think it will be more flexible for the user. šŸ™‚ What do you think? ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 26, 2020, 1:52pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/5 "2020-03-26T13:52:25Z")
I think itā€™s cool. So we have some issues to be done with the data-holder ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 27, 2020, 1:24pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/6 "2020-03-27T13:24:50Z")
@Yohan and @osusara since you are available now. can you do this [https://github.com/sef-global/sef-data-holder/issues/14](https://github.com/sef-global/sef-data-holder/issues/14) ? we need to finish this as soon as we can. ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 30, 2020, 6:20am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/7 "2020-03-30T06:20:28Z")
Hereā€™s a quick update on what going: There was a CORS policy issue and now itā€™s fixed so the first 10 videos are now displayed in the archive. next step is to work on how send nextPageToken using query param to load next 10 videos and append it to the current videos. > ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [March 30, 2020, 7:07am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/8 "2020-03-30T07:07:02Z")
Great @anjisvj! Send the archive PR too. šŸ˜‡ ---
**Author:** ![Yohan](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/yohan/32/23_2.png) [@Yohan](https://sef.discourse.group/u/Yohan)\ **Post date:** [March 30, 2020, 8:03am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/10 "2020-03-30T08:03:56Z")
Hereā€™s a quick update on Issue#14: > > > Is your feature request related to a problem? Please describe. > Currently, the payloads sent as plain strings. Need them as JSON. > Describe the... There was a issue with when we get data. Because the payloads sent as plain strings(text).Then browser recognized it as plain text because of that we canā€™t get a data. Then I Set the ContentType of payloads to application/json for issue#14. then we can get payload as JSON. PR link: > ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 31, 2020, 5:55am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/11 "2020-03-31T05:55:34Z")
Here is the issue for the next step: @jaye Can you please review this issue. > > > Is your feature request related to a problem? Please describe. > Currently it loads only first 10 videos and we need to load... ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [March 31, 2020, 8:10am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/12 "2020-03-31T08:10:51Z")
@anjisvj Currently thereā€™s nothing on the archive page because that PR has been reverted. We have to implement it first. šŸ™‚ ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [March 31, 2020, 8:16am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/13 "2020-03-31T08:16:49Z")
Sorry my bad! I saw it now. Next time please add the relevant PR links, screenshots, previews for this thread. > ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [March 31, 2020, 12:43pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/14 "2020-03-31T12:43:51Z")
@Gravewalker can you review the issue above and tell me? ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [April 1, 2020, 7:39am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/15 "2020-04-01T07:39:37Z")
Nice @anjisvj! I just modified it as below. Update the issue description using these details too. Currently, the onelive archive page ( add path ) displays only the first 10 videos. We need to load and display all videos in the playlist for the user. Since this is a paginated result, you have to load the given number of videos at a time. This is because API has been designed to send a paginated request, that is 10 videos per page at the moment. Since this api designed by wrapping the [YouTube playlist API](https://developers.google.com/youtube/v3/docs/playlists/list) (just link the word ā€˜YouTube playlist APIā€™ with the link šŸ˜‰ ) the paginated result is a little bit different from the traditional paginated result with offset and limit. The payload contains the token for the next page. You have to send it with the url to get the next videos in the following format. [https://sef-dataholder.herokuapp.com/youtube/onelive?nextPageToken={token-for-the-next-page}](https://sef-dataholder.herokuapp.com/youtube/onelive?nextPageToken=%7Btoken-for-the-next-page%7D) The returning payload contains the token for the next page. Requirement: Find an optimal way to store the page token and send it with the next request. šŸ¤  Find a creative way to display load more strategy for the user ( a load more button, infinite scroll, or feel free to use your own cool feature šŸ˜) ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [April 2, 2020, 4:34am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/16 "2020-04-02T04:34:53Z")
Thank you. šŸ¤— I updated the issue. ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [April 2, 2020, 4:40am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/17 "2020-04-02T04:40:46Z")
Welcome @anjisvj! I think it will be easy if we can implement this before going to the UI. > [@Displaying past onelives on the website](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/4): > > How about allowing user (frontend) to decide the maxLength? According to the youtube API it can be any value between 0 - 50. Think about a scenario like this. What if we need to display latest 3 onelives on the main onelive page or on another page? If we can send the maxLength as a query param, I think it will be more flexible for the user. slight_smile What do you think? ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [April 4, 2020, 2:12pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/18 "2020-04-04T14:12:40Z")
yeah I added max results as a query parameter using this pr so now we can get a specific number of videos. I need some help on how to send a query param I couldnā€™t find it how to do it. > ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [April 5, 2020, 4:44am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/19 "2020-04-05T04:44:39Z")
We need to limit the video description text. Currently it shows complete description and it can be a problem if it has a long description. Iā€™ll raise an issue for this. ---
**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\ **Post date:** [April 5, 2020, 5:43am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/20 "2020-04-05T05:43:07Z")
> [@anjisvj](#): > > yeah I added max results as a query parameter using this pr so now we can get a specific number of videos. I need some help on how to send a query param I couldnā€™t find it how to do it. > [https://github.com/sef-global/sef-data-holder/pull/25](https://github.com/sef-global/sef-data-holder/pull/25) Thanks, @anjisvj this is exactly what I was looking for! šŸ’œ You can send this as a hardcoded value in your ajax call in the UI. ex: ```javascript $.ajax({ type: 'get' url: 'https://sef-dataholder.herokuapp.com/youtube/onelive?maxResults=10', success:... ``` ---
**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\ **Post date:** [April 5, 2020, 8:35am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/21 "2020-04-05T08:35:53Z")
oh thatā€™s great.Iā€™ll try it. thanks @jaye šŸ¤© [Next page](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18.md?page=2)