add little tooltip

src/app/app.module.ts

@@ -32,6 +32,7 @@ import { TagsManagementComponent } from './tags-management/tags-management.compo
 import { NgMultiSelectDropDownModule } from 'ng-multiselect-dropdown';
 import { CdkAccordionModule } from '@angular/cdk/accordion';
 import { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';
+import {MatTooltipModule} from '@angular/material/tooltip';
 
 
 
@@ -68,7 +69,8 @@ import { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';
     MatProgressSpinnerModule,
     NgMultiSelectDropDownModule,
     CdkAccordionModule,
-    ClipboardModule
+    ClipboardModule,
+    MatTooltipModule
 
   ],
   providers: [EmployeeService],

src/app/create-joins-page/create-joins-page.component.html

@@ -68,23 +68,9 @@
       <div class="sticky top-20 w-full mt-2 sm:mt-0 sm:w-1/3 h-full text-center rounded-lg overflow-hidden shadow-lg bg-white p-4 ">
         <div class="flex justify-between mb-2">
           <div class="text-xl font-bold">Résultat de la requête :</div>
-          <mat-icon [cdkCopyToClipboard]="newRequestData" class="text-green-400 ml-2 hover:cursor-pointer" svgIcon="copy"></mat-icon>
+          <mat-icon matTooltip="Copier la requête" [cdkCopyToClipboard]="newRequestData" class="text-green-400 ml-2 hover:cursor-pointer" svgIcon="copy"></mat-icon>
         </div>
-
-        <!-- <textarea [(ngModel)]="newRequestData" rows="20" class="block p-2.5 w-full text-sm rounded-lg border bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-orange-400 focus:border-orange-400">
-
-        </textarea> -->
-
         <div class="rounded-lg overflow-hidden shadow-lg bg-slate-900 text-white text-left pl-2">{{newRequestData}}
-
-          <!-- <div>SELECT * FROM {{baseSchema}}.{{baseTableName}} AS {{baseTableNameLowerCase}}</div>
-          <div *ngFor="let join of allData, index as i">{{join.joinSpec}} {{join.specificSchema}}.{{join.specificTable}} AS {{join.aliasSpecificTable}}
-            <div *ngFor="let allCol of allData[i].columns, index as in">
-              {{allCol.operator}} {{join.baseAlias}}.{{allCol.aliasColumn}}={{join.aliasSpecificTable}}.{{allCol.specColumn}}
-            </div>
-          </div>
-          <div *ngFor="let cond of conditionData">{{ cond.operator }} {{ cond.alias }}.{{ cond.column }} {{ cond.condition }} {{ cond.value }}</div> -->
-
         </div>
       </div>
     </div>

src/app/script-management/script-management.component.html

@@ -68,7 +68,8 @@
                 <div
                   role="region"
                   [style.display]="descriptionDisplay ? '' : 'none'"
-                  class="rounded-lg bg-white p-2 shadow-md">
+                  class="rounded-lg bg-white p-2 shadow-md"
+                  *ngIf="descText">
                   {{ descText }}
                 </div>
               </div>