From 4bec16b911a1dab7f59a678d6bd6b2a3c0cb1169 Mon Sep 17 00:00:00 2001
From: Eduard Klimenko <edik.klimenko@gmail.com>
Date: Fri, 8 Jul 2022 13:16:04 +0300
Subject: [PATCH] fix: auto expand Doc frame container by click of popup item
 [info]

---
 .../login-form/login-form.component.html      | 26 +++++--------------
 .../pages/home.page/home.page.component.ts    |  7 ++++-
 2 files changed, 12 insertions(+), 21 deletions(-)

diff --git a/src/app/components/login-form/login-form.component.html b/src/app/components/login-form/login-form.component.html
index 319db83..8b16fff 100644
--- a/src/app/components/login-form/login-form.component.html
+++ b/src/app/components/login-form/login-form.component.html
@@ -12,7 +12,7 @@
                     {{ errorMessage }}
                 </div>
 
-                <mat-accordion>
+                <!-- <mat-accordion>
                     <mat-expansion-panel [expanded]="true">
                         <mat-expansion-panel-header>
                             <mat-panel-title>
@@ -64,21 +64,7 @@
 
                             </div>
 
-                            <!-- <div style="text-align: center; color: green" *ngIf="!!shoes.selectedOptions.selected[0]?.value?.viewValue">
-                                Option selected: {{shoes.selectedOptions.selected[0]?.value?.viewValue}}
-                            </div> -->
-                            <!-- <mat-form-field appearance="fill">
-                                <mat-label>Favorite food</mat-label>
-                                <mat-select>
-                                    <mat-option
-                                        *ngFor="let dbItem of dbItems; let k = key"
-                                        [value]="dbItem.value"
-                                        [selected]="k === 0"
-                                    >
-                                        {{ dbItem.viewValue }}
-                                    </mat-option>
-                                </mat-select>
-                            </mat-form-field> -->
+
                         </div>
                     </mat-expansion-panel>
                     <mat-expansion-panel>
@@ -86,7 +72,7 @@
                             <mat-panel-title>
                                 Create a new connection to DB
                             </mat-panel-title>
-                        </mat-expansion-panel-header>
+                        </mat-expansion-panel-header> -->
                         <div class="flex-column">
                             <mat-form-field appearance="fill">
                                 <mat-label>ClickHouse HTTP URL</mat-label>
@@ -115,9 +101,9 @@
                                 />
                             </mat-form-field>
                         </div>
-                    </mat-expansion-panel>
-                </mat-accordion>
-                <div class="btn-panel">
+                    <!-- </mat-expansion-panel>
+                </mat-accordion> -->
+                <div class="btn-panel" style="margin: 0rem">
                     <button
                         style="margin-right: 0.5rem"
                         mat-raised-button
diff --git a/src/app/pages/home.page/home.page.component.ts b/src/app/pages/home.page/home.page.component.ts
index 1e58e1b..85b2229 100644
--- a/src/app/pages/home.page/home.page.component.ts
+++ b/src/app/pages/home.page/home.page.component.ts
@@ -69,7 +69,12 @@ export class HomePageComponent implements OnInit {
         }
         console.log(this.currentRow.size)
         this.docsService.listen().subscribe(doc_link => {
-            this.isDocsShows = !!doc_link;
+            this.isDocsShows = false;
+            this.cdr.detectChanges();
+            requestAnimationFrame(() => {
+                this.isDocsShows = !!doc_link;
+                this.cdr.detectChanges();
+            })
             // this.isLeftPanel = !doc_link;
         })
     }