From 0654581c2b59b5908b16f580e392dbae2b61cef4 Mon Sep 17 00:00:00 2001
From: floxx2112 <florian1.hibert@orange.fr>
Date: Tue, 11 Jul 2023 16:05:09 +0200
Subject: [PATCH] opti + review on select tag

---
 .../columns-card/columns-card.component.html       |  4 ++--
 .../create-joins-page.component.html               |  4 ++--
 .../joins-table/joins-table.component.html         |  8 ++++----
 .../creation/where-card/where-card.component.html  |  6 +++---
 src/app/joins/joins-page/joins-page.component.html | 10 +++++-----
 .../manager/add-script/add-script.component.html   |  2 +-
 .../manager/edit-script/edit-script.component.html |  2 +-
 src/app/menu/navbar/navbar.component.html          |  2 ++
 src/app/menu/navbar/navbar.component.ts            | 14 ++++++++++++++
 .../request-page/request-page.component.html       | 10 +++++-----
 src/app/service/reset_data.service.ts              |  4 ++++
 11 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/src/app/creation/columns-card/columns-card.component.html b/src/app/creation/columns-card/columns-card.component.html
index abc7be5..23b0507 100644
--- a/src/app/creation/columns-card/columns-card.component.html
+++ b/src/app/creation/columns-card/columns-card.component.html
@@ -3,7 +3,7 @@
     <label class="text-black text-left">Colonnes(Base) : </label>
     <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterBaseColumn" placeholder="Rechercher...">
 
-    <select [(ngModel)]="baseColumnData" (change)="sendColumnsData()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+    <select [(ngModel)]="baseColumnData" (change)="sendColumnsData()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
     <option *ngFor="let col of baseColumns | filter : filterBaseColumn" id="{{ col.id }}" [ngValue]="col">{{ col.nameColumn }} ({{col.columnText}})</option>
     </select>
   </div>
@@ -12,7 +12,7 @@
     <label class="text-black text-left">Colonnes : </label>
     <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterSpecificColumn" placeholder="Rechercher...">
 
-    <select [(ngModel)]="specificColumnData" (change)="sendColumnsData()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+    <select [(ngModel)]="specificColumnData" (change)="sendColumnsData()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
     <option *ngFor="let col of specificColumns | filter : filterSpecificColumn" id="{{ col.id }}" [ngValue]="col">{{ col.nameColumn }} ({{col.columnText}})</option>
     </select>
   </div>
diff --git a/src/app/creation/create-joins-page/create-joins-page.component.html b/src/app/creation/create-joins-page/create-joins-page.component.html
index 7f22d83..2c727d7 100644
--- a/src/app/creation/create-joins-page/create-joins-page.component.html
+++ b/src/app/creation/create-joins-page/create-joins-page.component.html
@@ -12,7 +12,7 @@
           <label class="text-black text-left">Schémas : </label>
           <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterBaseSchema" placeholder="Rechercher...">
 
-          <select (change)="useTablesWithBaseSchema($event)" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+          <select (change)="useTablesWithBaseSchema($event)" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let schema of allSchema | filter : filterBaseSchema" value="{{ schema }}">{{ schema }}</option>
           </select>
         </div>
@@ -22,7 +22,7 @@
           <label *ngIf="isChecked" class="text-black text-left">Tables et Vues : </label>
           <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterBaseTables" placeholder="Rechercher...">
 
-          <select [(ngModel)]="baseTableData" (change)="getNameBaseTable()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+          <select [(ngModel)]="baseTableData" (change)="getNameBaseTable()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let table of tablesByBaseSchema | filter : filterBaseTables" id="{{ table.id }}" [ngValue]="table">{{ table.nameTable }}</option>
           </select>
         </div>
diff --git a/src/app/creation/joins-table/joins-table.component.html b/src/app/creation/joins-table/joins-table.component.html
index 83d0a9e..7e271a3 100644
--- a/src/app/creation/joins-table/joins-table.component.html
+++ b/src/app/creation/joins-table/joins-table.component.html
@@ -4,7 +4,7 @@
 
     <div>
       <label class="text-black text-left">Jointures : </label>
