Thread: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcut toolsbar for frequently used features
[pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcut toolsbar for frequently used features
From
Akshay Joshi
Date:
Hi Hackers,
--

I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.
Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.
Akshay Joshi
Sr. Software Architect

Phone: +91 20-3058-9517
Mobile: +91 976-788-8246
Mobile: +91 976-788-8246
Attachment
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Ashesh Vashi
Date:
On Thu, Sep 6, 2018 at 5:49 PM Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:
Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.
Reviewer/Developers need to run the following command to get the latest wcdocker.
yarn install --update
-- Thanks, Ashesh
Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.--Akshay JoshiSr. Software ArchitectPhone: +91 20-3058-9517
Mobile: +91 976-788-8246
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Dave Page
Date:
Hi
On Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:
-- Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.
Very nice!
Couple of pieces of feedback:
- Are there any relevant docs that need updating?
- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).
Thanks!
Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Akshay Joshi
Date:
Hi Dave
--

On Thu, Sep 6, 2018 at 7:38 PM, Dave Page <dpage@pgadmin.org> wrote:
HiOn Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.Very nice!Couple of pieces of feedback:- Are there any relevant docs that need updating?
Updated.
- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).
Fixed. Please find attached patch file.
--Thanks!Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Akshay Joshi
Sr. Software Architect

Phone: +91 20-3058-9517
Mobile: +91 976-788-8246
Mobile: +91 976-788-8246
Attachment
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Dave Page
Date:
Hi
--
On Mon, Sep 10, 2018 at 8:03 AM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:
Hi DaveOn Thu, Sep 6, 2018 at 7:38 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.Very nice!Couple of pieces of feedback:- Are there any relevant docs that need updating?Updated.- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).Fixed. Please find attached patch file.
Almost there :-). The buttons are still not quite a match - in Chrome they seem to differ from the main toolbar buttons in a couple of ways:
- The border shown on mouseover looks darker/bolder.
- The background colour doesn't change on mouseover as the toolbar buttons do.
Thanks.
Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Akshay Joshi
Date:
On Mon, Sep 10, 2018 at 6:09 PM, Dave Page <dpage@pgadmin.org> wrote:
HiOn Mon, Sep 10, 2018 at 8:03 AM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi DaveOn Thu, Sep 6, 2018 at 7:38 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.Very nice!Couple of pieces of feedback:- Are there any relevant docs that need updating?Updated.- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).Fixed. Please find attached patch file.Almost there :-). The buttons are still not quite a match - in Chrome they seem to differ from the main toolbar buttons in a couple of ways:- The border shown on mouseover looks darker/bolder.
- The background colour doesn't change on mouseover as the toolbar buttons do.
Fixed both the above. Attached is the latest patch.
Thanks.--Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Akshay Joshi
Sr. Software Architect

