Design Revamp for Subtitles Index
complete
Amrayu78
Permissions: Allow guests to view, but they can't get to subtitle project links.
Amrayu78
complete
Amrayu78
in progress
Amrayu78
complete
Amrayu78
Max Romanchenko: Hi Max, this is a new feature to redesign the subtitles index. Whenever you have time! Thank you.
Max Romanchenko
Amrayu78 Hi Duong,
I'm trying to understand the logic of seasons and I have a question. Subtitle projects do not have a year/season. This is the concept of drama, movie, special, right? I want to clarify, do you mean the publication date of the subtitle project or the season of drama, movie, special? Also, the season and year are not connected in any way, these are two separate taxonomies (not hierarchical), I will think about how this can be done so that it matches your screenshot. Also, it is unlikely that we will be able to make an anchor for the season, since the anchor implies displaying all the results on the page, but there may be a lot of results and pagination will be needed, which conflicts with the logic of the anchor. Perhaps it will be a filter, but not an anchor.
Amrayu78
Max Romanchenko: Hi Max,
Thanks for reviewing. Let’s get rid of the seasons then. And add a filter to allow sorting. Default is sorting by release date of the drama, movie or sp. then allow sorting by alphabetical. You can go ahead and paginate too. Thank you!
Amrayu78
Sorry forgot one more thing. Please add a search bar to allow users to search all subprojects by name. This is tricky since some subprojects aren’t exactly named the same way as the drama movie or SP title. We would have to search by the related drama movie or SP that is linked to the subtitle project.
Max Romanchenko
Amrayu78 Thanks for the answers! I'm thinking about filtering by year. You want to filter by a specific range of years, for example:
2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015
Or by all years:
2026, 2025, 2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 1999, 1998, 1997, 1996, 1995, 1994, 1993, 1992, 1991, 1990, 1989, 1988, 1987, 1986, 1985, 1984, 1983, 1982, 1981, 1980, 79, 1978, 1977, 1976, 1975, 1974, 1973
Amrayu78
Max Romanchenko: let’s filter by all years.
Amrayu78
If there’s no results then gray out the year. Is that doable?
Max Romanchenko
Amrayu78 One more question. Last updated - what if a drama/movie/special has several projects?
Amrayu78
Max Romanchenko: Hi Max, Sorry, I didn't think of that situation. I'm attaching an updated mockup to account for multiple subtitle projects.
Max Romanchenko
Amrayu78 Thanks for the quick response! I'll keep working on it.
Max Romanchenko
Amrayu78 I've finalized the new page.
The hardest part was to defeat the nested loops (subtitle projects inside a drama, movie, special). To do this I used asynchronous js
loading (parent posts are loaded first, then the related subtitle projects are loaded, this is much faster if I used nested loops). This required a change to the relationship storage, I created an invisible field “related_projects” which stores an array of all related subtitle projects. I also imported into this field all existing related subtitle projects. Of course this field is automatically synchronized when connecting / disconnecting post relationships. Also, I didn't quite understand the up arrow, sorry... But I've left it as it is for now.
Check, please.
Amrayu78
Max Romanchenko: Thanks for completing this! I will review it today.
Amrayu78
Max Romanchenko: Hi Max! Can you make a few changes so it matches the front page? Apologies, since I mocked it up without thinking about what we had on the front page already.
Also in mobile view, can you make the featured image the full width of the screen? Just so its more balanced.
I'm still testing out the functionality, so I'll report more later! Thank you for everything.
Amrayu78
Max Romanchenko: One more change for mobile view. Can you make the poster span the width of the browser in mobile view? Thanks.
Max Romanchenko
Amrayu78 Sure it's done!
The poster is now full width on the mobile view.
Amrayu78
Max Romanchenko: I think you've accidentally skipped these fixes. Can you check? It's from 2 days ago with a mockup. Thanks.
Max Romanchenko
Amrayu78 Oh, I really missed that, sorry.
I fixed it. Please check.
Amrayu78
Max Romanchenko: Hi Max, I just made a few minor CSS changes. Everything looks good now! Thank you. I'll send you something for this.
Max Romanchenko
Amrayu78 Hi Duong, thank you for this!
Amrayu78
Max Romanchenko: Hi Max, sorry did a bit more testing and I had some questions, so reopening this.
Sort a specific season for a year?
- https://drama-otaku.com/treasure-island/?wpvyear=2024&wpvseason=fall
- For instance I want to see an alphabetical list for fall 2024. Is this doable?
All tab:
- During the initial loading of the page where it shows "all". Can we make an ALL tab and highlight that tab? Currently it highlights the 2024 tab.
Default sort:
- By default, sort by "Last Updated".
Language flag:
- On hover, show tooltip that says "English" or "Japanese" based on what tag/category the Subtitle Project is tagged.
Max Romanchenko
Amrayu78 Hi Duong, I have made some fixes, please check.
However, this (Default sort: By default, sort by "Last Updated") raises my doubts. You probably mean the modification date of the Subtitle Project?
The Treasure Island page displays dramas, movies and specials, so this display order is not possible out of the box. Please confirm that I understood you correctly and I will think about how to get out of this situation.
Amrayu78
Max Romanchenko: hi max, yes, last modified for the subtitle project since people want to check if there’s updates to the subtitle project. It’s the same as the frontpage widget.
Max Romanchenko
Amrayu78 Hi Duong, thanks for the quick response.
In this case it would require synchronization of the SP modification date with the linked title. I will think about this code and also on how to update the existing Dramas, Movies and Specials.
Amrayu78
Max Romanchenko: Thanks!
Max Romanchenko
Amrayu78 Hi Duong, I made it possible, now when subtitle project updates the related drama/movie/special is updated as well.
I have updated all existing dramas/movies/specials with the modified date of their sabtitle project.
I've also added the ability to sort by this parameter.
Check please.
Amrayu78
Max Romanchenko: Great! I just checked and this is working excellent. Thank you for your work on this!