Skip to content

Option to Show/Hide save/cancel button in table toolbar + Expose functions with table to cancel changes #1129

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Aug 28, 2024
Merged

Option to Show/Hide save/cancel button in table toolbar + Expose functions with table to cancel changes #1129

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1e1e481
Adapting Table Properties Display
Aug 27, 2024
4ee38eb
option to show/hide submit/cancel buttons in table toolbar
raheeliftikhar5 Aug 28, 2024
a9508b7
expose cancelChanges and cancelInsertChanges function to programatica…
raheeliftikhar5 Aug 28, 2024
7eba0e3
added translations
raheeliftikhar5 Aug 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Adapting Table Properties Display
  • Loading branch information
FalkWolsky committed Aug 27, 2024
commit 1e1e4810c889afd45a12cfbaaebe4e185576d23f
38 changes: 21 additions & 17 deletions client/packages/lowcoder/src/comps/comps/tableComp/tablePropertyView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -489,21 +489,40 @@ export function compTablePropertyView<T extends MultiBaseComp<TableChildrenType>
<>
<Section name={sectionNames.interaction}>
{comp.children.onEvent.getPropertyView()}
{comp.children.selection.getPropertyView()}
{hiddenPropertyView(comp.children)}
{loadingPropertyView(comp.children)}
{comp.children.showDataLoadSpinner.propertyView({
label: trans("table.showDataLoadSpinner"),
})}
{comp.children.selection.getPropertyView()}
{comp.children.editModeClicks.propertyView({
label: trans("table.editMode"),
radioButton: true,
})}
{comp.children.searchText.propertyView({
label: trans("table.searchText"),
tooltip: trans("table.searchTextTooltip"),
placeholder: "{{input1.value}}",
})}
</Section>

<Section name={"Summary"}>
{comp.children.showSummary.propertyView({
label: trans("table.showSummary")
})}
{comp.children.summaryRows.propertyView({
{comp.children.showSummary.getView() &&
comp.children.summaryRows.propertyView({
label: trans("table.totalSummaryRows"),
radioButton: true,
})}
</Section>

<Section name={"Insert Rows"}>
{comp.children.inlineAddNewRow.propertyView({
label: trans("table.inlineAddNewRow")
})}
</Section>

<Section name={trans("prop.toolbar")}>
{comp.children.toolbar.getPropertyView()}
</Section>
Expand Down Expand Up @@ -550,27 +569,12 @@ export function compTablePropertyView<T extends MultiBaseComp<TableChildrenType>
<>
<Section name={sectionNames.advanced}>
{comp.children.expansion.getPropertyView()}
{comp.children.inlineAddNewRow.propertyView({
label: trans("table.inlineAddNewRow")
})}
{comp.children.showDataLoadSpinner.propertyView({
label: trans("table.showDataLoadSpinner"),
})}
{comp.children.dynamicColumn.propertyView({ label: trans("table.dynamicColumn") })}
{comp.children.dynamicColumn.getView() &&
comp.children.dynamicColumnConfig.propertyView({
label: trans("table.dynamicColumnConfig"),
tooltip: trans("table.dynamicColumnConfigDesc"),
})}
{comp.children.editModeClicks.propertyView({
label: trans("table.editMode"),
radioButton: true,
})}
{comp.children.searchText.propertyView({
label: trans("table.searchText"),
tooltip: trans("table.searchTextTooltip"),
placeholder: "{{input1.value}}",
})}
</Section>
</>
)}
Expand Down
8 changes: 4 additions & 4 deletions client/packages/lowcoder/src/i18n/locales/en.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1854,7 +1854,7 @@ export const en = {
"columnSeparatorTooltip": "Column Separator (\"delimiter\") in downloaded CSV file. \n\nRecommendations:\n- Comma (,)\n- Semicolon (;)\n- Pipe (|)\n- Tab (\\t)",
"columnSetting": "Show Columns Visibility Button",
"searchText": "Search Text",
"searchTextTooltip": "Search and Filter the Data Presented in the Table",
"searchTextTooltip": "Search and Filter the Data, which is currently Presented in the Table. This is a frontend-only Search and Does Not Affect the Data Source Query.)",
"showQuickJumper": "Show Quick Jumper",
"hideOnSinglePage": "Hide on Single Page",
"showSizeChanger": "Show Size Changer Button",
Expand Down Expand Up @@ -1999,9 +1999,9 @@ export const en = {
"allColumn": "All",
"visibleColumn": "Visible",
"emptyColumns": "No Columns Are Currently Visible",
"showSummary": "Show Summary Row",
"showSummary": "Show Summary Row(s)",
"totalSummaryRows": "Total Rows",
"inlineAddNewRow": "Inline Add New Row",
"inlineAddNewRow": "Inline Add New Row(s)",
"editMode": "Edit Mode",
"singleClick": "Single Click",
"doubleClick": "Double Click",
Expand Down Expand Up @@ -2142,7 +2142,7 @@ export const en = {
"single": "Single",
"multiple": "Multiple",
"close": "Close",
"mode": "Select Mode"
"mode": "Row Select Mode"
},
"container": {
"title": "Displayed Container Title",
Expand Down