-      <select [(ngModel)]="joinData" (change)="verifyAndSendData()" size="4" class="my-2 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select [(ngModel)]="joinData" (change)="verifyAndSendData()" size="4" class="my-2 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let join of alljoins" [ngValue]="join">{{ join }}</option>
       </select>
     </div>
@@ -13,7 +13,7 @@
       <label class="text-black text-left">Schémas : </label>
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterBaseSchema" placeholder="Rechercher...">
 
-      <select (change)="useTablesWithSpecificSchema($event)" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select (change)="useTablesWithSpecificSchema($event)" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let schema of allSchema | filter : filterBaseSchema" value="{{ schema }}">{{ schema }}</option>
       </select>
     </div>
@@ -22,7 +22,7 @@
       <label class="text-black text-left">Tables : </label>
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterBaseTables" placeholder="Rechercher...">
 
-      <select [(ngModel)]="specificTableData" (change)="getSpecificColumns()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select [(ngModel)]="specificTableData" (change)="getSpecificColumns()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let table of tablesByBaseSchema | filter : filterBaseTables" id="{{ table.id }}" [ngValue]="table">{{ table.nameTable }}</option>
       </select>
     </div>
@@ -31,7 +31,7 @@
       <label class="text-black text-left">Alias(Base) : </label>
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterAlias" placeholder="Rechercher...">
 
-      <select [(ngModel)]="baseAlias" (change)="getBaseColumns()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select [(ngModel)]="baseAlias" (change)="getBaseColumns()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let alias of tempAliasData | filter : filterAlias" [ngValue]="alias">{{ alias.nameAlias }}</option>
       </select>
     </div>
diff --git a/src/app/creation/where-card/where-card.component.html b/src/app/creation/where-card/where-card.component.html
index 981463b..af2bfe5 100644
--- a/src/app/creation/where-card/where-card.component.html
+++ b/src/app/creation/where-card/where-card.component.html
@@ -4,7 +4,7 @@
 
     <div *ngIf="childIndex != 0">
       <label class="text-black text-left">Opérateurs : </label>
-      <select [(ngModel)]="operator" (change)="verifyAndSendConditionData()" size="4" class="my-2 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select [(ngModel)]="operator" (change)="verifyAndSendConditionData()" size="4" class="my-2 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let ope of operatorList" [ngValue]="ope">{{ ope }}</option>
       </select>
     </div>
@@ -13,7 +13,7 @@
       <label class="text-black text-left">Alias : </label>
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterAlias" placeholder="Rechercher...">
 
-      <select [(ngModel)]="baseAlias" (change)="getColumns()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select [(ngModel)]="baseAlias" (change)="getColumns()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let alias of allAlias | filter : filterAlias" [ngValue]="alias">{{ alias.nameAlias }}</option>
       </select>
     </div>
@@ -22,7 +22,7 @@
       <label class="text-black text-left">Colonnes : </label>
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterColumn" placeholder="Rechercher...">
 
-      <select [(ngModel)]="baseColumnData" (change)="verifyAndSendConditionData()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select [(ngModel)]="baseColumnData" (change)="verifyAndSendConditionData()" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
       <option *ngFor="let col of baseColumns | filter : filterColumn" id="{{ col.id }}" [ngValue]="col">{{ col.nameColumn }} ({{col.columnText}})</option>
       </select>
     </div>
diff --git a/src/app/joins/joins-page/joins-page.component.html b/src/app/joins/joins-page/joins-page.component.html
index c527d15..cf97e5c 100644
--- a/src/app/joins/joins-page/joins-page.component.html
+++ b/src/app/joins/joins-page/joins-page.component.html
@@ -9,7 +9,7 @@
           <label class="text-black">Schémas : </label>
           <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterFirstSchema" placeholder="Rechercher...">
 
-          <select (change)="useTablesWithFirstSchema($event)" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+          <select (change)="useTablesWithFirstSchema($event)" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
             <option *ngFor="let schema of allSchema | filter : filterFirstSchema" value="{{ schema }}">{{ schema }}</option>
           </select>
 
@@ -19,7 +19,7 @@
           <label class="text-black">Tables : </label>
           <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterFirstTable" placeholder="Rechercher...">
 
