Conditional elements display

Features Added

• Added new setting in the builder to enter conditional display formula
• Extended the file structure to allow adding new trait types, following a class-based code structure.
• Added new custom trait type: codeblock
• Assigned a new trait "hide-if" to all components, when the Portal Builder has finished rendering

Testing and Validation

1. Create a new portal page
2. Add any element
3. Go to settings/traits (second tab of the right-side panel)
4. The codeblock 'Hide if' expects an inner function body Example: return 1 == 1;or return {{currentUser.Id}} == null
5. Save the page & preview
6. The condition will be evaluated and if the result is 'true', the element will be hidden.

Additional Information

Added validation logic, which handles custom expressions {{xxxx}} by converting them to a value, so that they wouldn't trigger a falsely invalid function body.

Examples

To show an element only when the user is signed in, use !!window?.contactUser?.Id (e.g. to hide/show login/logout buttons)

To show an element only when a user is NOT signed in, use !window?.contactUser?.Id (e.g. to hide/show login/logout buttons)