Hi Hackers,

Attached is part 3 of the patch, to be applied after part 2. Urgh, I know
this is annoying, but I am trying to fix and send patches as and when I
find them. This patch includes fix for hiding controls. Backform used
"hidden" class for hiding elements, and hidden is replaced with d-none in
Bootstrap 4.
One more big miss - debugger button toolbar was not visible/or in position.
Fixed that as well.

Let me know if you find more. :/


On Thu, Oct 11, 2018 at 3:38 PM Aditya Toshniwal <
aditya.toshni...@enterprisedb.com> wrote:

> Hi Hackers,
>
> Team found few more issues. Calendar control totally messed up. The
> bootstrap-datetimepicker package does not work with Bootstrap 4.
> Fortunately, there exists one package which is advanced version of the
> same - https://tempusdominus.github.io/bootstrap-4/. With minimum changes
> I am able bring back the calendar control. (Create Role -> Account expiry)
> Also fixed sort filter dropdown in query tool.
>
> Kindly review.
>
>
> On Wed, Oct 10, 2018 at 5:16 PM Dave Page <dp...@pgadmin.org> wrote:
>
>> Thanks, patch applied.
>>
>> On Wed, Oct 10, 2018 at 11:41 AM Aditya Toshniwal <
>> aditya.toshni...@enterprisedb.com> wrote:
>>
>>> Ohh  :/
>>> Attached is the rebased patch - v4.
>>>
>>> On Wed, Oct 10, 2018 at 3:55 PM Dave Page <dp...@pgadmin.org> wrote:
>>>
>>>> Hi
>>>>
>>>> Did you rebase this? It doesn't apply for me:
>>>>
>>>> (pgadmin4) dpage@hal:*~/git/pgadmin4*$ git apply
>>>> ~/Downloads/RM3562_v3.patch
>>>>
>>>> error: patch failed: web/pgadmin/static/scss/_select2.overrides.scss:2
>>>>
>>>> error: web/pgadmin/static/scss/_select2.overrides.scss: patch does not
>>>> apply
>>>>
>>>> /Users/dpage/Downloads/RM3562_v3.patch:6137: new blank line at EOF.
>>>>
>>>> +
>>>>
>>>> On Wed, Oct 10, 2018 at 11:23 AM Aditya Toshniwal <
>>>> aditya.toshni...@enterprisedb.com> wrote:
>>>>
>>>>> Hi,
>>>>>
>>>>> Attached is the updated patch - v3. I missed the user login related
>>>>> stuffs. The patch includes changes for those.
>>>>> I have also changed the colour style of login page.
>>>>>
>>>>> Kindly review.
>>>>>
>>>>> On Tue, Oct 9, 2018 at 4:18 PM Dave Page <dp...@pgadmin.org> wrote:
>>>>>
>>>>>> Hi
>>>>>>
>>>>>> Almost there - unfortunately I found another couple of issues in
>>>>>> server mode (placement of the username, and formatting of the menu). 
>>>>>> Please
>>>>>> see the attached screenshot.
>>>>>>
>>>>>> Regards, Dave.
>>>>>>
>>>>>> On Tue, Oct 9, 2018 at 10:13 AM Aditya Toshniwal <
>>>>>> aditya.toshni...@enterprisedb.com> wrote:
>>>>>>
>>>>>>> Hi Hackers,
>>>>>>>
>>>>>>> Attached it the updated patch v2.
>>>>>>> Kindly review.
>>>>>>>
>>>>>>>
>>>>>>> On Mon, Oct 8, 2018 at 5:55 PM Aditya Toshniwal <
>>>>>>> aditya.toshni...@enterprisedb.com> wrote:
>>>>>>>
>>>>>>>> Hi,
>>>>>>>>
>>>>>>>> On Mon, Oct 8, 2018 at 4:06 PM Dave Page <dp...@pgadmin.org> wrote:
>>>>>>>>
>>>>>>>>> Hi
>>>>>>>>>
>>>>>>>>> On Fri, Oct 5, 2018 at 1:51 PM Aditya Toshniwal <
>>>>>>>>> aditya.toshni...@enterprisedb.com> wrote:
>>>>>>>>>
>>>>>>>>>> Hi Hackers,
>>>>>>>>>>
>>>>>>>>>> Attached is the patch to migrate pgAdmin4 currently based on
>>>>>>>>>> Bootstrap 3, to be Bootstrap 4 compatible. The idea is to move to 
>>>>>>>>>> Bootstrap
>>>>>>>>>> 4 with minimum possible changes in pgAdmin4. I have also used 
>>>>>>>>>> bootstrap
>>>>>>>>>> scss (and not the dist file of bootstrap) to customize bootstrap as 
>>>>>>>>>> per the
>>>>>>>>>> need of pgAdmin4.
>>>>>>>>>> I have done a basic testing. It may not look alike to that with
>>>>>>>>>> Bootstrap 3, but it is possible that you may find some discrepancy 
>>>>>>>>>> (which
>>>>>>>>>> was proper before :P ). Kindly let me know.
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Looks good. I spotted a couple of issues though:
>>>>>>>>>
>>>>>>>>> - The menu bar is a different colour now (dark grey rather than
>>>>>>>>> black). Not the end of the world, but I thought I'd mention it.
>>>>>>>>>
>>>>>>>> I thought of keeping the bootstrap default dark color. Will customize
>>>>>>>> it to black.
>>>>>>>>
>>>>>>>
>>>>>>>>> - The subnode control has lost some of it's styling. This does
>>>>>>>>> need to be fixed I think. See the attached screenshot ( boostrap 3 is 
>>>>>>>>> on
>>>>>>>>> the left).
>>>>>>>>>
>>>>>>>> Yes. Will send the fix with updated patch.
>>>>>>>>
>>>>>>>
>>>>>>>>> Thanks.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> 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"
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> Thanks and Regards,
>>>>>>> Aditya Toshniwal
>>>>>>> Software Engineer | EnterpriseDB Software Solutions | Pune
>>>>>>> "Don't Complain about Heat, Plant a tree"
>>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> 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"
>>>>>
>>>>
>>>>
>>>> --
>>>> 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"
>>>
>>
>>
>> --
>> 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"
>


