Level Ranks

askvortsov

Ata the extension you linked has been replaced by AutoModerator: https://discuss.flarum.org/d/27306-flarum-automoderator

IanM

1.1.0

Webpack 5
Add CSS to support display of XP on mobile view

Updating

composer require ianm/level-ranks:"*"
php flarum cache:clear

This is a one-off update

IanM No further development is planned to take place, unless specifically requested and sponsored. Please reach out to me if you are interested.

Searcher

IanM Hello! You can link your extension with Auto Moderator extension ?

Oshvam

IanM Hi Ianm, I have modified the values in the LevelBar.js file, but apparently nothing has changed. My community is very active, and some users in just a few weeks have already reached level 157, so I wanted to reduce a lot the experience awarded and make it more difficult to level up. These are the modifications, what can I be doing wrong? Is there any other file I should modify?

let expComments = (user.commentCount() - user.discussionCount()) * 3,
      expDiscussions = user.discussionCount() * 5;

    let expTotal = expComments + expDiscussions,
      expLevel = Math.floor(expTotal / 300),
      expPercent = (100 / 300) * (expTotal - expLevel * 300);

IanM

1.1.1

fix space created by .PostUser-level {margin-top: 75px} after upgrade to flarum 1.8 from 1.6 by @n0099 in imorland/level-ranks3

lighthouse

IanM
Is there a CSS fix for mobile view? Level Ranks is not inline with user avatar.

HeapsortYi

IanM
Hello, after updating to the latest version, the level rank display on the mobile side has shifted. I had to modify the CSS to that in order to fix this bug:

@media (max-width: 768px) {
    .PostUser-level {
      float: right;
      position: relative;
      /* margin-top: -10px; */
      width: 64px;
      text-align: left;
      left: 0px;
      top: 0px;
    }
    .tooltip-arrow{
      display:none;
    }
    .tooltip-inner {
      width:60px;
    }
  }

Oshvam

lighthouse I hope this will help. Don't forget to adapt it better to your needs, and change the colours for white and dark mode.

:root {
  & when (@config-dark-mode = true) { 

/* CSS para la barra de niveles modo dark */

.PostUser-bar {
    background: #8d9caa;
    height: 12px;
    position: absolute;
    top: 2px;
    z-index: -1;
}

div.PostUser-bar--empty {
    background: #282828;
}

.PostUser-level {
    color: white;
    font-size: 10px;
}

@media @phone {
  .PostUser-level {
    float: right !important;
    position: sticky;
    top: 10px;
    width: 45px !important;
    text-align: center !important;
    left: 43px;
    height: 10px;
  }
  .tooltip-arrow{
    display:none !important;
  }
  .tooltip-inner {
    width:60px;
  }
}


   } 

   & when (@config-dark-mode = false) {

/* CSS para la barra de niveles modo white */

.PostUser-bar {
    background: #8d9caa;
    height: 12px;
    position: absolute;
    top: 2px;
    z-index: -1;
}

div.PostUser-bar--empty {
    background: #282828;
}

.PostUser-level {
    color: white;
    font-size: 10px;
}

@media @phone {
  .PostUser-level {
    float: right !important;
    position: sticky;
    top: 10px;
    width: 45px !important;
    text-align: center !important;
    left: 43px;
    height: 10px;
  }
  .tooltip-arrow{
    display:none !important;
  }
  .tooltip-inner {
    width:60px;
  }
}

}

lighthouse

Oshvam thank you!

lighthouse

HeapsortYi

On mobile device level ranks is still not aligned with user avatar...

Is it possible to add option to block level ranks on mobile devices?

User25

lighthouse lighthouse You can hide the user level on mobile devices with the following css snippet:
/* no levels mobile */
@media @phone { .PostUser-level { display: none; } }

Boss81

Hi Everybody!

I would like to ask for a little help. I don't fully understand, what should I enter in the admin section? And how can I change the amount of points for the levels and the different names for the levels?

Could someone help me?

User25

Boss81 I don't think this is possible without cloning and changing the code. The levels are calculated as in imorland/level-ranksblob/39b6873c7e09ae64f7623529c05603161faceaaf/js/src/forum/components/LevelBar.js#L14

Algo

Is it possible to modify the exp you need to increase the level or the number of levels without edit the code? There are no options to customize this

« Previous Page