FriendsOfFlarum Discussion Thumbnail

datitisev

nfr472xb This was a suggestion made by @nitaaikumar as well. However, I didn't want to have to make a system that would resize remote images and save thumbnails to the disk - that could take up a lot of space very quickly and could cause unintended consequences in terms of load, etc... so I decided to use lazy loading instead.

RecepBilgin

Many thanks for the extension. Clicking on the discussion thumbnail goes to the user profile. How can we do this as a link to discussion?

datitisev

RecepBilgin That is true, I did not think about that. I'll probably add an option to also toggle showing user avatars when no image exists and/or linking to discussion or user.

n512

RecepBilgin

Hi !

If you want, you can do it with some CSS (I also made the thumbnails a little bigger) :

.DiscussionListItem-author{
    margin-left: -95px;
    pointer-events: none;
    margin-left: 0px;
}

.DiscussionListItem-author .Avatar {
    width: 82px;
    height: 82px;
    border-radius: 7px;
    line-height: 82px;
    object-fit: cover;
    background-color: transparent;

}

.DiscussionListItem-content {
    padding-left: 10px;
    margin-bottom: 10px;
    padding-right: 50px;
    border-top:1px solid #EEE
}

.DiscussionListItem-main {
    margin-left: -82px;
    padding-left: 92px;
    padding-bottom: 50px;
}

ikramy

RecepBilgin I was able to get over this using the following solution https://discuss.flarum.org/d/26248-remove-the-link-to-the-user-profile-from-the-main-discussions-page

RecepBilgin

datitisev Hello again, I wonder when the update is published?

RecepBilgin

thank you so much. I'll be happy to offer this update as soon as possible 🙂

datitisev

RecepBilgin I haven't worked on it, and cannot offer a time frame of when this change will be implemented, I apologize.

tuilagio

I really love this plugin however the loading time is really a concern for me. See my github issue: FriendsOfFlarum/discussion-thumbnail1

there is a problem: Loading image really slow if embed image used in post (first image, ofc).

This raises (imho) a few solutions:

Auto download and cache (first) image if they are not saved in server. Problem: copyright?

Create other extension: Allow user choose image for their post to use as post-thumbnail (replace user 's avatar). This photo will be explicit download locally.

huuduy216

DanielOX You can do it with the CSS below. Thanks to @n512

n512 .DiscussionListItem-author{
margin-left: -95px;
pointer-events: none;
margin-left: 0px;
}

.DiscussionListItem-author .Avatar {
width: 82px;
height: 82px;
border-radius: 7px;
line-height: 82px;
object-fit: cover;
background-color: transparent;

}

.DiscussionListItem-content {
padding-left: 10px;
margin-bottom: 10px;
padding-right: 50px;
border-top:1px solid #EEE
}

.DiscussionListItem-main {
margin-left: -82px;
padding-left: 92px;
padding-bottom: 50px;
}

There other UI changes in there as well, but I think the most important one is pointer-events: none;

fladis

nitaaikumar Hi, could you please share the link of your forum? I'd like to see how attractive and beautiful it is.

fakruzaruret

is there a demo?

datitisev

fakruzaruret There's a GIF that shows it in the first post.

TOWUK_ru

datitisev on my forum dont work this ext (latest flarum)

clarkwinkelmann

TOWUK_ru what happens? Please describe the problem

I don't think this extension has any user-facing setting. The first image from the post is automatically used.

datitisev

clarkwinkelmann The first image from the post is automatically used.

That is correct.

TOWUK_ru

clarkwinkelmann yes, i dont know how change thumbnail, not button "change thumbnail" etc

hrvoje_hr

It's identical to my Flarum too. Avatars aren't replaced with the first post image.

However, I'm still on beta 12.

datitisev

TOWUK_ru As Clark said, you can't manually set the thumbnail. This extension uses the first image that it finds.

TOWUK_ru

datitisev should I change my profile picture then create a discussion and then change profile picture back?

datitisev

TOWUK_ru What? The profile picture Flarum uses is the latest one. The image shown for the thumbnail is the first image found in the discussion's first post.

TOWUK_ru

datitisev i dont understand "first image", Where will I find him? how to specify it ???

datitisev

TOWUK_ru If the first post in a discussion has an image embedded (can't be an imgur album), like here:

Then the discussion thumbnail will use that image (in this case, it would use the Flarum logo if this was the first post int he discussion).

There are NO options to specify, nor can you make the thumbnail a different image. It will only use images in the discussion's first post.