From: Jo-Philipp Wich <jo@mein.io>
Date: Sun, 10 Nov 2019 18:45:58 +0000 (+0100)
Subject: luci-base: ui.js: show filename after selecting upload file
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=4cc7772ed510e5a851f69521127471867ac9abd3;p=oweals%2Fluci.git

luci-base: ui.js: show filename after selecting upload file

Fixes: #3286
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
---

diff --git a/modules/luci-base/htdocs/luci-static/resources/ui.js b/modules/luci-base/htdocs/luci-static/resources/ui.js
index ffa36402a..2e360410d 100644
--- a/modules/luci-base/htdocs/luci-static/resources/ui.js
+++ b/modules/luci-base/htdocs/luci-static/resources/ui.js
@@ -2277,7 +2277,23 @@ return L.Class.extend({
 							type: 'file',
 							style: 'display:none',
 							change: function(ev) {
-								L.dom.parent(ev.target, '.modal').querySelector('.cbi-button-action.important').disabled = false;
+								var modal = L.dom.parent(ev.target, '.modal'),
+								    body = modal.querySelector('p'),
+								    upload = modal.querySelector('.cbi-button-action.important'),
+								    file = ev.currentTarget.files[0];
+
+								if (file == null)
+									return;
+
+								L.dom.content(body, [
+									E('ul', {}, [
+										E('li', {}, [ '%s: %s'.format(_('Name'), file.name.replace(/^.*[\\\/]/, '')) ]),
+										E('li', {}, [ '%s: %1024mB'.format(_('Size'), file.size) ])
+									])
+								]);
+
+								upload.disabled = false;
+								upload.focus();
 							}
 						}),
 						E('button', {