From d2cc2c8dc3ada68b19093ac99097734a9dd0ac85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Mon, 18 Sep 2023 15:17:23 +0200
Subject: [PATCH] Add additional expression information for page layout
 visibility conditions

---
 client/web/compose/src/views/Admin/Pages/Edit.vue | 14 ++++++++++++++
 locale/en/corteza-webapp-compose/page.yaml        |  1 +
 2 files changed, 15 insertions(+)

diff --git a/client/web/compose/src/views/Admin/Pages/Edit.vue b/client/web/compose/src/views/Admin/Pages/Edit.vue
index a0f9e687d..41e23761a 100644
--- a/client/web/compose/src/views/Admin/Pages/Edit.vue
+++ b/client/web/compose/src/views/Admin/Pages/Edit.vue
@@ -483,6 +483,20 @@
             :placeholder="$t('page-layout.condition.placeholder')"
           />
         </b-input-group>
+
+        <b-form-text>
+          <i18next
+            path="page-layout.condition.description"
+            tag="label"
+          >
+            <code>"record.values.fieldName"</code>
+            <code>"user.(userID/email...)"</code>
+            <code>"screen.(width/height)"</code>
+            <code>"isView/isCreate/isEdit"</code>
+            <code>"user.userID == record.values.createdBy"</code>
+            <code>"screen.width &lt; 1024"</code>
+          </i18next>
+        </b-form-text>
       </b-form-group>
 
       <b-form-group
diff --git a/locale/en/corteza-webapp-compose/page.yaml b/locale/en/corteza-webapp-compose/page.yaml
index 85c81c060..c00f0296a 100644
--- a/locale/en/corteza-webapp-compose/page.yaml
+++ b/locale/en/corteza-webapp-compose/page.yaml
@@ -13,6 +13,7 @@ page-layout:
   condition:
     label: Condition
     placeholder: When will the layout be shown
+    description: "You can use {{0}}, {{1}}, {{2}}, {{3}} inside  the expression, for example: {{4}} or {{5}}"
   roles:
     label: Roles
     placeholder: Pick roles that the layout will be shown to