diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css index 632302e92..b0735d9e4 100644 --- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css +++ b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css @@ -194,7 +194,8 @@ .connections { list-style: none; display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(300px, calc(33.33% - 14px))); + justify-content: center; gap: 20px; margin-top: 24px; width: 100%; diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css index 853ddcc3e..883c278b6 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css @@ -51,6 +51,8 @@ .order-settings__panel { flex-grow: 1; + position: relative; + margin-top: 16px; margin-bottom: 8px; } diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html index f7a251536..f70523a4d 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html @@ -5,14 +5,14 @@
-

General

+

General settings

- Table display name + Displayed table name - Enter table name to be displayed in the interface. + Change the name of your table. This will not override your database. General [(ngModel)]="tableSettings.sensitive_fields"> {{field}} - Define sensitive fields to hide them from Audit logs. + Choose the fields you want hidden in the "Audit" tab. They won't be logged on our servers. @@ -43,16 +43,22 @@

General

Select a column you want to display as a foreign key field.
+ + Allow importing rows from CSV + + - Allow export + Allow table export to CSV - - Allow import + [(ngModel)]="tableSettings.can_delete"> + Allow row deletion

Table view

@@ -63,7 +69,7 @@

Table view

[(ngModel)]="tableSettings.columns_view"> {{field}} - Select the columns you always want to see when you open this table. + Choose the columns you want users to see when they first open this table. Changes made to a table's Columns view are saved over the default values.
@@ -100,18 +106,18 @@

Table view

- Fields to search + Searchable columns {{field}} - Select the columns you often use as filters. + Choose the columns Rocketadmin scans when using the Search bar.
- Ordering by field + Order by None @@ -129,33 +135,35 @@

Table view

- Sort fields by + Sortable columns - {{field}} - + {{field}} + + Choose which columns allow you to sort their values by pressing the arrow next to the column's name. Columns which aren't selected will not be sortable. -

Record view

+

"Edit row" behavior

+

You can edit a row by clicking on the "pencil" icon on the right.

- Foreign key search fields + Searchable foreign key columns {{field}} - Select the columns you want to search by when you look for the record as a foreign key. + Choose the columns Rocketadmin scans within a related table when using the foreign keys box. - Fields to exclude + Columns to hide {{field}} - Select the columns you want to hide and protect from editing. + Choose the columns you want to hide from the "Table" view and the "Edit row" view. This also removes the option to edit them. @@ -165,7 +173,7 @@

Record view

[(ngModel)]="tableSettings.readonly_fields"> {{field}} - Select the columns you want to display and protect from editing. + Choose columns that will be visible in "Table" view but not editable in "Edit row" view.
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts index 02fa14bf5..a0f6de627 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts @@ -99,7 +99,8 @@ describe('DbTableSettingsComponent', () => { sensitive_fields: [], connection_id: "63f804e4-8588-4957-8d7f-655e2309fef7", allow_csv_export: true, - allow_csv_import: true + allow_csv_import: true, + can_delete: true, } beforeEach(async () => { diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts index 88a4dd17d..20bb0ebf1 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts @@ -82,6 +82,7 @@ export class DbTableSettingsComponent implements OnInit { sensitive_fields: [], allow_csv_export: true, allow_csv_import: true, + can_delete: true, } public tableSettings: TableSettings = null; public defaultIcons = ['favorite', 'star', 'done', 'arrow_forward', 'key', 'lock', 'visibility', 'language', 'notifications', 'schedule']; diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css index bc37e5381..fc9b6586a 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css @@ -137,10 +137,6 @@ } } -.actions__action { - transform: scale(0.85); -} - .action_active { position: relative; } diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html index 91aa98515..8b07a0f07 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html @@ -32,12 +32,12 @@

{{ displayName }}

- - @@ -304,7 +304,7 @@

{{ displayName }}

(click)="stashUrlParams()"> difference -
- Display field name + Displayed field name - Display description + Displayed field description diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts index 14a13d0e1..fd33103e2 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts @@ -62,18 +62,21 @@ export class WidgetComponent implements OnInit, OnChanges { public docsUrls = { Boolean: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#boolean', - Textarea: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#textarea', - Select: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#select', - Password: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#password', Code: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#code', - Image: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#image', - Foreign_key: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#foreign-key', - Phone: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#phone', Color: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#color', - Money: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#money', Country: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#country', - UUID: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#uuid', + Foreign_key: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#foreign-key', + Image: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#image', + Money: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#money', + Number: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#number', + Password: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#password', + Phone: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#phone', Range: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#range', + Select: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#select', + String: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#string', + Textarea: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#textarea', + URL: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#url', + UUID: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#uuid', Date: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime', DateTime: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime', Time: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime', diff --git a/frontend/src/app/components/dashboard/db-tables-data-source.ts b/frontend/src/app/components/dashboard/db-tables-data-source.ts index 3d6452fee..112611cf3 100644 --- a/frontend/src/app/components/dashboard/db-tables-data-source.ts +++ b/frontend/src/app/components/dashboard/db-tables-data-source.ts @@ -76,6 +76,7 @@ export class TablesDataSource implements DataSource { public permissions; public isExportAllowed: boolean; public isImportAllowed: boolean; + public canDelete: boolean; public isEmptyTable: boolean; public tableActions: CustomAction[]; public tableBulkActions: CustomAction[]; @@ -280,6 +281,7 @@ export class TablesDataSource implements DataSource { this.isExportAllowed = res.allow_csv_export; this.isImportAllowed = res.allow_csv_import; + this.canDelete = res.can_delete; this.sortByColumns = res.sortable_by; @@ -313,9 +315,10 @@ export class TablesDataSource implements DataSource { } getActionsColumnWidth(actions, permissions) { - const defaultActionsCount = permissions.edit + permissions.add + permissions.delete; - const lendthValue = (((actions.length + defaultActionsCount) * 36) + 32); - return `${lendthValue}px` + const defaultActionsCount = permissions.edit + permissions.add + (!!permissions.delete && !!this.canDelete); + const totalActionsCount = actions.length + defaultActionsCount; + const lengthValue = ((totalActionsCount * 36) + 32); + return totalActionsCount === 0 ? '0' : `${lengthValue}px` } changleColumnList(connectionId: string, tableName: string) { diff --git a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html b/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html index 200dd5968..8061e54eb 100644 --- a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html +++ b/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html @@ -17,11 +17,11 @@
- Select an icon + Choose an icon
    @@ -40,12 +40,12 @@
- Another icon + Add another icon - More icons here + Copy "Icon name" from here