fixed bootstrap file chooser gui element

zopefoundation · Jun 21, 2018 · 3994f83 · 3994f83
1 parent 62966ad
commit 3994f83
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/OFS/dtml/documentEdit.dtml b/src/OFS/dtml/documentEdit.dtml
@@ -42,7 +42,8 @@
 		<form action="manage_upload" method="post" enctype="multipart/form-data" class="zmi-upload mt-4">
 			<div class="input-group" title="Select Local File for Uploading">
 				<div class="custom-file">
-					<input type="file" name="file" class="custom-file-input" id="file-data" value="">
+					<input type="file" name="file" class="custom-file-input" id="file-data" value="" 
+						onchange="$('.custom-file label').html($(this).val().replace(/^.*(\\|\/|\:)/, ''));" />
 					<label class="custom-file-label" for="file-data">Choose file</label>
 				</div>
 				<div class="input-group-append">

diff --git a/src/OFS/dtml/fileEdit.dtml b/src/OFS/dtml/fileEdit.dtml
@@ -67,10 +67,11 @@
 </form>
 
 	<dtml-unless wl_isLocked>
-		<form X-action="<dtml-var "REQUEST.URL1" html_quote>" action="manage_upload" method="post" enctype="multipart/form-data" class="zmi-upload mt-4">
+		<form action="<dtml-var "REQUEST.URL1" html_quote>" action="manage_upload" method="post" enctype="multipart/form-data" class="zmi-upload mt-4">
 			<div class="input-group" title="Select Local File for Uploading">
 				<div class="custom-file">
-					<input type="file" name="file" class="custom-file-input" id="file-data" value="">
+					<input type="file" name="file" class="custom-file-input" id="file-data" value="" 
+						onchange="$('.custom-file label').html($(this).val().replace(/^.*(\\|\/|\:)/, ''));" />
 					<label class="custom-file-label" for="file-data">Choose file</label>
 				</div>
 				<div class="input-group-append">

diff --git a/src/OFS/dtml/imageEdit.dtml b/src/OFS/dtml/imageEdit.dtml
@@ -64,7 +64,9 @@
 		<form action="manage_upload" method="post" enctype="multipart/form-data" class="zmi-image zmi-upload mt-4">
 			<div class="input-group" title="Select Local File for Uploading">
 				<div class="custom-file">
-					<input type="file" name="file" class="custom-file-input" id="file-data" value="">
+					<input type="file" name="file" class="custom-file-input" id="file-data" value=""
+					id="file-data"
+						onchange="$('.custom-file label').html($(this).val().replace(/^.*(\\|\/|\:)/, ''));" />
 					<label class="custom-file-label" for="file-data">Choose file</label>
 				</div>
 				<div class="input-group-append">