mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-22 22:17:55 +00:00
54 lines
2.3 KiB
Markdown
54 lines
2.3 KiB
Markdown
---
|
||
id: access-currentuser
|
||
title: Enable/Disable a component using current user's property
|
||
---
|
||
|
||
# Enable/Disable a component using current user's property
|
||
|
||
Let's take look at the exposed variables of the current user property:
|
||
|
||
- **email** : The value can accessed using `{{globals.currentUser.email}}`
|
||
- **firstName** : The value can accessed using `{{globals.currentUser.firstName}}`
|
||
- **lastName** : The value can accessed using `{{globals.currentUser.lastName}}`
|
||
- **lastName** : The value can accessed using `{{globals.currentUser.lastName}}`
|
||
- **groups** : By default, the admin will be in the two groups `all_users` and `admin`, and any user who is not admin will always be in the `all_users` group by default. Since the **groups** is an array you’ll have to provide the index ([0], [1], and so on) to return the group name. The value can be accessed using `{{globals.currentUser.groups[1]}}`.
|
||
|
||
<div style={{textAlign: 'center'}}>
|
||
|
||
<img className="screenshot-full" src="/img/how-to/access-currentuser/props.png" alt="Properties of current user" />
|
||
|
||
</div>
|
||
|
||
### Example: Disable a button if a user is not admin
|
||
|
||
- Click on the **Button** handle to open its properties, on the **Styles** tab go to the **Disable** property.
|
||
|
||
<div style={{textAlign: 'center'}}>
|
||
|
||
<img className="screenshot-full" src="/img/how-to/access-currentuser/button.png" alt="Properties of button" />
|
||
|
||
</div>
|
||
|
||
- Set a condition on the Disable field so that if the the user who is using the app does not have **admin** value in the first index of **groups** array return **true**. The condition can be:
|
||
|
||
```javascript
|
||
{{globals.currentUser.groups[1] !== "admin" ? true : false}}
|
||
```
|
||
|
||
<div style={{textAlign: 'center'}}>
|
||
|
||
<img className="screenshot-full" src="/img/how-to/access-currentuser/disable.png" alt="Disable Property of button" />
|
||
|
||
</div>
|
||
|
||
- Now, when you'll **release** the app, if the user is not is not admin the button will be disabled.
|
||
|
||
<div style={{textAlign: 'center'}}>
|
||
|
||
<img className="screenshot-full" src="/img/how-to/access-currentuser/released.png" alt="Released button disabled when user is not admin" />
|
||
|
||
</div>
|
||
|
||
:::info
|
||
In this how-to we have used the **Groups** property of the **Current User**. You can use any of the exposed variables mentioned above according to your use.
|
||
:::
|