-          <select [(ngModel)]="firstTableData" (change)="getColumnsForJoinTwo()" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+          <select [(ngModel)]="firstTableData" (change)="getColumnsForJoinTwo()" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
             <option *ngFor="let table of tablesByFirstSchema | filtertable : filterFirstTable" id="{{ table.id }}" [ngValue]="table">{{ table.nameTable }}</option>
           </select>
           </div>
@@ -34,7 +34,7 @@
       <label class="text-black">Schémas : </label>
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterSecondSchema" placeholder="Rechercher...">
 
-      <select (change)="useTablesWithSecondSchema($event)" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select (change)="useTablesWithSecondSchema($event)" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
         <option *ngFor="let schema of allSchema | filter : filterSecondSchema" value="{{ schema }}">{{ schema }}</option>
       </select>
 
@@ -44,7 +44,7 @@
         <label class="text-black">Tables : </label>
         <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterSecondTable" placeholder="Rechercher...">
 
-        <select [(ngModel)]="secondTableData" (change)="getColumnsForJoinTwo()"  size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+        <select [(ngModel)]="secondTableData" (change)="getColumnsForJoinTwo()"  size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let table of tablesBySecondSchema | filtertable : filterSecondTable" id="{{ table.id }}" [ngValue]="table">{{ table.nameTable }}</option>
         </select>
       </div>
@@ -70,7 +70,7 @@
 
       <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterColumn" placeholder="Rechercher...">
 
-      <select (change)="displayColumnsInformations($event)" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+      <select (change)="displayColumnsInformations($event)" size="3" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
         <option *ngFor="let column of infoColumn | filter: filterColumn" id="{{ column.id }}" value="{{ column.id }}">{{ column.nameColumn }}</option>
       </select>
     </div>
diff --git a/src/app/manager/add-script/add-script.component.html b/src/app/manager/add-script/add-script.component.html
index 2e4e390..d328ebd 100644
--- a/src/app/manager/add-script/add-script.component.html
+++ b/src/app/manager/add-script/add-script.component.html
@@ -46,7 +46,7 @@
     <div class="font-bold text-lg">Nom du Script :</div>
     <input type="text" class="block w-full my-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="nameOfFile" placeholder="Tapez ici...">
     <div class="font-bold text-lg">Type d'extension :</div>
-    <select [(ngModel)]="nameOfExtension" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5" required>
+    <select [(ngModel)]="nameOfExtension" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none" required>
       <option [ngValue]="undefined" disabled>Sélectionner l'extension</option>
       <option *ngFor="let ext of listOfExtension" value="{{ ext }}">{{ ext }}</option>
     </select>
diff --git a/src/app/manager/edit-script/edit-script.component.html b/src/app/manager/edit-script/edit-script.component.html
index 9f2e0b4..eb62240 100644
--- a/src/app/manager/edit-script/edit-script.component.html
+++ b/src/app/manager/edit-script/edit-script.component.html
@@ -15,7 +15,7 @@
     <div class="font-bold text-lg">Nom du Script :</div>
     <input [(ngModel)]="newName" type="text" class="block w-full my-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" placeholder="Tapez ici...">
     <div class="font-bold text-lg">Type d'extension :</div>
-    <select [(ngModel)]="newExtension" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5" required>
+    <select [(ngModel)]="newExtension" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none" required>
       <option [ngValue]="undefined" disabled>Sélectionner l'extension</option>
       <option *ngFor="let ext of listOfExtension" value="{{ ext }}">{{ ext }}</option>
     </select>
diff --git a/src/app/menu/navbar/navbar.component.html b/src/app/menu/navbar/navbar.component.html
index af26d38..e734eb6 100644
--- a/src/app/menu/navbar/navbar.component.html
+++ b/src/app/menu/navbar/navbar.component.html
@@ -25,6 +25,8 @@
 
         <button (click)="applyResetDatabase()" class="text-white bg-orange-400 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:animate-pulse">MAJ BDD</button>
 
+        <button (click)="testreset()" class="text-white bg-orange-400 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:animate-pulse">Test</button>
+
         <mat-spinner *ngIf="isLoading" diameter="30"></mat-spinner>
       </div>
     </div>
