Display Roles in 'Logged in as...' Text in the Info Bar

API & Customization Show & Tell
1

As a user, you might want to see what role you’re logged in as.

Here’s a quick snippet that will append your user role to the “Logged in as…” text.

Before:
before

After:

after
after770×82 8.21 KB

Copy-paste the following code in your app under Settings > API & Code > JavaScript.

// On all scenes
$(document).on('knack-scene-render.any', function(event, scene) {
  showRoleInsideInfoBar()
})

// Function to show user roles in 'Logged in as...' text in the Info Bar
function showRoleInsideInfoBar() {
  if (loggedIn()) {
    const str = getRoles()
    updateInfoBar(str)
  }

  function loggedIn() {
    return Knack.getUserAttributes().id
  }

  function getRoles() {
    const roles = Knack.getUserAttributes().roles // e.g. ['object_1', 'object_2']
    let str = ''
    for (let i = 0; i < roles.length; i++) {
      if (roles.length > 1 && i > 0) str += ', '
      str += Knack.objects.models.find(object => object.attributes.key === roles[i]).attributes.inflections.singular
    }
    return str
  }

  function updateInfoBar(str) {
    const $currentUser = $('.kn-current_user')
    if ($currentUser.hasClass('has-roles')) return
    const $lastName = $currentUser.find('.last')
    $lastName.text(`${$lastName.text()} (${str})`)
    $currentUser.addClass('has-roles')
  }
}
5 Likes
2

Nice snippet @KnackPros :muscle:

3

Love it. Was wishing for something like this last week!
Thanks!

1 Like