From 3ef04b58ca0c968eb709ac0615f006afd41daec1 Mon Sep 17 00:00:00 2001
From: Roman Kelesidis <roman25052006.kelesh@gmail.com>
Date: Sun, 3 Aug 2025 18:46:31 +0300
Subject: [PATCH] feat: Add clear button for file upload input in
 `posting_attach.tpl`

---
 styles/templates/default/posting_attach.tpl | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/styles/templates/default/posting_attach.tpl b/styles/templates/default/posting_attach.tpl
index b9af32484..18b4799ad 100644
--- a/styles/templates/default/posting_attach.tpl
+++ b/styles/templates/default/posting_attach.tpl
@@ -1,6 +1,8 @@
 <!-- IF TPL_ADD_ATTACHMENT -->
 <!--========================================================================-->
 
+<style>#clear_file_upload { display: none; }</style>
+
 <tr>
 	<th colspan="2" class="thHead">{L_ADD_ATTACHMENT_TITLE}</th>
 </tr>
@@ -10,6 +12,7 @@
 		<table class="borderless" cellspacing="0">
 		<tr>
 			<td class="pad_4">
+				<input type="button" id="clear_file_upload" value="{L_CLEAR}" />
 				<input type="file" name="fileupload" size="45" maxlength="{FILESIZE}" />
 				<p class="small nowrap">{L_ADD_ATTACHMENT_EXPLAIN}</p>
 			</td>
@@ -26,6 +29,24 @@
 	</td>
 </tr>
 
+<script type="text/javascript">
+    $(document).ready(function () {
+        $('input[name="fileupload"]').on('change', function () {
+            if (this.files && this.files.length > 0) {
+                $('input[type=button]#clear_file_upload').show();
+            } else {
+                $('input[type=button]#clear_file_upload').hide();
+            }
+        });
+
+        $('input[type=button]#clear_file_upload').on('click', function () {
+            $('input[name="filecomment"]').val('');
+            $('input[name="fileupload"]').val('');
+            $('input[type=button]#clear_file_upload').hide();
+        });
+    });
+</script>
+
 <!--========================================================================-->
 <!-- ENDIF / TPL_ADD_ATTACHMENT -->