Commit graph

7 commits

Author SHA1 Message Date
Akshay
ba7a2d6da9
Feature: TJDB UX Revamp (#8538)
* Added Edit column functionality in ToolJet Database Table

* feat: null constraint support for create_table add_column edit_column

* fix: default data-type validation has been added

* completed column header revamp

* feat: added not null toggle in create new table drawer

* feat: on toggle not null constraint value will be persisted

* fix: loads label for not null toggle dynamically

* feat: add new column to tjdb null constraint support

* new datatype dropdown design implemented

* added new icon for delete column

* added delete icon for column

* added delete icon for column

* fix: when table name is empty create button will be disabled

* fix: datatype dropdown height fix

* fix: datatype drop down issue fix

* fix: datatype dropdown alignment fix

* fix: delete icon changed to new theme

* fix: delete icon changed to new one

* fix: create new column column name and datatype mandatory validation added

* fixed styling issues

* Added 2 space indentation for css

* inline css moved to css files as well as added 2 space indentation

* fix: createTable addColumn editColumn api payload structure change to incorporate constraint changes

* fix: error handling added for editColumn api

* added 2 space indentation

* fix: create table API payload structure changes

* added 2 space indentation and applied styles for dark mode as well

* disabled the existing column's dataType

* fix: create new column payload updated

* renamed columnIndex to columnSelection and fixed the plus column creator button position issue

* renamed columnIndex to columnSelection and added text visiblity for dropdown in dark and light mode

* moved the react-select's new styles to constants.js file as function

* react select's css moved to constants.js file

* fix: review comments has been fixed

* added edit column warning UI

* completed edit column new flow

* remove Please wait for ToolJet to update..this line from edit column warning message

* increased height for add column + button

* fix: create table will not accept empty values for mandatory fields like tablename column_name datatype

* fix: custom error message for tjdb add row operation

* stylefix: table footer page info section realignment changes

* fix: moved addNewColumn btn to dropdown on clicking table in sidebar

* feat: bulk update and add row option is moved to drop down

* add ability to collapse sidebar

* add tooltip

* fiexed the tooltip issue in collapsible sidebar

* fix background on blank slate

* fix: layout changes for tjdb table header section

* stylefix: tjdb table menu bar style fixes

* stylefix: header btn gap has been reduced

* fix: edit row data populated into the form

* adjusted height

* added small alignment changes

* pagination-rewamp

* adjusted footer style when we collapse the sidebar

* fixed the pagination issue when we add new row

* feat : sticky column header

* feat: expandable row with menu bar flaky issue

* fix: on row hover expand icon will now be visible

* stylefix: added bg color for row hover and cell hover

* stylefix: adjusted expand icon sise

* feature : cell navigation

* fix: flaky issue on tjdb menu bar while expanding row has been fixed

* added naviagation function for table cells

* fix: edit row drawer variable name fixes

* added cell edit option in table cell

* feat: tjdb cell edit dropdown menu completed

* fix merge

* updates node version

* fix: sticky column to left

* feature : cell navigation

* add support for null values on tjdb bulk upload

* stylefix: table background for dark mode fixed

* feature : cell edit implementation

* feat: progress bar for cell edit

* feature : cell edit implementation on boolean datatye

* bug fixes

* toggle implementation

* fix: removed duplicate not null constraint toggle in edit column form

* fix: when last filter is deleter in tjdb dashboard filter drop down will be closed

* feat : cell edit implementation completed

* removed console logs

* fix: edit column onclick not null toggle crash issue fixed

* solved bugs

* added border 2px for selected cells

* added cellvalue in cell input if  it have not null constraint

* stylefix: css value for cell hover has been updated

* fix: table header sticky

* stylefix: row hover background color for dark mode

* fix: autocomplete is off for cell edit input field

* fix: null tag was shown when we focus on the input field as well

* fix: in cell edit menu either null or default can be choosen

* fix: cell edit menu null toggle value sync and edit menu not opening issue

* stylefix: row hover bg color was broken

* fix: cell navigation flaky issue

* stylefix: progress bar attached to the bottom of the cell

* fix: tooljetdb collapsible side bar style changes has been fixed

* fix: added infor for cell edit menu navigation

* fix: cell navigation and cell edit menu boolean view arrow navigation

* fix: flow issues in cell navigation has been fixed

* fix: backspace key will remove null values and open cell edit mode

* fix: updated icon for openai datasource

* fix: when we update or delete record pagesize has been modified but it should remain same

* feat: typing on selected field inserts value and enable edit menu and removes null value if exist

* stylefix: table checkbox styling updated

* stylefix: tooljetdb table checkbox indeterminate mode style fixes

* stylefix: row selection background color

* fix: table first column can be selected but not edited

* fix: tooljetDB delete row btn text should be in plural when multiple rows are selected

* fix: when column header menu is opened and closed cell click was not working it is fixed now

* fix null value on id column on row insert

* fix: cell text overlfow will truncate

* fix: in tooljetdb while creating new row filters and sorts which were selected will be made default

* fix: tooljetdb table cell tooltip design change

* fix: on column select and hover entire column was flaky issue fixed

* fix: on edit cell and delete row filter-sort-page-pagesize will be retained

* fix: text info for multiple records selected was wrong

* fix: In tooljetdb tooltip on cell hover wasnt shown for cells pertaining to selected column

* fix: tooljetdb on create row operation scroll will be moved to top

* stylefix: in dark mode on hovering selected row cell background color was wrong

---------

Co-authored-by: Abd-Rahman-1999 <s.rahmanabd1999@gmail.com>
Co-authored-by: Ganesh Kumar <ganesh8056234@gmail.com>
2024-02-08 15:05:26 +05:30
Kiran Ashok
65259afeb2
Feature Homepage and settings redesign (#5763)
* adding colors

* feat :: add button

* feat :: added typography

* feat: init storybook

* removes browserlist

* feat :: adding button styles and button component

* feat :: added sass addon

* stories update

* feat :: replacing with radix colors

* danger variants

* updates buttin story

* fix :: removing default items

* cleanup

* fix icons update

* feat :: folder list component

* fix :: naming

* icon and split button :: init

* intermediate save :: app card component

* renaming

* updates

* update for module imports

* updates icon

* update :: homepage design updates

* design changes dashboard

* updates :: apps section

* workspace stting new design upate

* updates dasboard design

* style :: fixes

* feat :: added context for sidebar nav breadcrumb

* added all solid icons

* intermediate update

* change: conditions for fetching users

* sorybook updates

* design updates :: workspace settings page

* manage users page

* lint fixes

* fix :: styling

* stle fixes :: workspace settings

* homepage redesign

* fix :: all drawer colors and position ,teplate page revamp , database page header fixes

* imported all bulk icons

* svg to jsx : bulk icons

* minor :: cleanup

* fix :: manage users drawer

* fix :: searchboxes , userspage fixes

* fix :: all inputs and minor ui fixes

* database page ui fixes

* fix :: database and folder search functionality and iconlist in homecard

* fixed some db functionality and edge cases for longer texts

* fix :: user addition manage user page

* self review cleanup and change in bulk icon fill state

* fix :: homepage seacbar

* merging develop and resolving conflicts

* remove unwanted stories

* reverting merge with develop

* Revert "reverting merge with develop"

This reverts commit 2150c8ec0c.

* clearing out warnings

* lint fixes

* feat :: added org modal in database page

* fix :: sso loader theme

* fix :: broken styles select

* fixed icon warning and select ui

* fix :: upload bulk and user select dark mode

* merge styles  with develop

* feat :: integrated new ui for database

* removing storybook files

* fix :: all bugs related to users dropdown and cleanup

* fix: user search api for organization page

* cleanup and splitting dropzone component

* fix :: overflow issue in app card time

* fix for scrollbars in homepage

* PR review fixes

* updates :: fix d=global datasource design issues , homepage responsiveness

* tj db operations

* breadcrumb bug fixes

* lint fixes

* removing logs , removed fade in in datasource and database page

* marketplace page ui fix

* removing inital users table fetch

* Pr :: review changes

* remove logs

* fix :: popover bug

* minot style fix

* fix :: remove arrow from all popovers

* fix :: for loading states

* ux :: sidebar items reorder

* style :: fix

* style fix :: templates

* fix :: qa bugs

* fix :: Qa reported bugs

* removes :: folder fetch bug

* share link and datsource bg color fix

* fixes :: rename group ,

* removed logs

* pages popover background fix

* fix :: tj db table addition ui bug

* fix :: ui bug confirm modal password disable

* modal , revert name capitalize in lists, typos fix

* typos , users page route bugfix

* users page header bugfix

* workspace archive btn , datasources form style for select

* groups updated , delete, create flow updated

* avatar bug in profile page fix

* revert styles

* fix :: for create new table nav breadcrumb not being updated

* click state bug fix in avatar

* fix bug with appcard popover

* fix :: text capitalize issue

* fix :: lints and updated icon for filter delete

* fix warnings

---------

Co-authored-by: gandharv <gandharvkumargarg@gmail.com>
Co-authored-by: Vijaykant Yadav <vjy239@gmail.com>
2023-04-21 11:45:48 +05:30
Mekhla Asopa
0271dbf17d
Add data-cy for database functionality (#5455)
* Added data-cy for table header and subheader

* added data-cy for table operations

* added data-cy for table and text

* Added data-cy for delete icon and fields

* Updated and removed duplicate data-cy

* deleted unused files

* Updated data-cy for filter section
2023-03-02 14:33:00 +05:30
Kiran Ashok
2ab66d1dd0
Bugfix :: Fixing scroll in dashboard and databases (#5203)
* fix :: dashboard scroll

* fix :: reverting some styles

* fix :: scroll issue dashboard

* fix

* fix :: scroll in database

* cleanup

* pr fixes and added auto focus to folder modal

* fix for ::  row of data at the end of the table is not visible
2023-01-05 18:28:26 +05:30
Gandharv
2f025d11d3
Update homepage design (#5121)
* move all apps link under folders

* home page changes

* css changes

* fix

* fix comments icon

* breadcrumb fix

* change logo

* css fixes

* icon

* fix: comment notifications page id param addition

* loader heights change

* fix spacing

* update scroll

* delete unused file

* theme dark fix

* fix cursor

* css changes

* exp: removes skeleton

* exp: update apploader

* hide selector if single workspace

* keep search icon while searching pages

* update apploader

* use ui/select

* update plugin icons

* modal css changes

* css changes

* show delete, edit on hover only - querymanager

* update sidebaritem to use svg directly instead of img tag

* use svg for appicon
2023-01-04 13:28:55 +05:30
Gandharv
f4ab2a2221
fix: scroll in debugger panel (#5110)
* fix: popover width

* fix: debugger scroll

* rename title to debugger

* css changes

* homepage pagination

* same width edit-launch btns -> appcard

* profile icons

* fix render deploy

Co-authored-by: Akshay Sasidharan <akshaysasidharan93@gmail.com>
2022-12-30 17:23:20 +05:30
Akshay
602b1b4ad3
Feature: Tooljet Database (#4951)
* wip

* internal db per workspace

* fix async query

* feat: add storage layer route

* feat: add drawer component

* feat: add react-table to load data

* feat: add columns form

* feat: add create column form, create row form

* feat: add postgrest js

* add tooljet db controller to proxy requests to postgrest

* util: add postgrest filter builder helper utility

* feat: add filter popover

* use helper utility for building query

* add sortable filters

* add box shadow for filter popup

* use overlay trigger

* use react select

* add new column addition

* add dropdown for table header, table list

* Move filter.jsx

* feat: add sort popover

* feat: add postgrest js .order fn

* setup tooljetdb with restricted grants for users

* make db schemas added loaded dynamically on postgrest server

* fix query

* sign jwt token to auth user at postgrest

* update db schema user with workspace

* chore: add table listing

* update data and columns from api

* feat: add context api for sharing data

* add ability to create table, view tables and add columns

* use columns for sort from context api

* fix ormconfig

* feat: add table listing integration

* feat: add create table integration

* fix for rds deployment

* add internal table translation instead of schema

* remove tooljetdb as a datasource

* wrap placeholder on proxy query

* add active workspace guard

* scope tooljetdb by workspace

* update active workspace guard

* seperate proxy related concerns to different service

* make use of org id param

* rename storage layer to tooljet databse

* update specs

* feat: Update list when new table added

* feat: add create column

* chore: add orgId to url + misc changes

* chore: move popover to separate file

* remove unused var

* rename files

* feat: add multiple columns

* feat: add new row

* removes postgrest-js from pkg lock

* feat: add row data

* feat: add sorting

* feat: allow row deletion

* feat: add search

* feat: add filtering

* feat: add edit mode

* feat: add columns while edit table

* add view table action

* update setup for column constraint

* fix query

* integrate view_table, primary key field

* render toogle for boolean data type

* update view table query for primary key

* fetch metadata refactor

* add capability to set default values

* feat: allow deletion of record based on primary key

* feat: add default value while creating column

* send query from sort & filter component

* css changes

* allow empty data

* add requested changes

* add err message

* add common fn

* allow sort + filter

* remove unwanted defaults key

* css changes

* add more operators

* dark mode fixes

* add drawer footer

* add loader for list tables

* add dashboard design changes

* design changes

* add capability to drop table and delete column

* add breadcrumbs

* design changes

* add profile

* refactor tooljetdb controller

* update routes

* add empty page changes

* delete column fix

* fix delete column

* design changes

* fetch tables post delete

* homepage changes

* hide ellipsis on hover

* add org settings page

* add edit + create org

* add notification center

* fix: group permissions switch issue

* add logo

* remove anchor tag

* fix merge conflicts

* css changes

* add err boundary

* setup query editor

* css changes

* fix: merge conflicts

* add menuPortal prop to filterform and sort form

* fix seed

* fix: build

* design changes

* design changes + refactor code

* fix imports

* fix: drawer issue on delete table

* add search box changes

* fix: tablename max-length 255

* fix: set newly created table as selected item

* remove edit column option

* added badges to enterprise only features

* disable edit column

* table styles

* fix: popover position, placeholder default

* fix: display boolean values in table

* fix: tooljet database default type values

* css changes

* add query manager for tooljet db with create and list row

* dark mode fixes

* remove Header component

* add ability to delete tooljetdb rows from query manager

* add ability to update tooljetdb rows

* dark mode fixes

* css changes

* display actions icon on hover

* folder onclick change

* add empty page styles

* fix proxy requests

* feat: randomize icon creation

* add max items per page prop for pagination

* removes unwanted position attr

* add table name validation + disable submit btn while api fetch

* [Bugfix] internal storage toast  | trigger toasts for running preview db queries (#5019)

* resolves: no toasts are fired when preview query is run for db queries

* fire success toast for created and no content status text for query success

* remove invalid migration

* skip migration if tooljet db already created

* fix: app clone icon param

* fix: show confirmation box if filter options are empty in query (#5021)

* for now: show native confirmation box of the brower to confirm the delete all query

* typo

* Revert "typo"

This reverts commit b5ce5ed889.

* cleaned

* cleaned

* show confirmation box if filter options are empty in query

* [Refactor/Bugfix] database query (#5028)

* refactored list rows operations

* remove unwanted cls

* refactor create row

* reafactored update rows

* refactored delete rows

* padding fix for tj-query

* add static templates

* review changes

* remove unused file

* Chore: tooljetdb render setup (#5033)

* add postgrest for render preview deploy

* pin version

* add healthCheckPath

* remove health check

* handle database url parsing db params

* add defaults for tooljetdb env

* fix hostname

* handle env in migration files

* refactor dbconfig build

* fix pg db usage

* add parsed env context

* add tooljetdb env

* refactor db config utils

Co-authored-by: gandharv <gandharvkumargarg@gmail.com>
Co-authored-by: Shubhendra <withshubh@gmail.com>
Co-authored-by: Arpit <arpitnath42@gmail.com>
2022-12-23 02:09:57 +05:30