From f9e25c97996b7966a5e06231dc61ad0ba63feec4 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sun, 29 Mar 2026 13:37:08 +0200
Subject: [PATCH] feat(xtream): add clear form button and functionality

---
 apps/web/src/assets/i18n/en.json              |  1 +
 .../xtream-code-import.component.html         | 25 +++++++++++++------
 .../xtream-code-import.component.ts           | 12 +++++++++
 3 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/assets/i18n/en.json b/apps/web/src/assets/i18n/en.json
index 9740e6d1c..197a73723 100644
--- a/apps/web/src/assets/i18n/en.json
+++ b/apps/web/src/assets/i18n/en.json
@@ -1,4 +1,5 @@
 {
+    "CLEAR": "Clear",
     "CLOSE": "Close",
     "PLAYLISTS": "Playlists",
     "HOME": {
diff --git a/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.html b/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.html
index be1996265..d57ffe211 100644
--- a/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.html
+++ b/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.html
@@ -35,14 +35,23 @@
     </mat-form-field>
 
     <div class="button-row">
-        <button
-            mat-button
-            type="button"
-            [disabled]="!form.valid || isTestingConnection"
-            (click)="testConnection()"
-        >
-            {{ isTestingConnection ? 'Testing...' : 'Test Connection' }}
-        </button>
+        <div>
+            <button
+                mat-button
+                type="button"
+                [disabled]="!form.valid || isTestingConnection"
+                (click)="testConnection()"
+            >
+                {{ isTestingConnection ? 'Testing...' : 'Test Connection' }}
+            </button>
+            <button
+                mat-button
+                type="button"
+                (click)="clearForm()"
+            >
+                {{ 'CLEAR' | translate }}
+            </button>
+        </div>
         <button
             mat-button
             type="submit"
diff --git a/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.ts b/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.ts
index 51892c8a2..8f80a14a8 100644
--- a/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.ts
+++ b/libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.ts
@@ -127,6 +127,18 @@ export class XtreamCodeImportComponent {
         return this.portalStatusService.getStatusIcon(this.connectionStatus);
     }
 
+    clearForm() {
+        this.form.reset({
+            _id: uuid(),
+            title: '',
+            password: '',
+            username: '',
+            serverUrl: '',
+            importDate: new Date().toISOString(),
+        });
+        this.connectionStatus = null;
+    }
+
     addPlaylist() {
         const serverUrlAsString = this.form.value.serverUrl as string;
         const url = new URL(serverUrlAsString);