LegacyUI: Add Label to FileUpload Input

See: https://mantis.ilias.de/view.php?id=40601
ILIAS-eLearning · Dec 13, 2024 · b796a48 · b796a48
1 parent 2ef08fd
commit b796a48
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/Services/Form/classes/class.ilFileInputGUI.php b/Services/Form/classes/class.ilFileInputGUI.php
@@ -347,6 +347,7 @@ public function render(string $a_mode = ""): string
         $f_tpl->setVariable("POST_VAR", $this->getPostVar());
         $f_tpl->setVariable("ID", $this->getFieldId());
         $f_tpl->setVariable("SIZE", $this->getSize());
+        $f_tpl->setVariable("LABEL_SELECTED_FILES_INPUT", $this->lng->txt('selected_files'));
 
 
         /* experimental: bootstrap'ed file upload */

diff --git a/Services/Form/classes/class.ilImageFileInputGUI.php b/Services/Form/classes/class.ilImageFileInputGUI.php
@@ -167,7 +167,7 @@ public function insert(ilTemplate $a_tpl): void
         $i_tpl->setVariable('MAX_SIZE', $this->upload_limit->getPhpUploadLimitInBytes());
         $i_tpl->setVariable("POST_VAR", $this->getPostVar());
         $i_tpl->setVariable("ID", $this->getFieldId());
-
+        $i_tpl->setVariable("LABEL_SELECTED_FILES_INPUT", $this->lng->txt('selected_files'));
 
         /* experimental: bootstrap'ed file upload */
         $i_tpl->setVariable("TXT_BROWSE", $lng->txt("select_file"));

diff --git a/Services/Form/templates/default/tpl.prop_file.html b/Services/Form/templates/default/tpl.prop_file.html
@@ -10,7 +10,8 @@
 					{TXT_BROWSE}<input type="file" id="{ID}" name="{POST_VAR}" data-maxsize="{MAX_SIZE}" data-maxsize-warning="{MAX_SIZE_WARNING}"{DISABLED}/>
 				</span>
 			</span>
-			<input tabindex="-1" type="text" class="form-control" readonly="readonly"{DISABLED}>
+            <label class='sr-only' for="{POST_VAR}_file_display">{LABEL_SELECTED_FILES_INPUT}</label>
+			<input tabindex="-1" id="{POST_VAR}_file_display" type="text" class="form-control" readonly="readonly"{DISABLED}>
 		</div>
 
 		<!--<input type="file" id="{ID}" name="{POST_VAR}" size="{SIZE}" data-maxsize="{MAX_SIZE}" data-maxsize-warning="{MAX_SIZE_WARNING}"{DISABLED} />-->

diff --git a/Services/Form/templates/default/tpl.prop_image_file.html b/Services/Form/templates/default/tpl.prop_image_file.html
@@ -4,7 +4,8 @@
 			{TXT_BROWSE}<input type="file" id="{ID}" name="{POST_VAR}" data-maxsize="{MAX_SIZE}" data-maxsize-warning="{MAX_SIZE_WARNING}"{DISABLED}/>
 		</span>
 	</span>
-	<input tabindex="-1" type="text" class="form-control" readonly="readonly"{DISABLED}>
+    <label class='sr-only' for="{POST_VAR}_file_display">{LABEL_SELECTED_FILES_INPUT}</label>
+	<input tabindex="-1" id="{POST_VAR}_file_display" type="text" class="form-control" readonly="readonly"{DISABLED}>
 </div>
 
 <!--<input type="file" id="{ID}" name="{POST_VAR}" size="30" {DISABLED}/>-->