From 8e30b8029c2db1d95bcae34e5e9fe9f98ecb1f0f Mon Sep 17 00:00:00 2001
From: William Horn <wbhorn@alaska.edu>
Date: Mon, 10 Feb 2025 14:57:55 -0900
Subject: [PATCH 1/3] feat: Button to remove special charecters from list
 search inputs

This is to make it possible to easily get granules from hyp3 job
---
 .../list-filters/list-filters.component.html    |  5 +++++
 .../list-filters/list-filters.component.scss    |  4 ++++
 .../list-filters/list-filters.component.ts      | 17 +++++++++++++++++
 3 files changed, 26 insertions(+)

diff --git a/src/app/components/filters-dropdown/list-filters/list-filters.component.html b/src/app/components/filters-dropdown/list-filters/list-filters.component.html
index 64efc4781..c00ba2659 100644
--- a/src/app/components/filters-dropdown/list-filters/list-filters.component.html
+++ b/src/app/components/filters-dropdown/list-filters/list-filters.component.html
@@ -59,6 +59,10 @@ <h4>
                   {{ 'FILE' |  translate }}
                 </mat-button-toggle>
               </mat-button-toggle-group>
+              <button mat-flat-button aria-label="Clean" class="clean-input-button"
+                  (click)="onCleanListInput()">
+                Clean Input
+              </button>
             </div>
           </div>
           <div class="input-field-container">
@@ -68,6 +72,7 @@ <h4>
                         [(ngModel)]="searchList"
                         style="height: 150px;"
                         placeholder="{{ 'LIST_OF' | translate }} {{ mode === types.SCENE ? ( 'SCENE_NAMES' | translate ): ( 'FILE_IDS'|translate ) }}">
+
               </textarea>
             </mat-form-field>
             <div class="drop-file-area file-upload-container"
diff --git a/src/app/components/filters-dropdown/list-filters/list-filters.component.scss b/src/app/components/filters-dropdown/list-filters/list-filters.component.scss
index 710611138..ea8c94612 100644
--- a/src/app/components/filters-dropdown/list-filters/list-filters.component.scss
+++ b/src/app/components/filters-dropdown/list-filters/list-filters.component.scss
@@ -104,3 +104,7 @@
     margin-top: 8px;
   }
 }
+
+.clean-input-button {
+  margin: 4px;
+}
diff --git a/src/app/components/filters-dropdown/list-filters/list-filters.component.ts b/src/app/components/filters-dropdown/list-filters/list-filters.component.ts
index 1418ea43a..a7b2a0190 100644
--- a/src/app/components/filters-dropdown/list-filters/list-filters.component.ts
+++ b/src/app/components/filters-dropdown/list-filters/list-filters.component.ts
@@ -173,6 +173,23 @@ export class ListFiltersComponent implements OnInit, OnDestroy {
     this.newListInput$.next(text);
   }
 
+  public onCleanListInput(): void {
+    if (!this.searchList) {
+      return
+    }
+
+    const charsToRemove = /[\'\"\[\]\:\n\,\{\}\(\)]/g;
+
+    const cleanList = this.searchList
+      .replace(charsToRemove, '')
+      .split(' ')
+      .filter(listItem => listItem !== '')
+      .join(', ')
+
+    this.searchList = cleanList;
+    this.setNewListInput(cleanList);
+  }
+
   public onNewListSearchMode(mode: models.ListSearchType): void {
     this.store$.dispatch(new filtersStore.SetListSearchType(mode));
   }

From c1ffb03a92befd6cbcbe179ddd7c32df356705bd Mon Sep 17 00:00:00 2001
From: William Horn <wbhorn@alaska.edu>
Date: Mon, 10 Feb 2025 15:01:41 -0900
Subject: [PATCH 2/3] add more charecters to clean

---
 .../filters-dropdown/list-filters/list-filters.component.ts     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/filters-dropdown/list-filters/list-filters.component.ts b/src/app/components/filters-dropdown/list-filters/list-filters.component.ts
index a7b2a0190..f4a8a1123 100644
--- a/src/app/components/filters-dropdown/list-filters/list-filters.component.ts
+++ b/src/app/components/filters-dropdown/list-filters/list-filters.component.ts
@@ -178,7 +178,7 @@ export class ListFiltersComponent implements OnInit, OnDestroy {
       return
     }
 
-    const charsToRemove = /[\'\"\[\]\:\n\,\{\}\(\)]/g;
+    const charsToRemove = /[\'\"\[\]\:\n\,\{\}\(\)\=\.]/g;
 
     const cleanList = this.searchList
       .replace(charsToRemove, '')

From c1f5d58e3c6b07d13222a34996cf9869d8c12164 Mon Sep 17 00:00:00 2001
From: William Horn <wbhorn@alaska.edu>
Date: Mon, 10 Feb 2025 15:05:11 -0900
Subject: [PATCH 3/3] chore: add clean input as a translate key

---
 .../filters-dropdown/list-filters/list-filters.component.html   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/filters-dropdown/list-filters/list-filters.component.html b/src/app/components/filters-dropdown/list-filters/list-filters.component.html
index c00ba2659..f5940a3b1 100644
--- a/src/app/components/filters-dropdown/list-filters/list-filters.component.html
+++ b/src/app/components/filters-dropdown/list-filters/list-filters.component.html
@@ -61,7 +61,7 @@ <h4>
               </mat-button-toggle-group>
               <button mat-flat-button aria-label="Clean" class="clean-input-button"
                   (click)="onCleanListInput()">
-                Clean Input
+                  {{ 'CLEAN_INPUT' | translate }}
               </button>
             </div>
           </div>