diff --git a/src/app/menu/navbar/navbar.component.ts b/src/app/menu/navbar/navbar.component.ts
index 465d98b..313f4ea 100644
--- a/src/app/menu/navbar/navbar.component.ts
+++ b/src/app/menu/navbar/navbar.component.ts
@@ -35,4 +35,18 @@ export class NavbarComponent {
      }
   }
 
+  public testreset(): void {
+    this.isLoading = true;
+    this.resetDataService.testres().subscribe(
+      () => {
+        this.router.navigateByUrl('');
+        this.isLoading = false;
+
+      },
+        (error: HttpErrorResponse) => {
+          alert(error.message)
+        }
+    )
+  }
+
 }
diff --git a/src/app/search/request-page/request-page.component.html b/src/app/search/request-page/request-page.component.html
index 0da528b..9d57d6b 100644
--- a/src/app/search/request-page/request-page.component.html
+++ b/src/app/search/request-page/request-page.component.html
@@ -8,11 +8,11 @@
         <label class="text-black">Schémas : </label>
         <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterSchema" placeholder="Rechercher...">
 
-        <select [(ngModel)]="schemaName" (change)="useTablesWithSchemaName()" *ngIf="!schemasByTable" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+        <select [(ngModel)]="schemaName" (change)="useTablesWithSchemaName()" *ngIf="!schemasByTable" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let schema of allSchema | filter : filterSchema" [ngValue]="schema">{{ schema }}</option>
         </select>
 
-        <select [(ngModel)]="schemaData" (change)="useTablesWithSchemaName()" *ngIf="schemasByTable" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+        <select [(ngModel)]="schemaData" (change)="useTablesWithSchemaName()" *ngIf="schemasByTable" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let schema of schemasByTable | filter : filterSchema" [ngValue]="schema">{{ schema.nameSchema }}</option>
         </select>
 
@@ -26,11 +26,11 @@
         <label class="text-black">Tables : </label>
         <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterTable" (ngModelChange)="sortCorrectly()" placeholder="Rechercher..." >
 
-        <select [(ngModel)]="tableData" (change)="useSchemaWithTableName()" *ngIf="!tablesBySchema" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+        <select [(ngModel)]="tableData" (change)="useSchemaWithTableName()" *ngIf="!tablesBySchema" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let table of infoTable | filter : filterTable" id="{{ table.id }}" [ngValue]="table">{{ table.nameTable }}</option>
         </select>
 
-        <select [(ngModel)]="tableData" (change)="useSchemaWithTableName()" *ngIf="tablesBySchema" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+        <select [(ngModel)]="tableData" (change)="useSchemaWithTableName()" *ngIf="tablesBySchema" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let table of tablesBySchema | filter : filterTable" id="{{ table.id }}" [ngValue]="table">{{ table.nameTable }}</option>
         </select>
 
@@ -48,7 +48,7 @@
 
         <input type="text" class="block w-full my-2 pl-2 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-slate-800 focus:border-slate-800" [(ngModel)]="filterColumn" placeholder="Rechercher...">
 
-        <select (change)="displayColumnsInformations($event)" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5">
+        <select (change)="displayColumnsInformations($event)" size="5" class="mb-4 bg-gray-50 text-sm text-slate-800 rounded-lg focus:ring-slate-800 focus:border-slate-800 block w-full p-2.5 bg-none">
           <option *ngFor="let column of infoColumn | filter: filterColumn" id="{{ column.id }}" value="{{ column.id }}">{{ column.nameColumn }} ({{ column.columnText }})</option>
         </select>
 
diff --git a/src/app/service/reset_data.service.ts b/src/app/service/reset_data.service.ts
index 1997bce..6abee0f 100644
--- a/src/app/service/reset_data.service.ts
+++ b/src/app/service/reset_data.service.ts
@@ -15,4 +15,8 @@ export class ResetDataService {
     return this.http.post<void>(`${this.apiServerUrl}/api/reset`, null);
   }
 
+  public testres(){
+    return this.http.post<void>(`${this.apiServerUrl}/api/testres`, null);
+  }
+
 }