Phone: +91 20-3058-9517
Mobile: +91 976-788-8246
Mobile: +91 976-788-8246
Attachment
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Dave Page
Date:
Thanks! Patch applied.
On Mon, Sep 10, 2018 at 2:05 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:
On Mon, Sep 10, 2018 at 6:09 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Mon, Sep 10, 2018 at 8:03 AM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi DaveOn Thu, Sep 6, 2018 at 7:38 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.Very nice!Couple of pieces of feedback:- Are there any relevant docs that need updating?Updated.- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).Fixed. Please find attached patch file.Almost there :-). The buttons are still not quite a match - in Chrome they seem to differ from the main toolbar buttons in a couple of ways:- The border shown on mouseover looks darker/bolder.- The background colour doesn't change on mouseover as the toolbar buttons do.Fixed both the above. Attached is the latest patch.Thanks.--Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company--Akshay JoshiSr. Software ArchitectPhone: +91 20-3058-9517
Mobile: +91 976-788-8246
Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Aditya Toshniwal
Date:
Hi Akshay,
You have used hardcoded hash values for colors in class pg-toolbar-btn.
Kindly use SCSS variables and move pg-toolbar-btn related to browser/static/scss/_browser.scss
On Mon, Sep 10, 2018 at 7:46 PM Dave Page <dpage@pgadmin.org> wrote:
Thanks! Patch applied.On Mon, Sep 10, 2018 at 2:05 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:On Mon, Sep 10, 2018 at 6:09 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Mon, Sep 10, 2018 at 8:03 AM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:Hi DaveOn Thu, Sep 6, 2018 at 7:38 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote:Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.Very nice!Couple of pieces of feedback:- Are there any relevant docs that need updating?Updated.- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).Fixed. Please find attached patch file.Almost there :-). The buttons are still not quite a match - in Chrome they seem to differ from the main toolbar buttons in a couple of ways:- The border shown on mouseover looks darker/bolder.- The background colour doesn't change on mouseover as the toolbar buttons do.Fixed both the above. Attached is the latest patch.Thanks.--Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company--Akshay JoshiSr. Software ArchitectPhone: +91 20-3058-9517
Mobile: +91 976-788-8246--Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company
Thanks and Regards,
Aditya Toshniwal
Software Engineer | EnterpriseDB Software Solutions | Pune
"Don't Complain about Heat, Plant a tree"
Re: [pgAdmin4][Patch]: Feature 3564 pgAdmin4 should have shortcuttools bar for frequently used features
From
Akshay Joshi
Date:
Thanks Aditya. I have changed and committed the code.
On Tue, Sep 11, 2018 at 10:33 AM, Aditya Toshniwal <aditya.toshniwal@enterprisedb.com> wrote:
Hi Akshay,You have used hardcoded hash values for colors in class pg-toolbar-btn.Kindly use SCSS variables and move pg-toolbar-btn related to browser/static/scss/_browser.scss --On Mon, Sep 10, 2018 at 7:46 PM Dave Page <dpage@pgadmin.org> wrote:Thanks! Patch applied.On Mon, Sep 10, 2018 at 2:05 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: On Mon, Sep 10, 2018 at 6:09 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Mon, Sep 10, 2018 at 8:03 AM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi DaveOn Thu, Sep 6, 2018 at 7:38 PM, Dave Page <dpage@pgadmin.org> wrote:HiOn Thu, Sep 6, 2018 at 1:19 PM, Akshay Joshi <akshay.joshi@enterprisedb.com> wrote: Hi Hackers,I have implemented the Feature #3564 pgAdmin4 should have shortcut tools bar for frequently used features. As per discussion I have added buttons on the "Browser" Panel.Thanks to Ashesh as he has modified the wcDocker code and added following:
- Added support to specify parent class which will be added to the parent node of the wcFrameButton. This is required for the identification of the button and enable/disable it.
- Added support to enable/disable the wcFrameButton using label.
Attached is the patch file which contains implementation and feature test. There is a change in package.json file, so need to run yarn install after applying the patch.Very nice!Couple of pieces of feedback:- Are there any relevant docs that need updating?Updated.- Can we make the buttons look like regular toolbar buttons (only smaller)? They look quite different from the toolbar buttons on the query tool and debugger, and I think should have the same stying (not that of the tabset control buttons which I'd argue are semantically different in purpose).Fixed. Please find attached patch file.Almost there :-). The buttons are still not quite a match - in Chrome they seem to differ from the main toolbar buttons in a couple of ways:- The border shown on mouseover looks darker/bolder.- The background colour doesn't change on mouseover as the toolbar buttons do.Fixed both the above. Attached is the latest patch.Thanks.--Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company--Akshay JoshiSr. Software ArchitectPhone: +91 20-3058-9517
Mobile: +91 976-788-8246--Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake
EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL CompanyThanks and Regards,Aditya ToshniwalSoftware Engineer | EnterpriseDB Software Solutions | Pune"Don't Complain about Heat, Plant a tree"
Akshay Joshi
Sr. Software Architect

Phone: +91 20-3058-9517
Mobile: +91 976-788-8246
Mobile: +91 976-788-8246