From 0ac8a0ffeb56b87b829c2899a8325ad0055ef430 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Thu, 24 Jun 2021 11:44:33 +0100 Subject: [PATCH] Add some container settings to repeaters to allow control of layout of children, and enable settings bar --- packages/standard-components/manifest.json | 88 +++++++++++++++++++ .../standard-components/src/Repeater.svelte | 10 ++- 2 files changed, 95 insertions(+), 3 deletions(-) diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json index 450a0d823c..e214cfcdb7 100644 --- a/packages/standard-components/manifest.json +++ b/packages/standard-components/manifest.json @@ -242,6 +242,7 @@ "styleable": true, "illegalChildren": ["section"], "hasChildren": true, + "showSettingsBar": true, "settings": [ { "type": "dataProvider", @@ -258,6 +259,93 @@ "type": "filter", "label": "Filtering", "key": "filter" + }, + { + "type": "select", + "label": "Direction", + "key": "direction", + "showInBar": true, + "options": [ + { + "label": "Column", + "value": "column", + "barIcon": "ViewRow", + "barTitle": "Column layout" + }, + { + "label": "Row", + "value": "row", + "barIcon": "ViewColumn", + "barTitle": "Row layout" + } + ], + "defaultValue": "column" + }, + { + "type": "select", + "label": "Horiz. Align", + "key": "hAlign", + "showInBar": true, + "options": [ + { + "label": "Left", + "value": "left", + "barIcon": "AlignLeft", + "barTitle": "Align left" + }, + { + "label": "Center", + "value": "center", + "barIcon": "AlignCenter", + "barTitle": "Align center" + }, + { + "label": "Right", + "value": "right", + "barIcon": "AlignRight", + "barTitle": "Align right" + }, + { + "label": "Stretch", + "value": "stretch", + "barIcon": "MoveLeftRight", + "barTitle": "Align stretched horizontally" + } + ], + "defaultValue": "stretch" + }, + { + "type": "select", + "label": "Vert. Align", + "key": "vAlign", + "showInBar": "true", + "options": [ + { + "label": "Top", + "value": "top", + "barIcon": "AlignTop", + "barTitle": "Align top" + }, + { + "label": "Middle", + "value": "middle", + "barIcon": "AlignMiddle", + "barTitle": "Align middle" + }, + { + "label": "Bottom", + "value": "bottom", + "barIcon": "AlignBottom", + "barTitle": "Align bottom" + }, + { + "label": "Stretch", + "value": "stretch", + "barIcon": "MoveUpDown", + "barTitle": "Align stretched vertically" + } + ], + "defaultValue": "top" } ], "context": { diff --git a/packages/standard-components/src/Repeater.svelte b/packages/standard-components/src/Repeater.svelte index c53789afd6..97694303f5 100644 --- a/packages/standard-components/src/Repeater.svelte +++ b/packages/standard-components/src/Repeater.svelte @@ -1,18 +1,22 @@ -
+ {#if $component.empty} {:else if rows.length > 0} @@ -24,7 +28,7 @@ {:else if loaded && noRowsMessage}
{noRowsMessage}
{/if} -
+