UI Change Request: Remove the word "Download:" from the download page list about tubearchivist HOT 4 CLOSED

Visual tags overlayed on the thumbnail might be a way to do it. Or even a 'tags' / data 'row' right below the title div.

If you do a visual overlay 'tag', then using the :before or :after property might work nicely for something simple.

Another option might be yet another column with an icon to let users know what 'state' the video is in on that specific page.

For the same of example, let's use DataTables JS as a base for the following. I'm using that library as an example as we've using on a project right now so it's fresh in my mind:

If we change the downloads page to use a table like format, then we could have a lot more control of what's going on in this page. We could have a Bulk Actions bar (section) up-top, then filters and search below it, and then the sortable / configurable table with all the data right under it. As since DataTables JS can easily run via AJAX and JSON queries it'd be easy to update the data 'live' in there to make it dynamic (both with or without reloading the page). On the left we'd have our thumbnail column, then the middle column would be the same as now, and then THREE right columns for DOWNLOAD, IGNORE, DELETE.

The above is only an idea not a full on suggestion and I'm not sure if a 'table' would be better or not.

I did take the liberty to mock up some ideas in screenshot below. I hope they can be helpful to you. But before that: as the "show ignored" toggle currently does fully toggle a display change between ONLY ignore and ONLY "yet to do things with", maybe the solution is to simply have a small little notice up-top that displays when 'show ignored' is turned on?

Either way, some screenshots:

Don't mind the poor positioning. I just did something quick in-between calls. :)

Though looking more and more of this: with the 'ignore' toggle never showing BOTH, I think simply removing the text "Download" and "Ignore" would be the quickest tweak.

Quick side note: in the screenshots I also increased the title font-size (of those list h3's) to 1.3em as it make it a little bit easier to read on my old man eyes.

from tubearchivist.

OK, this is no merged in v0.0.7. Thanks for your input!

Closing this comment for now.

from tubearchivist.

Yes, I get what you mean with redundant. I added that to separate between "ignore" and "download", so the list switches once you toggle "Show only ignored videos". I didn't want to create a separate page like /ignore/ just for that. But the title changes also from "Download queue" to "Ignored from download" once you flip the toggle...

Do you think that's obvious enough? Or maybe there is a better way to do that without decreasing the readability of the titles. Any ideas?

from tubearchivist.

Thank you for your excellent ideas. I've been playing around with all of them, I like the "badge" text as an overlay over the thumbnail, could also have an little hover effect so it only shows when you hover over the list item. So it's out of the way, you get an indicator from the title what list you have, and then once you hover over the item, it will confirm with the badge.

I think it's quite obvious, that I'm mostly into backend stuff... :-) I was hoping, as the project progresses, somebody with more expertise in JavaScript will come along to help me with things like you are describing and could improve the existing JS I have cobbled together. So I'm collecting all these ideas, even though I currently don't have the capacity to work on it.

Thanks for your input!

from tubearchivist.