Ai chat by karinakharchenko · Pull Request #1500 · rocket-admin/rocketadmin

frontend/src/app/animations/toggle.animation.ts

-Original file line number
+Diff line change
@@ -0,0 +1,38 @@
+    import {
+      trigger,
+      transition,
+      style,
+      animate,
+      query,
+      group,
+    } from '@angular/animations';
+    const easing = 'cubic-bezier(0.4, 0.0, 0.2, 1)';
+    const duration = '600ms';
+    export const toggleAnimation = trigger('toggle', [
+      transition(':enter', [
+        style({ height: 0, opacity: 0 }),
+        query('.details', [
+          style({ transform: 'translateY(-100%)' })
+        ], { optional: true }),
+        group([
+          animate(`${duration} ${easing}`, style({ height: '*', opacity: 1 })),
+          query('.details', [
+            animate(`${duration} ${easing}`, style({ transform: 'translateY(0)' }))
+          ], { optional: true })
+        ])
+      ]),
+      transition(':leave', [
+        style({ height: '*', opacity: 1 }),
+        query('.details', [
+          style({ transform: 'translateY(0)' })
+        ], { optional: true }),
+        group([
+          animate(`${duration} ${easing}`, style({ height: 0, opacity: 0 })),
+          query('.details', [
+            animate(`${duration} ${easing}`, style({ transform: 'translateY(-100%)' }))
+          ], { optional: true })
+        ])
+      ])
+    ]);

-Original file line number
+Diff line change
@@ Expand Up @@
                 ></app-db-table-row-view>
                 <app-db-table-ai-panel *ngIf="isAIpanelOpened"
                     [displayName]="selectedTableDisplayName"
+                    [tableColumns]="dataSource?.dataColumns || []"
+                    [sidebarExpanded]="shownTableTitles"
                 ></app-db-table-ai-panel>
             </mat-sidenav-content>
         </mat-sidenav-container>
@@ Expand Down @@

Provide feedback