# Displaying past onelives on the website

**URL:** <https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18>\
**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:** 2

<div class="post-metadata">

**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, 9:13am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/22 "2020-04-05T09:13:11Z")

</div>

Now there are going to be three videos in the onelive homepage.

> <https://github.com/sef-global/sef-site/pull/643>

---

<div class="post-metadata">

**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 8, 2020, 4:01am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/23 "2020-04-08T04:01:47Z")

</div>

Here’s a quick update:-  
There was a problem with long video descriptions and now it’s fixed. Let me list down the next steps.

- Load more videos to the archive using page token which is stored in the payload
- Implement a better UI to show the videos

---

<div class="post-metadata">

**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 8, 2020, 5:36am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/24 "2020-04-08T05:36:53Z")

</div>

Thanks for the update @anjisvj! 😊  
Could you please add some rough deadlines?

---

<div class="post-metadata">

**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 11, 2020, 5:58am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/25 "2020-04-11T05:58:04Z")

</div>

\*Load more videos to the archive using page token which is stored in the payload  
is fixed with this pr. I think I can finish it tomorrow.

> <https://github.com/sef-global/sef-site/pull/650>

---

<div class="post-metadata">

**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 11, 2020, 10:04am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/26 "2020-04-11T10:04:30Z")

</div>

Good job @anjisvj! I’ve add some comments there. 🙂

---

<div class="post-metadata">

**Author:** ![Gravewalker](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/gravewalker/32/12_2.png) [@Gravewalker](https://sef.discourse.group/u/Gravewalker)\
**Post date:** [April 13, 2020, 7:23am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/27 "2020-04-13T07:23:33Z")

</div>

> <https://github.com/sef-global/sef-site/pull/652>

---

<div class="post-metadata">

**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 18, 2020, 4:15am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/28 "2020-04-18T04:15:07Z")

</div>

This pr fixes the Implement a better UI to show the videos step. We need to create a video modal so that the user can watch the videos within the site. For the 3 videos in one-live homepage, I think it should stay the way it is now. Give me your thoughts on this. I’m looking forward to finishing this today.

Preview: [OneLive | Sustainable Education Foundation](https://pr-656-sef-site.surge.sh/onelive/archive/)

 ![93771510_246209729864400_1460211940595859456_n](https://global.discourse-cdn.com/free1/uploads/sef/original/1X/052f4a58774364739d97a374e78110e50c50346f.jpeg)

> <https://github.com/sef-global/sef-site/pull/656>

---

<div class="post-metadata">

**Author:** ![Gravewalker](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/gravewalker/32/12_2.png) [@Gravewalker](https://sef.discourse.group/u/Gravewalker)\
**Post date:** [April 18, 2020, 8:52am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/29 "2020-04-18T08:52:46Z")

</div>

![image](https://global.discourse-cdn.com/free1/uploads/sef/original/1X/86808131af8d90415af5479b5faa9a90be2115ef.jpeg)  
This is the component that we designed to show onelives on onelive page. Now it’s on the examples/component page.

---

<div class="post-metadata">

**Author:** ![akshika47](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/akshika47/32/993_2.png) [@akshika47](https://sef.discourse.group/u/akshika47)\
**Post date:** [April 18, 2020, 2:13pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/30 "2020-04-18T14:13:29Z")

</div>

Hey guys,

Awesome work. Few suggestions. Let me know what you think.

- How about we have 3-4 videos per row? Just having the thumbnail could be enough for this. Cos otherwise the list could be too long(unless we have a filter option)
- Later on, we can add a feature to view the video without leaving the website(like a pop-up or even something responsive)

---

<div class="post-metadata">

**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 19, 2020, 4:20am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/31 "2020-04-19T04:20:27Z")

</div>

We will use a modal to show the video.If we use 3 video per row it will look something like this.

 ![Screenshot from 2020-04-19 09-55-23](https://global.discourse-cdn.com/free1/uploads/sef/original/1X/ef18eb4c903f8c733780a718ddf36d24eb55e134.png)

---

<div class="post-metadata">

**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 19, 2020, 4:45am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/32 "2020-04-19T04:45:16Z")

</div>

+1 for the pop-up

I personally love the single row design. 😇 Just my opinion.  
@janithRS @Bawantha_Rathnayaka what do you think?

---

<div class="post-metadata">

**Author:** ![janithRS](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/janithrs/32/100_2.png) [@janithRS](https://sef.discourse.group/u/janithRS)\
**Post date:** [April 19, 2020, 11:14am UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/33 "2020-04-19T11:14:52Z")

</div>

Yes I Like the single row design as well

---

<div class="post-metadata">

**Author:** ![akshika47](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/akshika47/32/993_2.png) [@akshika47](https://sef.discourse.group/u/akshika47)\
**Post date:** [April 19, 2020, 12:54pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/34 "2020-04-19T12:54:25Z")

</div>

Ok! I will let the designers decide 😉

---

<div class="post-metadata">

**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 19, 2020, 1:06pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/35 "2020-04-19T13:06:22Z")

</div>

the one-live branch is now merged to the master. There’s have to be few changes on the youtube playlist,

1. Remove private videos
2. Sort the playlist to show the newest videos first.

---

<div class="post-metadata">

**Author:** ![akshika47](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/akshika47/32/993_2.png) [@akshika47](https://sef.discourse.group/u/akshika47)\
**Post date:** [April 19, 2020, 1:10pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/36 "2020-04-19T13:10:48Z")

</div>

Good job! Asel is the person to help you with this. It seems he is not on the Hive. Please invite him to join this thread.

---

<div class="post-metadata">

**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 19, 2020, 1:12pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/37 "2020-04-19T13:12:25Z")

</div>

sure, I’ll invite him.

---

<div class="post-metadata">

**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 19, 2020, 1:19pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/38 "2020-04-19T13:19:06Z")

</div>

Thanks @anjisvj! This is more than I expected. To be honest, when we started the project I wasn’t sure we could pull this off but you certainly did it and did it well. 💯

---

<div class="post-metadata">

**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 19, 2020, 1:23pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/39 "2020-04-19T13:23:21Z")

</div>

I’m happy to help 😇

---

<div class="post-metadata">

**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 22, 2020, 2:45pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/40 "2020-04-22T14:45:57Z")

</div>

This will play the videos within the page.

> <https://github.com/sef-global/sef-site/pull/668>

---

<div class="post-metadata">

**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 22, 2020, 3:16pm UTC](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18/41 "2020-04-22T15:16:27Z")

</div>

Awesome @anjisvj! 🤩

It would be nice if you could add a gif or screenshots with this thread.

[Previous page](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18.md?page=1)

[Next page](https://sef.discourse.group/t/displaying-past-onelives-on-the-website/18.md?page=3)
