KendallDoesCoding / mogul-christmas

Ludwig Ahgren made a Christmas Album in 2020. I just thought of a project cause I was bored where you can play all the songs by a click of a button which you can already do from his timestamps but what makes it special is that it has lyrics of those songs too and a bunch of other features.
https://kendalldoescoding.tech/mogulchristmas
Creative Commons Zero v1.0 Universal
23 stars 62 forks source link

[FEATURE REQUEST] - Multiple pages in You May Like directory. #288

Closed KendallDoesCoding closed 2 years ago

KendallDoesCoding commented 2 years ago

Right now, there are 20 entries, of songs/videos in the You May Like directory, I would like if there were 2 pages with 10 entries each cause otherwise it looks very clogged on one page if you get what I mean, so there can be like a button that if the user taps it goes to the next page? This can be done with JS, I believe.

Can you please work on this @TechStudent11?... I need to get this done very urgently.

KendallDoesCoding commented 2 years ago

Do I have to code the HTML part of this as well, and you'll code the JS @TechStudent11, or can this be coded with only Javascript?

TechStudent10 commented 2 years ago

I have no idea how to do this, sorry.

KendallDoesCoding commented 2 years ago

I have no idea how to do this, sorry.

No worries!

Maybe you could use some of this logic for the pages though, if it will work? https://stackoverflow.com/questions/42416214/how-do-i-change-multiple-elements-with-same-class-name-using-javascript

TechStudent10 commented 2 years ago

Maybe... maybe you should learn how to use JavaScript. It's easy and simple, and it would help a lot.

Anyways back on topic, maybe I could use some of that logic. It might work, but it also might not.

KendallDoesCoding commented 2 years ago

Maybe... maybe you should learn how to use JavaScript. It's easy and simple, and it would help a lot.

Yeah, I should, I've just been postponing it and when I've tried to learn it, I've found it pretty hard.

Anyways back on topic, maybe I could use some of that logic. It might work, but it also might not. Ok

KendallDoesCoding commented 2 years ago

@TechStudent11 Please refer to:

Pagination in Javascript - https://www.youtube.com/watch?v=IqYiVHrO2U8 Repo - https://github.com/TylerPottsDev/vanillajs-pagination

KendallDoesCoding commented 2 years ago

The thing is that in this case, I need this + hyperlinks to work

KendallDoesCoding commented 2 years ago

@TechStudent11 I can get the main stuff working, I just need help with linking hyperlinks to the consted items.... Can you help with this?

KendallDoesCoding commented 2 years ago

@TechStudent11 I can get the main stuff working, I just need help with linking hyperlinks to the consted items.... Can you help with this?

Done, I've added the pagination, all I need done now is as follows:

Also, if possible I would like if the videos can be purple colour instead of red.

Hope you can do the above @TechStudent11

Please work in the branch pagination: https://github.com/KendallDoesCoding/mogul-christmas/tree/pagination

KendallDoesCoding commented 2 years ago

Deploy Preview: https://pagination--mogulchristmas.netlify.app/you-may-like/

KendallDoesCoding commented 2 years ago

@TechStudent11 I can get the main stuff working, I just need help with linking hyperlinks to the consted items.... Can you help with this?

Done, I've added the pagination, all I need done now is as follows:

  • hyperlink the youtube url for the songs
  • open hyperlink of youtube url of the songs in a new tab

Also, if possible I would like if the videos can be purple colour instead of red.

Hope you can do the above @TechStudent11

Please work in the branch pagination: https://github.com/KendallDoesCoding/mogul-christmas/tree/pagination

Awaiting your reply @TechStudent11

TechStudent10 commented 2 years ago

Deploy Preview: https://pagination--mogulchristmas.netlify.app/you-may-like/

That's impressive. What do you need me to do? I'm sure you can do it yourself. You can Google how to do things, not coming to me or someone else on GitHub.

KendallDoesCoding commented 2 years ago

I need done now is as follows:

  • hyperlink the youtube url for the songs
  • open hyperlink of youtube url of the songs in a new tab

Also, if possible I would like if the videos can be purple colour instead of red.

I've searched so many times but can't find anything on Google, ig people don't do stuff like this project.

I need done now is as follows:

Also, if possible I would like if the videos can be purple colour instead of red.

If you find tutorials and if you can link anything, I can try doing it myself, I'm sorry if I'm bothering you lots.

TechStudent10 commented 2 years ago

I'll see what I can do.

KendallDoesCoding commented 2 years ago

I'll see what I can do.

Thanks a lot! I need it done as soon as possible.

KendallDoesCoding commented 2 years ago

Do you think what I need done is possible tho @TechStudent11 ?

TechStudent10 commented 2 years ago

Yeah, ofc

KendallDoesCoding commented 2 years ago

Yeah, ofc

Ok cool, but ig it's hard to get setup?

KendallDoesCoding commented 2 years ago

@TechStudent11 Can you get this done by this week, preferably by tomorrow or day-after? I need this done urgently... Thanks

KendallDoesCoding commented 2 years ago

This might help but I can't understand it:

https://stackoverflow.com/questions/70890297/add-href-to-const-value

TechStudent10 commented 2 years ago

Working 👍🏾

KendallDoesCoding commented 2 years ago

Working 👍🏾

Thanks a lot 😃 !

I'll just do a few tweaks and merge into main in a bit.

KendallDoesCoding commented 2 years ago

Done in release 17.4.0