Flarum Achievements, reward your users for participating

Justoverclock

@malago maybe i'm doing something wrong....but...

i can't see the image

and here the issue:

maybe u can change with a simple text inline with like/reply

malago

Justoverclock I'm having a hard time with the git and forgot to include some files 🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️

I just updated with the compiled js files, try to update to 0.2.2... sorry about that 🙂

Justoverclock maybe u can change with a simple text inline with like/reply

I tried that, but the like/reply buttons are not always visible, they only appear on mouse hover so I decided to put it just below. Having said that, you can try to change the position with some CSS, I will try to find another solution asap.

Justoverclock

i've added some css to make it more "modern".

but idk how can i change the position

@malago maybe could be awesome to have an "achievements" page on the sidebar, that show all the available achievements that a user could reach

edit: is it normal that i see this in console?

malago

Justoverclock Hello again, I made the some changes to where the achievement list is showing up. There are more span elements that will give you more flexibility for the CSS customization. I also removed the console.log line that was spamming.

Please update to Version 0.2.3 and let me know how it works for you!

flarum update malago/flarum-achievements

I believe the extension is quite stable now, I might take a break and think about what to add next:

List of achievements
Add the option to hide an achievement from this list to make it a suprise

thimiraonline

Justoverclock Can I have the CSS for this one?

Justoverclock

malago i can't wait to see this new feauture! keep up the good work!! and let me know if i can do something (i'm not a developer, but i have experience with graphics stuff)

Ralkage

malago List of achievements

I would love to see an Admin setting in the future to hide user's achievements from posts, especially if user achievements gets it's own UserPage 😉

Justoverclock

new version installed, all works fine, but i see messages on console, maybe a log.

Justoverclock

found a bug, i try to like a post but i receive an error: "oops something went wrong"
here the console:

clarkwinkelmann

Justoverclock check your Flarum log file at <flarum>/storage/log. The message in the console says there was a 500 response from the API, so the full error should have been logged by the backend.

Justoverclock

clarkwinkelmann already done and fixed. @malago has updated the extension

Justoverclock

anyone knows how to remove the log? maybe is some options that i have?
there are all images for the achievements:

malago

Justoverclock Hi! Sorry for the delay, I found the log and removed it. Also, the comments in discussion achievement was not calculating it the right way so that was also fixed, please update!

0.2.5

Removed JS log
Fixed calculation for comments on discussion achievements

flarum update malago/flarum-achievements

I will keep an eye open for more issues.

Justoverclock

malago great!

Justoverclock

@malago can u assign another css clas to .Badge? actually is used by goup badges, so i cannot apply styles without touching them.

malago

Justoverclock Did you try with .Achievements .Badge (or similar, I can't remember the exact div that wraps the achievements)? I can change it yes, but I could do two classes to get only to that badge class.

Justoverclock

for example, i would remove the border from achievement, but i cannot without modify the group badges, if u know solution tell me what i have to do 🙂

malago

Justoverclock Try this:

.Achievements--User .Badge {
border: none;
}

Or whatever you want to change on the badge class inside the Achievements--User div.

Justoverclock

not work for me

malago

With the important flag maybe?

.Achievements--User .Badge {
border: none !important;
}

If it doesn't work I will remove the Badge class for only custom images, I will leave it for font awesome icons.

Justoverclock

malago not work even like this

malago

Justoverclock what border are you trying to delete? There is a box shadow and a border radius. The example I put here only deletes the border but try first with: background-color: red and see if that picks up. Try a to remove the border with your code.

I will change the class later anyway 😁

« Previous Page Next Page »