-- 
Thanks and Regards,
Aditya Toshniwal
Software Engineer | EnterpriseDB Software Solutions | Pune
"Don't Complain about Heat, Plant a tree"
diff --git a/web/pgadmin/browser/static/js/node.js b/web/pgadmin/browser/static/js/node.js
index a7f43974..695d6636 100644
--- a/web/pgadmin/browser/static/js/node.js
+++ b/web/pgadmin/browser/static/js/node.js
@@ -395,7 +395,7 @@ define('pgadmin.browser.node', [
               success: function() {
                 // Clear timeout and remove message
                 clearTimeout(timer);
-                $msgDiv.addClass('hidden');
+                $msgDiv.addClass('d-none');
 
                 // We got the latest attributes of the object. Render the view
                 // now.
diff --git a/web/pgadmin/static/js/backform.pgadmin.js b/web/pgadmin/static/js/backform.pgadmin.js
index 7bfbcb90..06154c14 100644
--- a/web/pgadmin/static/js/backform.pgadmin.js
+++ b/web/pgadmin/static/js/backform.pgadmin.js
@@ -28,6 +28,7 @@ define([
     setGroupClassName: 'set-group pg-el-xs-12',
     tabClassName: 'backform-tab pg-el-xs-12',
     setGroupContentClassName: 'fieldset-content pg-el-xs-12',
+    hiddenClassName: 'd-none',
   });
 
   Backform.controlMapper = {
diff --git a/web/pgadmin/static/scss/_bootstrap.overrides.scss b/web/pgadmin/static/scss/_bootstrap.overrides.scss
index 078053bc..22dd377d 100644
--- a/web/pgadmin/static/scss/_bootstrap.overrides.scss
+++ b/web/pgadmin/static/scss/_bootstrap.overrides.scss
@@ -250,3 +250,8 @@ td.switch-cell > div.bootstrap-switch {
   background-color: $input-disabled-bg !important;
   opacity: 1;
 }
+
+
+.btn-toolbar {
+  min-width: 100%;
+}
diff --git a/web/pgadmin/static/scss/_pgadmin.style.scss b/web/pgadmin/static/scss/_pgadmin.style.scss
index 92cdf46a..63867e69 100644
--- a/web/pgadmin/static/scss/_pgadmin.style.scss
+++ b/web/pgadmin/static/scss/_pgadmin.style.scss
@@ -935,6 +935,7 @@ lgg-el-container[el=md] .pg-el-lg-8,
 }
 
 .pg-prop-btn-group {
+  min-width: 100%;
   left: 0px;
   right: 0px;
   padding: 2px;
diff --git a/web/pgadmin/tools/debugger/templates/debugger/direct.html b/web/pgadmin/tools/debugger/templates/debugger/direct.html
index f1a64032..efbff876 100644
--- a/web/pgadmin/tools/debugger/templates/debugger/direct.html
+++ b/web/pgadmin/tools/debugger/templates/debugger/direct.html
@@ -36,8 +36,8 @@ try {
 </style>
 {% endif %}
 <div class="debugger_main_container" tabindex="0">
-    <nav class="navbar-inverse navbar-fixed-top">
-        <div id="btn-toolbar" class="btn-toolbar pg-prop-btn-group bg-gray-lighter border-gray-light" role="toolbar" aria-label="">
+    <nav class="navbar navbar-expand-lg fixed-top">
+        <div id="btn-toolbar" class="pg-prop-btn-group bg-gray-lighter border-gray-light" role="toolbar" aria-label="">
             <div class="btn-group" role="group" aria-label="">
                 <button type="button" class="btn btn-default btn-step-into" id="btn-step-into"
                         title=""

Reply via email to