[Feature Request] Minimal/Overall view

[hot22shot]

Hi,

Sometimes I have a lot of torrent at the same time. I'd like to have the possibility to have an overall view of all my torrents on the main page maybe with less metrics displayed.

Cheers !

[WDaan]

Hi!

Does the data table version fit your needs? as mentioned in #143
You can check it out here
It is a fork by @Ov3r1d3 & he would make a pull request once he's finished, but it's taking a little longer than expected (no blame by any means)

[Ov3r1d3]

Actually , since I thought I would use it only for me . I kinda threw the code so it was not good for a merge. I wanted to get on it last weekend ,but I had some issues . But I will probably work on it this week :) . Sorry for any inconvenience.

…

On Wed, Feb 17, 2021, 12:00 PM Daan Wijns ***@***.***> wrote: Hi! Does the data table version fit your needs? as mentioned in #143 <#143> You can check it out here <https://github.com/Ov3r1d3/VueTorrent> It is a fork by @Ov3r1d3 <https://github.com/Ov3r1d3> & he would make a pull request once he's finished, but it's taking a little longer than expected (no blame by any means) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#157 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEIGAR4ZDF35VHG5AJAZSWLS7OHT3ANCNFSM4XYAJRJQ> .

[WDaan]

No worries at all!
Even if you did find the time, I'm not sure I would have found the time to look at it.
I'm very excited that you're willing to implement such a great feature.
Don't feel obligated by any means, I'd do it myself when I find the time.

[hot22shot]

The data table by @Ov3r1d3 would definitely fit my needs !

[brandonvu99]

Any updates on this? Would love it if this were an option that can be toggled!

[hot22shot]

To be honest I moved on to flood which gave me that high level view that I needed.

[WDaan]

Sure, whatever works for you 🙂

Haven't gotten around to it yet.
Also thinking/experimenting about a complete rewrite in Vue3. Focussing more on stability/useability than amount of features.

Lot's of ideas, little time

[akballow]

I did not like how flood requires other software to get it working. Sure it does what I want, per this thread but I am giving a +1 for the feature as Vue does what flood does without so many dependencies.

[firasdib]

Is there any progress on this? The screenshots look perfect, I'd move over to VueTorrent if it looked like that.

[WDaan]

@firasdib the screenshots in this repos readme are fairly accurate.

Yet there is still no minimal version available as of yet. Could perhaps be part of the vue3 rewrite

[FluffyDiscord]

Compact mode would be nice, I would really love to see more than 5 torrents on my screen, something like this would be nice to have officially (excuse the black box):

The css overwrite that screenshot uses.

.v-list-item__content .done > .layout > div > div,
.v-list-item__content .stalled > .layout > div > div,
.v-list-item__content .seeding > .layout > div > div {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    flex-basis: auto;
    white-space: nowrap;
    max-width: unset;
    align-items: center;
    font-size: 85%;
}
.v-list-item__content .done > .layout > div,
.v-list-item__content .stalled > .layout > div,
.v-list-item__content .seeding > .layout > div {
    display: grid;
    grid-template-columns: 1fr 100px 150px 170px 100px 80px 190px;
    gap: 2rem;
    padding-block: 3px !important;
}
.v-list-item__content .done > .layout > div > div:first-child,
.v-list-item__content .stalled > .layout > div > div:first-child,
.v-list-item__content .seeding > .layout > div > div:first-child {
    margin-right: auto;
    font-size: 90%;
}

.v-list-item__content .done > .layout > div > div > div:first-child,
.v-list-item__content .stalled > .layout > div > div > div:first-child,
.v-list-item__content .seeding > .layout > div > div > div:first-child {
    font-size: 80% !important;
}
.v-list-item__content .done > .layout > div > div > div:last-child,
.v-list-item__content .stalled > .layout > div > div > div:last-child,
.v-list-item__content .seeding > .layout > div > div > div:last-child {
    margin-left: auto;
}

.pa-0.v-list-item.theme--dark.mb-2 {
    margin-bottom: 0 !important;
}

.v-list-item {
min-height: 30px;
}

.v-list-item__action {
	margin-block: 0px;
}

.v-list-item__action .v-input--selection-controls__ripple {
	left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
}